页面修改

src/components/questiontype/fill-in.vue

@@ -4,12 +4,15 @@
     width: 100%;
   }
 
-  .tk_info {
+  .fillInQuestion .tk_info {
     color: #A8A8B3;
     font-size: 12px;
-    line-height: 24px;
     cursor: default;
-    margin-top: 20px;
+  }
+
+  .fillInQuestion .fillIn_td {
+    width: 50px;
+    text-align: center;
   }
 
 </style>
@@ -17,31 +20,45 @@
   <div class="fillInQuestion">
     <table v-if="data&&data.length>0" class="common_TiTable">
       <tr v-for="(item,index) in data" :key="index">
-        <td style="width:50px;text-align:center;padding-top:8px;">
+        <td class="fillIn_td" style="padding-top:8px;">
           第{{index+1}}空
         </td>
         <td>
           <div class="InpDIV" v-html="item.Content" v-if="commonIndex!=index" @click="changeEdit(index)"></div>
           <UeEditor v-model="item.Content" :config="config" v-else></UeEditor>
         </td>
-        <td style="width:30px;text-align:center;">
-          <i class="iconfont icon-guanbi Tiku_DelIcon" @click="deleteOpion(index)"></i>
+        <td class="fillIn_td">
+          <i class="iconfont icon-guanbi Tiku_DelIcon" v-if="data.length>1" @click="deleteOpion(index)"></i>
         </td>
       </tr>
+      <tfoot>
+        <tr>
+          <td>
+          </td>
+          <td colspan="2">
+            <a class="addTiMuList" @click="addOption()">
+              <i class="iconfont icon-add"></i>添加更多
+            </a>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="3">
+            <el-checkbox v-model="setOption.IsMutex" :true-label="1" :false-label="0"><span
+                style="font-size:12px;">答案顺序打乱也判正确</span></el-checkbox>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="3" class="tk_info">
+            1. 一个空有多种答案时请用";"隔开。如：水;H2O
+          </td>
+        </tr>
+        <tr>
+          <td colspan="3" class="tk_info">
+            2. 若试题答案是数字，可设置范围，两个数字之间用"-"。如：1-9，学生填写1到9之间的数字都算正确（包括1和9）
+          </td>
+        </tr>
+      </tfoot>
     </table>
-    <a class="addTiMuList" @click="addOption()">
-      <i class="iconfont icon-add"></i>添加更多
-    </a>
-    <br />
-    <br />
-    <el-checkbox v-model="setOption.IsMutex" :true-label="1" :false-label="0"><span
-        style="font-size:12px;">答案顺序打乱也判正确</span></el-checkbox>
-    <br />
-    <div class="tk_info">
-      1. 一个空有多种答案时请用";"隔开。如：水;H2O
-      <br />
-      2. 若试题答案是数字，可设置范围，两个数字之间用"-"。如：1-9，学生填写1到9之间的数字都算正确（包括1和9）
-    </div>
   </div>
 </template>
 <script>

src/components/questiontype/matching.vue

@@ -76,7 +76,7 @@
           第2组：
         </td>
       </tr>
-      <tr v-for="(item,index) in data[1]" :key="index">
+      <tr v-for="(item,index) in data[1]" :key="index+1000">
         <td class="matching_td" style="padding-top:10px;">
           {{item.Name}}
         </td>
@@ -103,7 +103,7 @@
           答案：
         </td>
       </tr>
-      <tr v-for="(item,index) in data[0]" :key="index">
+      <tr v-for="(item,index) in data[0]" :key="index+2000">
         <td class="matching_td">
           {{item.Name}}
         </td>

src/components/questiontype/sharing-choose.vue

@@ -59,9 +59,8 @@
           </a>
         </td>
       </tr>
-
       <!--题干部分-->
-      <tr v-for="(item,index) in data[1]" :key="index">
+      <tr v-for="(item,index) in data[1]" :key="index+1000">
         <td class="sharingChoose_td" style="padding-top:8px;">
           {{index+1}}
         </td>
@@ -87,7 +86,7 @@
           答案：
         </td>
       </tr>
-      <tr v-for="(item,index) in data[1]" :key="index">
+      <tr v-for="(item,index) in data[1]" :key="index+2000">
         <td class="sharingChoose_td">
         第 {{index+1}} 题
         </td>

src/components/questiontype/v-fillin.vue

@@ -32,7 +32,7 @@
       </template>
       <!--可以填写-->
       <template v-if="isOperate">
-        <tbody v-for="(item,index) in data.QuestionContentObj" :key="index">
+        <tbody v-for="(item,index) in data.QuestionContentObj" :key="index+1000">
           <tr>
             <td class="v_fillInTitle">
               第{{index+1}}空
@@ -63,7 +63,7 @@
           </td>
         </tr>
         <template v-if="isShowStudentAnswer">
-          <tr v-for="(item,index) in data.AnswerList" :key="index">
+          <tr v-for="(item,index) in data.AnswerList" :key="index+2000">
             <td class="v_fillInBold">
               第{{index+1}}空
             </td>