|
@@ -15,22 +15,22 @@
|
|
|
<div class="quesList">
|
|
|
<div class="listItem" v-for="(item, index) in dataList" :key="index">
|
|
|
<div v-if="item.type == 'SCQ'">
|
|
|
- <div class="itemTitle">{{ index + 1 }}. {{ item.description }}(单选)</div>
|
|
|
- <el-radio-group v-model="item.comment">
|
|
|
- <el-radio :disabled="data.interactUserStatus == 0?false:true" v-for="(childItem, childIndex) in item.options" :key="childIndex"
|
|
|
+ <div class="itemTitle">{{ index + 1 }}. {{ item.description }}<el-tag size="small" type="danger"> 单选</el-tag></div>
|
|
|
+ <el-radio-group v-model="item.comment" class="flex-column">
|
|
|
+ <el-radio class="myRadio" :disabled="data.interactUserStatus == 0?false:true" v-for="(childItem, childIndex) in item.options" :key="childIndex"
|
|
|
:label="childItem.id">{{ childItem.name }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.type == 'MCQ'">
|
|
|
- <div class="itemTitle">{{ index + 1 }}. {{ item.description }}(多选)</div>
|
|
|
- <el-checkbox-group v-model="item.comment">
|
|
|
- <el-checkbox :disabled="data.interactUserStatus == 0?false:true" v-for="(childItem, childIndex) in item.options" :key="childIndex"
|
|
|
+ <div class="itemTitle">{{ index + 1 }}. {{ item.description }}<el-tag size="small" type="danger"> 多选</el-tag></div>
|
|
|
+ <el-checkbox-group v-model="item.comment" class="flex-column">
|
|
|
+ <el-checkbox class="myRadio" :disabled="data.interactUserStatus == 0?false:true" v-for="(childItem, childIndex) in item.options" :key="childIndex"
|
|
|
:label="childItem.id">{{ childItem.name }}</el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
</div>
|
|
|
<div v-if="item.type == 'SAQ'">
|
|
|
- <div class="itemTitle">{{ index + 1 }}. {{ item.description }}(问答)</div>
|
|
|
+ <div class="itemTitle">{{ index + 1 }}. {{ item.description }}<el-tag size="small" type="danger"> 问答</el-tag></div>
|
|
|
<el-input :disabled="data.interactUserStatus == 0?false:true" type="textarea" :rows="4" placeholder="请输入内容" v-model="item.comment"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -133,6 +133,14 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
+.myRadio{
|
|
|
+ margin: 10px !important;
|
|
|
+}
|
|
|
+.flex-column{
|
|
|
+ display: flex;
|
|
|
+ flex-flow: column nowrap;
|
|
|
+ align-items: flex-start;
|
|
|
+}
|
|
|
.footBut {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
@@ -150,6 +158,7 @@ export default {
|
|
|
|
|
|
.itemTitle {
|
|
|
margin-bottom: 10px;
|
|
|
+ font-weight: 700;
|
|
|
}
|
|
|
|
|
|
.userInfo {
|