诊疗档案（失眠评估）

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

@@ -17,8 +17,7 @@
           <el-card shadow="always">
             <div class="dis title-box">
               <span class="header-title">体系分布</span>
-							<div class="dis">
+              <div class="dis"></div>
-							</div>
             </div>
             <div style="height: 300px" v-loading="loading">
               <div id="system" style="width: 100%"></div>
@@ -44,8 +43,7 @@
           <el-card shadow="always">
             <div class="dis title-box">
               <span class="header-title">体态评估（TAPS）</span>
-							<div class="dis">
+              <div class="dis"></div>
-							</div>
             </div>
             <div style="height: 300px" v-loading="loading">
               <div id="posture" style="width: 100%"></div>
@@ -71,8 +69,7 @@
           <el-card shadow="always">
             <div class="dis title-box">
               <span class="header-title">焦虑（HAMD-24）</span>
-							<div class="dis">
+              <div class="dis"></div>
-							</div>
             </div>
             <div style="height: 300px" v-loading="loading">
               <div id="anxiety" style="width: 100%"></div>
@@ -88,14 +85,13 @@
 import * as echarts from "echarts";
 require("echarts/theme/macarons"); // echarts theme
 import resize from "@/views/dashboard/mixins/resize";
-	import {
+import { zlInfo } from "@/api/indexCom.js";
-		zlInfo
-	} from "@/api/indexCom.js";
 import {
   diagnoseEcharts,
   systemEcharts,
   physiqueEcharts,
-		postureEcharts
+  postureEcharts,
+  agrypniaEcharts,
 } from "./index";
 export default {
   name: "Post",
@@ -109,35 +105,37 @@
           endTime: "",
         },
       },
+
       loading: false,
       diagnoseValue: null, // 病种
       systemValue: null, // 体系
       physiqueValue: null, // 体质
       postureValue: null, // 体态
+      agrypniaValue: null, // 失眠
 
       // 体系中文
       systemObj: {
-					"yxfpz": "隐形肥胖型", //隐形肥胖型
+        yxfpz: "隐形肥胖型", //隐形肥胖型
-					"zfgdx": "脂肪过多型", //脂肪过多型
+        zfgdx: "脂肪过多型", //脂肪过多型
-					"fpx": "肥胖型", //肥胖型
+        fpx: "肥胖型", //肥胖型
-					"jrbzx": "肌肉不足型", //肌肉不足型
+        jrbzx: "肌肉不足型", //肌肉不足型
-					"jkjcx": "健康匀称型", //健康匀称型
+        jkjcx: "健康匀称型", //健康匀称型
-					"czjrx": "超重肌肉型", //超重肌肉型
+        czjrx: "超重肌肉型", //超重肌肉型
-					"xsx": "消瘦型", //消瘦型
+        xsx: "消瘦型", //消瘦型
-					"dzfx": "低脂肪型", //低脂肪型
+        dzfx: "低脂肪型", //低脂肪型
-					"ydyx": "运动员型", //运动员型
+        ydyx: "运动员型", //运动员型
       },
       // 体质
       physiqueObj: {
-					"phz": "平和质", //平和质
+        phz: "平和质", //平和质
-					"qxz": "气虚质", //气虚质
+        qxz: "气虚质", //气虚质
-					"yangxz": "阳虚质", //阳虚质
+        yangxz: "阳虚质", //阳虚质
-					"yinxz": "阴虚质", //阴虚质
+        yinxz: "阴虚质", //阴虚质
-					"tsz": "痰湿质", //痰湿质
+        tsz: "痰湿质", //痰湿质
-					"srz": "湿热质", //湿热质  
+        srz: "湿热质", //湿热质
-					"xyz": "血瘀质", //血瘀质
+        xyz: "血瘀质", //血瘀质
-					"qyz": "气郁质", //气郁质
+        qyz: "气郁质", //气郁质
-					"tlz": "特禀质", //特禀质  
+        tlz: "特禀质", //特禀质
       },
     };
   },
