From ab1323b425f9f366726b5710ee3ccd1616e053e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=88=B1=7E=E6=B5=B7=7E=E7=88=B1=E6=B5=B7=E7=88=B1?=
 =?UTF-8?q?=E6=B5=B7=7E=E5=8F=B3?= <1828712314@qq.com>
Date: Wed, 19 Mar 2025 14:31:11 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=BB=9F=E4=B8=80=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E5=9D=97=E7=BA=A7=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RouterSearch/index.vue         | 19 ++++++++++--
 src/layout/components/AppView.vue             | 10 +++++--
 src/layout/components/ToolHeader.vue          | 29 +++++++++----------
 .../components/UserInfo/src/UserInfo.vue      | 11 ++++++-
 4 files changed, 46 insertions(+), 23 deletions(-)

diff --git a/src/components/RouterSearch/index.vue b/src/components/RouterSearch/index.vue
index 42a4174..ca72e2d 100644
--- a/src/components/RouterSearch/index.vue
+++ b/src/components/RouterSearch/index.vue
@@ -17,8 +17,8 @@
       />
     </el-select>
   </ElDialog>
-  <div v-else class="custom-hover" @click.stop="showTopSearch = !showTopSearch">
-    <Icon icon="ep:search" />
+  <div v-else class="block" @click.stop="showTopSearch = !showTopSearch">
+    <Icon :icon="icon" @focus="focus" />
     <el-select
       @click.stop
       filterable
@@ -52,7 +52,7 @@ const router = useRouter() // 路由对象
 const showSearch = ref(false) // 是否显示弹框
 const showTopSearch = ref(false) // 是否显示顶部搜索框
 const value: Ref = ref('') // 用户输入的值
