修改

src/views/postManage/postApprovalList.vue

@@ -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;