|
|
@@ -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>
|