Преглед изворни кода

style(ui): 事故上报&巡检任务新增按钮统一调整到右侧

- accident/index.vue: 移除 el-card #header 的 el-row 布局,
  改为 list-toolbar 模式(共 N 条 + 新增按钮 + right-toolbar)
- inspectionTask/index.vue: 同上,新增按钮放到 list-toolbar 右侧
- 新增 .list-toolbar / .list-total / .toolbar-actions scoped 样式

与其他模块(workReport/hiddenDanger/specialEquipment/warning 等)保持一致:
  [共 N 条记录] ........... [新增按钮] [right-toolbar]
yangjingjing пре 2 дана
родитељ
комит
10a66c2da2
2 измењених фајлова са 44 додато и 18 уклоњено
  1. 22 9
      src/views/risk/accident/index.vue
  2. 22 9
      src/views/risk/inspectionTask/index.vue

+ 22 - 9
src/views/risk/accident/index.vue

@@ -109,15 +109,14 @@
     </transition>
 
     <!-- 数据表格区域 -->
-    <el-card shadow="hover">
-      <template #header>
-        <el-row :gutter="10" class="mb-2">
-          <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="handleAdd">新增上报</el-button>
-          </el-col>
-          <right-toolbar v-model:show-search="showSearch" @query-table="getList" />
-        </el-row>
-      </template>
+    <el-card shadow="hover" class="list-card">
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条记录</span>
+        <div class="toolbar-actions">
+          <el-button type="primary" plain icon="Plus" @click="handleAdd">新增上报</el-button>
+          <right-toolbar v-model:show-search="showSearch" @query-table="getList" style="margin-left: 8px;" />
+        </div>
+      </div>
 
       <el-table v-loading="loading" :data="accidentList" border>
         <el-table-column label="事故编号" align="center" prop="accidentCode" width="220" :show-overflow-tooltip="true" />
@@ -716,4 +715,18 @@ onBeforeUnmount(() => {
 .mt-2 { margin-top: 8px; }
 .trend-chart { width: 100%; height: 360px; }
 .el-upload__tip { font-size: 12px; color: #909399; line-height: 1.5; margin-top: 4px; }
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+.toolbar-actions {
+  display: flex;
+  align-items: center;
+}
 </style>

+ 22 - 9
src/views/risk/inspectionTask/index.vue

@@ -92,15 +92,14 @@
     </transition>
 
     <!-- 数据表格区域 -->
-    <el-card shadow="hover">
-      <template #header>
-        <el-row :gutter="10" class="mb-2">
-          <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="handleAdd">新增巡检打卡</el-button>
-          </el-col>
-          <right-toolbar v-model:show-search="showSearch" @query-table="getList" />
-        </el-row>
-      </template>
+    <el-card shadow="hover" class="list-card">
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条记录</span>
+        <div class="toolbar-actions">
+          <el-button type="primary" plain icon="Plus" @click="handleAdd">新增巡检打卡</el-button>
+          <right-toolbar v-model:show-search="showSearch" @query-table="getList" style="margin-left: 8px;" />
+        </div>
+      </div>
 
       <el-table v-loading="loading" :data="taskList" border>
         <el-table-column label="巡检任务名称" align="center" prop="taskName" :show-overflow-tooltip="true" />
@@ -994,4 +993,18 @@ onMounted(async () => {
 .audit-opinion.reject {
   color: #f56c6c;
 }
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+.toolbar-actions {
+  display: flex;
+  align-items: center;
+}
 </style>