11

src/modules/marking/views/TpScoreBoard.vue

@@ -13,18 +13,14 @@
         ></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"
@@ -40,25 +36,33 @@
               )
             "
           >
-            <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>
@@ -68,9 +72,7 @@
       </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
@@ -82,13 +84,15 @@
                 <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
@@ -100,7 +104,7 @@
                     @change="scoreChange(index, resultItem.score)"
                     v-model="resultItem.score"
                     class="score-input"
-                  >
+                  />
                   分
                 </div>
               </div>
@@ -111,9 +115,7 @@
 
       <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"
@@ -130,19 +132,28 @@
         <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">
+              <div
+                class="pull-left scoretitle"
+                v-for="tag in tags"
+                :key="tag.code"
+              >
                 <el-radio :label="tag.code" :key="tag.code">
-                  {{
-                  tag.name
-                  }}
+                  {{ tag.name }}
                 </el-radio>
               </div>
             </el-radio-group>
@@ -159,15 +170,26 @@
             @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 btn" v-if="paperMark">
-          <el-button type="danger" v-bind:round="true" size="small" @click="problemClick">问题卷</el-button>
+          <el-button
+            type="danger"
+            v-bind:round="true"
+            size="small"
+            @click="problemClick"
+            >问题卷</el-button
+          >
         </div>
         <div class="pull-left btn" v-if="paperMark && problemView">
-          <el-button type="danger" v-bind:round="true" size="small" @click="resetProblem">清除问题卷</el-button>
+          <el-button
+            type="danger"
+            v-bind:round="true"
+            size="small"
+            @click="resetProblem"
+            >清除问题卷</el-button
+          >
         </div>
       </div>
     </div>
@@ -977,9 +999,8 @@ textarea {
   text-align: center;
   line-height: 1.5;
 }
-.btn{
+.btn {
   margin-right: 10px;
   margin-bottom: 10px;
 }
-
 </style>