From a415ffa12a8c052252e0d865377da43d86b470ed Mon Sep 17 00:00:00 2001 From: GYYM <704080176@qq.com> Date: Wed, 4 Dec 2024 21:36:12 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/api/device/device/deviceData.ts | 60 ++--- frontend/src/api/plan/static.json | 2 +- .../src/components/echarts/pie/default.vue | 29 ++- .../src/views/home/components/preTest.vue | 26 +- frontend/src/views/home/components/table.vue | 230 +++++++++++------- frontend/src/views/home/components/tree.vue | 7 +- frontend/src/views/home/tabs/dashboard.vue | 15 +- .../plan/planList/components/planPopup.vue | 10 +- frontend/src/views/plan/planList/index.vue | 2 +- 9 files changed, 239 insertions(+), 142 deletions(-) diff --git a/frontend/src/api/device/device/deviceData.ts b/frontend/src/api/device/device/deviceData.ts index faa5c83..827d457 100644 --- a/frontend/src/api/device/device/deviceData.ts +++ b/frontend/src/api/device/device/deviceData.ts @@ -48,7 +48,7 @@ const data = [ { id: '1', //装置序号ID name: '240001', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -59,7 +59,7 @@ const data = [ { id: '2', //装置序号ID name: '240002', //设备名称 - dev_Type: 'PQS882B4',//设备类型 + dev_Type: 'PQS-882B4',//设备类型 dev_Chns: 4, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -70,7 +70,7 @@ const data = [ { id: '3', //装置序号ID name: '240003', //设备名称 - dev_Type: 'PQS882B4',//设备类型 + dev_Type: 'PQS-882B4',//设备类型 dev_Chns: 4, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -81,7 +81,7 @@ const data = [ { id: '4', //装置序号ID name: '240004', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -92,20 +92,20 @@ const data = [ { id: '5', //装置序号ID name: '240005', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 - check_Result: '有不合格项', //检测结果 + check_Result: '不合格', //检测结果 report_State: '未生成', //报告状态 document_State: '未归档', //归档状态 check_State:'检测完成',//检测状态 - reCheck_Num: 0, //复检次数 + reCheck_Num: 1, //复检次数 }, { id: '6', //装置序号ID name: '240006', //设备名称 - dev_Type: 'PQS882B4',//设备类型 + dev_Type: 'PQS-882B4',//设备类型 dev_Chns: 4, //设备通道数 - check_Result: '有不合格项', //检测结果 + check_Result: '不合格', //检测结果 report_State: '未生成', //报告状态 document_State: '未归档', //归档状态 check_State:'检测完成',//检测状态 @@ -114,9 +114,9 @@ const data = [ { id: '7', //装置序号ID name: '240007', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 - check_Result: '全部合格', //检测结果 + check_Result: '合格', //检测结果 report_State: '未生成', //报告状态 document_State: '未归档', //归档状态 check_State:'检测完成',//检测状态 @@ -125,20 +125,20 @@ const data = [ { id: '8', //装置序号ID name: '240008', //设备名称 - dev_Type: 'PQS882B4',//设备类型 + dev_Type: 'PQS-882B4',//设备类型 dev_Chns: 4, //设备通道数 - check_Result: '全部合格', //检测结果 + check_Result: '合格', //检测结果 report_State: '未生成', //报告状态 document_State: '未归档', //归档状态 check_State:'检测完成',//检测状态 - reCheck_Num: 0, //复检次数 + reCheck_Num: 1, //复检次数 }, { id: '9', //装置序号ID name: '240009', //设备名称 - dev_Type: 'PQS882B4',//设备类型 + dev_Type: 'PQS-882B4',//设备类型 dev_Chns: 4, //设备通道数 - check_Result: '有不合格项', //检测结果 + check_Result: '不合格', //检测结果 report_State: '已生成', //报告状态 document_State: '未归档', //归档状态 check_State:'检测完成',//检测状态 @@ -147,9 +147,9 @@ const data = [ { id: '10', //装置序号ID name: '240010', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 - check_Result: '全部合格', //检测结果 + check_Result: '合格', //检测结果 report_State: '已生成', //报告状态 document_State: '未归档', //归档状态 check_State:'检测完成',//检测状态 @@ -158,9 +158,9 @@ const data = [ { id: '11', //装置序号ID name: '240011', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 - check_Result: '全部合格', //检测结果 + check_Result: '合格', //检测结果 report_State: '已生成', //报告状态 document_State: '已归档', //归档状态 check_State:'检测完成',//检测状态 @@ -169,9 +169,9 @@ const data = [ { id: '12', //装置序号ID name: '240012', //设备名称 - dev_Type: 'PQS882B4',//设备类型 + dev_Type: 'PQS-882B4',//设备类型 dev_Chns: 4, //设备通道数 - check_Result: '全部合格', //检测结果 + check_Result: '合格', //检测结果 report_State: '已生成', //报告状态 document_State: '已归档', //归档状态 check_State:'检测完成',//检测状态 @@ -180,7 +180,7 @@ const data = [ { id: '13', //装置序号ID name: '240013', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -191,7 +191,7 @@ const data = [ { id: '14', //装置序号ID name: '240014', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -202,7 +202,7 @@ const data = [ { id: '15', //装置序号ID name: '240013', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -213,7 +213,7 @@ const data = [ { id: '16', //装置序号ID name: '240014', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -224,7 +224,7 @@ const data = [ { id: '17', //装置序号ID name: '240017', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -235,7 +235,7 @@ const data = [ { id: '18', //装置序号ID name: '240018', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -246,7 +246,7 @@ const data = [ { id: '19', //装置序号ID name: '240019', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 @@ -257,7 +257,7 @@ const data = [ { id: '20', //装置序号ID name: '240020', //设备名称 - dev_Type: 'PQS882A',//设备类型 + dev_Type: 'PQS-882A',//设备类型 dev_Chns: 1, //设备通道数 check_Result: '未检测', //检测结果 report_State: '未生成', //报告状态 diff --git a/frontend/src/api/plan/static.json b/frontend/src/api/plan/static.json index f34325e..39f2a68 100644 --- a/frontend/src/api/plan/static.json +++ b/frontend/src/api/plan/static.json @@ -7,7 +7,7 @@ { "id": 4, "pid": 1, - "name": "邯郸220kV团城站电能质量检测" + "name": "邯郸220kV团城站电能质量检测11111111111111111111111111" }, { "id": 5, diff --git a/frontend/src/components/echarts/pie/default.vue b/frontend/src/components/echarts/pie/default.vue index c6802d6..1cbd0c9 100644 --- a/frontend/src/components/echarts/pie/default.vue +++ b/frontend/src/components/echarts/pie/default.vue @@ -49,7 +49,21 @@ const init = () => { text: customData.value.title, left: customData.value.textAlign, }, - legend: legendData.value, + legend:legendData.value, + // legend: { + // icon: legendData.value.icon, // 图例项的icon,类型包括 circle(圆形),rect(正方形),//roundRect(圆角正方形),triangle(三角形),diamond(菱形),//pin(大头针行),arrow(箭头形),none(无图例项的icon) + // orient: "vertical", //图例排列方向 + // left: legendData.value.left, //可选属性left,right,top,bottom,可选属性值 left,right,top,bottom,px,百分比,数值, + // itemGap: 1, // 设置图例项之间的间隔为20 + // formatter: function (name) { + + // const item = props.chartsData.filter(item=>item.name==name) + // console.log(item) + // if(item) + // return item[0].value; + + // }, + // }, tooltip: { show: true, trigger: "item", @@ -61,6 +75,12 @@ const init = () => { type: "pie", radius: customData.value.isRing ? ["55", "75"] : "80%", data: props.chartsData, + formatter: function (name) { + const item = props.chartsData.filter(item=>item.name==name) + console.log(item) + if(item) + return item[0].value; + }, center: ["55%", "50%"], // 设置饼图的中心位置 // padAngle: 2, minAngle: 15, //最小角度 @@ -75,11 +95,14 @@ const init = () => { label: { normal: { show: true, - position: "inside", + position: "outside", textStyle: { - color: "#fff", + //color: "#fff", fontSize: 12, }, + formatter: function (data) { + return data.value + } }, }, itemStyle: { diff --git a/frontend/src/views/home/components/preTest.vue b/frontend/src/views/home/components/preTest.vue index 0e54920..88a1f9d 100644 --- a/frontend/src/views/home/components/preTest.vue +++ b/frontend/src/views/home/components/preTest.vue @@ -1,7 +1,7 @@