hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-11 20:06:49 +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

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

@@ -90,23 +90,28 @@
<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;"
if (data.isSubmit) { @click="
return; () => {
} if (data.isSubmit) {
value.assessmentSingleChoiceVoList.forEach((e) => { return;
e.select = false; }
}); value.assessmentSingleChoiceVoList.forEach((e) => {
values.select = true; e.select = false;
} });
"> values.select = true;}
<img style="width: 19px; height: 18px; cursor: pointer" :src="values.select ? checkbox : checkbox2" /> ">
<div class="people">{{ values.singleOptionName }}</div> <div style="display:flex">
<img style="width: 19px; height: 18px; cursor: pointer" :src="values.select ? checkbox : checkbox2" />
<div class="people">{{ values.singleOptionName }}</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> </div>
@@ -116,20 +121,25 @@
<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;"
if (data.isSubmit) { @click="
return; () => {
} if (data.isSubmit) {
values.select = !values.select; return;
} }
"> values.select = !values.select;
<img style="width: 19px; height: 18px; cursor: pointer" :src="values.select ? checkbox : checkbox2" /> }">
<div class="people">{{ values.multipleOptionName }}</div> <div style="display:flex">
<img style="width: 19px; height: 18px; cursor: pointer" :src="values.select ? checkbox : checkbox2" />
<div class="people">{{ values.multipleOptionName }}</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> </div>