From ad762988f6439d455fd9c847d614a4f96d2ab16d 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: Thu, 20 Mar 2025 09:30:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=BB=84=E4=BB=B6=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4=E6=95=B0=E6=8D=AE=E5=B1=95?=
 =?UTF-8?q?=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/components/RouterSearch/index.vue |  3 +-
 src/layout/components/ToolHeader.vue  |  2 +-
 src/store/modules/app.ts              |  2 +-
 src/views/Home/Index.vue              | 45 ++++++++++++++++-----------
 4 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/src/components/RouterSearch/index.vue b/src/components/RouterSearch/index.vue
index ca72e2d..f0a2351 100644
--- a/src/components/RouterSearch/index.vue
+++ b/src/components/RouterSearch/index.vue
@@ -24,6 +24,7 @@
       filterable
       :reserve-keyword="false"
       remote
+      size="default"
       placeholder="请输入菜单内容"
       :remote-method="remoteMethod"
       class="overflow-hidden transition-all-600"
@@ -66,7 +67,7 @@ const options = computed(() => {
   })
   return list.map((item) => {
     return {
-      label: `${item.meta.title}${item.path}`,
+      label: `${item.meta.title}`,
       value: item.path
     }
   })
diff --git a/src/layout/components/ToolHeader.vue b/src/layout/components/ToolHeader.vue
index fab98c0..7d05886 100644
--- a/src/layout/components/ToolHeader.vue
+++ b/src/layout/components/ToolHeader.vue
@@ -9,7 +9,7 @@ import RouterSearch from '@/components/RouterSearch/index.vue'
 import { useAppStore } from '@/store/modules/app'
 import { useDesign } from '@/hooks/web/useDesign'
 
-const { getPrefixCls, variables } = useDesign()
+const {  variables } = useDesign()
 
 
 const appStore = useAppStore()
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index ee045fa..f9f5602 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -68,7 +68,7 @@ export const useAppStore = defineStore('app', {
       layout: wsCache.get(CACHE_KEY.LAYOUT) || 'classic', // layout布局
       // isDark: wsCache.get(CACHE_KEY.IS_DARK) || false, // 是否是暗黑模式
       isDark: false, // 是否是暗黑模式
-      currentSize: wsCache.get('default') || 'default', // 组件尺寸
+      currentSize: wsCache.get('default') || 'large', // 组件尺寸
       theme: {
         elColorPrimary: '#409eff',
         leftMenuBorderColor: '#eee',
diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index 32c0ae5..e99c996 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -6,7 +6,6 @@
           <el-select
             v-model="queryParams.region"
             placeholder="请选择区域"
-            size="large"
             @change="getData"
           >
             <el-option
@@ -22,7 +21,6 @@
             v-model="queryParams.selectWeek"
             placeholder="请选择周期"
             clearable
-            size="large"
             @select="getData"
             @change="getData"
           >
@@ -36,7 +34,7 @@
         </el-form-item>
       </el-form>
     </el-col>
-    <section class="flex gap-20px">
+    <section class="flex gap-20px items-center mb-20px">
       <el-button type="primary" plain @click="getData">
         <Icon icon="ep:search" />
         查询
@@ -87,11 +85,15 @@
             <div
               v-for="(item, index) in tasks"
               :key="`dynamics-${index}`"
-              class="text-15px flex justify-between"
+              class="text-15px flex gap-40px flex-nowrap"
             >
-              <span class="color-#303133">{{ item.title }}</span>
-              <span class="color-#606266">{{ item.deptName }}</span>
-              <span class="color-#909399">{{ formatDate(item.startDate, 'YYYY年M月D日') }}</span>
+              <div class="color-#303133 flex-1 whitespace-nowrap text-ellipsis overflow-hidden">
+                {{ item.title }}
+              </div>
+              <div class="color-#606266 w80px text-right">{{ item.deptName }}</div>
+              <div class="color-#909399 w140px text-right">
+                {{ formatDate(item.startDate, 'YYYY年M月D日') }}
+              </div>
             </div>
             <el-empty v-if="tasks.length == 0" />
           </section>
@@ -106,10 +108,13 @@
             <div
               v-for="(item, index) in notice1"
               :key="`dynamics-${index}`"
-              class="text-15px flex justify-between"
+              class="text-15px flex gap-40px flex-nowrap"
             >
-              <span class="color-#303133">{{ item.name }}</span>
-              <span class="color-#909399">{{ item.count }}次</span>
+              <div class="color-#303133 flex-1 whitespace-nowrap text-ellipsis overflow-hidden">
+                {{ item.name }}
+              </div>
+              <div class="color-#606266 w80px text-right">{{ item.deptName }}</div>
+              <div class="color-#909399 w140px text-right">{{ item.count }}次</div>
             </div>
             <el-empty v-if="notice1.length == 0" />
           </section>
@@ -124,10 +129,13 @@
             <div
               v-for="(item, index) in notice2"
               :key="`dynamics-${index}`"
-              class="text-15px flex justify-between"
+              class="text-15px flex gap-40px flex-nowrap"
             >
-              <span class="color-#303133">{{ item.name }}</span>
-              <span class="color-#909399">{{ item.count }}天</span>
+              <div class="color-#303133 flex-1 whitespace-nowrap text-ellipsis overflow-hidden">
+                {{ item.name }}
+              </div>
+              <div class="color-#606266 w80px text-right">{{ item.realName }}</div>
+              <div class="color-#909399 w140px text-right">{{ item.count }}次</div>
             </div>
             <el-empty v-if="notice2.length == 0" />
           </section>
@@ -170,7 +178,7 @@ const pieOptionsData = ref({
   series: {
     name: '任务进度',
     type: 'pie',
-    radius: ['60%', '80%'],
+    radius: ['55%', '80%'],
     center: ['50%', '50%'],
     itemStyle: {
       borderColor: '#fff',
@@ -183,6 +191,7 @@ const pieOptionsData = ref({
         }
         return ''
       },
+      fontSize: 13,
       padding: [0, 0, 15, 0],
       distanceToLabelLine: 0,
       rich: {
@@ -323,8 +332,8 @@ const barOptionsData = ref({
       type: 'pictorialBar',
       symbol: 'rect',
       symbolPosition: 'end',
-      symbolSize: [20,5],
-	    symbolOffset: [13, -1],
+      symbolSize: [20, 5],
+      symbolOffset: [13, -1],
       barWidth: 20,
       itemStyle: {
         color: 'rgba(103, 194, 58, 1)'
@@ -399,7 +408,7 @@ const lineOptionsData = ref({
   },
   series: [
     {
-      name: '任务数',
+      name: '任务数量',
       data: [13253, 34235, 26321, 12340, 24643],
       type: 'line',
       smooth: true,
@@ -414,7 +423,7 @@ const lineOptionsData = ref({
       }
     },
     {
-      name: '执法数',
+      name: '执法数量',
       data: [15678, 28943, 31452, 19876, 22345],
       type: 'line',
       smooth: true,