@@ -155,57 +153,62 @@
     async getData() {
       try {
         await zlInfo(this.queryParams).then((res) => {
-						const {
+          const { jlfb, smfb, sort, ttfb, txfb, zytz } = res.data;
-							jlfb,
-							smfb,
-							sort,
-							ttfb,
-							txfb,
-							zytz
-						} = res.data
           // 病种（主要诊断）
-						this.diagnoseValue = sort.sort((a, b) => a.total - b.total)
+          this.diagnoseValue = sort.sort((a, b) => a.total - b.total);
-						this.handleDiagnose()
+          this.handleDiagnose();
           // 体系
-						this.systemValue = []
+          this.systemValue = [];
-						delete txfb.total
+          delete txfb.total;
           for (let key in txfb) {
             let data = {
               name: this.systemObj[key],
-								value: txfb[key]
+              value: txfb[key],
-							}
+            };
-							this.systemValue.push(data)
+            this.systemValue.push(data);
           }
-						this.handleSystem()
+          this.handleSystem();
           // 体质
-						this.physiqueValue = []
+          this.physiqueValue = [];
-						delete zytz.total
+          delete zytz.total;
           for (let key in zytz) {
             let data = {
               name: this.physiqueObj[key],
               value: zytz[key],
+            };
+            this.physiqueValue.push(data);
           }
-							this.physiqueValue.push(data)
+          this.handlePhysique();
-						}
-						this.handlePhysique()
           // 体态
-						this.postureValue = [{
+          this.postureValue = [
+            {
               value: ttfb.score1,
-							name: "1分"
+              name: "1分",
-						},{
+            },
+            {
               value: ttfb.score2,
-							name: "2分"
+              name: "2分",
-						},{
+            },
+            {
               value: ttfb.score3,
-							name: "3分"
+              name: "3分",
-						},{
+            },
+            {
               value: ttfb.score4,
-							name: "4分"
+              name: "4分",
-						},{
+            },
+            {
               value: ttfb.score5,
-							name: "5分"
+              name: "5分",
-						}]
+            },
-						this.handlePosture()
+          ];
+          this.handlePosture();
+          // 失眠评估（PHQ-9）
+          this.agrypniaValue = [];
+          for (let key in smfb) {
+            this.agrypniaValue.push(smfb[key]);
+          }
+          this.handleAgrypnia();
         });
         this.loading = false;
       } catch (e) {}
@@ -263,7 +266,7 @@
     },
     // 体态评估
     handlePosture() {
-				postureEcharts.series[0].data = this.postureValue
+      postureEcharts.series[0].data = this.postureValue;
       this.$nextTick(() => {
         var myChart = echarts.init(document.getElementById("posture"), null, {
           height: 300,
@@ -282,6 +285,20 @@
         endTime: _data[1] + " " + "23:59:59",
       };
     },
+    // 体质
+    handleAgrypnia() {
+      console.log("this.agrypniaValue", this.agrypniaValue);
+
+      agrypniaEcharts.series[0].data = this.agrypniaValue;
+      this.$nextTick(() => {
+        var myChart = echarts.init(document.getElementById("agrypnia"), null, {
+          height: 300,
+        });
+        myChart.setOption(agrypniaEcharts, true);
+        myChart.resize();
+        window.onresize = myChart.resize;
+      });
+    },
     // 重新渲染图标
     getRenew() {
       this.Linepatient();

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

@@ -445,6 +445,70 @@ export const postureEcharts = {
     },
   ],
 };
+// 失眠
+export const agrypniaEcharts = {
+  tooltip: {
+    trigger: "axis",
+    axisPointer: {
+      type: "cross",
+      label: {
+        backgroundColor: "#6a7985",
+      },
+    },
+    formatter: function (params) {
+      let res1 = params[0].name;
+      for (var i = 0, l = params.length; i < l; i++) {
+        res1 +=
+          "<br/>" +
+          `<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
+          params[i].seriesName +
+          " : " +
+          params[i].value +
+          "个";
+      }
+      return res1;
+    },
+  },
+  xAxis: {
+    type: "category",
+    data: ['0~4分', '5~9分', '10~14分','15~19分','20~27分'],
+
+  },
+  grid: {
+    top: "12%",
+    left: "5%",
+    right: "2%",
+    bottom: "0%",
+    containLabel: true,
+  },
+  yAxis: {
+    name: "数量( 个 )",
+    type: "value",
+    minInterval: 1,
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+      },
+    },
+  },
+  series: [
+    {
+      name: "数量：",
+      data: [],
+      type: "bar",
+      barMaxWidth: 24, //柱图宽度
+      color: "#4f8bff",
+      itemStyle: {
+        normal: {
+          //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
+          barBorderRadius: [50, 50, 0, 0],
+        },
+      },
+    },
+    
+  ],
+};
 // 患者信息 - 数据分析
 export const HZXXSJFX = {
   tooltip: {