首页统计显示优化

acupuncture-前台/src/views/indexCom/XGZL.vue

@@ -233,11 +233,11 @@ export default {
           this.handleEffect();
           // 治疗费用
           this.costValue = [
-            zlfy?.score1,
+            zlfy?.score1 || 0,
-            zlfy?.score2,
+            zlfy?.score2 || 0,
-            zlfy?.score3,
+            zlfy?.score3 || 0,
-            zlfy?.score4,
+            zlfy?.score4 || 0,
-            zlfy?.score5,
+            zlfy?.score5 || 0,
           ];
           this.handleCost();
           this.loading = false;

acupuncture-前台/src/views/indexCom/index.js

@@ -131,8 +131,8 @@ export const ageEcharts = {
   },
   grid: {
     top: "12%",
-    left: "5%",
+    left: "4%",
-    right: "2%",
+    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%",
+    left: "6%",
-    right: "2%",
+    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%",
+    top: "4%",
-    left: "1%",
+    left: "4%",
-    right: "14%",
+    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%",
+    left: "6%",
-    right: "2%",
+    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%",
+    left: "4%",
-    right: "2%",
+    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%",
+    left: "4%",
-    right: "2%",
+    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%",
+    left: "4%",
-    right: "2%",
+    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%",
+    left: "4%",
-    right: "2%",
+    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: {

acupuncture-前台/src/views/indexCom/patient.vue

@@ -173,12 +173,12 @@ export default {
           // 年龄分布
           let ageValue = res.data.age || {};
           this.ageValue = [
-            ageValue.num1,
+            ageValue.num1 || 0,
-            ageValue.num2,
+            ageValue.num2 || 0,
-            ageValue.num3,
+            ageValue.num3 || 0,
-            ageValue.num4,
+            ageValue.num4 || 0,
-            ageValue.num5,
+            ageValue.num5 || 0,
-            ageValue.num6,
+            ageValue.num6 || 0,
           ];
           // 病种分布
           let diseaseValue = res.data.jwbz || {};

acupuncture-后台/src/views/indexCom/index.js

@@ -131,8 +131,8 @@ export const ageEcharts = {
   },
   grid: {
     top: "12%",
-    left: "5%",
+    left: "4%",
-    right: "2%",
+    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%",
+    left: "6%",
-    right: "2%",
+    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%",
+    top: "4%",
-    left: "1%",
+    left: "4%",
-    right: "14%",
+    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%",
+    left: "6%",
-    right: "2%",
+    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%",
+    left: "4%",
-    right: "2%",
+    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%",
+    left: "4%",
-    right: "2%",
+    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%",
+    left: "4%",
-    right: "2%",
+    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%",
+    left: "4%",
-    right: "2%",
+    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: {