From ad208889ad6ca2283a06d7bc440ecd289c535d83 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 03 四月 2025 17:26:29 +0800
Subject: [PATCH] 1. 添加显示问题整改的时间; 2. 新增巡查场景数、巡查点次、复查点次的统计; 3. 添加扬尘监测数据统计结果管理(待完成)

---
 src/components/ToolBar.vue |   46 +++++++++++++++++++++++++++++-----------------
 1 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/src/components/ToolBar.vue b/src/components/ToolBar.vue
index bf2912b..7f4452e 100644
--- a/src/components/ToolBar.vue
+++ b/src/components/ToolBar.vue
@@ -1,17 +1,26 @@
 <template>
-  <div class="layout" >
+  <div class="layout">
     <el-row v-if="title">
-      <el-col :span=" 16 " class="title">{{ title }}</el-col>
-      <el-col :span=" 8 ">
+      <el-col :span="16" class="title">{{ title }}</el-col>
+      <el-col :span="8">
         <el-row justify="end" class="btn-group">
-          <el-button v-for="(b, i) in buttons" :key=" i " :type=" b.color ? b.color : 'primary' " size="small">{{ b.name
-          }}</el-button>
+          <el-button
+            v-for="(b, i) in buttons"
+            :key="i"
+            :type="b.color ? b.color : 'primary'"
+            size="small"
+            plain
+            @click="b.click"
+            >{{ b.name }}</el-button
+          >
         </el-row>
       </el-col>
     </el-row>
     <el-row class="tag-group" v-if="title">
       <el-space>
-        <el-tag v-for="(d, i) in descriptions" :key=" i " type="info" size="small">{{ d.name + ": " + d.value }}</el-tag>
+        <el-tag v-for="(d, i) in descriptions" :key="i" :type="d.type" size="small">{{
+          d.name + ': ' + d.value
+        }}</el-tag>
       </el-space>
     </el-row>
   </div>
@@ -27,28 +36,31 @@
       type: Array,
       default: () => [
         {
-          name: "",
-          value: "",
-        },
-      ],
+          name: '',
+          value: ''
+        }
+      ]
     },
     buttons: {
       type: Array,
       default: () => [
         {
-          name: "",
-          color: "primary",
-        },
-      ],
-    },
-  },
+          name: '',
+          color: 'primary',
+          click: () => {}
+        }
+      ]
+    }
+  }
 };
 </script>
 <style scoped>
 .layout {
   /* background-color: beige; */
   height: var(--height-toolbar);
-  /* border-bottom: 1px solid var(--el-color-info-light-7); */
+  border-bottom: 1px solid var(--el-color-info-light-7);
+  box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.12);
+  margin-bottom: 4px;
 }
 
 .cell-item {

--
Gitblit v1.9.3