feat: 查看试卷页面样式调整

src/constants/dicts.ts

@@ -19,3 +19,14 @@ export const TrueOrFalse = [
   { label: '是', value: true },
   { label: '否', value: false },
 ]
+
+/** 试卷类型 */
+
+export const PaperMap: Record<PaperType, string> = {
+  FORCE: '考核卷',
+  MARK_STANDARD: '给分标准',
+  RF: 'RF卷',
+  SAMPLE_A: '培训A卷',
+  SAMPLE_B: '培训B卷',
+  STANDARD: '标准卷',
+}

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

@@ -14,11 +14,11 @@
           <vue-echarts></vue-echarts>
         </div>
       </div>
-      <div class="flex-1 p-extra-small">
+      <div class="flex direction-column flex-1 p-extra-small">
         <div class="flex items-center justify-between detail-info-table-header">
           <el-button custom-1 size="small" class="detail-info-label">
             <span class="">已给分试卷总数:</span>
-            <span class="m-l-extra-small detail-info-label-num">14</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData?.length }}</span>
           </el-button>
           <el-pagination
             v-bind="pagination"
@@ -30,15 +30,18 @@
             :hide-on-single-page="false"
           ></el-pagination>
         </div>
-        <base-table
-          ref="tableRef"
-          :data="tableData"
-          :columns="tableColumn"
-          highlight-current-row
-          @current-change="onCurrentChange"
-        >
-          <template #empty> 暂无数据 </template>
-        </base-table>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            height="100%"
+            :data="tableData"
+            :columns="tableColumn"
+            highlight-current-row
+            @current-change="onCurrentChange"
+          >
+            <template #empty> 暂无数据 </template>
+          </base-table>
+        </div>
       </div>
     </div>
     <div class="flex-1 p-base flex overflow-hidden">
