页面修改

src/components/questiontype/v-matching.vue

@@ -40,8 +40,13 @@
 </style>
 <template>
   <div class="matchingQuestion">
-    <span class="team_tit" style="margin-top:20px;padding-bottom:0;">第1组：</span>
     <table v-if="data&&data.length>0" class="common_TiTable">
+      <thead>
+        <tr>
+          <th colspan="2">第一组</th>
+          <th colspan="2">第二组</th>
+        </tr>
+      </thead>
       <tr v-for="(item,index) in data[0]">
         <td style="width:40px;text-align:center;padding-top:10px;">
           {{item.Name}}
@@ -49,36 +54,21 @@
         <td>
           <div class="InpDIV" v-html="item.Content"></div>
         </td>
-        <td style="width:40px;text-align:center;">
-        </td>
-      </tr>
-      <tfoot>
-        <tr>
-          <td colspan="3">
-          </td>
-        </tr>
-      </tfoot>
-    </table>
-    <span class="team_tit">第2组：</span>
-    <table v-if="data&&data.length>1" class="common_TiTable">
-      <tr v-for="(item,index) in data[1]">
         <td style="width:40px;text-align:center;padding-top:10px;">
-          {{item.Name}}
+          {{data[1][index].Name}}
         </td>
         <td>
-          <div class="InpDIV" v-html="item.Content"></div>
-        </td>
-        <td style="width:40px;text-align:center;">
+          <div class="InpDIV" v-html="data[1][index].Content"></div>
         </td>
       </tr>
       <tfoot>
         <tr>
           <td colspan="3">
-
           </td>
         </tr>
       </tfoot>
     </table>
+
     <span class="team_tit">答案</span>
     <table v-if="data&&data.length>2" style="padding-left:13px;">
       <tr v-for="(item,index) in data[0]">
@@ -89,12 +79,7 @@
           <span class="line_center"></span>
         </td>
         <td>
-          <select v-model="data[2][index].Content" class="selectBox2">
-            <template v-for="(cItem,cIndex) in data[1]">
-              <option :key="cIndex" :label="cItem.Name" :value="cItem.Name">
-              </option>
-            </template>
-          </select>
+          {{data[2][index].Content}}
         </td>
       </tr>
     </table>
@@ -111,7 +96,7 @@
       }
     },
     components: {
-      UeEditor
+
     },
     data() {
       return {
@@ -155,4 +140,5 @@
       },
     }
   };
+
 </script>