界面优化

src/assets/styles/app.scss

@@ -31,7 +31,8 @@ body {
   font-family: 'microsoft yahei', HanSan, system-ui, —apple-system, Segoe UI, Rototo, Emoji, Helvetica, Arial,
     sans-serif;
   height: 100%;
-  background-color: $BaseBgColor;
+  // background-color: $BaseBgColor;
+  background-color: #eaeaea;
   font-size: $BaseFont;
   // font-weight: bold;
 }

src/assets/styles/element/custom.scss

@@ -225,15 +225,18 @@ button.el-button {
 .el-table.el-table--small .el-table__body {
   font-size: 14px;
 }
-// .el-table.el-table--small .el-table__header{
-//   font-size:13px;
-// }
-.el-table__header .el-table__cell{
-  background:#f1f3f6 !important;
+.el-table.el-table--small .el-table__header{
+  font-size:13px;
+}
+.el-table__header .el-table__cell,.el-table-v2__header .el-table-v2__header-cell{
+  background:#eaeaea !important;
 }
 .el-table .el-table__cell{
   text-align:center !important;
 }
+.el-table .cell.el-tooltip{
+  min-width:30px !important;
+}
 
 #app {
   .el-table__body {

src/components/shared/ImagePreview.vue

@@ -54,10 +54,12 @@ const closeDialog = () => {
 watch(
   () => props.url,
   () => {
-    showDialog.value = false
-    setTimeout(() => {
-      showDialog.value = true
-    }, 1)
+    if (visible.value) {
+      visible.value = false
+      setTimeout(() => {
+        visible.value = true
+      }, 1)
+    }
   }
 )
 </script>

src/components/shared/message/MessageList.vue

@@ -342,13 +342,14 @@ onUnmounted(() => {
         white-space: pre-wrap;
         color: #444;
         font-size: 12px;
-        font-weight: 500;
+        font-weight: bold;
       }
     }
     .msg-content-box {
       height: 100px;
       font-size: 13px;
       border: 1px solid #0091ff;
+      color: #444;
       .limit-tip {
         text-align: right;
         height: 18px;

src/components/shared/message/MessageSend.vue

@@ -404,6 +404,7 @@ const toggleHistory = () => {
       .message-info-content {
         border: 1px solid $color--primary;
         font-size: 13px;
+        color: #444;
         ::v-deep(textarea.el-textarea__inner) {
           height: 100%;
         }

src/layout/main/LeftMenu.vue

@@ -96,9 +96,8 @@ const onHandle = () => {
   :deep(.el-menu) {
     background-color: #333;
     .el-menu-item {
-      // color: #999;
-      color: #666;
-      // &.is-active,
+      // color: #666;
+      color: #fff;
       .router-link-active {
         color: #fff;
         background: $color--primary;

src/layout/main/MenuItem.vue

@@ -150,8 +150,7 @@ const checkActive = () => {
   }
   .main-layout-sub-menu-title {
     // color: $LayoutLeftSubMenuColor;
-    // color: #fff;
-    color: #666;
+    color: #fff;
     .menu-label {
       margin-left: $ExtraSmallGapSpace;
     }

src/modules/analysis/group-monitoring-detail/index.vue

@@ -451,9 +451,9 @@ fetchTable()
   .preview {
     position: absolute;
     cursor: pointer;
-    top: 10px;
-    right: 20px;
-    font-size: 24px;
+    top: 20px;
+    right: 25px;
+    font-size: 38px;
   }
 }
 .paper-mark-record {

src/modules/analysis/group-monitoring/index.vue

@@ -43,16 +43,16 @@ const columns: EpTableColumn<ExtractArrayValue<ExtractApiResponse<'getGroupMonit
   { label: '已给分系统抽查卷数', prop: 'sysCheckReScoreCount', minWidth: 160, sortable: true },
   { label: '打回量', prop: 'rejectCount', minWidth: 85, sortable: true },
   { label: '主动抽查次数', prop: 'initiativeCheckCount', minWidth: 120, sortable: true },
-  { label: '主动抽查给分次数', prop: 'initiativeCheckReScoreCount', minWidth: 140, sortable: true },
+  { label: '主动抽查给分次数', prop: 'initiativeCheckReScoreCount', minWidth: 150, sortable: true },
 
-  { label: '已浏览问题卷数', prop: 'problemCount', minWidth: 130, sortable: true },
-  { label: '已给分问题卷数', prop: 'problemReScoreCount', minWidth: 130, sortable: true },
-  { label: '已浏览自定义抽查卷数', prop: 'customCheckCount', minWidth: 170, sortable: true },
-  { label: '已给分自定义抽查卷数', prop: 'customCheckReScoreCount', minWidth: 170, sortable: true },
+  { label: '已浏览问题卷数', prop: 'problemCount', minWidth: 138, sortable: true },
+  { label: '已给分问题卷数', prop: 'problemReScoreCount', minWidth: 138, sortable: true },
+  { label: '已浏览自定义抽查卷数', prop: 'customCheckCount', minWidth: 178, sortable: true },
+  { label: '已给分自定义抽查卷数', prop: 'customCheckReScoreCount', minWidth: 178, sortable: true },
   {
     label: '已浏览试卷总数',
     prop: 'totalCount',
-    minWidth: 130,
+    minWidth: 138,
     sortable: true,
     formatter(row) {
       return (
@@ -65,7 +65,7 @@ const columns: EpTableColumn<ExtractArrayValue<ExtractApiResponse<'getGroupMonit
   {
     label: '已给分试卷总数',
     prop: 'totalReScoreCount',
-    minWidth: 130,
+    minWidth: 138,
     sortable: true,
     formatter(row) {
       return (

src/modules/analysis/marking-progress/components/TotalProgress.vue

@@ -153,7 +153,7 @@ const totalColumns: EpTableColumn<TotalProgress>[] = [
     formatter: getMainName,
     fixed: 'left',
   },
-  { label: '试卷总量', prop: 'totalPaper', align: 'center', sortable: true, minWidth: 90 },
+  { label: '试卷总量', prop: 'totalPaper', align: 'center', sortable: true, minWidth: 96 },
   { label: '已完成', prop: 'finishCount', align: 'center', sortable: true, minWidth: 80 },
   {
     label: '完成比',

src/modules/analysis/personnel-statistics/components/StatisticsGroup.vue

@@ -72,13 +72,13 @@ const columns = computed(() => {
         return row.markingGroupNumber === 0 ? '全体' : `第${row.markingGroupNumber}组`
       },
     },
-    { align: 'center', label: '评卷份数', prop: 'markingPaperCount', minWidth: 92 },
-    { align: 'center', label: '平均分', prop: 'avg', minWidth: 80 },
+    { align: 'center', label: '评卷份数', prop: 'markingPaperCount', minWidth: 100 },
+    { align: 'center', label: '平均分', prop: 'avg', minWidth: 82 },
     {
       align: 'center',
       label: '相关系数',
       prop: 'xyRelate',
-      minWidth: 90,
+      minWidth: 96,
       formatter(row: any) {
         let compareTarget = tableData.value.find((item: any) => item.markingGroupNumber == 0)
         if (compareTarget) {
@@ -88,15 +88,15 @@ const columns = computed(() => {
         }
       },
     },
-    { align: 'center', label: '标准差', prop: 'std', minWidth: 80 },
-    { align: 'center', label: '综合系数', prop: 'integration', minWidth: 90 },
+    { align: 'center', label: '标准差', prop: 'std', minWidth: 82 },
+    { align: 'center', label: '综合系数', prop: 'integration', minWidth: 96 },
 
     // { align: 'center', label: '评卷份数', prop: 'markingPaperCount', width: 92 },
-    { align: 'center', label: '当日可阅', prop: 'markDayCount', minWidth: 92 },
-    { align: 'center', label: '剩余可阅', prop: 'todoMarkDayCount', minWidth: 92 },
+    { align: 'center', label: '当日可阅', prop: 'markDayCount', minWidth: 96 },
+    { align: 'center', label: '剩余可阅', prop: 'todoMarkDayCount', minWidth: 96 },
     { align: 'center', label: '客观题0分量', prop: 'objectiveZero', minWidth: 120 },
     { align: 'center', label: '客观平均分', prop: 'objectiveAvg', minWidth: 110 },
-    { align: 'center', label: '客观标准差', prop: 'objectiveStd', minWidth: 104 },
+    { align: 'center', label: '客观标准差', prop: 'objectiveStd', minWidth: 110 },
     {
       align: 'center',
       label: '重评/待确认',
@@ -111,9 +111,9 @@ const columns = computed(() => {
     // { align: 'center', label: '相关系数', prop: 'xyRelate', width: 90 },
     // { align: 'center', label: '平均分', prop: 'avg', width: 80 },
     // { align: 'center', label: '标准差', prop: 'std', width: 80 },
-    { align: 'center', label: '近5分钟最高分', prop: 'scoreTop', minWidth: 124 },
-    { align: 'center', label: '近5分钟最低分', prop: 'scoreLow', minWidth: 124 },
-    { align: 'center', label: '近5分钟客主比', prop: 'objSubRate', minWidth: 124 },
+    { align: 'center', label: '近5分钟最高分', prop: 'scoreTop', minWidth: 130 },
+    { align: 'center', label: '近5分钟最低分', prop: 'scoreLow', minWidth: 130 },
+    { align: 'center', label: '近5分钟客主比', prop: 'objSubRate', minWidth: 130 },
     { align: 'center', label: '平均客主比', prop: 'objSubAvgRate', minWidth: 110 },
     {
       align: 'center',
@@ -148,7 +148,7 @@ const columns = computed(() => {
       prop: 'markingStatus',
       minWidth: 100,
     },
-    { align: 'center', label: '速度', prop: 'markingRate', minWidth: 66 },
+    { align: 'center', label: '速度', prop: 'markingRate', minWidth: 72 },
     // { align: 'center', label: '综合系数', prop: 'integration', width: 90 },
   ]
     .map((col: any) => {

src/modules/analysis/personnel-statistics/components/StatisticsPersonnel.vue

@@ -125,13 +125,13 @@ const columns = computed(() => {
     },
     { label: '评卷员', prop: 'markerName', minWidth: 84, slotName: 'marker', fixed: 'left' },
 
-    { align: 'center', label: '评卷份数', prop: 'markingPaperCount', minWidth: 92 },
+    { align: 'center', label: '评卷份数', prop: 'markingPaperCount', minWidth: 96 },
     { align: 'center', label: '平均分', prop: 'avg', minWidth: 80 },
     {
       align: 'center',
       label: '相关系数',
       prop: 'xyRelate',
-      minWidth: 90,
+      minWidth: 96,
       formatter(row: any) {
         let r = unref(props.result) || []
         const { markingGroupNumber } = row
@@ -151,14 +151,14 @@ const columns = computed(() => {
       },
     },
     { align: 'center', label: '标准差', prop: 'std', minWidth: 80 },
-    { align: 'center', label: '综合系数', prop: 'integration', minWidth: 90 },
+    { align: 'center', label: '综合系数', prop: 'integration', minWidth: 96 },
 
     // { align: 'center', label: '评卷份数', prop: 'markingPaperCount', width: 92 },
-    { align: 'center', label: '当日可阅', prop: 'markDayCount', minWidth: 92 },
-    { align: 'center', label: '剩余可阅', prop: 'todoMarkDayCount', minWidth: 92 },
+    { align: 'center', label: '当日可阅', prop: 'markDayCount', minWidth: 96 },
+    { align: 'center', label: '剩余可阅', prop: 'todoMarkDayCount', minWidth: 96 },
     { align: 'center', label: '客观题0分量', prop: 'objectiveZero', minWidth: 120 },
     { align: 'center', label: '客观平均分', prop: 'objectiveAvg', minWidth: 110 },
-    { align: 'center', label: '客观标准差', prop: 'objectiveStd', minWidth: 104 },
+    { align: 'center', label: '客观标准差', prop: 'objectiveStd', minWidth: 110 },
     {
       align: 'center',
       label: '重评/待确认',
@@ -173,9 +173,9 @@ const columns = computed(() => {
     // { align: 'center', label: '相关系数', prop: 'xyRelate', width: 90 },
     // { align: 'center', label: '平均分', prop: 'avg', width: 80 },
     // { align: 'center', label: '标准差', prop: 'std', width: 80 },
-    { align: 'center', label: '近5分钟最高分', prop: 'scoreTop', minWidth: 124 },
-    { align: 'center', label: '近5分钟最低分', prop: 'scoreLow', minWidth: 124 },
-    { align: 'center', label: '近5分钟客主比', prop: 'objSubRate', minWidth: 124 },
+    { align: 'center', label: '近5分钟最高分', prop: 'scoreTop', minWidth: 130 },
+    { align: 'center', label: '近5分钟最低分', prop: 'scoreLow', minWidth: 130 },
+    { align: 'center', label: '近5分钟客主比', prop: 'objSubRate', minWidth: 130 },
     { align: 'center', label: '平均客主比', prop: 'objSubAvgRate', minWidth: 110 },
     {
       align: 'center',
@@ -209,7 +209,7 @@ const columns = computed(() => {
       },
     },
     { align: 'center', label: '状态', prop: 'markingStatus', minWidth: 100 },
-    { align: 'center', label: '速度', prop: 'markingRate', minWidth: 66 },
+    { align: 'center', label: '速度', prop: 'markingRate', minWidth: 72 },
     // { align: 'center', label: '综合系数', prop: 'integration', width: 90 },
   ]
     .map((col: any) => {

src/modules/analysis/view-marked-detail/index.vue

@@ -296,9 +296,9 @@ onRefresh()
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/expert/assess/index.vue

@@ -284,9 +284,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/expert/expert/index.vue

@@ -361,9 +361,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/expert/sample/index.vue

@@ -265,9 +265,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/expert/standard/index.vue

@@ -233,9 +233,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/expert/training/index.vue

@@ -220,9 +220,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/marking/arbitration/index.vue

@@ -213,13 +213,13 @@ const columns: EpTableColumn[] = [
   { label: '客观分', prop: 'objectiveScore', minWidth: 60 },
   { label: '组员给分', prop: 'markerScore', minWidth: 70 },
   { label: '组员', prop: 'markerName', minWidth: 90 },
-  { label: '组员客主比', prop: 'markerRatio', minWidth: 80 },
-  { label: '小组长给分', prop: 'deputyScore', minWidth: 80 },
+  { label: '组员客主比', prop: 'markerRatio', minWidth: 90 },
+  { label: '小组长给分', prop: 'deputyScore', minWidth: 90 },
   { label: '小组长', prop: 'deputyName', minWidth: 90 },
-  { label: '小组长客主比', prop: 'deputyRatio', minWidth: 90 },
-  { label: '大组长给分', prop: 'chiefScore', minWidth: 80 },
+  { label: '小组长客主比', prop: 'deputyRatio', minWidth: 98 },
+  { label: '大组长给分', prop: 'chiefScore', minWidth: 90 },
   { label: '大组长', prop: 'chiefName', minWidth: 90 },
-  { label: '大组长客主比', prop: 'chiefRatio', minWidth: 90 },
+  { label: '大组长客主比', prop: 'chiefRatio', minWidth: 98 },
 ]
 
 const { fetch: getArbitrationList, result: arbitrationList, loading } = useFetch('getArbitrationList')
@@ -280,9 +280,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/marking/inquiry-result/index.vue

@@ -424,9 +424,9 @@ onRefresh()
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/marking/mark/index.vue

@@ -30,7 +30,14 @@
           <svg-icon name="preview"></svg-icon>
         </span>
         <div ref="imgWrap" :class="{ 'text-center': center }" class="img-wrap scroll-auto">
-          <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
+          <img
+            ref="paperImg"
+            :src="dataUrl"
+            alt=""
+            class="paper-img"
+            :style="{ 'background-color': frontColor }"
+            @load="imgLoaded"
+          />
         </div>
       </div>
     </div>
@@ -120,7 +127,7 @@ const markStatusIcon: Partial<Record<TaskType, string>> = {
   SAMPLE_B: SampleBStatus,
   default: MarkingStatus,
 }
-
+const paperImg = ref()
 const currentTaskType = ref<TaskType>('FORMAL')
 
 const statusIcon = computed(() => {
@@ -528,9 +535,15 @@ bus.on('mark-prev', async () => {
     historyTaskChange(markHistory.markHistoryList[0])
   }
 })
-const previewLeft = computed(() => {
-  return currentTaskType.value === 'SAMPLE_A' || currentTaskType.value === 'SAMPLE_B' ? '128px' : '100px'
-})
+const showPreviewBtn = ref(false)
+// const previewLeft = computed(() => {
+//   return currentTaskType.value === 'SAMPLE_A' || currentTaskType.value === 'SAMPLE_B' ? '128px' : '100px'
+// })
+const previewLeft = ref('-1000px')
+const imgLoaded = () => {
+  previewLeft.value = paperImg.value.width - 40 + 'px'
+  showPreviewBtn.value = true
+}
 </script>
 
 <style scoped lang="scss">
@@ -573,8 +586,8 @@ const previewLeft = computed(() => {
       position: absolute;
       cursor: pointer;
       z-index: 100;
-      top: 25px;
-      font-size: 24px;
+      top: 18px;
+      font-size: 38px;
     }
   }
 }

src/modules/marking/problem/index.vue

@@ -257,9 +257,9 @@ const columns: EpTableColumn[] = [
   { label: '密号', prop: 'secretNumber', minWidth: 110, fixed: 'left' },
   { label: '提交人', prop: 'markerName', minWidth: 75 },
   { label: '问题类型', prop: 'problemTypeName', minWidth: 90 },
-  { label: '客观分', prop: 'objectiveScore', minWidth: 55 },
-  { label: '主观分', prop: 'markScore', minWidth: 55 },
-  { label: '客主比', prop: 'markRatio', minWidth: 55 },
+  { label: '客观分', prop: 'objectiveScore', minWidth: 64 },
+  { label: '主观分', prop: 'markScore', minWidth: 64 },
+  { label: '客主比', prop: 'markRatio', minWidth: 64 },
   { label: '成绩', prop: 'markScore', minWidth: 55 },
   { label: '评卷时间', prop: 'markTime', minWidth: 130 },
   { label: '处理人', prop: 'headerName', minWidth: 75 },
@@ -331,9 +331,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/marking/repeat/index.vue

@@ -302,9 +302,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/marking/similar/index.vue

@@ -235,9 +235,9 @@ const { drawing: drawingSame, dataUrl: dataUrlSame } = useSetImgBg(sameImgOption
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/marking/training-record/index.vue

@@ -153,9 +153,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/marking/view-sample/index.vue

@@ -136,9 +136,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/monitor/system-check/index.vue

@@ -303,7 +303,7 @@ const columns: EpTableColumn[] = [
     },
   },
   { label: '评卷员', prop: 'markerName', minWidth: 80 },
-  { label: '评卷员给分', prop: 'markerScore', minWidth: 80 },
+  { label: '评卷员给分', prop: 'markerScore', minWidth: 88 },
   { label: '组长给分', prop: 'headerScore', minWidth: 70 },
   // { label: '评卷时间', prop: 'markTime', width: 160 },
   { label: '客观分', prop: 'objectiveScore', minWidth: 70 },
@@ -383,9 +383,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/monitor/training-monitoring-detail/index.vue

@@ -203,9 +203,9 @@ fetchData()
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/monitor/training-monitoring/index.vue

@@ -78,7 +78,7 @@ import type { EpTableColumn } from 'global-type'
 type TableDataType = ExtractArrayValue<ExtractApiResponse<'getTrainingMonitor'>['data']>
 const tableMaxHeight = ref(400)
 onBeforeMount(() => {
-  tableMaxHeight.value = window.innerHeight - 210
+  tableMaxHeight.value = window.innerHeight - 240
 })
 const { push } = useRouter()
 
@@ -110,7 +110,7 @@ const columns = computed<EpTableColumn<TableDataType>[]>(() => {
       return {
         label: `${h}`,
         // width: 12 * (h + '' || '').length + 25,
-        minWidth: 50,
+        minWidth: 40,
         formatter(row) {
           if (!row.markerId) {
             return `${row.scoreList[i]}`

src/modules/quality/self-check-detail/index.vue

@@ -242,9 +242,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;

src/modules/quality/subjective-check/index.vue

@@ -410,9 +410,9 @@ const { drawing, dataUrl } = useSetImgBg(imgOption, frontColor, setFrontColor)
     .preview {
       position: absolute;
       cursor: pointer;
-      top: 10px;
-      right: 20px;
-      font-size: 24px;
+      top: 20px;
+      right: 25px;
+      font-size: 38px;
     }
     .next-button {
       position: absolute;