更新问题清单样式

zrch-risk-client-39/src/views/project/problemList/StProblemCheckList.vue

 <template>
   <div class="problem-check-page">
-    <BasicTable @register="registerTable" :rowSelection="rowSelection" class="styled-table">
-      <template #tableTitle>
-        <!-- <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">添加问题</a-button> -->
-        <a-dropdown v-if="selectedRowKeys.length > 0">
-          <template #overlay>
-            <a-menu>
-              <a-menu-item key="1" @click="batchHandleDelete">
-                <Icon icon="ant-design:delete-outlined" />
-                删除
-              </a-menu-item>
-            </a-menu>
-          </template>
-          <a-button
-            >批量操作
-            <Icon icon="mdi:chevron-down" />
-          </a-button>
-        </a-dropdown>
-      </template>
-      <template #action="{ record }">
-        <TableAction :actions="getTableAction(record)" />
-      </template>
-    </BasicTable>
+    <div class="styled-table">
+      <BasicTable @register="registerTable" :rowSelection="rowSelection" class="flat-table">
+        <template #tableTitle>
+          <div class="table-toolbar">
+            <!-- <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">添加问题</a-button> -->
+            <a-dropdown v-if="selectedRowKeys.length > 0">
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item key="1" @click="batchHandleDelete">
+                    <Icon icon="ant-design:delete-outlined" />
+                    删除
+                  </a-menu-item>
+                </a-menu>
+              </template>
+              <a-button
+                >批量操作
+                <Icon icon="mdi:chevron-down" />
+              </a-button>
+            </a-dropdown>
+          </div>
+        </template>
+        <template #action="{ record }">
+          <TableAction :actions="getTableAction(record)" />
+        </template>
+      </BasicTable>
+    </div>
     <StProblemCheckModal @register="registerModal" @success="handleSuccess" :centered="true" />
   </div>
 </template>
@@ -158,18 +162,19 @@
     background: var(--color-bg-white);
     border: 1px solid var(--color-border);
     border-radius: var(--radius);
-
+  }
+  .table-toolbar {
+    display: flex;
+    gap: 8px;
+    padding: 12px 0;
+    flex-wrap: wrap;
+  }
+  .flat-table {
     :deep(.ant-table) {
       border-radius: 0;
       font-size: 13px;
     }
 
-    :deep(.ant-table-title) {
-      padding: 12px 16px;
-      border-bottom: 1px solid var(--color-border);
-      background: var(--color-bg-section);
-    }
-
     :deep(.ant-table-thead > tr > th) {
       background: var(--color-bg-section);
       border-bottom: 1px solid var(--color-border-strong);
@@ -198,13 +203,6 @@
     :deep(.ant-table-row-selected > td) {
       background: var(--color-primary-light) !important;
     }
-
-    /* 搜索表单区域 */
-    :deep(.ant-form) {
-      padding: 16px 16px 4px;
-      background: var(--color-bg-white);
-      border-bottom: 1px solid var(--color-border);
-    }
   }
 
   /* ==================== 表单控件 ==================== */