Merge branch 'master' of http://116.204.114.73:3000/ccsens_zhengzhichuan/acupuncture

acupuncture-前台/src/api/indexCom.js

@@ -114,5 +114,12 @@ export function patientTotal(data) {
   });
 }
 // 诊疗信息
+export function zlInfo(data) {
+  return request({
+    url: "/statistics/zlInfo",
+    method: "post",
+    data: data,
+  });
+}
 // 治疗类型
 // 随访分布

acupuncture-前台/src/views/index.vue

@@ -17,13 +17,13 @@
         <search
           @radio-change="radioChange"
           @picker-change="pickerChage"
-          title="静脉溶栓统计"
+          title="诊疗信息统计"
           type="2"
         ></search>
       </el-card>
       <JM ref="JM"></JM>
     </div>
-    <div>
+    <!-- <div>
       <el-card shadow="always">
         <search
           @radio-change="radioChange"
@@ -33,7 +33,7 @@
         ></search>
       </el-card>
       <XGZL ref="XGZL"></XGZL>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -69,9 +69,9 @@ export default {
   },
   methods: {
     resize() {
-      this.$refs.patient.getRenew();
+      // this.$refs.patient.getRenew();
-      this.$refs.JM.getRenew();
+      // this.$refs.JM.getRenew();
-      this.$refs.XGZL.getRenew();
+      // this.$refs.XGZL.getRenew();
     },
     // 周 月 季 年
     radioChange(_data, _type, _timeType) {

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

@@ -1,106 +1,149 @@
 <template>
+	<div>
 		<div class="app-container">
-    <!-- 静脉溶栓 数据对比 -->
 			<div class="dis" style="width: 100%">
-      <div style="flex: 1">
+				<div style="flex: 1; margin-right: 20px">
 					<el-card shadow="always">
 						<div class="dis title-box">
-            <span class="header-title">静脉溶栓率 </span>
+							<span class="header-title">病种排名</span>
+							<div class="dis"></div>
 						</div>
-          <!-- 统计图 -->
 						<div style="height: 300px" v-loading="loading">
-            <div id="JMz" style="width: 100%"></div>
+							<div id="diagnose" style="width: 100%"></div>
 						</div>
 					</el-card>
 				</div>
-      <div style="flex: 1; margin-left: 20px">
+				<div style="flex: 1">
 					<el-card shadow="always">
 						<div class="dis title-box">
-            <span class="header-title">数据对比</span>
+							<span class="header-title">体系分布</span>
 							<div class="dis">
-              <div class="dian-box dis">
-                <span class="dian" style="background: #00d1a1"></span>
-                静脉溶栓人数
-              </div>
-              <div class="dian-box dis">
-                <span class="dian" style="background: #4f8bff"></span>
-                急救特征人数
-              </div>
 							</div>
 						</div>
-          <!-- 统计图 -->
 						<div style="height: 300px" v-loading="loading">
-            <div id="JMy" style="width: 100%"></div>
+							<div id="system" style="width: 100%"></div>
 						</div>
 					</el-card>
 				</div>
 			</div>
-    <!-- DNT分布  sICH发生率  -->
+		</div>
+		<div class="app-container">
 			<div class="dis" style="width: 100%">
+				<div style="flex: 1; margin-right: 20px">
+					<el-card shadow="always">
+						<div class="dis title-box">
+							<span class="header-title">体质分布</span>
+							<div class="dis"></div>
+						</div>
+						<div style="height: 300px" v-loading="loading">
+							<div id="physique" style="width: 100%"></div>
+						</div>
+					</el-card>
+				</div>
 				<div style="flex: 1">
 					<el-card shadow="always">
 						<div class="dis title-box">
-            <span class="header-title">DNT分布 </span>
+							<span class="header-title">体态评估（TAPS）</span>
 							<div class="dis">
-              <div class="dian-box dis">
-                <span class="dian" style="background: #ffcd6c"></span> ≤45 min
 							</div>
-              <div class="dian-box dis">
-                <span class="dian" style="background: #f97186"></span> ≤60 min
 						</div>
-              <div class="dian-box dis">
+						<div style="height: 300px" v-loading="loading">
-                <span class="dian" style="background: #4f8bff"></span> >60 min
+							<div id="posture" style="width: 100%"></div>
+						</div>
+					</el-card>
+				</div>
 			</div>
 		</div>
+		<div class="app-container">
+			<div class="dis" style="width: 100%">
+				<div style="flex: 1; margin-right: 20px">
+					<el-card shadow="always">
+						<div class="dis title-box">
+							<span class="header-title">失眠评估（PHQ-9）</span>
+							<div class="dis"></div>
 						</div>
-          <!-- 统计图 -->
 						<div style="height: 300px" v-loading="loading">
-            <div id="DNT" style="width: 100%"></div>
+							<div id="agrypnia" style="width: 100%"></div>
 						</div>
 					</el-card>
 				</div>
-      <div style="flex: 1; margin-left: 20px">
+				<div style="flex: 1">
 					<el-card shadow="always">
 						<div class="dis title-box">
-            <span class="header-title">sICH发生率</span>
+							<span class="header-title">焦虑（HAMD-24）</span>
+							<div class="dis">
+							</div>
 						</div>
-          <!-- 统计图 -->
 						<div style="height: 300px" v-loading="loading">
-            <div id="sICH" style="width: 100%"></div>
+							<div id="anxiety" style="width: 100%"></div>
 						</div>
 					</el-card>
 				</div>
 			</div>
 		</div>
+	</div>
 </template>
+
 <script>
 	import * as echarts from "echarts";
 	require("echarts/theme/macarons"); // echarts theme
 	import resize from "@/views/dashboard/mixins/resize";
-import { queryDntResult, querySichResult, queryJmrs } from "@/api/indexCom.js";
+	import {
-import { JMRSL, JMSJDB, DNT, SICH } from "./index";
+		zlInfo
+	} from "@/api/indexCom.js";
+	import {
+		diagnoseEcharts,
+		systemEcharts,
+		physiqueEcharts,
+		postureEcharts
+	} from "./index";
 	export default {
 		name: "Post",
 		props: ["title"],
 		mixins: [resize],
 		data() {
 			return {
-      loading: false,
-      JMRSLvalue: null,
-      DNTvalue: null,
-      SICHvalue: null,
-      // 查询参数
 				queryParams: {
 					param: {
-          timeType: 4,
 						startTime: "",
 						endTime: "",
 					},
 				},
+				loading: false,
+				diagnoseValue: null, // 病种
+				systemValue: null, // 体系
+				physiqueValue: null, // 体质
+				postureValue:null, // 体态
+				
+				// 体系中文
+				systemObj: {
+					"yxfpz": "隐形肥胖型", //隐形肥胖型
+					"zfgdx": "脂肪过多型", //脂肪过多型
+					"fpx": "肥胖型", //肥胖型
+					"jrbzx": "肌肉不足型", //肌肉不足型
+					"jkjcx": "健康匀称型", //健康匀称型
+					"czjrx": "超重肌肉型", //超重肌肉型
+					"xsx": "消瘦型", //消瘦型
+					"dzfx": "低脂肪型", //低脂肪型
+					"ydyx": "运动员型", //运动员型
+				},
+				// 体质
+				physiqueObj: {
+					"phz": "平和质", //平和质
+					"qxz": "气虚质", //气虚质
+					"yangxz": "阳虚质", //阳虚质
+					"yinxz": "阴虚质", //阴虚质
+					"tsz": "痰湿质", //痰湿质
+					"srz": "湿热质", //湿热质  
+					"xyz": "血瘀质", //血瘀质
+					"qyz": "气郁质", //气郁质
+					"tlz": "特禀质", //特禀质  
+				},
 			};
 		},
 		created() {
-    // this.getData();
+			// this.Linepatient();
+			this.getData();
 		},
 		methods: {
 			statistics(_data, _type) {
@@ -108,112 +151,124 @@ export default {
 				this.loading = true;
 				this.getData(); // 获取数据
 			},
-    // 查询
+			//患者信息
 			async getData() {
 				try {
-        //RSL 静脉溶栓率
+					await zlInfo(this.queryParams).then((res) => {
-        await queryJmrs(this.queryParams).then((res) => {
+						const {
-          this.JMRSLvalue = res.data;
+							jlfb,
-          console.log("this.JMRSLvalue: ", this.JMRSLvalue);
+							smfb,
-          this.columnar();
+							sort,
-        });
+							ttfb,
-        //DNT
+							txfb,
-        await queryDntResult(this.queryParams).then((res) => {
+							zytz
-          this.DNTvalue = res.data;
+						} = res.data
-          console.log("this.DNTvalue: ", this.DNTvalue);
+						// 病种（主要诊断）
-          this.lineDNT();
+						this.diagnoseValue = sort.sort((a, b) => a.total - b.total)
-        });
+						this.handleDiagnose()
-        // //数据对比
+						// 体系
-        await querySichResult(this.queryParams).then((res) => {
+						this.systemValue = []
-          this.SICHvalue = res.data;
+						delete txfb.total
-          this.LineSICH();
+						for (let key in txfb) {
+							let data = {
+								name: this.systemObj[key],
+								value: txfb[key]
+							}
+							this.systemValue.push(data)
+						}
+						this.handleSystem()
+						// 体质
+						this.physiqueValue = []
+						delete zytz.total
+						for (let key in zytz) {
+							let data = {
+								name: this.physiqueObj[key],
+								value: zytz[key],
+							}
+							this.physiqueValue.push(data)
+						}
+						this.handlePhysique()
+						// 体态
+						this.postureValue = [{
+							value: ttfb.score1,
+							name: "1分"
+						},{
+							value: ttfb.score2,
+							name: "2分"
+						},{
+							value: ttfb.score3,
+							name: "3分"
+						},{
+							value: ttfb.score4,
+							name: "4分"
+						},{
+							value: ttfb.score5,
+							name: "5分"
+						}]
+						this.handlePosture()
 					});
-
-        this.LineJM();
-        this.columnar();
-        this.lineDNT();
-        this.LineSICH();
 					this.loading = false;
 				} catch (e) {}
 			},
-    // 静脉溶栓率` 数据对比
+			// 病种（主要诊断）
-    LineJM() {
+			handleDiagnose() {
-      JMSJDB.series[0].data = this.JMRSLvalue?.map((item) => {
+				diagnoseEcharts.series[0].data = this.diagnoseValue?.map((item) => {
-        return item.gailv;
-      });
-      JMSJDB.series[1].data = this.JMRSLvalue?.map((item) => {
 					return item.total;
 				});
-      JMSJDB.xAxis[0].data = this.JMRSLvalue?.map((item) => {
+				diagnoseEcharts.yAxis.data = this.diagnoseValue?.map((item) => {
-        return item.date; //X轴
+					return item.type;
 				});
 				this.$nextTick(() => {
-        // 基于准备好的dom，初始化echarts实例
+					var myChart = echarts.init(document.getElementById("diagnose"), null, {
-        var myChart = echarts.init(document.getElementById("JMy"), null, {
 						height: 300,
 					});
-        myChart.setOption(JMSJDB, true);
+					myChart.setOption(diagnoseEcharts, true);
 					myChart.resize();
 					window.onresize = myChart.resize;
 				});
 			},
-    // 静脉溶栓率
+			// 体系
-    columnar() {
+			handleSystem() {
-      JMRSL.series[0].data = this.JMRSLvalue?.map((item) => {
+				systemEcharts.series[0].data = this.systemValue?.map((item) => {
-        return item.decimal;
+					return item.value;
-      });
-      JMRSL.xAxis.data = this.JMRSLvalue?.map((item) => {
-        return item.date;
 				});
-      JMRSL.series[0].data = this.JMRSLvalue?.map((item) => {
+				systemEcharts.xAxis.data = this.systemValue?.map((item) => {
-        return item.decimal;
+					return item.name;
 				});
 				this.$nextTick(() => {
-        // 基于准备好的dom，初始化echarts实例
+					var myChart = echarts.init(document.getElementById("system"), null, {
-        var myChart = echarts.init(document.getElementById("JMz"), null, {
 						height: 300,
 					});
-        myChart.setOption(JMRSL, true);
+					myChart.setOption(systemEcharts, true);
 					myChart.resize();
 					window.onresize = myChart.resize;
 				});
 			},
-    lineDNT() {
+			// 体质
-      DNT.series[0].data = this.DNTvalue?.map((item) => {
+			handlePhysique() {
-        return item.dy45; //≤45
+				physiqueEcharts.series[0].data = this.physiqueValue?.map((item) => {
+					return item.value;
 				});
-      DNT.series[1].data = this.DNTvalue?.map((item) => {
+				physiqueEcharts.xAxis.data = this.physiqueValue?.map((item) => {
-        return item.dy60; //≤60
+					return item.name;
-      });
-      DNT.series[2].data = this.DNTvalue?.map((item) => {
-        return item.other; //>60
-      });
-      DNT.xAxis.data = this.DNTvalue?.map((item) => {
-        return item.date; //X轴
 				});
 				this.$nextTick(() => {
-        // 基于准备好的dom，初始化echarts实例
+					var myChart = echarts.init(document.getElementById("physique"), null, {
-        var myChart = echarts.init(document.getElementById("DNT"), null, {
 						height: 300,
 					});
-        myChart.setOption(DNT, true);
+					myChart.setOption(physiqueEcharts, true);
 					myChart.resize();
 					window.onresize = myChart.resize;
 				});
 			},
-    LineSICH() {
+			// 体态评估
-      SICH.series[0].data = this.SICHvalue?.map((item) => {
+			handlePosture() {
-        return item.decimal; //≤45
+				postureEcharts.series[0].data = this.postureValue
-      });
-      SICH.xAxis[0].data = this.SICHvalue?.map((item) => {
-        return item.time; //X轴
-      });
 				this.$nextTick(() => {
-        // 基于准备好的dom，初始化echarts实例
+					var myChart = echarts.init(document.getElementById("posture"), null, {
-        var myChart = echarts.init(document.getElementById("sICH"), null, {
 						height: 300,
 					});
-        myChart.setOption(SICH, true);
+					myChart.setOption(postureEcharts, true);
 					myChart.resize();
 					window.onresize = myChart.resize;
 				});
@@ -223,17 +278,14 @@ export default {
 				_data[0] = this.$moment(_data[0]).format("YYYY-MM-DD");
 				_data[1] = this.$moment(_data[1]).format("YYYY-MM-DD");
 				this.queryParams.param = {
-        timeType: _type,
 					startTime: _data[0] + " " + "00:00:00",
 					endTime: _data[1] + " " + "23:59:59",
 				};
 			},
 			// 重新渲染图标
 			getRenew() {
-      this.LineJM();
+				this.Linepatient();
 				this.columnar();
-      this.lineDNT();
-      this.LineSICH();
 			},
 		},
 	};
@@ -243,19 +295,24 @@ export default {
 	>>>.el-card__body {
 		padding: 10px 0 !important;
 	}
+
 	.dis {
 		display: flex;
 	}
+
 	.header-title {
 		font-size: 18px;
 	}
+
 	.title-box {
 		padding: 10px 20px;
 		border-bottom: 1px solid #dfe6ec;
 	}
+
 	.dian-box {
 		align-items: center;
 	}
+
 	.dian {
 		display: inline-block;
 		width: 16px;
@@ -263,28 +320,37 @@ export default {
 		border-radius: 50%;
 		margin: 0 10px;
 	}
+
 	.title-box {
 		justify-content: space-between;
 	}
+
 	.>>>.el-radio--small.is-bordered {
 		margin-right: 20px !important;
 		margin-left: 0 !important;
 	}
+
 	>>>.el-radio__input {
 		display: none;
 	}
+
 	>>>.el-radio__label {
 		padding-left: 5px;
 	}
+
 	.app-container {
 		padding: 0;
+		display: flex;
+		justify-content: space-between;
 	}
-.title1 {
+
+	.title {
 		display: flex;
 		align-items: center;
 		font-size: 20px;
 		font-weight: 600;
 	}
+
 	.title-bor {
 		display: inline-block;
 		height: 20px;

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

@@ -1,4 +1,5 @@
 import * as echarts from "echarts";
+// -------- 患者信息统计 --------
 // 患者总数
 export const HZXX = {
   tooltip: {
@@ -218,6 +219,232 @@ export const diseaseEcharts = {
     
   ],
 };
+
+// -------- 诊疗信息统计 --------
+// 病种
+export const diagnoseEcharts = {
+  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: {
+	  name: "数量( 个 )",
+	  type: "value",
+	  minInterval: 1,
+	  splitLine: {
+	    show: true,
+	    lineStyle: {
+	      type: "dashed",
+	    },
+	  },
+    
+  },
+  grid: {
+    top: "12%",
+    left: "1%",
+    right: "14%",
+    bottom: "0%",
+    containLabel: true,
+  },
+  yAxis: {
+   type: "category",
+   data: [],
+  },
+  series: [
+    {
+      name: "数量：",
+      data: [],
+      type: "bar",
+      barMaxWidth: 24, //柱图宽度
+      color: "#4f8bff",
+    },
+    
+  ],
+};
+// 体系
+export const systemEcharts = {
+  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: [],
+  },
+  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 physiqueEcharts = {
+  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: [],
+  },
+  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 postureEcharts = {
+  tooltip: {
+    trigger: "item",
+  },
+  title: {
+    text: "",
+    left: "center",
+    top: "40%",
+    textStyle: {
+      textAlign: "center",
+      color: "#393D4E",
+      fontSize: 40,
+      fontWeight: 600,
+    },
+  },
+  grid: {
+    top: "0%",
+    left: "0",
+    right: "0%",
+    bottom: "0%",
+    containLabel: true,
+  },
+  color: ["#4f8bff", "#ffcd6c", "#00d1a1", "#a794fe","#EE6666"],
+  series: [
+    {
+      type: "pie",
+      radius: "80%",
+      avoidLabelOverlap: false,
+      label: {
+        show: false,
+        position: "center",
+      },
+      labelLine: {
+        show: false,
+      },
+      data: [],
+    },
+  ],
+};
 // 患者信息 - 数据分析
 export const HZXXSJFX = {
   tooltip: {

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

@@ -158,7 +158,7 @@
 							{
 								value: res.data.totalPatients,
 								name: "女"
-							},
+							}
 						];
 						// 年龄分布
 						let ageValue = res.data.age
@@ -249,8 +249,8 @@
 			},
 			// 重新渲染图标
 			getRenew() {
-				this.Linepatient();
+				// this.Linepatient();
-				this.columnar();
+				// this.columnar();
 			},
 		},
 	};