hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-14 05:16:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:增加评估单选和多选选项图片显示

Browse Source
This commit is contained in:
wyx
2023-02-03 10:08:30 +08:00
parent 29ea5c41f3
commit 7c194b2308
1 changed files with 41 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/survey/SurveyDetail.vue
View File

@@ -90,11 +90,13 @@
<div class="text"> <div class="text">
{{ value?.singleStemName }} {{ value?.singleStemName }}
</div> </div>
<div v-for="(values, indexs) in value.assessmentSingleChoiceVoList" :key="indexs" <!-- 需要遍历的选项 -->
style="display: flex; align-items: center" :style="{ <div style="display:flex;justify-content:flex-start;align-items:center;margin-top: 24px;">
'margin-top': indexs === 0 ? '29px' : '22px', <div
cursor: 'pointer', v-for="(values, indexs) in value.assessmentSingleChoiceVoList"
}" @click=" :key="indexs"
style="display: flex; align-items: center;cursor: pointer;flex-direction: column;"
@click="
() => { () => {
if (data.isSubmit) { if (data.isSubmit) {
return; return;
@@ -102,12 +104,15 @@
value.assessmentSingleChoiceVoList.forEach((e) => { value.assessmentSingleChoiceVoList.forEach((e) => {
e.select = false; e.select = false;
}); });
values.select = true; values.select = true;}
}
"> ">
<div style="display:flex">
<img style="width: 19px; height: 18px; cursor: pointer" :src="values.select ? checkbox : checkbox2" /> <img style="width: 19px; height: 18px; cursor: pointer" :src="values.select ? checkbox : checkbox2" />
<div class="people">{{ values.singleOptionName }}</div> <div class="people">{{ values.singleOptionName }}</div>
</div> </div>
<img v-if="values.singleOptionPictureAddress" style="width: 140px; height: 140px; border-radius: 8px;margin-left: 130px;margin-top: 12px;" :src="values.singleOptionPictureAddress ? values.singleOptionPictureAddress : ''" />
</div>
</div>
</div> </div>
</div> </div>
@@ -116,21 +121,26 @@
<div class="text"> <div class="text">
{{ value?.multipleStemName }} {{ value?.multipleStemName }}
</div> </div>
<div v-for="(values, indexs) in value.multipleChoiceVoList" :key="indexs" <!-- 需要遍历的选项 -->
style="display: flex; align-items: center" :style="{ <div style="display:flex;justify-content:flex-start;align-items:center;margin-top: 24px;">
'margin-top': indexs === 0 ? '29px' : '22px', <div
cursor: 'pointer', v-for="(values, indexs) in value.multipleChoiceVoList"
}" @click=" :key="indexs"
style="display: flex; align-items: center;cursor: pointer;flex-direction: column;"
@click="
() => { () => {
if (data.isSubmit) { if (data.isSubmit) {
return; return;
} }
values.select = !values.select; values.select = !values.select;
} }">
"> <div style="display:flex">
<img style="width: 19px; height: 18px; cursor: pointer" :src="values.select ? checkbox : checkbox2" /> <img style="width: 19px; height: 18px; cursor: pointer" :src="values.select ? checkbox : checkbox2" />
<div class="people">{{ values.multipleOptionName }}</div> <div class="people">{{ values.multipleOptionName }}</div>
</div> </div>
<img v-if="values.multipleOptionPictureAddress" style="width: 140px; height: 140px; border-radius: 8px;margin-left: 130px;margin-top: 12px;" :src="values.multipleOptionPictureAddress ? values.multipleOptionPictureAddress : ''" />
</div>
</div>
</div> </div>
</div> </div>