页面修改

src/components/questiontype/cloze.vue

@@ -12,21 +12,15 @@
 
   .clozeQuestion .clozeTest_question_tit {
     width: 100%;
-    height: 40px;
     background: #F7F8FA;
     padding: 0 20px;
+    height: 40px;
     line-height: 40px;
     font-size: 14px;
     color: #646873;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
   }
 
-  .clozeQuestion .clozeTest_question_tit i {
-    color: #acbfd9;
-    cursor: pointer;
-  }
+
 
   .clozeQuestion .add_LiteBtn {
     width: 100px;
@@ -46,40 +40,45 @@
     opacity: 0.8;
   }
 
+  .clozeQuestion .tdFirst {
+    width: 40px;
+    text-align: center;
+  }
+
 </style>
 <template>
   <div class="clozeQuestion">
     <div class="question_Title">小题数：{{data.length}}</div>
-    <template v-if="data&&data.length>0" v-for="(item,index) in data">
-      <table class="common_TiTable">
+    <template v-if="data&&data.length>0">
+      <table class="common_TiTable" v-for="(item,index) in data" :key="index">
         <thead>
-          <tr>
-            <th colspan="3">
-              <div class="clozeTest_question_tit" @click="showNav(index)">
-                <div>
-                  <i class="iconfont icon-arrowdown2" v-if="(commonIndex==index)&&!isShow"></i>
-                  <i class="iconfont icon-arrowright" v-else></i>
-                  <template v-if="!isShowScore">
-                    第{{index+1}}小题
-                  </template>
-                  <template v-if="isShowScore">
-                    <q-input filled v-model="email" standout type="email" suffix="分数" input-style="height:30px;">
-                      <template v-slot:before>
-                        <span style="font-size:12px;">第{{index+1}}小题</span>
-                      </template>
-                    </q-input>
-                  </template>
-                </div>
-                <div>
-                  <i class="iconfont icon-img_delete_small" @click.stop="deleteQuestion(index)"></i>
-                </div>
-              </div>
+          <tr class="clozeTest_question_tit">
+            <th colspan="2" style="text-align:left;">
+              <span @click="showNav(index)" style="cursor:pointer;padding-left:10px;">
+                <i class="iconfont icon-arrowdown2" v-if="(commonIndex==index)&&!isShow">
+                </i>
+                <i class="iconfont icon-arrowright" v-else>
+                </i>
+                第{{index+1}}小题
+                <q-tooltip anchor="top middle" self="bottom middle">
+                  <strong v-if="!isShow">点击收起</strong>
+                  <strong v-else>点击展开</strong>
+                </q-tooltip>
+              </span>
+              <el-input v-if="isShowScore" :placeholder="'请输入第'+(index+1)+'小题分数'" v-model="item.SubScore" size="small"
+                maxlength="6" @keyup.native="checkPrice(item,'SubScore')" @input="getQuestionScore"
+                style="width:120px;margin-left:5px;">
+                <template slot="append">分</template>
+              </el-input>
+            </th>
+            <th class="tdFirst">
+              <i class="iconfont icon-img_delete_small" @click.stop="deleteQuestion(index)"></i>
             </th>
           </tr>
         </thead>
-        <tbody class="contant" v-if="(commonIndex==index)&&!isShow">
+        <tbody v-if="(commonIndex==index)&&!isShow">
           <tr v-for="(subItem,subIndex) in item.OptionList" :key="subIndex">
-            <td style="width:40px;text-align:center;">
+            <td class="tdFirst">
               <div class="Answer_List" @click="ChangeItem(item,subItem)" :class="{'Is_Answer':subItem.IsAnswer}">
                 {{subItem.Name}}
               </div>
@@ -89,7 +88,7 @@
               </div>
               <UeEditor v-model="subItem.Content" :config="config" v-else></UeEditor>
             </td>
-            <td style="width:40px;text-align:center;">
+            <td class="tdFirst">
               <i class="iconfont icon-guanbi Tiku_DelIcon" @click="deleteOpion(item,subIndex)"></i>
             </td>
           </tr>