22

src/modules/marking/views/TpScoreBoard.vue

@@ -13,14 +13,18 @@
         ></el-switch>
       </div>
       <div class="second-board">
-        <div class="board-title"><span>总分</span></div>
+        <div class="board-title">
+          <span>总分</span>
+        </div>
         <div class="board-score">
           <span>{{ this.totalScore }}分</span>
         </div>
       </div>
       <!-- 鼠标模式 -->
       <div v-if="isMouseMode">
-        <div class="title-board"><span class="title-font">评分</span></div>
+        <div class="title-board">
+          <span class="title-font">评分</span>
+        </div>
         <div class="itemScroll">
           <div
             :key="resultItem.markItem.id"
@@ -36,33 +40,25 @@
               )
             "
           >
-            <div
-              v-bind:class="{ 'active-btn': itemClass[index] }"
-              class="title-item-top"
-            >
+            <div v-bind:class="{ 'active-btn': itemClass[index] }" class="title-item-top">
               <span>
                 {{ resultItem.markItem.mainNumber }}({{
-                  resultItem.markItem.orders
+                resultItem.markItem.orders
                 }})
               </span>
             </div>
-            <div
-              class="title-item-bottom"
-              v-bind:class="{ 'active-text': itemClass[index] }"
-            >
+            <div class="title-item-bottom" v-bind:class="{ 'active-text': itemClass[index] }">
               <span>{{ resultItem.score }}分</span>
             </div>
           </div>
         </div>
         <div v-if="markTypeView">
           <div class="step-board"></div>
-          <div class="title-board"><span class="title-font">打分</span></div>
+          <div class="title-board">
+            <span class="title-font">打分</span>
+          </div>
           <div class="itemScroll">
-            <div
-              :key="score"
-              v-for="score in itemScores"
-              class="pull-left scoretitle"
-            >
+            <div :key="score" v-for="score in itemScores" class="pull-left scoretitle">
               <div @click="scoreClick(score)" class="scorebutton">
                 <span class="score-item">{{ score }}</span>
               </div>
@@ -72,7 +68,9 @@
       </div>
       <!-- 键盘模式 -->
       <div v-if="!isMouseMode">
-        <div class="title-board"><span class="title-font">评分</span></div>
+        <div class="title-board">
+          <span class="title-font">评分</span>
+        </div>
         <div>
           <div class="itemScroll">
             <div
@@ -84,15 +82,13 @@
                 <div class="item-title">
                   <div class="pull-left item-number">
                     {{ resultItem.markItem.mainNumber }}({{
-                      resultItem.markItem.orders
+                    resultItem.markItem.orders
                     }})
                   </div>
                   <div class="pull-left item-number2">
                     <span>{{ resultItem.markItem.maxScore }}分</span>
                   </div>
-                  <div class="pull-left item-number3">
-                    间隔:{{ resultItem.markItem.scoreInterval }}
-                  </div>
+                  <div class="pull-left item-number3">间隔:{{ resultItem.markItem.scoreInterval }}</div>
                 </div>
                 <div class="item-score">
                   <input
@@ -104,7 +100,7 @@
                     @change="scoreChange(index, resultItem.score)"
                     v-model="resultItem.score"
                     class="score-input"
-                  />
+                  >
                   分
                 </div>
               </div>
@@ -115,7 +111,9 @@
 
       <div>
         <div class="step-board"></div>
-        <div class="title-board"><span class="title-font">备注</span></div>
+        <div class="title-board">
+          <span class="title-font">备注</span>
+        </div>
         <div class="remark-step">
           <textarea
             id="remark"
@@ -132,29 +130,20 @@
         <div v-if="problemView">
           <div class="problem-button"></div>
           <span v-if="tagFlag">
-            <el-radio-group
-              v-model="markedResult.tag"
-              @change="processTagPaper"
-            >
-              <div
-                class="pull-left scoretitle"
-                v-for="tag in tags"
-                :key="tag.code"
-              >
+            <el-radio-group v-model="markedResult.tag" @change="processTagPaper">
+              <div class="pull-left scoretitle" v-for="tag in tags" :key="tag.code">
                 <el-radio :label="tag.code">{{ tag.name }}</el-radio>
               </div>
             </el-radio-group>
           </span>
           <span v-if="!tagFlag">
             <el-radio-group v-model="unusualType" @change="processTagPaper">
-              <div
-                class="pull-left scoretitle"
-                v-for="tag in tags"
-                :key="tag.code"
-              >
-                <el-radio :label="tag.code" :key="tag.code">{{
+              <div class="pull-left scoretitle" v-for="tag in tags" :key="tag.code">
+                <el-radio :label="tag.code" :key="tag.code">
+                  {{
                   tag.name
-                }}</el-radio>
+                  }}
+                </el-radio>
               </div>
             </el-radio-group>
           </span>
@@ -170,26 +159,15 @@
             @click="submitMark"
             v-bind:round="true"
           >
-            <span class="sub-btn">提</span> <span>交</span>
+            <span class="sub-btn">提</span>
+            <span>交</span>
           </el-button>
         </div>
         <div class="pull-left scoretitle" v-if="paperMark">
-          <el-button
-            type="danger"
-            v-bind:round="true"
-            size="large"
-            @click="problemClick"
-            >问题卷</el-button
-          >
+          <el-button type="danger" v-bind:round="true" size="large" @click="problemClick">问题卷</el-button>
         </div>
         <div class="pull-left scoretitle" v-if="paperMark && problemView">
-          <el-button
-            type="danger"
-            v-bind:round="true"
-            size="large"
-            @click="resetProblem"
-            >清除问题卷</el-button
-          >
+          <el-button type="danger" v-bind:round="true" size="large" @click="resetProblem">清除问题卷</el-button>
         </div>
       </div>
     </div>
@@ -953,7 +931,7 @@ textarea {
   margin-bottom: 15px;
 }
 .remark-step {
-  height: 120px;
+  height: 100px;
   margin-top: 15px;
 }
 .box-card {