@@ -148,7 +151,7 @@ const onSubmit = async () => {
   }
   .detail-info-label {
     .detail-info-label-num {
-      width: 32px;
+      min-width: 32px;
       height: 24px;
       line-height: 24px;
       background: #00987b;

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

@@ -21,7 +21,7 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <div class="flex items-center p-b-base m-b-base marker-name">
           <span>评卷员</span>
           <span>{{ query.markerName }}</span>
@@ -41,16 +41,19 @@
             :hide-on-single-page="false"
           ></el-pagination>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          v-bind="pagination"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            v-bind="pagination"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
+        </div>
       </div>
     </div>
   </div>
@@ -230,7 +233,7 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
     }
     .detail-info-label {
       .detail-info-label-num {
-        width: 32px;
+        min-width: 32px;
         height: 24px;
         line-height: 24px;
         background: #00987b;

src/modules/expert/assess/index.vue

@@ -21,24 +21,29 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(40)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center p-l-base">
-          <span>考核卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">考核卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData?.length }}</span>
+          </el-button>
+        </div>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+          ></base-table>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-        ></base-table>
       </div>
     </div>
   </div>
@@ -256,6 +261,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 580px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

src/modules/expert/expert/index.vue

@@ -21,24 +21,29 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(60)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center">
-          <span>考核卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">{{ paperType }}: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData?.length }}</span>
+          </el-button>
+        </div>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+          ></base-table>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-        ></base-table>
       </div>
     </div>
   </div>
@@ -57,7 +62,7 @@
 /** 专家卷浏览-专家挑选卷 */
 import { reactive, ref, computed, watch, nextTick } from 'vue'
 import { ElButton, ElMessage } from 'element-plus'
-import { ROLE_OPTION } from '@/constants/dicts'
+import { ROLE_OPTION, PaperMap } from '@/constants/dicts'
 import { useSetImgBg } from '@/hooks/useSetImgBg'
 import useFetch from '@/hooks/useFetch'
 import useVW from '@/hooks/useVW'
@@ -263,7 +268,10 @@ const {
   onCurrentChange,
 } = useTableCheck(expertPaperList)
 
+const paperType = ref<string>('')
+
 const onSearch = async () => {
+  paperType.value = PaperMap[formModel.paperType]
   getExpertPickList(formModel)
 }
 
@@ -316,6 +324,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 580px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

src/modules/expert/sample/index.vue

@@ -21,25 +21,30 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(40)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center p-l-base">
-          <span>RF卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">RF卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
+        </div>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
       </div>
     </div>
   </div>
@@ -244,6 +249,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 580px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

src/modules/expert/standard/index.vue

@@ -13,19 +13,23 @@
           <img :src="dataUrl" alt="" class="paper-img" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank scroll-auto m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(40)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center">
-          <span>标准卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">标准卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
         </div>
+        <div class="flex-1 scroll-auto"></div>
         <base-table
           ref="tableRef"
           size="small"
+          height="100%"
           :data="tableData"
           :columns="columns"
           highlight-current-row
@@ -207,6 +211,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 580px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

src/modules/expert/training/index.vue

@@ -19,24 +19,29 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(40)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center p-l-base">
-          <span>培训卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">培训卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
+        </div>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+          ></base-table>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-        ></base-table>
       </div>
     </div>
   </div>
@@ -210,6 +215,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 580px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

src/modules/marking/arbitration/index.vue

@@ -25,25 +25,30 @@
           @submit="onSubmit"
         ></scoring-panel-with-confirm>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(62)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center p-l-base">
-          <span>仲裁卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">仲裁卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
+        </div>
+        <div class="flex-1 scroll-y-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
       </div>
     </div>
   </div>
@@ -261,6 +266,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 580px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

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

@@ -21,7 +21,7 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <div class="flex items-center justify-between detail-info-table-header">
           <el-button custom-1 size="small" class="detail-info-label">
             <span class="">自定义抽查卷共:</span>
@@ -37,16 +37,19 @@
             :hide-on-single-page="false"
           ></el-pagination>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          v-bind="pagination"
-          highlight-current-row
-          :data="tableData"
-          :columns="columns"
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            v-bind="pagination"
+            highlight-current-row
+            :data="tableData"
+            :columns="columns"
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
+        </div>
       </div>
     </div>
   </div>
@@ -355,7 +358,7 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
     width: 580px;
     .detail-info-label {
       .detail-info-label-num {
-        width: 32px;
+        min-width: 32px;
         height: 24px;
         line-height: 24px;
         background: #00987b;

src/modules/marking/problem/index.vue

@@ -27,25 +27,30 @@
           @submit="onSubmit"
         ></scoring-panel-with-confirm>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(62)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center p-l-base">
-          <span>问题卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">问题卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
+        </div>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
       </div>
     </div>
   </div>
@@ -286,6 +291,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 480px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

src/modules/marking/repeat/index.vue

@@ -27,17 +27,19 @@
           @submit="onSubmit"
         ></scoring-panel-with-confirm>
       </div>
-      <div class="flex direction-column p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(62)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center p-l-base">
-          <span>重评卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">重评卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
         </div>
-        <div class="flex-1 overflow-hidden">
+        <div class="flex-1 scroll-auto">
           <base-table
             ref="tableRef"
             size="small"
@@ -265,6 +267,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 480px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

src/modules/marking/similar/index.vue

@@ -15,25 +15,30 @@
           <img :src="dataUrl" alt="" class="paper-img" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center">
-          <span>雷同卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">雷同卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
+        </div>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
       </div>
     </div>
   </div>
@@ -207,6 +212,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 580px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

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

@@ -24,25 +24,30 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <base-form size="small" :model="formModel" :items="formItems" :label-width="useVW(40)">
           <template #form-item-search>
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center p-l-base">
-          <span>系统抽查卷</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">系统抽查卷: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
+        </div>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
       </div>
     </div>
   </div>
@@ -295,6 +300,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 480px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>

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

@@ -20,22 +20,25 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <div class="flex items-center justify-between detail-info-table-header">
           <el-button custom-1 size="small" class="detail-info-label">
             <span class="">{{ PaperType }}共:</span>
             <span class="m-l-extra-small detail-info-label-num">{{ monitorDetail?.length }}</span>
           </el-button>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
+        </div>
       </div>
     </div>
   </div>
@@ -186,5 +189,17 @@ fetchData()
       }
     }
   }
+  .table-view {
+    width: 480px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
+  }
 }
 </style>

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

@@ -22,22 +22,25 @@
           <img :src="dataUrl" alt="" class="paper-img" :style="{ 'background-color': frontColor }" />
         </div>
       </div>
-      <div class="p-base radius-base fill-blank scroll-auto m-l-base table-view">
+      <div class="flex direction-column p-base radius-base fill-blank m-l-base table-view">
         <div class="flex items-center justify-between detail-info-table-header">
           <el-button custom-1 size="small" class="detail-info-label">
             <span class="">自查卷共:</span>
             <span class="m-l-extra-small detail-info-label-num">{{ selfCheckDataDetail?.length }}</span>
           </el-button>
         </div>
-        <base-table
-          ref="tableRef"
-          size="small"
-          :data="tableData"
-          :columns="columns"
-          highlight-current-row
-          @current-change="onCurrentChange"
-          @row-dblclick="onDbClick"
-        ></base-table>
+        <div class="flex-1 scroll-auto">
+          <base-table
+            ref="tableRef"
+            size="small"
+            height="100%"
+            :data="tableData"
+            :columns="columns"
+            highlight-current-row
+            @current-change="onCurrentChange"
+            @row-dblclick="onDbClick"
+          ></base-table>
+        </div>
       </div>
     </div>
   </div>
@@ -195,4 +198,17 @@ const imgOption = computed<SetImgBgOption>(() => {
 const { drawing, dataUrl } = useSetImgBg(imgOption)
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.table-view {
+  width: 480px;
+  .detail-info-label {
+    .detail-info-label-num {
+      min-width: 32px;
+      height: 24px;
+      line-height: 24px;
+      background: #00987b;
+      border-radius: 4px;
+    }
+  }
+}
+</style>

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

@@ -28,9 +28,11 @@
             <el-button type="primary" @click="onSearch">查询</el-button>
           </template>
         </base-form>
-        <div class="flex items-center p-l-base">
-          <span>{{ statusText }}</span>
-          <span>: 共{{ tableData.length }}</span>
+        <div>
+          <el-button custom-1 size="small" class="detail-info-label">
+            <span class="">{{ statusText }}: 共</span>
+            <span class="m-l-extra-small detail-info-label-num">{{ tableData.length }}</span>
+          </el-button>
         </div>
         <base-table
           ref="tableRef"
@@ -316,6 +318,15 @@ const { drawing, dataUrl } = useSetImgBg(imgOption)
   }
   .table-view {
     width: 580px;
+    .detail-info-label {
+      .detail-info-label-num {
+        min-width: 32px;
+        height: 24px;
+        line-height: 24px;
+        background: #00987b;
+        border-radius: 4px;
+      }
+    }
   }
 }
 </style>