feat: 样式调整

src/assets/styles/base.scss

@@ -219,6 +219,10 @@ body {
   text-align: center;
 }
 // box-justify
+.flex-center {
+  display: flex;
+  align-items: center;
+}
 .box-justify {
   display: flex;
   align-items: center;

src/assets/styles/element-ui-costom.scss

@@ -730,6 +730,28 @@
 }
 // .el-tag
 .el-tag {
+  color: $--color-primary;
+  border-color: #97a5dc;
+
+  .el-tag__close {
+    color: $--color-primary;
+  }
+
+  .el-tag__close:hover {
+    color: #fff;
+    background-color: $--color-primary;
+  }
+
+  &--dark {
+    color: #fff;
+    background-color: $--color-primary;
+    border-color: $--color-primary;
+
+    .el-tag__close:hover {
+      background-color: $--color-primary-light;
+    }
+  }
+
   &.tag-spin {
     margin: 3px;
   }

src/modules/mark/components/markDetail/MarkDetailProgress.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mark-detail-progress">
     <div class="box-justify part-box part-box-pad">
-      <el-breadcrumb class="el-space" separator="|">
+      <el-breadcrumb separator="|">
         <el-breadcrumb-item
           >考生人数：{{ summary.studentCount }}</el-breadcrumb-item
         >

src/modules/mark/components/markParam/MarkParamClass.vue

@@ -1,32 +1,29 @@
 <template>
   <div class="mark-param-class">
     <div class="part-box part-box-pad box-justify">
-      <el-form inline>
-        <el-form-item label="是否开启分班阅卷：">
-          <el-radio-group v-model="classMarkIsOpen" @change="markClassChange">
-            <el-radio-button :label="true">开启</el-radio-button>
-            <el-radio-button :label="false">关闭</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="classMarkIsOpen">
-          <el-breadcrumb class="el-space" separator="|">
-            <el-breadcrumb-item
-              >班级数：{{ stat.classCount }}个</el-breadcrumb-item
-            >
-            <el-breadcrumb-item
-              >未分配评卷员班级数：<span class="color-danger">{{
-                stat.unsignClassCount
-              }}</span
-              >个</el-breadcrumb-item
-            >
-            <el-breadcrumb-item
-              >设置完成进度：<span class="color-primary"
-                >{{ stat.completeRate }}%</span
-              ></el-breadcrumb-item
-            >
-          </el-breadcrumb>
-        </el-form-item>
-      </el-form>
+      <div class="flex-center">
+        <span>是否开启分班阅卷：</span>
+        <el-radio-group v-model="classMarkIsOpen" @change="markClassChange">
+          <el-radio-button :label="true">开启</el-radio-button>
+          <el-radio-button :label="false">关闭</el-radio-button>
+        </el-radio-group>
+        <el-breadcrumb v-if="classMarkIsOpen" class="ml-2" separator="|">
+          <el-breadcrumb-item
+            >班级数：{{ stat.classCount }}个</el-breadcrumb-item
+          >
+          <el-breadcrumb-item
+            >未分配评卷员班级数：<span class="color-danger">{{
+              stat.unsignClassCount
+            }}</span
+            >个</el-breadcrumb-item
+          >
+          <el-breadcrumb-item
+            >设置完成进度：<span class="color-primary"
+              >{{ stat.completeRate }}%</span
+            ></el-breadcrumb-item
+          >
+        </el-breadcrumb>
+      </div>
       <div>
         <el-button type="primary" @click="toPrev(1)">上一步</el-button>
         <el-button type="primary" @click="toNext(1)">下一步</el-button>

src/modules/mark/components/markParam/MarkParamGroup.vue

@@ -32,7 +32,6 @@
               :key="user.markUserQuestionId"
               class="tag-spin tag-wrap"
               size="medium"
-              effect="dark"
               closable
               @close="toDeleteMarker(scope.row, user)"
             >
@@ -40,7 +39,7 @@
             </el-tag>
             <el-button
               type="text"
-              class="btn-primary"
+              class="btn-primary ml-2"
               @click="toSetMarker(scope.row)"
             >
               设置评卷员
@@ -53,17 +52,17 @@
           </template>
         </el-table-column>
         <el-table-column label="仲裁阈值" width="100">
-          <template v-if="scope.row.doubleEnable" slot-scope="scope">
+          <template v-if="scope.row.doubleRate" slot-scope="scope">
             {{ scope.row.arbitrateThreshold }}
           </template>
         </el-table-column>
         <el-table-column label="合分策略" width="100">
-          <template v-if="scope.row.doubleEnable" slot-scope="scope">
+          <template v-if="scope.row.doubleRate" slot-scope="scope">
             {{ SCORE_POLICY_TYPE[scope.row.scorePolicy] }}
           </template>
         </el-table-column>
         <el-table-column label="双评比例" width="100">
-          <template v-if="scope.row.doubleEnable" slot-scope="scope">
+          <template v-if="scope.row.doubleRate" slot-scope="scope">
             {{ scope.row.doubleRate }}%
           </template>
         </el-table-column>

src/modules/mark/components/markParam/MarkParamStructure.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="mark-param-structure">
     <div class="part-box part-box-pad box-justify">
-      <el-breadcrumb class="el-space" separator="|">
+      <el-breadcrumb separator="|">
         <el-breadcrumb-item
           >本试卷大题：{{ paperStat.mainQuestionCount }}道</el-breadcrumb-item
         >