From 6b8d5d7b587f1d95d9f157f4d066e548a32be8c5 Mon Sep 17 00:00:00 2001 From: "1747191978@qq.com" <1942943850@qq.com> Date: Wed, 12 Mar 2025 10:35:24 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=BB=9F=E8=AE=A1=E6=98=BE?= =?UTF-8?q?=E7=A4=BA=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- acupuncture-前台/src/views/indexCom/XGZL.vue | 10 +-- acupuncture-前台/src/views/indexCom/index.js | 80 +++++++++++++------ .../src/views/indexCom/patient.vue | 12 +-- acupuncture-后台/src/views/indexCom/index.js | 80 +++++++++++++------ 4 files changed, 123 insertions(+), 59 deletions(-) diff --git a/acupuncture-前台/src/views/indexCom/XGZL.vue b/acupuncture-前台/src/views/indexCom/XGZL.vue index ae37a89c..21410ba6 100644 --- a/acupuncture-前台/src/views/indexCom/XGZL.vue +++ b/acupuncture-前台/src/views/indexCom/XGZL.vue @@ -233,11 +233,11 @@ export default { this.handleEffect(); // 治疗费用 this.costValue = [ - zlfy?.score1, - zlfy?.score2, - zlfy?.score3, - zlfy?.score4, - zlfy?.score5, + zlfy?.score1 || 0, + zlfy?.score2 || 0, + zlfy?.score3 || 0, + zlfy?.score4 || 0, + zlfy?.score5 || 0, ]; this.handleCost(); this.loading = false; diff --git a/acupuncture-前台/src/views/indexCom/index.js b/acupuncture-前台/src/views/indexCom/index.js index c4325439..23c8aa9f 100644 --- a/acupuncture-前台/src/views/indexCom/index.js +++ b/acupuncture-前台/src/views/indexCom/index.js @@ -131,8 +131,8 @@ export const ageEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -140,6 +140,9 @@ export const ageEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -199,8 +202,8 @@ export const diseaseEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "6%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -208,6 +211,9 @@ export const diseaseEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 30], + }, splitLine: { show: true, lineStyle: { @@ -227,7 +233,7 @@ export const diseaseEcharts = { }; // -------- 诊疗信息统计 -------- -// 病种 +// 病种排名 export const diagnoseEcharts = { tooltip: { trigger: "axis", @@ -252,7 +258,6 @@ export const diagnoseEcharts = { }, }, xAxis: { - name: "数量( 个 )", type: "value", minInterval: 1, splitLine: { @@ -263,15 +268,21 @@ export const diagnoseEcharts = { }, }, grid: { - top: "12%", - left: "1%", - right: "14%", + top: "4%", + left: "4%", + right: "6%", bottom: "0%", containLabel: true, }, yAxis: { type: "category", data: [], + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, }, series: [ { @@ -283,7 +294,7 @@ export const diagnoseEcharts = { }, ], }; -// 体系 +// 体型 export const systemEcharts = { tooltip: { trigger: "axis", @@ -313,8 +324,8 @@ export const systemEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "6%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -322,6 +333,9 @@ export const systemEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 34], + }, splitLine: { show: true, lineStyle: { @@ -375,8 +389,8 @@ export const physiqueEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -384,6 +398,9 @@ export const physiqueEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -455,7 +472,7 @@ export const postureEcharts = { }, ], }; -// 失眠 +// 失眠评估 export const agrypniaEcharts = { tooltip: { trigger: "axis", @@ -486,7 +503,7 @@ export const agrypniaEcharts = { grid: { top: "12%", left: "5%", - right: "2%", + right: "5%", bottom: "0%", containLabel: true, }, @@ -494,6 +511,9 @@ export const agrypniaEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -548,7 +568,7 @@ export const anxietyEcharts = { grid: { top: "12%", left: "5%", - right: "2%", + right: "5%", bottom: "0%", containLabel: true, }, @@ -556,6 +576,9 @@ export const anxietyEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -779,8 +802,8 @@ export const costEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -788,6 +811,9 @@ export const costEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -841,8 +867,8 @@ export const followEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -850,6 +876,9 @@ export const followEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -885,12 +914,12 @@ export const lossFollowEcharts = { }, xAxis: { type: "category", - data: ["<300元", "300 ~ 900元", "900 ~ 2000元", "2000 ~ 5000元", ">5000元"], + data: [], }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -898,6 +927,9 @@ export const lossFollowEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { diff --git a/acupuncture-前台/src/views/indexCom/patient.vue b/acupuncture-前台/src/views/indexCom/patient.vue index ab7a81b7..17fd473b 100644 --- a/acupuncture-前台/src/views/indexCom/patient.vue +++ b/acupuncture-前台/src/views/indexCom/patient.vue @@ -173,12 +173,12 @@ export default { // 年龄分布 let ageValue = res.data.age || {}; this.ageValue = [ - ageValue.num1, - ageValue.num2, - ageValue.num3, - ageValue.num4, - ageValue.num5, - ageValue.num6, + ageValue.num1 || 0, + ageValue.num2 || 0, + ageValue.num3 || 0, + ageValue.num4 || 0, + ageValue.num5 || 0, + ageValue.num6 || 0, ]; // 病种分布 let diseaseValue = res.data.jwbz || {}; diff --git a/acupuncture-后台/src/views/indexCom/index.js b/acupuncture-后台/src/views/indexCom/index.js index c4325439..23c8aa9f 100644 --- a/acupuncture-后台/src/views/indexCom/index.js +++ b/acupuncture-后台/src/views/indexCom/index.js @@ -131,8 +131,8 @@ export const ageEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -140,6 +140,9 @@ export const ageEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -199,8 +202,8 @@ export const diseaseEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "6%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -208,6 +211,9 @@ export const diseaseEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 30], + }, splitLine: { show: true, lineStyle: { @@ -227,7 +233,7 @@ export const diseaseEcharts = { }; // -------- 诊疗信息统计 -------- -// 病种 +// 病种排名 export const diagnoseEcharts = { tooltip: { trigger: "axis", @@ -252,7 +258,6 @@ export const diagnoseEcharts = { }, }, xAxis: { - name: "数量( 个 )", type: "value", minInterval: 1, splitLine: { @@ -263,15 +268,21 @@ export const diagnoseEcharts = { }, }, grid: { - top: "12%", - left: "1%", - right: "14%", + top: "4%", + left: "4%", + right: "6%", bottom: "0%", containLabel: true, }, yAxis: { type: "category", data: [], + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, }, series: [ { @@ -283,7 +294,7 @@ export const diagnoseEcharts = { }, ], }; -// 体系 +// 体型 export const systemEcharts = { tooltip: { trigger: "axis", @@ -313,8 +324,8 @@ export const systemEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "6%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -322,6 +333,9 @@ export const systemEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 34], + }, splitLine: { show: true, lineStyle: { @@ -375,8 +389,8 @@ export const physiqueEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -384,6 +398,9 @@ export const physiqueEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -455,7 +472,7 @@ export const postureEcharts = { }, ], }; -// 失眠 +// 失眠评估 export const agrypniaEcharts = { tooltip: { trigger: "axis", @@ -486,7 +503,7 @@ export const agrypniaEcharts = { grid: { top: "12%", left: "5%", - right: "2%", + right: "5%", bottom: "0%", containLabel: true, }, @@ -494,6 +511,9 @@ export const agrypniaEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -548,7 +568,7 @@ export const anxietyEcharts = { grid: { top: "12%", left: "5%", - right: "2%", + right: "5%", bottom: "0%", containLabel: true, }, @@ -556,6 +576,9 @@ export const anxietyEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -779,8 +802,8 @@ export const costEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -788,6 +811,9 @@ export const costEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -841,8 +867,8 @@ export const followEcharts = { }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -850,6 +876,9 @@ export const followEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: { @@ -885,12 +914,12 @@ export const lossFollowEcharts = { }, xAxis: { type: "category", - data: ["<300元", "300 ~ 900元", "900 ~ 2000元", "2000 ~ 5000元", ">5000元"], + data: [], }, grid: { top: "12%", - left: "5%", - right: "2%", + left: "4%", + right: "4%", bottom: "0%", containLabel: true, }, @@ -898,6 +927,9 @@ export const lossFollowEcharts = { name: "数量( 个 )", type: "value", minInterval: 1, + nameTextStyle: { + padding: [0, 0, 0, 20], + }, splitLine: { show: true, lineStyle: {