|
|
@@ -57,21 +57,22 @@
|
|
|
<div class="quesList">
|
|
|
<div class="listItem" v-for="(item,index) in data" :key="index">
|
|
|
<div v-if="item.type=='SCQ'">
|
|
|
- <div class="itemTitle">{{ index+1 }}. {{item.description}}(单选)</div>
|
|
|
+ <div class="itemTitle">{{ index + 1 }}. {{ item.description }}<el-tag class="elTag" size="small" type="danger">单选</el-tag></div>
|
|
|
<el-radio-group v-model="item.comment" class="flex-column">
|
|
|
<el-radio class="myRadio" v-for="(childItem,childIndex) in item.options" :key="childIndex" :label="childItem.id" disabled>{{ childItem.name }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
|
|
|
<div v-if="item.type=='MCQ'">
|
|
|
- <div class="itemTitle">{{ index+1 }}. {{item.description}}(多选)</div>
|
|
|
+ <div class="itemTitle">{{ index + 1 }}. {{ item.description }}<el-tag class="elTag" size="small" type="danger">多选</el-tag></div>
|
|
|
<el-checkbox-group v-model="item.comment" class="flex-column">
|
|
|
<el-checkbox class="myRadio" v-for="(childItem,childIndex) in item.options" :key="childIndex" :label="childItem.id" disabled>{{ childItem.name }}</el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
</div>
|
|
|
<div v-if="item.type=='SAQ'">
|
|
|
- <div class="itemTitle">{{ index+1 }}. {{item.description}}(问答)</div>
|
|
|
- <el-input disabled type="textarea" :rows="6" maxlength="200" show-word-limit placeholder="请输入内容" v-model="item.comment"></el-input>
|
|
|
+ <div class="itemTitle">{{ index + 1 }}. {{ item.description }}<el-tag class="elTag" size="small" type="danger">问答</el-tag></div>
|
|
|
+ <div class="myText">{{ item.comment }}</div>
|
|
|
+ <!-- <el-input disabled type="textarea" :rows="6" maxlength="200" show-word-limit placeholder="请输入内容" v-model="item.comment"></el-input> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="dialogStatus=='complete'" class="listItem">
|
|
|
@@ -93,8 +94,12 @@
|
|
|
.listItem{
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
-.itemTitle{
|
|
|
- margin-bottom: 10px;
|
|
|
+.itemTitle {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
+.elTag{
|
|
|
+ margin-left: 5px;
|
|
|
}
|
|
|
.demo-table-expand {
|
|
|
font-size: 0;
|
|
|
@@ -357,6 +362,21 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
|
+.myText {
|
|
|
+ display: block;
|
|
|
+ resize: vertical;
|
|
|
+ padding: 5px 15px;
|
|
|
+ line-height: 1.5;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #606266;
|
|
|
+ background-color: #FFF;
|
|
|
+ background-image: none;
|
|
|
+ border: 1px solid #DCDFE6;
|
|
|
+ border-radius: 4px;
|
|
|
+ transition: border-color .2s cubic-bezier(.645,.045,.355,1);
|
|
|
+}
|
|
|
.myRadio{
|
|
|
display: flex;
|
|
|
justify-content: center;
|
