From d233857ce2933167b215d470683f954434235275 Mon Sep 17 00:00:00 2001
From: wwl <web_2021@163.com>
Date: Wed, 8 May 2024 13:41:28 +0800
Subject: [PATCH] fix bug

---
 src/views/home/diffspace/Overview.vue |  30 +++---
 src/views/home/quality/Quality.ts     | 129 ++++++++++++++------------
 2 files changed, 85 insertions(+), 74 deletions(-)

diff --git a/src/views/home/diffspace/Overview.vue b/src/views/home/diffspace/Overview.vue
index f81385e..ed86190 100755
--- a/src/views/home/diffspace/Overview.vue
+++ b/src/views/home/diffspace/Overview.vue
@@ -543,9 +543,9 @@ const title = (tit) => {
             </el-icon>
           </div>
           <div class="bottomclom" v-if="showDropdown1">
-            <div v-if="dataLeft" v-for="item in dataLeft">
-              <span class="container" @click="handleSelect(item)">{{ item.title }}</span>
-              <el-dropdown max-height="100px" @command="down">
+            <div v-if="dataLeft" v-for="item in dataLeft[0].fileList">
+              <span class="container" @click="down({ it: item })">{{ item.name }}</span>
+              <!-- <el-dropdown max-height="100px" @command="down">
                 <el-icon size="25">
                   <CaretBottom />
                 </el-icon>
@@ -560,7 +560,7 @@ const title = (tit) => {
                     >
                   </el-dropdown-menu>
                 </template>
-              </el-dropdown>
+              </el-dropdown> -->
             </div>
           </div>
         </AppBlock>
@@ -573,7 +573,7 @@ const title = (tit) => {
             class="mt20px mx10px h60px flex items-center justify-center rd-30px text-24px text-#fff bg-#000/45"
           >
             <p
-              :alt="form.lable1.title"
+              :alt="form.lable2.title"
               style="width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
             >
               <n-popover trigger="hover" placement="top-start">
@@ -585,7 +585,7 @@ const title = (tit) => {
                       class="!h-20px !w-auto mr-2"
                       alt=""
                     />
-                    <span>{{ form.lable1.title }}</span>
+                    <span>{{ form.lable2.title }}</span>
                   </div>
                   <!-- {{ form.lable2.title }} -->
                 </template>
@@ -617,14 +617,14 @@ const title = (tit) => {
             </el-icon>
           </div>
           <div class="bottomclom" v-if="showDropdown2">
-            <div v-if="dataRight" v-for="item in dataRight">
-              <span class="container" @click="handleSelect2(item)">{{ item.title }}</span>
-              <el-dropdown max-height="100px" @command="down">
-                <el-icon size="25">
-                  <CaretBottom />
-                </el-icon>
+            <div v-if="dataRight" v-for="ite in dataRight[0].fileList">
+              <span class="container" @click="down({ it: ite })">{{ ite.name }}</span>
+              <!-- <el-dropdown max-height="100px" @command="down"> -->
+              <!-- <el-icon size="25">
+                <CaretBottom />
+              </el-icon> -->
 
-                <template #dropdown>
+              <!-- <template #dropdown>
                   <el-dropdown-menu>
                     <el-dropdown-item
                       v-if="item.fileList"
@@ -633,8 +633,8 @@ const title = (tit) => {
                       >{{ it.name }}</el-dropdown-item
                     >
                   </el-dropdown-menu>
-                </template>
-              </el-dropdown>
+                </template> -->
+              <!-- </el-dropdown> -->
             </div>
           </div>
         </AppBlock>
diff --git a/src/views/home/quality/Quality.ts b/src/views/home/quality/Quality.ts
index 139172f..d565821 100755
--- a/src/views/home/quality/Quality.ts
+++ b/src/views/home/quality/Quality.ts
@@ -1,65 +1,76 @@
-import * as echarts from "echarts";
-import {topStat} from '@/api/daikin/base'
-import {getPreviousMonths} from '@/utils/format'
+import * as echarts from 'echarts'
+import { topStat } from '@/api/daikin/base'
+import { getPreviousMonths } from '@/utils/format'
 function formatDate(inputDate: string) {
-	const dateRegex = /^(\d{4})-(\d{2})$/
-	const match = inputDate.match(dateRegex)
+  const dateRegex = /^(\d{4})-(\d{2})$/
+  const match = inputDate.match(dateRegex)
 
-	if (match) {
-		const year = match[1]
-		let month = match[2]
-		if (month.startsWith('0')) {
-			month = month.substring(1)
-		}
-		return `${year}年${month}月`
-	} else {
-		return inputDate
-	}
+  if (match) {
+    const year = match[1]
+    let month = match[2]
+    if (month.startsWith('0')) {
+      month = month.substring(1)
+    }
+    return `${year}年${month}月`
+  } else {
+    return inputDate
+  }
 }
 
 export function useChart21() {
-	const chartRef = ref()
-	const optionRef = ref()
-	getData()
-	async function getData() {
-		const { data } = await topStat()
+  const chartRef = ref()
+  const optionRef = ref()
+  getData()
+  async function getData() {
+    const { data } = await topStat()
 
-		const option = {
-			legend: {},
-			title: {
-				text: '件',
-				textStyle: { fontSize: 14, fontWeight: 500 },
-				subtext: '数',
-				subtextStyle: { fontSize: 14, fontWeight: 500, color: '#000' },
-				top: '45%'
-			},
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					animation: false
-				}
-			},
-			grid: {
-				left: '6%',
-				right: '4%',
-				bottom: '5%',
-				containLabel: true
-			},
-			yAxis: {
-				type: 'value',
-				show: true
-			},
-			xAxis: {
-				type: 'category',
-				data: data[0]?.month
-					? data[0].month.map((item: any) => {
-							return formatDate(item)
-					  })
-					: []
-			},
-			series: data
-		}
-		optionRef.value = option
-	}
-	return { chartRef, option: optionRef }
-}
\ No newline at end of file
+    const option = {
+      legend: {
+        orient: 'vertical',
+        right: 0,
+        top: '40%',
+        itemgrap: 10,
+        textStyle: {
+          width: 50,
+          overflow: 'break'
+        },
+        itemStyle: {}
+      },
+      title: {
+        text: '件',
+        textStyle: { fontSize: 14, fontWeight: 500 },
+        subtext: '数',
+        subtextStyle: { fontSize: 14, fontWeight: 500, color: '#000' },
+        top: '45%'
+      },
+      tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+          animation: false
+        }
+      },
+      grid: {
+        top: '5%',
+        left: '6%',
+        right: '24%',
+        bottom: '5%',
+        containLabel: true
+      },
+      yAxis: {
+        type: 'value',
+        show: true
+      },
+      xAxis: {
+        type: 'category',
+        data: data[0]?.month
+          ? data[0].month.map((item: any) => {
+              return formatDate(item)
+            })
+          : []
+      },
+      series: data
+    }
+    optionRef.value = option
+  }
+  return { chartRef, option: optionRef }
+}