From a27f35ea06c7b6bd9a6dc310c86c366e8052897b Mon Sep 17 00:00:00 2001 From: schangxiang@126.com <schangxiang@126.com> Date: 周三, 11 12月 2024 10:43:09 +0800 Subject: [PATCH] Merge branch 'master' of http://222.71.245.114:9086/r/LA24030-LuLI_PackageLine --- LA24030_LuLiPackageLine_Web/src/views/home/index.vue | 694 ++++++++++++++++++++++++++++++--------------------------- 1 files changed, 361 insertions(+), 333 deletions(-) diff --git a/LA24030_LuLiPackageLine_Web/src/views/home/index.vue b/LA24030_LuLiPackageLine_Web/src/views/home/index.vue index 20d3c5e..fc304d0 100644 --- a/LA24030_LuLiPackageLine_Web/src/views/home/index.vue +++ b/LA24030_LuLiPackageLine_Web/src/views/home/index.vue @@ -1,195 +1,296 @@ <template> <div class="home-container layout-pd"> - <el-row :gutter="15" class="home-card-one mb15"> + <el-row :gutter="15" class="home-card-one mb15"> <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="home-media home-media-lg"> <div class="home-card-item flex"> <div class="flex-margin flex w100" :class="` home-one-animation${1}`"> <div class="flex-auto"> - <span class="ml5 font16">褰撴棩璁㈠崟鎬绘暟</span> - <div class="font30">{{state.orderNum}}</div> + <span class="ml5 font16">鏈懆涓嬬嚎璁㈠崟鏁�</span> + <div class="font30">{{ state.orderNum }}</div> </div> </div> </div> </el-col> - <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" v-for="(v, k) in state.homeOne" :key="k" :class="{ 'home-media home-media-lg': k > 1, 'home-media-sm': k === 1 }"> + <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="home-media home-media-lg"> + <div class="home-card-item flex"> + <div class="flex-margin flex w100" :class="` home-one-animation${1}`"> + <div class="flex-auto"> + <span class="ml5 font16">涓嬬嚎鍖呮暟</span> + <div class="font30">{{ state.orderNum }}</div> + </div> + </div> + </div> + </el-col> + <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" class="home-media home-media-lg"> + <div class="home-card-item flex"> + <div class="flex-margin flex w100" :class="` home-one-animation${1}`"> + <div class="flex-auto"> + <span class="ml5 font16">涓嬬嚎鏉挎暟</span> + <div class="font30">{{ state.orderNum }}</div> + </div> + </div> + </div> + </el-col> + <!-- <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" v-for="(v, k) in state.homeOne" :key="k" :class="{ 'home-media home-media-lg': k > 1, 'home-media-sm': k === 1 }"> <div class="home-card-item flex"> <div class="flex-margin flex w100" :class="` home-one-animation${k}`"> - <div class="flex-auto"> + <div class="flex-auto"> <div class="mt10">{{ v.num3 }}</div> <span class="font30">{{ v.num2 }}</span> - <div class="font16" :style="{ color: v.color1 }">宸插畬鎴恵{ v.num1 }}</div> + <div class="font16" :style="{ color: v.color1 }">宸插畬鎴恵{ v.num1 }}</div> </div> <div class="home-card-item-icon flex"> - <el-progress type="circle" width="80" :stroke-width="10" :percentage="v.numA" :color="v.color1"/> + <el-progress type="circle" width="80" :stroke-width="10" :percentage="v.numA" :color="v.color1" /> </div> </div> </div> - </el-col> - </el-row> - <el-row :gutter="15" class="home-card-two mb15"> - <el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16"> - <div class="home-card-item"> - <div style="height: 100%" ref="homeLineRef"></div> - </div> - </el-col> - <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8" class="home-media"> - - <div class="home-card-item"> - <div class="home-card-item-title">蹇嵎瀵艰埅宸ュ叿</div> - <div class="home-monitor"> - <div class="flex-warp"> - <div class="flex-warp-item" v-for="(v, k) in state.homeThree" :key="k" @click="routerJupm(v)"> - <div class="flex-warp-item-box" :class="`home-animation${k}`"> - <div class="flex-margin"> - <i :class="v.icon" :style="{ color: v.iconColor }"></i> - <span class="pl5">{{ v.label }}</span> - <div class="mt10">{{ v.value }}</div> - </div> - </div> - </div> - </div> - </div> - </div> - - - </el-col> + </el-col> --> </el-row> <el-row :gutter="15" class="home-card-three"> <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8"> - <div class="home-card-item"> - <div style="height: 100%" ref="homePieRef"></div> + <div class="home-card-item"> + <div style="height: 100%" id="homePieChart"></div> </div> </el-col> <el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16" class="home-media"> - <div class="home-card-item" > - <el-tabs v-model="activeName" @tab-click="handleClick" :lazy="true"> + <div class="home-card-item"> + <el-tabs v-model="activeName" @tab-click="handleClick" :lazy="true"> <el-tab-pane label="鏃�" name="1"> - <div class="home-card-item" > - <div style="height: 100%" ref="homeBarRef" id="homeBarRef" v-if="activeName=='1'"></div> + <div class="home-card-item"> + <div style="height: 100%" ref="homeBarRef" id="homeBarRef" v-if="activeName == '1'"></div> </div> </el-tab-pane> <el-tab-pane label="鍛�" name="2"> - <div class="home-card-item" > - <div style="height: 100%" ref="homeBarRef" id="homeBarRef" v-if="activeName=='2'"></div> + <div class="home-card-item"> + <div style="height: 100%" ref="homeBarRef" id="homeBarRef" v-if="activeName == '2'"></div> </div> </el-tab-pane> <el-tab-pane label="鏈�" name="3"> - <div class="home-card-item" > - <div style="height: 100%" ref="homeBarRef" id="homeBarRef" v-if="activeName=='3'"></div> + <div class="home-card-item"> + <div style="height: 100%" ref="homeBarRef" id="homeBarRef" v-if="activeName == '3'"></div> </div> </el-tab-pane> </el-tabs> - </div> + </div> </el-col> </el-row> </div> </template> <script setup lang="ts" name="home"> -import { reactive, onMounted, ref, watch, nextTick, onActivated, markRaw, onUnmounted } from 'vue'; +import { reactive, onMounted, ref, watch, nextTick, onActivated, markRaw, onUnmounted, onBeforeUnmount } from 'vue'; import * as echarts from 'echarts'; import { storeToRefs } from 'pinia'; import { useThemeConfig } from '/@/stores/themeConfig'; import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes'; -import { wmsStockPassMap,wmsHomePageQuery,wmsHomePlaceQuery,wmsTransitionDiagramQuery } from '/@/api/main/inventoryWarning/inventoryWarning'; -import type { TabsPaneContext } from 'element-plus' +import { wmsStockPassMap, wmsHomePageQuery, wmsHomePlaceQuery, wmsTransitionDiagramQuery } from '/@/api/main/inventoryWarning/inventoryWarning'; +import type { TabsPaneContext } from 'element-plus'; import { useRoute, useRouter } from 'vue-router'; +import { getStorageView } from '/@/api/main/ReportCenter/storageView'; const router = useRouter(); // 鎺ュ彛鏁版嵁 const loadingwms = ref(false); +const pieChartRef = ref(null); +let myChart = null; +let countList = ref([ + { + type: 0, + name: '鎬诲簱浣�', + value: 0, + }, + { + type: 1, + name: '鏈夎揣搴撲綅', + value: 0, + }, + { + type: 2, + name: '鏃犺揣搴撲綅', + value: 0, + }, + { + type: 3, + name: '閿佸畾搴撲綅', + value: 0, + }, +]); +const optionPie = { + title: { + text: '缂撳瓨宀涘簱瀛�', + // left: 'center', + textStyle: { + color: '#333', + }, + }, + tooltip: { + trigger: 'item', + }, + legend: { + orient: 'vertical', + left: 'right', + }, + series: [ + { + name: '搴撲綅鐘舵��', + type: 'pie', + radius: ['35%', '55%'], + data: [], + // data: [ + // { name: '鎬诲簱浣�360', value: 120 }, + // { name: '鏈夎揣搴撲綅', value: 90 }, + // { name: '鏃犺揣搴撲綅', value: 60 }, + // { name: '閿佸畾搴撲綅', value: 30 }, + // ], + emphasis: { + itemStyle: { + shadowBlur: 10, + shadowOffsetX: 0, + shadowColor: 'rgba(0, 0, 0, 0.5)', + }, + }, + label: { + // formatter: '{b}: {c} ({d}%)', + formatter: '{b}: {c}', + }, + }, + ], +}; + +onMounted(() => { + nextTick(async () => { + + + var res = await getStorageView(); + debugger + if (res.data.code == 200) { + const { data } = res; + const result = data.result; + // 缁熻 + var hasMaterialCount = result.filter((item: any) => item.stockStatus == 1).length || 0; + var noMaterialCount = result.length - hasMaterialCount; + countList.value = [ + { + type: '', + name: '鎬诲簱浣�', + value: result.length || 0, + }, + { + type: 1, + name: '鏈夎揣搴撲綅', + value: hasMaterialCount || 0, + }, + { + type: 18, + name: '鏃犺揣搴撲綅', + value: noMaterialCount || 0, + }, + { + type: 2, + name: '閿佸畾搴撲綅', + value: result.filter((item: any) => item.stockStatus == 2).length || 0, + }, + ]; + optionPie.series[0].data = countList.value; + myChart = echarts.init(document.getElementById('homePieChart') as HTMLDivElement); + myChart.setOption(optionPie); + + + } + }); +}); + // 鏌ヨ const handleQuery1 = async () => { - loadingwms.value = true; - var res = await wmsHomePageQuery(); - if(res.data.type=="success"){ - let result = res.data.result || []; - state.orderNum = result.allOrderNumber || 0 - state.homeOne[0].num1 = result.outtingPlaceNumber || 0 - state.homeOne[0].num2 = result.allOuttingNumber || 0 - state.homeOne[0].numA = Math.round((result.outtingPlaceNumber || 0) / (result.allOuttingNumber || 0) * 10000) / 100 || 0 - state.homeOne[1].num1 = result.warehousingNumber || 0 - state.homeOne[1].num2 = result.allWarehousingNumber || 0 - state.homeOne[1].numA = Math.round((result.warehousingNumber || 0) / (result.allWarehousingNumber || 0)* 10000) / 100 || 0 - - } - loadingwms.value = false; + loadingwms.value = true; + // var res = await wmsHomePageQuery(); + // if(res.data.type=="success"){ + // let result = res.data.result || []; + // state.orderNum = result.allOrderNumber || 0 + // state.homeOne[0].num1 = result.outtingPlaceNumber || 0 + // state.homeOne[0].num2 = result.allOuttingNumber || 0 + // state.homeOne[0].numA = Math.round((result.outtingPlaceNumber || 0) / (result.allOuttingNumber || 0) * 10000) / 100 || 0 + // state.homeOne[1].num1 = result.warehousingNumber || 0 + // state.homeOne[1].num2 = result.allWarehousingNumber || 0 + // state.homeOne[1].numA = Math.round((result.warehousingNumber || 0) / (result.allWarehousingNumber || 0)* 10000) / 100 || 0 + // } + loadingwms.value = false; }; const handleQuery2 = async () => { -loadingwms.value = true; -var res = await wmsHomePlaceQuery(); -if(res.data.type=="success"){ - let result = res.data.result || {}; - nextTick(() => { - setTimeout(() => { - initPieChart(result); - }, 500); - }); -} -loadingwms.value = false; + loadingwms.value = true; + // var res = await wmsHomePlaceQuery(); + // if (res.data.type == 'success') { + // let result = res.data.result || {}; + // nextTick(() => { + // setTimeout(() => { + // initPieChart(result); + // }, 500); + // }); + // } + loadingwms.value = false; }; const dataAll = ref({ - arr1:[], - arr2:[], - arr3:[], - arr4:[], - arr5:[] -}) -const handleQuery3 = async (val:any) => { + arr1: [], + arr2: [], + arr3: [], + arr4: [], + arr5: [], +}); +const handleQuery3 = async (val: any) => { dataAll.value.arr1 = []; dataAll.value.arr2 = []; dataAll.value.arr3 = []; dataAll.value.arr4 = []; dataAll.value.arr5 = []; loadingwms.value = true; - let para = {DayOrWeekOrMonth:Number(val)} + let para = { DayOrWeekOrMonth: Number(val) }; var res = await wmsStockPassMap(para); - if(res.data.type=="success"){ + if (res.data.type == 'success') { let result = res.data.result || []; - result.forEach((item:any,index:number) => { - dataAll.value.arr1.push({value:item.inWare,stationName:'s'+item.time}) - dataAll.value.arr2.push({value:item.outWare,stationName:'s'+item.time}) - dataAll.value.arr3.push({value:item.stockNum,stationName:'s'+item.time}) - dataAll.value.arr4.push({value:item.aveStockNum,stationName:'s'+item.time}) - dataAll.value.arr5.push(item.date) - }) + result.forEach((item: any, index: number) => { + dataAll.value.arr1.push({ value: item.inWare, stationName: 's' + item.time }); + dataAll.value.arr2.push({ value: item.outWare, stationName: 's' + item.time }); + dataAll.value.arr3.push({ value: item.stockNum, stationName: 's' + item.time }); + dataAll.value.arr4.push({ value: item.aveStockNum, stationName: 's' + item.time }); + dataAll.value.arr5.push(item.date); + }); nextTick(() => { setTimeout(() => { if (!state.global.dispose.some((b: any) => b === state.global.homeCharThree)) state.global.homeCharThree.dispose(); - initChart() + initChart(); }, 500); }); } loadingwms.value = false; }; const handleQuery4 = async () => { -loadingwms.value = true; -var res = await wmsTransitionDiagramQuery(); -if(res.data.type=="success"){ - let arr1: any[] = []; - let arr2: any = []; - let arrA: any = []; - let result = res.data.result || []; - result.forEach((item:any,index:number) => { - arr1.push(item.receiptNumber) - arr2.push(item.deliveryNumber) - arrA.push(item.day.slice(0, 10)) - }) - nextTick(() => { - setTimeout(() => { - initLineChart(arr1,arr2,arrA); - }, 500); - }); -} -loadingwms.value = false; -}; -handleQuery1(); -handleQuery2(); -handleQuery3('1'); -handleQuery4(); -const activeName = ref('1') + loadingwms.value = true; + var res = await wmsTransitionDiagramQuery(); + if (res.data.type == 'success') { + let arr1: any[] = []; + let arr2: any = []; + let arrA: any = []; + let result = res.data.result || []; + result.forEach((item: any, index: number) => { + arr1.push(item.receiptNumber); + arr2.push(item.deliveryNumber); + arrA.push(item.day.slice(0, 10)); + }); + nextTick(() => { + setTimeout(() => { + initLineChart(arr1, arr2, arrA); + }, 500); + }); + } + loadingwms.value = false; +}; +// handleQuery1(); +// handleQuery2(); +// handleQuery3('1'); +// handleQuery4(); +const activeName = ref('1'); const handleClick = (tab: TabsPaneContext, event: Event) => { - handleQuery3(tab.props.name); -} + handleQuery3(tab.props.name); +}; // 瀹氫箟鍙橀噺鍐呭 const homeLineRef = ref(); @@ -200,7 +301,7 @@ const { themeConfig } = storeToRefs(storesThemeConfig); const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes); const state = reactive({ - orderNum:{}, + orderNum: {}, global: { homeChartOne: null, homeChartTwo: null, @@ -211,7 +312,7 @@ { num1: '0', num2: '0', - numA:0, + numA: 0, num3: '鍑哄簱鍗曟暟', num4: 'fa fa-meetup', color1: '#FF6462', @@ -222,7 +323,7 @@ { num1: '0', num2: '0', - numA:0, + numA: 0, num3: '鍏ュ簱鍗曟暟', num4: 'iconfont icon-ditu', color1: '#6690F9', @@ -248,77 +349,7 @@ // color3: '--el-color-danger', // }, ], - homeThree: [ - { - icon: 'iconfont icon-yangan', - // label: '娴呯矇绾�', - label: '鍩虹鏁版嵁', - value: '搴撲綅淇℃伅', - route:'/wmsbase/wmsplace', - // value: '2.1%OBS/M', - iconColor: '#F72B3F', - }, - { - icon: 'iconfont icon-wendu', - // label: '娣辩孩(鐚╃孩)', - label: '鍗曟嵁绠$悊', - value: '涓婃灦鍗�', - route:'/wmsOrder/wmsordermovement', - // value: '30鈩�', - iconColor: '#91BFF8', - }, - { - icon: 'iconfont icon-shidu', - label: '鎶ヨ〃涓績', - // label: '娣$传绾�', - // value: '57%RH', - value: '搴撲綅瑙嗗浘', - route:'/reportCenter/storageView', - iconColor: '#88D565', - }, - { - icon: 'iconfont icon-shidu', - // label: '寮辩传缃楀叞绾�', - label: '鐩樼偣绠$悊', - value: '鐩樼偣鍗曟嵁', - // value: '107w', - route:'/Check/wmsinventorycheckorder', - iconColor: '#88D565', - }, - { - icon: 'iconfont icon-zaosheng', - label: '鎵撳嵃涓績', - // label: '涓传缃楀叞绾�', - value: '璺熻釜鐮佹墦鍗�', - // value: '57DB', - route:'/printCenter/wmsstockquanPrint', - iconColor: '#FBD4A0', - }, - // { - // icon: 'iconfont icon-zaosheng', - // label: '绱綏鍏�', - // value: '57PV', - // iconColor: '#FBD4A0', - // }, - // { - // icon: 'iconfont icon-zaosheng', - // label: '鏆楃传缃楀叞', - // value: '517Cpd', - // iconColor: '#FBD4A0', - // }, - // { - // icon: 'iconfont icon-zaosheng', - // label: '骞界伒鐧�', - // value: '12kg', - // iconColor: '#FBD4A0', - // }, - // { - // icon: 'iconfont icon-zaosheng', - // label: '娴峰啗钃�', - // value: '64fm', - // iconColor: '#FBD4A0', - // }, - ], + myCharts: [] as EmptyArrayType, charts: { theme: '', @@ -328,7 +359,7 @@ }); // 鎶樼嚎鍥� -const initLineChart = (arr1:any,arr2:any,arrA:any) => { +const initLineChart = (arr1: any, arr2: any, arrA: any) => { if (!state.global.dispose.some((b: any) => b === state.global.homeChartOne)) state.global.homeChartOne.dispose(); state.global.homeChartOne = markRaw(echarts.init(homeLineRef.value, state.charts.theme)); const option = { @@ -410,92 +441,92 @@ state.myCharts.push(state.global.homeChartOne); }; // 楗煎浘 -const initPieChart = (arr:any) => { - if(arr==null) return false; - if (!state.global.dispose.some((b: any) => b === state.global.homeChartTwo)) state.global.homeChartTwo.dispose(); - state.global.homeChartTwo = markRaw(echarts.init(homePieRef.value, state.charts.theme)); - var getname = ['绌哄簱浣嶆暟閲�', '绌哄鍣ㄥ簱浣嶆暟閲�', '瀛樿揣鏁伴噺','鎬诲簱浣嶏細1000']; - var getvalue = [arr.emptyPlaceNumber,arr.containerPlaceNumber, arr.stockPlaceNumber]; - var data = []; - for (var i = 0; i < getname.length-1; i++) { - data.push({ name: getname[i], value: getvalue[i] }); - } - const colorList = ['#51A3FC', '#36C78B', '#FEC279', '#968AF5', '#E790E8']; - const option = { - backgroundColor: state.charts.bgColor, - title: { - text: '搴撲綅鍗犳瘮 鎬诲簱浣嶏細'+arr.allPlaceNumber, - x: 'left', - textStyle: { fontSize: '15', color: state.charts.color }, - }, - tooltip: { trigger: 'item' }, - // tooltip: { trigger: 'item', formatter: '{b} <br/> {c}%' }, - graphic: { - elements: [ - { - type: 'image', - z: -1, - style: { - image: themeConfig.value.isIsDark - ? '' - : 'data:image/png;base64,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', - width: 230, - height: 230, - }, - left: '16.5%', - top: 'center', - }, - ], - }, - legend: { - type: 'scroll', - orient: 'vertical', - right: '0%', - left: '65%', - top: 'center', - itemWidth: 14, - itemHeight: 14, - data: getname, - textStyle: { - rich: { - name: { - fontSize: 14, - fontWeight: 400, - width: 200, - height: 35, - padding: [0, 0, 0, 60], - color: state.charts.color, - }, - rate: { - fontSize: 15, - fontWeight: 500, - height: 35, - width: 40, - padding: [0, 0, 0, 30], - color: state.charts.color, - }, - }, - }, - }, - series: [ - { - type: 'pie', - radius: ['82', themeConfig.value.isIsDark ? '50' : '102'], - center: ['32%', '50%'], - itemStyle: { - color: function (params: any) { - return colorList[params.dataIndex]; - }, - }, - label: { show: true }, - labelLine: { show: true }, - data: data, - }, - ], - }; - state.global.homeChartTwo.setOption(option); - state.myCharts.push(state.global.homeChartTwo); -}; +// const initPieChart = (arr: any) => { +// if (arr == null) return false; +// if (!state.global.dispose.some((b: any) => b === state.global.homeChartTwo)) state.global.homeChartTwo.dispose(); +// state.global.homeChartTwo = markRaw(echarts.init(homePieRef.value, state.charts.theme)); +// var getname = ['鎬诲簱浣�360', '鏈夎揣搴撲綅', '鏃犺揣搴撲綅', '閿佸畾搴撲綅']; +// var getvalue = [arr.emptyPlaceNumber, arr.containerPlaceNumber, arr.stockPlaceNumber]; +// var data = []; +// for (var i = 0; i < getname.length - 1; i++) { +// data.push({ name: getname[i], value: getvalue[i] }); +// } +// const colorList = ['#51A3FC', '#36C78B', '#FEC279', '#968AF5']; +// const option = { +// backgroundColor: state.charts.bgColor, +// title: { +// text: '搴撲綅鍗犳瘮 鎬诲簱浣嶏細' + arr.allPlaceNumber, +// x: 'left', +// textStyle: { fontSize: '15', color: state.charts.color }, +// }, +// tooltip: { trigger: 'item' }, +// // tooltip: { trigger: 'item', formatter: '{b} <br/> {c}%' }, +// graphic: { +// elements: [ +// { +// type: 'image', +// z: -1, +// style: { +// image: themeConfig.value.isIsDark +// ? '' +// : 'data:image/png;base64,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', +// width: 230, +// height: 230, +// }, +// left: '16.5%', +// top: 'center', +// }, +// ], +// }, +// legend: { +// type: 'scroll', +// orient: 'vertical', +// right: '0%', +// left: '65%', +// top: 'center', +// itemWidth: 14, +// itemHeight: 14, +// data: getname, +// textStyle: { +// rich: { +// name: { +// fontSize: 14, +// fontWeight: 400, +// width: 200, +// height: 35, +// padding: [0, 0, 0, 60], +// color: state.charts.color, +// }, +// rate: { +// fontSize: 15, +// fontWeight: 500, +// height: 35, +// width: 40, +// padding: [0, 0, 0, 30], +// color: state.charts.color, +// }, +// }, +// }, +// }, +// series: [ +// { +// type: 'pie', +// radius: ['82', themeConfig.value.isIsDark ? '50' : '102'], +// center: ['32%', '50%'], +// itemStyle: { +// color: function (params: any) { +// return colorList[params.dataIndex]; +// }, +// }, +// label: { show: true }, +// labelLine: { show: true }, +// data: data, +// }, +// ], +// }; +// state.global.homeChartTwo.setOption(option); +// state.myCharts.push(state.global.homeChartTwo); +// }; // 鏌辩姸鍥� const option = { backgroundColor: state.charts.bgColor, @@ -506,7 +537,7 @@ }, tooltip: { trigger: 'axis' }, //legend: { data: ['鍏ュ簱','鍑哄簱', '搴撳瓨', '骞冲潎'], right: 0 }, - legend: { data: ['涓婃灦','涓嬫灦'], right: 0 }, + legend: { data: ['涓婃灦', '涓嬫灦'], right: 0 }, grid: { top: 50, right: 80, bottom: 100, left: 60 }, // grid: { top: 70, right: 80, bottom: 30, left: 80 }, xAxis: [ @@ -514,7 +545,7 @@ type: 'category', // data: ['1鏈�', '2鏈�', '3鏈�', '4鏈�', '5鏈�', '6鏈�', '7鏈�', '8鏈�', '9鏈�', '10鏈�', '11鏈�', '12鏈�'], // data:dataAll.value.arr5, - data:[], + data: [], boundaryGap: true, axisTick: { show: false }, }, @@ -568,7 +599,7 @@ // { value: 2, stationName: 's6' }, // ], // data:dataAll.value.arr1 - data:[], + data: [], }, { name: '涓嬫灦', @@ -595,7 +626,7 @@ color: '#3bbc86', }, // data:dataAll.value.arr2 - data:[], + data: [], }, // { // name: '骞冲潎', @@ -637,22 +668,22 @@ }; const initChart = () => { if (!state.global.dispose.some((b: any) => b === state.global.homeCharThree)) state.global.homeCharThree.dispose(); - const chart = document.getElementById("homeBarRef") - if (chart!=null) chart.removeAttribute('_echarts_instance_')//瑙e喅鍒囨崲椤甸潰echarts涓嶆樉绀虹殑闂 + const chart = document.getElementById('homeBarRef'); + if (chart != null) chart.removeAttribute('_echarts_instance_'); //瑙e喅鍒囨崲椤甸潰echarts涓嶆樉绀虹殑闂 state.global.homeCharThree = markRaw(echarts.init(chart, state.charts.theme)); //鎵嬪姩璧嬪�� - option.xAxis[0].data = dataAll.value.arr5 - option.series[0].data = dataAll.value.arr1 - option.series[1].data = dataAll.value.arr2 + option.xAxis[0].data = dataAll.value.arr5; + option.series[0].data = dataAll.value.arr1; + option.series[1].data = dataAll.value.arr2; // option.series[2].data = dataAll.value.arr3 // option.series[3].data = dataAll.value.arr4 // 缁樺埗鍥捐〃 state.global.homeCharThree.setOption(option); - state.myCharts.push(state.global.homeCharThree); -} + state.myCharts.push(state.global.homeCharThree); +}; // 鎵归噺璁剧疆 echarts resize -const routerJupm = (v:any) => { +const routerJupm = (v: any) => { router.push(v.route); }; @@ -674,22 +705,21 @@ // 瀹氭椂鍣� let timeInter: any = null; // 椤甸潰鍔犺浇鏃� -onMounted(() => { - initEchartsResize(); - - timeInter = setInterval(() => { - nextTick(() => { - handleQuery1(); - handleQuery2(); - handleQuery3('1'); - handleQuery4(); - }); - }, 15000); //璋冪敤棰戠巼鏀逛负 15绉掍竴娆℃煡璇€�� -}); +// onMounted(() => { +// // initEchartsResize(); +// // timeInter = setInterval(() => { +// // nextTick(() => { +// // handleQuery1(); +// // handleQuery2(); +// // handleQuery3('1'); +// // handleQuery4(); +// // }); +// // }, 15000); //璋冪敤棰戠巼鏀逛负 15绉掍竴娆℃煡璇€�� +// }); onUnmounted(() => { - clearInterval(timeInter); //閿�姣� - timeInter = null; + clearInterval(timeInter); //閿�姣� + timeInter = null; }); // 鐢变簬椤甸潰缂撳瓨鍘熷洜锛宬eep-alive @@ -703,32 +733,30 @@ initEchartsResizeFun(); } ); -// 鐩戝惉 pinia 涓槸鍚﹀紑鍚繁鑹蹭富棰� -watch( - () => themeConfig.value.isIsDark, - (isIsDark) => { - nextTick(() => { - state.charts.theme = isIsDark ? 'dark' : ''; - state.charts.bgColor = isIsDark ? 'transparent' : ''; - state.charts.color = isIsDark ? '#dadada' : '#303133'; - // setTimeout(() => { - // initLineChart(null,null,null); - // }, 500); - // setTimeout(() => { - // initPieChart(null); - // }, 700); - // setTimeout(() => { - // initBarChart(null,null,null,null); - // }, 1000); - }); - }, - { - deep: true, - immediate: true, - } -); - - +// // 鐩戝惉 pinia 涓槸鍚﹀紑鍚繁鑹蹭富棰� +// watch( +// () => themeConfig.value.isIsDark, +// (isIsDark) => { +// nextTick(() => { +// state.charts.theme = isIsDark ? 'dark' : ''; +// state.charts.bgColor = isIsDark ? 'transparent' : ''; +// state.charts.color = isIsDark ? '#dadada' : '#303133'; +// setTimeout(() => { +// initLineChart(null, null, null); +// }, 500); +// setTimeout(() => { +// initPieChart(null); +// }, 700); +// // setTimeout(() => { +// // initBarChart(null,null,null,null); +// // }, 1000); +// }); +// }, +// { +// deep: true, +// immediate: true, +// } +// ); </script> <style scoped lang="scss"> @@ -832,4 +860,4 @@ color: var(--el-text-color-primary); border: 1px solid var(--next-border-color-light); } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.3