diff --git a/src/components/datav/card.vue b/src/components/datav/card.vue
index a074c69..5d3f7a9 100644
--- a/src/components/datav/card.vue
+++ b/src/components/datav/card.vue
@@ -23,7 +23,7 @@ defineProps({
 <style lang="scss" scoped>
 .datav-card {
     padding: 12px;
-    margin-top: 20px;
+    margin-bottom: 20px;
     position: relative;
     z-index: 1;
     &::before {
diff --git a/src/components/datav/chart-bar.vue b/src/components/datav/chart-bar.vue
index 3caa60e..483eb98 100644
--- a/src/components/datav/chart-bar.vue
+++ b/src/components/datav/chart-bar.vue
@@ -10,7 +10,9 @@
             :size="size"
             :style="{'--label-width': `${labelWidth}px`}"
         >
-            <span class="bar-item-label mr-10">{{ item.label }}</span>
+            <span class="bar-item-label mr-10">
+                {{ item.label }}
+            </span>
             <div class="bar-item_content mr-16" >
                 <div
                     class="bar-item_content-bar"
@@ -70,8 +72,9 @@ const props = defineProps({
 const max = ref(100);
 watch(
     () => props.data,
-    (arr) => {
+    () => {
         getMax()
+        
     }
 );
 
@@ -131,6 +134,9 @@ function getColor(val) {
     .bar-item-label {
         text-align: right;
         width: var(--label-width);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
     }
     .bar-item_content {
         width: calc(100% - var(--label-width) - 80px);
diff --git a/src/components/datav/tabs.vue b/src/components/datav/tabs.vue
index adccac1..98a7a1f 100644
--- a/src/components/datav/tabs.vue
+++ b/src/components/datav/tabs.vue
@@ -41,8 +41,10 @@ const props = defineProps({
         default: "",
     },
 });
+const slots = useSlots().default();
+
 const emit = defineEmits(["update:modelValue"]);
-const activeTab = ref(props.modelValue);
+const activeTab = ref(props.modelValue || slots[0].props.name);
 watch(() => props.modelValue, () => {
     activeTab.value = props.modelValue
 })
@@ -52,7 +54,7 @@ watch(activeTab, (val) => {
 
 provide("activeTab", activeTab);
 
-const slots = useSlots().default();
+
 
 function handleChangeActiveTab(name) {
     activeTab.value = name;
diff --git a/src/views/datav/CaseVerif.vue b/src/views/datav/CaseVerif.vue
index 10c6388..83c605e 100644
--- a/src/views/datav/CaseVerif.vue
+++ b/src/views/datav/CaseVerif.vue
@@ -7,21 +7,26 @@
                     <el-col :span="6">
                         <datav-card title="分县市局排名" subTitle="案件数">
                             <datav-tabs
-                                v-model="activeTab"
                                 type="bottom-button"
                             >
                                 <datav-tab-item label="分县市局" name="1">
-                                    <datav-chart-bar
-                                        :data="fxsjBarList"
-                                        size="large"
-                                    />
+                                    <el-scrollbar height="350px">
+                                        <datav-chart-bar
+                                            :data="fxsjBarList"
+                                            size="large"
+                                            :color="colors"
+                                        />
+                                    </el-scrollbar>
                                 </datav-tab-item>
                                 <datav-tab-item label="局属单位" name="2">
-                                    <datav-chart-bar
-                                        :data="jsdwBarList"
-                                        :max="11"
-                                        size="large"
-                                    />
+                                    <el-scrollbar height="350px">
+                                        <datav-chart-bar
+                                            :data="jsdwBarList"
+                                            :max="11"
+                                            size="large"
+                                            :color="colors"
+                                        />
+                                    </el-scrollbar>
                                 </datav-tab-item>
                             </datav-tabs>
                         </datav-card>
@@ -385,7 +390,21 @@ const option4 = {
     ],
 };
 
-const activeTab = ref("1");
+
+const colors = [
+    {
+        color: "linear-gradient( 270deg, #FB002D 0%, #822232 100%)",
+        percentage: 80,
+    },
+    {
+        color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
+        percentage: 60,
+    },
+    {
+        color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
+        percentage: 40,
+    },
+];
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/sensitivePerception/DepartNegative.vue b/src/views/sensitivePerception/DepartNegative.vue
index a782416..11bd9ae 100644
--- a/src/views/sensitivePerception/DepartNegative.vue
+++ b/src/views/sensitivePerception/DepartNegative.vue
@@ -158,6 +158,7 @@
                                     <span
                                         v-for="item in departInfo.deputyRole"
                                         :key="item"
+                                        class="mr-10"
                                         >{{ item }}</span
                                     >
                                 </span>
diff --git a/vite.config.ts.timestamp-1730686774606-8b00c58248ca4.mjs b/vite.config.ts.timestamp-1730686774606-8b00c58248ca4.mjs
new file mode 100644
index 0000000..8679102
--- /dev/null
+++ b/vite.config.ts.timestamp-1730686774606-8b00c58248ca4.mjs
@@ -0,0 +1,88 @@
+// vite.config.ts
+import { fileURLToPath } from "url";
+import { defineConfig, loadEnv } from "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/node_modules/vite/dist/node/index.js";
+import vue from "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import path from "path";
+import AutoImport from "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/node_modules/unplugin-auto-import/dist/vite.js";
+import Components from "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/node_modules/unplugin-vue-components/dist/vite.js";
+import { ElementPlusResolver } from "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/node_modules/unplugin-vue-components/dist/resolvers.js";
+import { createSvgIconsPlugin } from "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+import postCssPxToRem from "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/node_modules/postcss-pxtorem/index.js";
+import { univerPlugin } from "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/node_modules/@univerjs/vite-plugin/lib/index.js";
+var __vite_injected_original_dirname = "D:\\Workspace\\\u521B\u5BA2\\\u516C\u5B89\u9879\u76EE\\\u6570\u5B57\u7763\u5BDF\\supervision-vue";
+var __vite_injected_original_import_meta_url = "file:///D:/Workspace/%E5%88%9B%E5%AE%A2/%E5%85%AC%E5%AE%89%E9%A1%B9%E7%9B%AE/%E6%95%B0%E5%AD%97%E7%9D%A3%E5%AF%9F/supervision-vue/vite.config.ts";
+var vite_config_default = ({ mode }) => {
+  const env = loadEnv(mode, process.cwd());
+  return defineConfig({
+    base: env.VITE_BASE,
+    define: {
+      "process.env": env
+    },
+    server: {
+      host: "0.0.0.0",
+      port: 5172,
+      proxy: {
+        "/api/v2/": {
+          target: "http://127.0.0.1:8080/",
+          changeOrigin: true,
+          rewrite: (p) => p.replace(/^\/api\/v2/, "")
+        }
+      }
+    },
+    plugins: [
+      vue(),
+      AutoImport({
+        imports: [
+          "vue",
+          "vue-router"
+        ],
+        resolvers: [ElementPlusResolver()]
+      }),
+      Components({
+        directoryAsNamespace: true,
+        resolvers: [ElementPlusResolver({
+          importStyle: "sass"
+        })]
+      }),
+      createSvgIconsPlugin({
+        // 配置路劲在你的src里的svg存放文件
+        iconDirs: [fileURLToPath(new URL("./src/assets/icons", __vite_injected_original_import_meta_url))],
+        symbolId: "local-icon-[name]"
+      }),
+      univerPlugin()
+    ],
+    resolve: {
+      // https://cn.vitejs.dev/config/#resolve-alias
+      alias: {
+        // 设置别名
+        "~/": `${path.resolve(__vite_injected_original_dirname, "src")}/`,
+        "@": path.resolve(__vite_injected_original_dirname, "./src/")
+      },
+      // https://cn.vitejs.dev/config/#resolve-extensions
+      extensions: [".js", ".ts"]
+    },
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: `@use "src/style/theme.scss" as *;`
+        }
+      },
+      postcss: {
+        plugins: [
+          postCssPxToRem({
+            rootValue: 192,
+            propList: ["*"]
+          })
+        ]
+      }
+    },
+    build: {
+      outDir: "v2"
+      // target: "es2015"
+    }
+  });
+};
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJEOlxcXFxXb3Jrc3BhY2VcXFxcXHU1MjFCXHU1QkEyXFxcXFx1NTE2Q1x1NUI4OVx1OTg3OVx1NzZFRVxcXFxcdTY1NzBcdTVCNTdcdTc3NjNcdTVCREZcXFxcc3VwZXJ2aXNpb24tdnVlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJEOlxcXFxXb3Jrc3BhY2VcXFxcXHU1MjFCXHU1QkEyXFxcXFx1NTE2Q1x1NUI4OVx1OTg3OVx1NzZFRVxcXFxcdTY1NzBcdTVCNTdcdTc3NjNcdTVCREZcXFxcc3VwZXJ2aXNpb24tdnVlXFxcXHZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9EOi9Xb3Jrc3BhY2UvJUU1JTg4JTlCJUU1JUFFJUEyLyVFNSU4NSVBQyVFNSVBRSU4OSVFOSVBMSVCOSVFNyU5QiVBRS8lRTYlOTUlQjAlRTUlQUQlOTclRTclOUQlQTMlRTUlQUYlOUYvc3VwZXJ2aXNpb24tdnVlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZmlsZVVSTFRvUGF0aCB9IGZyb20gJ3VybCdcclxuXHJcbmltcG9ydCB7IGRlZmluZUNvbmZpZywgbG9hZEVudiB9IGZyb20gJ3ZpdGUnXHJcbmltcG9ydCB2dWUgZnJvbSAnQHZpdGVqcy9wbHVnaW4tdnVlJ1xyXG5pbXBvcnQgcGF0aCBmcm9tICdwYXRoJ1xyXG5cclxuaW1wb3J0IEF1dG9JbXBvcnQgZnJvbSAndW5wbHVnaW4tYXV0by1pbXBvcnQvdml0ZSdcclxuaW1wb3J0IENvbXBvbmVudHMgZnJvbSAndW5wbHVnaW4tdnVlLWNvbXBvbmVudHMvdml0ZSdcclxuaW1wb3J0IHsgRWxlbWVudFBsdXNSZXNvbHZlciB9IGZyb20gJ3VucGx1Z2luLXZ1ZS1jb21wb25lbnRzL3Jlc29sdmVycydcclxuaW1wb3J0IHsgY3JlYXRlU3ZnSWNvbnNQbHVnaW4gfSBmcm9tICd2aXRlLXBsdWdpbi1zdmctaWNvbnMnXHJcbmltcG9ydCBwb3N0Q3NzUHhUb1JlbSBmcm9tICdwb3N0Y3NzLXB4dG9yZW0nXHJcbmltcG9ydCB7IHVuaXZlclBsdWdpbiB9IGZyb20gXCJAdW5pdmVyanMvdml0ZS1wbHVnaW5cIjtcclxuXHJcblxyXG4vLyBodHRwczovL3ZpdGVqcy5kZXYvY29uZmlnL1xyXG5leHBvcnQgZGVmYXVsdCAoeyBtb2RlIH0pID0+IHtcclxuICBjb25zdCBlbnYgPSBsb2FkRW52KG1vZGUsIHByb2Nlc3MuY3dkKCkpO1xyXG4gIHJldHVybiBkZWZpbmVDb25maWcoe1xyXG4gICAgYmFzZTogZW52LlZJVEVfQkFTRSxcclxuICAgIGRlZmluZToge1xyXG4gICAgICAncHJvY2Vzcy5lbnYnOiBlbnZcclxuICAgIH0sXHJcbiAgICBzZXJ2ZXI6IHtcclxuICAgICAgaG9zdDogJzAuMC4wLjAnLFxyXG4gICAgICBwb3J0OiA1MTcyLFxyXG4gICAgICBwcm94eToge1xyXG4gICAgICAgICcvYXBpL3YyLyc6IHtcclxuICAgICAgICAgIHRhcmdldDogJ2h0dHA6Ly8xMjcuMC4wLjE6ODA4MC8nLFxyXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxyXG4gICAgICAgICAgcmV3cml0ZTogKHApID0+IHAucmVwbGFjZSgvXlxcL2FwaVxcL3YyLywgJycpXHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9LFxyXG4gICAgcGx1Z2luczogW1xyXG4gICAgICB2dWUoKSxcclxuICAgICAgQXV0b0ltcG9ydCh7XHJcbiAgICAgICAgaW1wb3J0czogW1xyXG4gICAgICAgICAgJ3Z1ZScsICd2dWUtcm91dGVyJ1xyXG4gICAgICAgIF0sXHJcbiAgICAgICAgcmVzb2x2ZXJzOiBbRWxlbWVudFBsdXNSZXNvbHZlcigpXSxcclxuICAgICAgfSksXHJcbiAgICAgIENvbXBvbmVudHMoe1xyXG4gICAgICAgIGRpcmVjdG9yeUFzTmFtZXNwYWNlOiB0cnVlLFxyXG4gICAgICAgIHJlc29sdmVyczogW0VsZW1lbnRQbHVzUmVzb2x2ZXIoe1xyXG4gICAgICAgICAgaW1wb3J0U3R5bGU6IFwic2Fzc1wiXHJcbiAgICAgICAgfSldLFxyXG4gICAgICB9KSxcclxuICAgICAgY3JlYXRlU3ZnSWNvbnNQbHVnaW4oe1xyXG4gICAgICAgIC8vIFx1OTE0RFx1N0Y2RVx1OERFRlx1NTJCMlx1NTcyOFx1NEY2MFx1NzY4NHNyY1x1OTFDQ1x1NzY4NHN2Z1x1NUI1OFx1NjUzRVx1NjU4N1x1NEVGNlxyXG4gICAgICAgIGljb25EaXJzOiBbZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy9hc3NldHMvaWNvbnMnLCBpbXBvcnQubWV0YS51cmwpKV0sXHJcbiAgICAgICAgc3ltYm9sSWQ6ICdsb2NhbC1pY29uLVtuYW1lXSdcclxuICAgICAgfSksXHJcbiAgICAgIHVuaXZlclBsdWdpbigpXHJcbiAgICBdLFxyXG4gICAgcmVzb2x2ZToge1xyXG4gICAgICAvLyBodHRwczovL2NuLnZpdGVqcy5kZXYvY29uZmlnLyNyZXNvbHZlLWFsaWFzXHJcbiAgICAgIGFsaWFzOiB7XHJcbiAgICAgICAgLy8gXHU4QkJFXHU3RjZFXHU1MjJCXHU1NDBEXHJcbiAgICAgICAgJ34vJzogYCR7cGF0aC5yZXNvbHZlKF9fZGlybmFtZSwgJ3NyYycpfS9gLFxyXG4gICAgICAgICdAJzogcGF0aC5yZXNvbHZlKF9fZGlybmFtZSwgJy4vc3JjLycpXHJcbiAgICAgIH0sXHJcbiAgICAgIC8vIGh0dHBzOi8vY24udml0ZWpzLmRldi9jb25maWcvI3Jlc29sdmUtZXh0ZW5zaW9uc1xyXG4gICAgICBleHRlbnNpb25zOiBbJy5qcycsICcudHMnXVxyXG4gICAgfSxcclxuICAgIGNzczoge1xyXG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XHJcbiAgICAgICAgc2Nzczoge1xyXG4gICAgICAgICAgYWRkaXRpb25hbERhdGE6IGBAdXNlIFwic3JjL3N0eWxlL3RoZW1lLnNjc3NcIiBhcyAqO2BcclxuICAgICAgICB9LFxyXG4gICAgICB9LFxyXG4gICAgICBwb3N0Y3NzOiB7XHJcbiAgICAgICAgcGx1Z2luczogW1xyXG4gICAgICAgICAgcG9zdENzc1B4VG9SZW0oe1xyXG4gICAgICAgICAgICByb290VmFsdWU6IDE5MixcclxuICAgICAgICAgICAgcHJvcExpc3Q6IFsnKiddLFxyXG4gICAgICAgICAgfSlcclxuICAgICAgICBdXHJcbiAgICAgIH1cclxuICAgIH0sXHJcbiAgICBidWlsZDoge1xyXG4gICAgICBvdXREaXI6ICd2MicsXHJcbiAgICAgIC8vIHRhcmdldDogXCJlczIwMTVcIlxyXG4gICAgfVxyXG4gIH0pXHJcbn1cclxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUF5WSxTQUFTLHFCQUFxQjtBQUV2YSxTQUFTLGNBQWMsZUFBZTtBQUN0QyxPQUFPLFNBQVM7QUFDaEIsT0FBTyxVQUFVO0FBRWpCLE9BQU8sZ0JBQWdCO0FBQ3ZCLE9BQU8sZ0JBQWdCO0FBQ3ZCLFNBQVMsMkJBQTJCO0FBQ3BDLFNBQVMsNEJBQTRCO0FBQ3JDLE9BQU8sb0JBQW9CO0FBQzNCLFNBQVMsb0JBQW9CO0FBWDdCLElBQU0sbUNBQW1DO0FBQTRKLElBQU0sMkNBQTJDO0FBZXRQLElBQU8sc0JBQVEsQ0FBQyxFQUFFLEtBQUssTUFBTTtBQUMzQixRQUFNLE1BQU0sUUFBUSxNQUFNLFFBQVEsSUFBSSxDQUFDO0FBQ3ZDLFNBQU8sYUFBYTtBQUFBLElBQ2xCLE1BQU0sSUFBSTtBQUFBLElBQ1YsUUFBUTtBQUFBLE1BQ04sZUFBZTtBQUFBLElBQ2pCO0FBQUEsSUFDQSxRQUFRO0FBQUEsTUFDTixNQUFNO0FBQUEsTUFDTixNQUFNO0FBQUEsTUFDTixPQUFPO0FBQUEsUUFDTCxZQUFZO0FBQUEsVUFDVixRQUFRO0FBQUEsVUFDUixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsTUFBTSxFQUFFLFFBQVEsY0FBYyxFQUFFO0FBQUEsUUFDNUM7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLElBQ0EsU0FBUztBQUFBLE1BQ1AsSUFBSTtBQUFBLE1BQ0osV0FBVztBQUFBLFFBQ1QsU0FBUztBQUFBLFVBQ1A7QUFBQSxVQUFPO0FBQUEsUUFDVDtBQUFBLFFBQ0EsV0FBVyxDQUFDLG9CQUFvQixDQUFDO0FBQUEsTUFDbkMsQ0FBQztBQUFBLE1BQ0QsV0FBVztBQUFBLFFBQ1Qsc0JBQXNCO0FBQUEsUUFDdEIsV0FBVyxDQUFDLG9CQUFvQjtBQUFBLFVBQzlCLGFBQWE7QUFBQSxRQUNmLENBQUMsQ0FBQztBQUFBLE1BQ0osQ0FBQztBQUFBLE1BQ0QscUJBQXFCO0FBQUE7QUFBQSxRQUVuQixVQUFVLENBQUMsY0FBYyxJQUFJLElBQUksc0JBQXNCLHdDQUFlLENBQUMsQ0FBQztBQUFBLFFBQ3hFLFVBQVU7QUFBQSxNQUNaLENBQUM7QUFBQSxNQUNELGFBQWE7QUFBQSxJQUNmO0FBQUEsSUFDQSxTQUFTO0FBQUE7QUFBQSxNQUVQLE9BQU87QUFBQTtBQUFBLFFBRUwsTUFBTSxHQUFHLEtBQUssUUFBUSxrQ0FBVyxLQUFLLENBQUM7QUFBQSxRQUN2QyxLQUFLLEtBQUssUUFBUSxrQ0FBVyxRQUFRO0FBQUEsTUFDdkM7QUFBQTtBQUFBLE1BRUEsWUFBWSxDQUFDLE9BQU8sS0FBSztBQUFBLElBQzNCO0FBQUEsSUFDQSxLQUFLO0FBQUEsTUFDSCxxQkFBcUI7QUFBQSxRQUNuQixNQUFNO0FBQUEsVUFDSixnQkFBZ0I7QUFBQSxRQUNsQjtBQUFBLE1BQ0Y7QUFBQSxNQUNBLFNBQVM7QUFBQSxRQUNQLFNBQVM7QUFBQSxVQUNQLGVBQWU7QUFBQSxZQUNiLFdBQVc7QUFBQSxZQUNYLFVBQVUsQ0FBQyxHQUFHO0FBQUEsVUFDaEIsQ0FBQztBQUFBLFFBQ0g7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLElBQ0EsT0FBTztBQUFBLE1BQ0wsUUFBUTtBQUFBO0FBQUEsSUFFVjtBQUFBLEVBQ0YsQ0FBQztBQUNIOyIsCiAgIm5hbWVzIjogW10KfQo=