From 1c452b557432a5f58925499b394672837f666dd9 Mon Sep 17 00:00:00 2001 From: sjl <1716605279@qq.com> Date: Tue, 14 Jan 2025 19:05:08 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/home/components/channelsTest.vue | 12 ++--- frontend/src/views/home/components/table.vue | 12 ++--- frontend/src/views/home/components/tree.vue | 16 ++++++ frontend/src/views/home/tabs/dashboard.vue | 51 ++++++++++--------- 4 files changed, 55 insertions(+), 36 deletions(-) diff --git a/frontend/src/views/home/components/channelsTest.vue b/frontend/src/views/home/components/channelsTest.vue index 774753b..5ac20e3 100644 --- a/frontend/src/views/home/components/channelsTest.vue +++ b/frontend/src/views/home/components/channelsTest.vue @@ -243,7 +243,7 @@ watch(webMsgSend,function (newValue,oldValue){ firstCoefficientVO.aVuData = parseFloat(newValue.data.aVuData).toFixed(4); if (!isNaN(parseFloat(newValue.data.aVuXi)) && isFinite(newValue.data.aVuXi)) { - firstCoefficientVO.aVuXi = parseFloat((parseFloat(newValue.data.aVuXi) / 10000).toFixed(4)).toString(); + firstCoefficientVO.aVuXi = (parseFloat(newValue.data.aVuXi) / 10000).toFixed(4); } else { firstCoefficientVO.aVuXi = newValue.data.aVuXi; } @@ -251,7 +251,7 @@ watch(webMsgSend,function (newValue,oldValue){ firstCoefficientVO.bVuData = parseFloat(newValue.data.bVuData).toFixed(4); if (!isNaN(parseFloat(newValue.data.bVuXi)) && isFinite(newValue.data.bVuXi)) { - firstCoefficientVO.bVuXi = parseFloat((parseFloat(newValue.data.bVuXi) / 10000).toFixed(4)).toString(); + firstCoefficientVO.bVuXi = (parseFloat(newValue.data.bVuXi) / 10000).toFixed(4); } else { firstCoefficientVO.bVuXi = newValue.data.bVuXi; } @@ -259,7 +259,7 @@ watch(webMsgSend,function (newValue,oldValue){ firstCoefficientVO.cVuData = parseFloat(newValue.data.cVuData).toFixed(4); if (!isNaN(parseFloat(newValue.data.cVuXi)) && isFinite(newValue.data.cVuXi)) { - firstCoefficientVO.cVuXi = parseFloat((parseFloat(newValue.data.cVuXi) / 10000).toFixed(4)).toString(); + firstCoefficientVO.cVuXi = (parseFloat(newValue.data.cVuXi) / 10000).toFixed(4); } else { firstCoefficientVO.cVuXi = newValue.data.cVuXi; } @@ -267,7 +267,7 @@ watch(webMsgSend,function (newValue,oldValue){ firstCoefficientVO.aIeData = parseFloat(newValue.data.aIeData).toFixed(4); if (!isNaN(parseFloat(newValue.data.aIeXi)) && isFinite(newValue.data.aIeXi)) { - firstCoefficientVO.aIeXi = parseFloat((parseFloat(newValue.data.aIeXi) / 10000).toFixed(4)).toString(); + firstCoefficientVO.aIeXi = (parseFloat(newValue.data.aIeXi) / 10000).toFixed(4); } else { firstCoefficientVO.aIeXi = newValue.data.aIeXi; } @@ -275,7 +275,7 @@ watch(webMsgSend,function (newValue,oldValue){ firstCoefficientVO.bIeData = parseFloat(newValue.data.bIeData).toFixed(4); if (!isNaN(parseFloat(newValue.data.bIeXi)) && isFinite(newValue.data.bIeXi)) { - firstCoefficientVO.bIeXi = parseFloat((parseFloat(newValue.data.bIeXi) / 10000).toFixed(4)).toString(); + firstCoefficientVO.bIeXi = (parseFloat(newValue.data.bIeXi) / 10000).toFixed(4); } else { firstCoefficientVO.bIeXi = newValue.data.bIeXi; } @@ -283,7 +283,7 @@ watch(webMsgSend,function (newValue,oldValue){ firstCoefficientVO.cIeData = parseFloat(newValue.data.cIeData).toFixed(4); if (!isNaN(parseFloat(newValue.data.cIeXi)) && isFinite(newValue.data.cIeXi)) { - firstCoefficientVO.cIeXi = parseFloat((parseFloat(newValue.data.cIeXi) / 10000).toFixed(4)).toString(); + firstCoefficientVO.cIeXi = (parseFloat(newValue.data.cIeXi) / 10000).toFixed(4); } else { firstCoefficientVO.cIeXi = newValue.data.cIeXi; } diff --git a/frontend/src/views/home/components/table.vue b/frontend/src/views/home/components/table.vue index 14118ac..5054308 100644 --- a/frontend/src/views/home/components/table.vue +++ b/frontend/src/views/home/components/table.vue @@ -452,12 +452,12 @@ const getTableList = async (params: any) => { 'name':form.value.search }); }else{//点击树根节点，表格显示无数据 - return getBoundPqDevList({'planId': '', - 'checkStateList': [0], - 'checkResult': form.value.checkResult, - 'reportState': form.value.checkReportStatus, - 'name':form.value.search - }); + // return getBoundPqDevList({'planId': '', + // 'checkStateList': [0], + // 'checkResult': form.value.checkResult, + // 'reportState': form.value.checkReportStatus, + // 'name':form.value.search + // }); } }; diff --git a/frontend/src/views/home/components/tree.vue b/frontend/src/views/home/components/tree.vue index b611786..69afa2c 100644 --- a/frontend/src/views/home/components/tree.vue +++ b/frontend/src/views/home/components/tree.vue @@ -69,6 +69,7 @@ const getTreeData = (val: any) => { // 使用 nextTick 确保在 DOM 更新后调用 setCurrentKey nextTick(() => { treeRef.value?.setCurrentKey(node.id); + idd.value = node.id }); //console.log(checkStore.planId,checkStore.planCode,checkStore.scriptId,checkStore.errorSysId) } @@ -87,7 +88,22 @@ watch( deep: true, }, ) + +const idd = ref('') const handleNodeClick = (data: Plan.ResPlan) => { + + if (data.name === '未检' || data.name === '检测中' || data.name === '检测完成') { + // 如果是父节点，不执行任何操作 + //console.log('父节点不执行任何操作'); + // 设置当前高亮节点 + nextTick(() => { + treeRef.value?.setCurrentKey(idd.value); + }); + return; + } + + idd.value = data.id + checkStore.setPlanId(data.id) checkStore.setPlanCode(data.code) checkStore.setScriptId(data.scriptId) diff --git a/frontend/src/views/home/tabs/dashboard.vue b/frontend/src/views/home/tabs/dashboard.vue index e1dd53b..663453d 100644 --- a/frontend/src/views/home/tabs/dashboard.vue +++ b/frontend/src/views/home/tabs/dashboard.vue @@ -43,6 +43,7 @@ :customData="{ title: '设备检测状态', textAlign: 'left', + }" :legendData="{ icon: 'circle', @@ -302,36 +303,38 @@ const getPieData = async (id: string) => { } }) + + // 检查 checkStateCount 是否全为 0 + const allZero = Object.values(checkStateCount).every(count => count === 0); + chartsData1.value = [ + { value: allZero ? 0 : checkStateCount[0] === 0 ? null : checkStateCount[0], name: '未检', itemStyle: { color: '#fac858' } }, + { value: allZero ? 0 : checkStateCount[1] === 0 ? null : checkStateCount[1], name: '检测中', itemStyle: { color: '#ee6666' } }, + { value: allZero ? 0 : checkStateCount[2] === 0 ? null : checkStateCount[2], name: '检测完成', itemStyle: { color: '#91cc75' } }, + { value: allZero ? 0 : checkStateCount[3] === 0 ? null : checkStateCount[3], name: '归档', itemStyle: { color: '#5470c6' } }, + ]; + + // 同样处理 chartsData2 和 chartsData3 + const allZeroResult = Object.values(checkResultCount).every(count => count === 0); + chartsData2.value = [ + { value: allZeroResult ? 0 : checkResultCount[2] === 0 ? null : checkResultCount[2], name: '未检', itemStyle: { color: '#fac858' } }, + { value: allZeroResult ? 0 : checkResultCount[0] === 0 ? null : checkResultCount[0], name: '不符合', itemStyle: { color: '#ee6666' } }, + { value: allZeroResult ? 0 : checkResultCount[1] === 0 ? null : checkResultCount[1], name: '符合', itemStyle: { color: '#91cc75' } }, + ]; + + + // 检查 reportStateCount 是否全为 0 + const allZeroReport = Object.values(reportStateCount).every(count => count === 0); + chartsData3.value = [ + { value: allZeroReport ? 0 : reportStateCount[2] === 0 ? null : reportStateCount[2], name: '未检', itemStyle: { color: '#fac858' } }, + { value: allZeroReport ? 0 : reportStateCount[0] === 0 ? null : reportStateCount[0], name: '未生成', itemStyle: { color: '#ee6666' } }, + { value: allZeroReport ? 0 : reportStateCount[1] === 0 ? null : reportStateCount[1], name: '已生成', itemStyle: { color: '#91cc75' } }, + ]; }else{ planName.value = '所选计划:' } -// 检查 checkStateCount 是否全为 0 -const allZero = Object.values(checkStateCount).every(count => count === 0); -chartsData1.value = [ - { value: allZero ? 0 : checkStateCount[0] === 0 ? null : checkStateCount[0], name: '未检', itemStyle: { color: '#fac858' } }, - { value: allZero ? 0 : checkStateCount[1] === 0 ? null : checkStateCount[1], name: '检测中', itemStyle: { color: '#ee6666' } }, - { value: allZero ? 0 : checkStateCount[2] === 0 ? null : checkStateCount[2], name: '检测完成', itemStyle: { color: '#91cc75' } }, - { value: allZero ? 0 : checkStateCount[3] === 0 ? null : checkStateCount[3], name: '归档', itemStyle: { color: '#5470c6' } }, -]; -// 同样处理 chartsData2 和 chartsData3 -const allZeroResult = Object.values(checkResultCount).every(count => count === 0); -chartsData2.value = [ - { value: allZeroResult ? 0 : checkResultCount[2] === 0 ? null : checkResultCount[2], name: '未检', itemStyle: { color: '#fac858' } }, - { value: allZeroResult ? 0 : checkResultCount[0] === 0 ? null : checkResultCount[0], name: '不符合', itemStyle: { color: '#ee6666' } }, - { value: allZeroResult ? 0 : checkResultCount[1] === 0 ? null : checkResultCount[1], name: '符合', itemStyle: { color: '#91cc75' } }, -]; - - -// 检查 reportStateCount 是否全为 0 -const allZeroReport = Object.values(reportStateCount).every(count => count === 0); -chartsData3.value = [ - { value: allZeroReport ? 0 : reportStateCount[2] === 0 ? null : reportStateCount[2], name: '未检', itemStyle: { color: '#fac858' } }, - { value: allZeroReport ? 0 : reportStateCount[0] === 0 ? null : reportStateCount[0], name: '未生成', itemStyle: { color: '#ee6666' } }, - { value: allZeroReport ? 0 : reportStateCount[1] === 0 ? null : reportStateCount[1], name: '已生成', itemStyle: { color: '#91cc75' } }, -]; pieRef1.value.init() pieRef2.value.init()