-
+const icon = ref('ep:search')
 const routers = router.getRoutes() // 路由对象
 const options = computed(() => {
   // 提示选项
@@ -77,6 +77,8 @@ function remoteMethod(data) {
   value.value = data
 }
 
+const focus = () => {}
+
 function handleChange(path) {
   router.push({ path })
   hiddenSearch()
@@ -117,3 +119,14 @@ defineExpose({
   }
 })
 </script>
+
+<style lang="scss" scoped>
+.block {
+  display: flex;
+  height: 100%;
+  padding: 0 10px;
+  cursor: pointer;
+  align-items: center;
+  transition: background var(--transition-time-02);
+}
+</style>
diff --git a/src/layout/components/AppView.vue b/src/layout/components/AppView.vue
index f819275..a472a44 100644
--- a/src/layout/components/AppView.vue
+++ b/src/layout/components/AppView.vue
@@ -44,10 +44,14 @@ provide('reload', reload)
     ]"
   >
     <router-view v-if="routerAlive">
+      <!--      <template #default="{ Component, route }">-->
+      <!--        <keep-alive :include="getCaches">-->
+      <!--          <component :is="Component" :key="route.fullPath" />-->
+      <!--        </keep-alive>-->
+      <!--      </template>-->
+
       <template #default="{ Component, route }">
-        <keep-alive :include="getCaches">
-          <component :is="Component" :key="route.fullPath" />
-        </keep-alive>
+        <component :is="Component" :key="route.fullPath" />
       </template>
     </router-view>
   </section>
diff --git a/src/layout/components/ToolHeader.vue b/src/layout/components/ToolHeader.vue
index 62ac142..fab98c0 100644
--- a/src/layout/components/ToolHeader.vue
+++ b/src/layout/components/ToolHeader.vue
@@ -1,10 +1,7 @@
 <script lang="tsx">
 import { defineComponent, computed } from 'vue'
-import { Message } from '@/layout/components//Message'
-import { Collapse } from '@/layout/components/Collapse'
 import { UserInfo } from '@/layout/components/UserInfo'
 import { Screenfull } from '@/layout/components/Screenfull'
-import { Breadcrumb } from '@/layout/components/Breadcrumb'
 import { SizeDropdown } from '@/layout/components/SizeDropdown'
 import { LocaleDropdown } from '@/layout/components/LocaleDropdown'
 import { Screen } from '@/layout/components/Screen'
@@ -14,15 +11,10 @@ import { useDesign } from '@/hooks/web/useDesign'
 
 const { getPrefixCls, variables } = useDesign()
 
-const prefixCls = getPrefixCls('tool-header')
 
 const appStore = useAppStore()
 
-// 面包屑
-const breadcrumb = computed(() => appStore.getBreadcrumb)
 
-// 折叠图标
-const hamburger = computed(() => appStore.getHamburger)
 
 // 全屏图标
 const screenfull = computed(() => appStore.getScreenfull)
@@ -33,14 +25,11 @@ const search = computed(() => appStore.search)
 // 尺寸图标
 const size = computed(() => appStore.getSize)
 
-// 布局
-const layout = computed(() => appStore.getLayout)
 
 // 多语言图标
 const locale = computed(() => appStore.getLocale)
 
-// 消息图标
-const message = computed(() => appStore.getMessage)
+
 
 export default defineComponent({
   name: 'ToolHeader',
@@ -51,17 +40,17 @@ export default defineComponent({
         class=" relative flex items-cente "
       >
         <div class="flex items-center" >
-          <Screen class="custom-hover" color="var(--top-header-text-color)" />
+          <Screen class="block" color="var(--top-header-text-color)" />
           {screenfull.value ? (
-            <Screenfull class="custom-hover" color="var(--top-header-text-color)"></Screenfull>
+            <Screenfull class="block" color="var(--top-header-text-color)"></Screenfull>
           ) : undefined}
           {search.value ? <RouterSearch isModal={false} /> : undefined}
           {size.value ? (
-            <SizeDropdown class="custom-hover" color="var(--top-header-text-color)"></SizeDropdown>
+            <SizeDropdown class="block" color="var(--top-header-text-color)"></SizeDropdown>
           ) : undefined}
           {locale.value ? (
             <LocaleDropdown
-              class="custom-hover"
+              class="block"
               color="var(--top-header-text-color)"
             ></LocaleDropdown>
           ) : undefined}
@@ -79,4 +68,12 @@ $prefix-cls: #{$namespace}-tool-header;
 .#{$prefix-cls} {
   transition: left var(--transition-time-02);
 }
+.block{
+	display: flex;
+	height: 100%;
+	padding: 0 10px;
+	cursor: pointer;
+	align-items: center;
+	transition: background var(--transition-time-02);
+}
 </style>
diff --git a/src/layout/components/UserInfo/src/UserInfo.vue b/src/layout/components/UserInfo/src/UserInfo.vue
index d2a5ab0..e9cb951 100644
--- a/src/layout/components/UserInfo/src/UserInfo.vue
+++ b/src/layout/components/UserInfo/src/UserInfo.vue
@@ -55,7 +55,7 @@ const toDocument = () => {
 </script>
 
 <template>
-  <ElDropdown class="custom-hover" :class="prefixCls" trigger="click">
+  <ElDropdown class="block" :class="prefixCls" trigger="click">
     <div class="flex items-center gap-4px">
       <ElAvatar :src="avatar" alt="" :size="32" class="rounded-[50%]" />
       <span class="text-14px color-#303133 font-500 line-height-22px">
@@ -110,4 +110,13 @@ const toDocument = () => {
   opacity: 0;
   transform: translateY(10%);
 }
+
+.block {
+  display: flex;
+  height: 100%;
+  padding: 0 10px;
+  cursor: pointer;
+  align-items: center;
+  transition: background var(--transition-time-02);
+}
 </style>

From fe443f559793aeb981e878b9880cb3cee48ecf1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=88=B1=7E=E6=B5=B7=7E=E7=88=B1=E6=B5=B7=E7=88=B1?=
 =?UTF-8?q?=E6=B5=B7=7E=E5=8F=B3?= <1828712314@qq.com>
Date: Wed, 19 Mar 2025 14:53:57 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=9B=BE=E8=A1=A8?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=EF=BC=8C=E8=B0=83=E6=95=B4=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/Index.vue | 215 ++++++++++++++++++++-------------------
 1 file changed, 110 insertions(+), 105 deletions(-)

diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index cbb9e0f..32c0ae5 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -303,22 +303,28 @@ const barOptionsData = ref({
     },
     {
       name: '执法记录',
-      type: 'bar',
+      type: 'pictorialBar',
+      symbol: 'rect',
+      symbolPosition: 'end',
+      symbolSize: [20, 5],
+      symbolOffset: [-13, -1],
       barWidth: 20,
-      stack: '执法记录',
-      barGap: '30%',
+      barGap: '-100% ',
       itemStyle: {
         color: 'rgba(64, 158, 255, 1)'
       },
       tooltip: {
         show: false
       },
-      data: [1, 1, 1, 1, 1]
+      data: []
     },
     {
       name: '整改次数',
-      type: 'bar',
-      stack: '整改次数',
+      type: 'pictorialBar',
+      symbol: 'rect',
+      symbolPosition: 'end',
+      symbolSize: [20,5],
+	    symbolOffset: [13, -1],
       barWidth: 20,
       itemStyle: {
         color: 'rgba(103, 194, 58, 1)'
@@ -326,103 +332,103 @@ const barOptionsData = ref({
       tooltip: {
         show: false
       },
-      data: [1, 1, 1, 1, 1]
+      data: []
     }
   ]
 })
 const lineOptionsData = ref({
-	tooltip: {
-		trigger: 'axis',
-		axisPointer: {
-			type: 'shadow'
-		}
-	},
-	grid: {
-		top: 42,
-		left: 16,
-		right: 16,
-		bottom: 16,
-		containLabel: true
-	},
-	legend: {
-		show: true,
-		top: 16,
-		left: 'center',
-		textStyle: {
-			color: '#333'
-		}
-	},
-	xAxis: {
-		type: 'category',
-		data:[],
-		axisTick: {
-			show: false
-		},
-		axisLine: {
-			show: false
-		},
-		splitLine: {
-			show: true,
-			lineStyle: {
-				type: 'dashed',
-				color: '#E5E7EB'
-			}
-		},
-		axisLabel: {
-			show: false,
-			color: '#333'
-		}
-	},
-	yAxis: {
-		type: 'value',
-		axisLine: {
-			show: false
-		},
-		max: (v) => {
-			return Math.floor(v.max * 1.2 + 1)
-		},
-		axisTick: {
-			show: false
-		},
-		splitLine: {
-			lineStyle: {
-				type: 'dashed',
-				color: '#E5E7EB'
-			}
-		}
-	},
-	series: [
-		{
-			name: '任务数',
-			data: [13253, 34235, 26321, 12340, 24643],
-			type: 'line',
-			smooth: true,
-			itemStyle: {
-				color: 'rgba(64, 158, 255, 1)'
-			},
-			lineStyle: {
-				color: 'rgba(64, 158, 255, 1)'
-			},
-			areaStyle: {
-				color: 'rgba(64, 158, 255, .3)'
-			}
-		},
-		{
-			name: '执法数',
-			data: [15678, 28943, 31452, 19876, 22345],
-			type: 'line',
-			smooth: true,
-			itemStyle: {
-				color: 'rgba(103, 194, 58, 1)'
-			},
-			lineStyle: {
-				color: 'rgba(103, 194, 58, 1)'
-			},
-			areaStyle: {
-				color: 'rgba(103, 194, 58, .3)'
-			}
-		}
-	]
+  tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      type: 'shadow'
+    }
+  },
+  grid: {
+    top: 42,
+    left: 16,
+    right: 16,
+    bottom: 16,
+    containLabel: true
+  },
+  legend: {
+    show: true,
+    top: 16,
+    left: 'center',
+    textStyle: {
+      color: '#333'
+    }
+  },
+  xAxis: {
+    type: 'category',
+    data: [],
+    axisTick: {
+      show: false
+    },
+    axisLine: {
+      show: false
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: 'dashed',
+        color: '#E5E7EB'
+      }
+    },
+    axisLabel: {
+      show: false,
+      color: '#333'
+    }
+  },
+  yAxis: {
+    type: 'value',
+    axisLine: {
+      show: false
+    },
+    max: (v) => {
+      return Math.floor(v.max * 1.2 + 1)
+    },
+    axisTick: {
+      show: false
+    },
+    splitLine: {
+      lineStyle: {
+        type: 'dashed',
+        color: '#E5E7EB'
+      }
+    }
+  },
+  series: [
+    {
+      name: '任务数',
+      data: [13253, 34235, 26321, 12340, 24643],
+      type: 'line',
+      smooth: true,
+      itemStyle: {
+        color: 'rgba(64, 158, 255, 1)'
+      },
+      lineStyle: {
+        color: 'rgba(64, 158, 255, 1)'
+      },
+      areaStyle: {
+        color: 'rgba(64, 158, 255, .3)'
+      }
+    },
+    {
+      name: '执法数',
+      data: [15678, 28943, 31452, 19876, 22345],
+      type: 'line',
+      smooth: true,
+      itemStyle: {
+        color: 'rgba(103, 194, 58, 1)'
+      },
+      lineStyle: {
+        color: 'rgba(103, 194, 58, 1)'
+      },
+      areaStyle: {
+        color: 'rgba(103, 194, 58, .3)'
+      }
+    }
+  ]
 })
 
 const queryParams = reactive({
@@ -497,9 +503,9 @@ const getS3Data = async () => {
     data1.push({ name: item.month, value: item.taskCount })
     data2.push({ name: item.month, value: item.inspectionCount })
   })
-	lineOptionsData.value.series[0].data = data1
-	lineOptionsData.value.series[1].data = data2
-	lineOptionsData.value.xAxis.data = res.map((i) => i.month)
+  lineOptionsData.value.series[0].data = data1
+  lineOptionsData.value.series[1].data = data2
+  lineOptionsData.value.xAxis.data = res.map((i) => i.month)
 }
 
 // 执法整改
@@ -518,12 +524,11 @@ const getS2Data = async () => {
     }
   })
   const axis = res.map((i) => i.realName)
-  const top = (res[0].inspectionCount % 10) / 10
   barOptionsData.value.series[0].data = data1
   barOptionsData.value.series[1].data = data2
   barOptionsData.value.xAxis.data = axis
-  barOptionsData.value.series[2].data = new Array(axis.length).fill(top || 0.1)
-  barOptionsData.value.series[3].data = new Array(axis.length).fill(top || 0.1)
+  barOptionsData.value.series[2].data = data1
+  barOptionsData.value.series[3].data = data2
 }
 
 // 获取最新任务