From 967bf02348e546fa2e5c09c25e7faf3c7a8ebc57 Mon Sep 17 00:00:00 2001
From: liuzhipeng <1747191978@qq.com>
Date: Mon, 17 Feb 2025 20:33:35 +0800
Subject: [PATCH 001/134] =?UTF-8?q?=E8=AF=8A=E7=96=97=E6=A1=A3=E6=A1=88?=
=?UTF-8?q?=EF=BC=88=E5=A4=B1=E7=9C=A0=E8=AF=84=E4=BC=B0=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
acupuncture-前台/src/views/indexCom/JM.vue | 703 ++++++++++---------
acupuncture-前台/src/views/indexCom/index.js | 64 ++
2 files changed, 424 insertions(+), 343 deletions(-)
diff --git a/acupuncture-前台/src/views/indexCom/JM.vue b/acupuncture-前台/src/views/indexCom/JM.vue
index 2c6c4ebe..2d53d970 100644
--- a/acupuncture-前台/src/views/indexCom/JM.vue
+++ b/acupuncture-前台/src/views/indexCom/JM.vue
@@ -1,362 +1,379 @@
-
" +
+ `` +
+ 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: {
From 816189dfe332a8315d791e3dc6da98cf7d0c845e Mon Sep 17 00:00:00 2001
From: liuzhipeng <1747191978@qq.com>
Date: Mon, 17 Feb 2025 20:37:51 +0800
Subject: [PATCH 002/134] =?UTF-8?q?=E8=AF=8A=E7=96=97=E7=BB=9F=E8=AE=A1?=
=?UTF-8?q?=EF=BC=88=E5=A4=B1=E7=9C=A0=E8=AF=84=E4=BC=B0=E3=80=81=E7=84=A6?=
=?UTF-8?q?=E8=99=91=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
acupuncture-前台/src/views/indexCom/JM.vue | 25 ++++++--
acupuncture-前台/src/views/indexCom/index.js | 64 ++++++++++++++++++++
2 files changed, 85 insertions(+), 4 deletions(-)
diff --git a/acupuncture-前台/src/views/indexCom/JM.vue b/acupuncture-前台/src/views/indexCom/JM.vue
index 2d53d970..d92089d3 100644
--- a/acupuncture-前台/src/views/indexCom/JM.vue
+++ b/acupuncture-前台/src/views/indexCom/JM.vue
@@ -92,6 +92,7 @@ import {
physiqueEcharts,
postureEcharts,
agrypniaEcharts,
+ anxietyEcharts,
} from "./index";
export default {
name: "Post",
@@ -112,7 +113,7 @@ export default {
physiqueValue: null, // 体质
postureValue: null, // 体态
agrypniaValue: null, // 失眠
-
+ anxietyValue: null, // 焦虑
// 体系中文
systemObj: {
yxfpz: "隐形肥胖型", //隐形肥胖型
@@ -209,6 +210,12 @@ export default {
this.agrypniaValue.push(smfb[key]);
}
this.handleAgrypnia();
+ // 焦虑度
+ this.anxietyValue = [];
+ for (let key in jlfb) {
+ this.anxietyValue.push(jlfb[key]);
+ }
+ this.handleAnxiety();
});
this.loading = false;
} catch (e) {}
@@ -285,10 +292,8 @@ export default {
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, {
@@ -299,6 +304,18 @@ export default {
window.onresize = myChart.resize;
});
},
+ // 焦虑评估
+ handleAnxiety() {
+ anxietyEcharts.series[0].data = this.anxietyValue;
+ this.$nextTick(() => {
+ var myChart = echarts.init(document.getElementById("anxiety"), null, {
+ height: 300,
+ });
+ myChart.setOption(anxietyEcharts, true);
+ myChart.resize();
+ window.onresize = myChart.resize;
+ });
+ },
// 重新渲染图标
getRenew() {
this.Linepatient();
diff --git a/acupuncture-前台/src/views/indexCom/index.js b/acupuncture-前台/src/views/indexCom/index.js
index 347d88c2..93cd4a03 100644
--- a/acupuncture-前台/src/views/indexCom/index.js
+++ b/acupuncture-前台/src/views/indexCom/index.js
@@ -509,6 +509,70 @@ export const agrypniaEcharts = {
],
};
+// 焦虑度
+export const anxietyEcharts = {
+ 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 +=
+ "
" +
+ `` +
+ params[i].seriesName +
+ " : " +
+ params[i].value +
+ "个";
+ }
+ return res1;
+ },
+ },
+ xAxis: {
+ type: "category",
+ data: ['<8分', '8~20分','21~35分','>35分'],
+
+ },
+ 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: {
From 5b64c1d708f54e26ea61545eda1607e9217474b2 Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Tue, 18 Feb 2025 09:44:26 +0800
Subject: [PATCH 003/134] =?UTF-8?q?=E6=B2=BB=E7=96=97=E7=BB=9F=E8=AE=A1?=
=?UTF-8?q?=EF=BC=88=E6=B2=BB=E7=96=97=E7=B1=BB=E5=9E=8B=E3=80=81=E6=B2=BB?=
=?UTF-8?q?=E7=96=97=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
acupuncture-前台/src/api/indexCom.js | 14 +
acupuncture-前台/src/views/index.vue | 6 +-
acupuncture-前台/src/views/indexCom/XGZL.vue | 622 +++++++++----------
acupuncture-前台/src/views/indexCom/index.js | 157 +++++
4 files changed, 479 insertions(+), 320 deletions(-)
diff --git a/acupuncture-前台/src/api/indexCom.js b/acupuncture-前台/src/api/indexCom.js
index 4c77e047..3440c928 100644
--- a/acupuncture-前台/src/api/indexCom.js
+++ b/acupuncture-前台/src/api/indexCom.js
@@ -122,4 +122,18 @@ export function zlInfo(data) {
});
}
// 治疗类型
+export function zlType(data) {
+ return request({
+ url: "/statistics/zlType",
+ method: "post",
+ data: data,
+ });
+}
// 随访分布
+export function sffb(data) {
+ return request({
+ url: "/statistics/sffb",
+ method: "post",
+ data: data,
+ });
+}
\ No newline at end of file
diff --git a/acupuncture-前台/src/views/index.vue b/acupuncture-前台/src/views/index.vue
index ed5f9388..365846bd 100644
--- a/acupuncture-前台/src/views/index.vue
+++ b/acupuncture-前台/src/views/index.vue
@@ -23,17 +23,17 @@
" +
+ `` +
+ 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: "数量1:",
+ data: [1,2],
+ type: "bar",
+ barMaxWidth: 24, //柱图宽度
+ itemStyle: {
+ normal: {
+ //这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
+ barBorderRadius: [50, 50, 0, 0],
+ },
+ },
+ },
+ {
+ name: "数量2:",
+ data: [1,3],
+ type: "bar",
+ barMaxWidth: 24, //柱图宽度
+ itemStyle: {
+ normal: {
+ //这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
+ barBorderRadius: [50, 50, 0, 0],
+ },
+ },
+ },
+ ],
+};
+// 治疗效果
+export const effectEcharts = {
+ 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: ["#5C7BD9", "#91CC75",'#FAC858','#EE6666'],
+ series: [
+ {
+ type: "pie",
+ radius: "80%",
+ avoidLabelOverlap: false,
+ label: {
+ show: false,
+ position: "center",
+ },
+ labelLine: {
+ show: false,
+ },
+ data: [],
+ },
+ ],
+};
+
+
// 患者信息 - 数据分析
export const HZXXSJFX = {
tooltip: {
From d292d4dda6c4ca056f17b7c2ba108706bfaa1efd Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Tue, 18 Feb 2025 09:58:41 +0800
Subject: [PATCH 004/134] =?UTF-8?q?=E6=B2=BB=E7=96=97=E7=BB=9F=E8=AE=A1?=
=?UTF-8?q?=EF=BC=88=E6=B2=BB=E7=96=97=E7=B1=BB=E5=9E=8B=E3=80=81=E6=B2=BB?=
=?UTF-8?q?=E7=96=97=E6=95=88=E6=9E=9C=E3=80=81=E6=B2=BB=E7=96=97=E8=B4=B9?=
=?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
acupuncture-前台/src/views/indexCom/XGZL.vue | 85 ++++++++++++++------
acupuncture-前台/src/views/indexCom/index.js | 63 ++++++++++++++-
2 files changed, 122 insertions(+), 26 deletions(-)
diff --git a/acupuncture-前台/src/views/indexCom/XGZL.vue b/acupuncture-前台/src/views/indexCom/XGZL.vue
index 0872908b..acbc6125 100644
--- a/acupuncture-前台/src/views/indexCom/XGZL.vue
+++ b/acupuncture-前台/src/views/indexCom/XGZL.vue
@@ -81,6 +81,25 @@
+
- 一直想做一款后台管理系统,看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了针灸管理系统,她可以用于所有的Web应用程序,如网站管理后台,网站会员中心,CMS,CRM,OA等等,当然,您也可以对她进行深度定制,以做出更强系统。所有前端后台代码封装过后十分精简易上手,出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。 + 一直想做一款后台管理系统,看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了朱琏针灸联盟数据系统,她可以用于所有的Web应用程序,如网站管理后台,网站会员中心,CMS,CRM,OA等等,当然,您也可以对她进行深度定制,以做出更强系统。所有前端后台代码封装过后十分精简易上手,出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
当前版本: v{{ version }} diff --git a/acupuncture-后台/src/views/login.vue b/acupuncture-后台/src/views/login.vue index 5f898936..cbbf283a 100644 --- a/acupuncture-后台/src/views/login.vue +++ b/acupuncture-后台/src/views/login.vue @@ -6,7 +6,7 @@ :rules="loginRules" class="login-form" > -
r-EON&NRWSBxaA?-k?)x)s(u#wke0euQra)S p z!NGx2ej+$f?uRuK>nwsE7ko*uDu7CeY*WyQaB#3n&Lx6!KWGG43`M7Iq5&&@G;y$} z^Dw!i_e2hkVXGEcY2j-e^n1vT^rpqV&c&e`)XlQ7LBGc}84eC43|BQ^aZk|WLbisM z8?MZ#1Ks;am&V)YB|4eX;a1H5`{>embZH#z`ca-xQ;* MXl^=FMT4wM* z2K^pV0i+ 4AL={1^fpDPu zMp_}qPQt_$C?R?-I~vk)gPCw}3{}vAriC=iU=pkV+$&H*?)r^_NrRbiaFBwQi+WD; zM`%b#5DuhS29w|l&vwYi*VOX Vg({?mK{ zJ(L9(^tf!sq4^B%#gXFRJ{@+r6F5+fHFx_21+cdbadbOIRoZ;tVR~jb3{%3Xmyc<- z^)?&u=V`{l@d$CCl5^yDf2==$G#pmya7PErc&{)*?I24M`X%G& nAWK(qti;l+^q3 z|KIgn(vFV>oP)#pkFxZCx$J0%qaBWR2>NozSR7+
80岁",], + data: ["<40岁", "41-50岁", "51-60岁", "61-70岁", "71-80岁", ">80岁"], }, grid: { top: "12%", @@ -153,20 +153,20 @@ export const ageEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - - itemStyle: { - normal: { - //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] - barBorderRadius: [50, 50, 0, 0], - color: function (params) - { - var colorList = ['#FF9966', '#66B3FF', '#99FF99','#FFCC66','#FF6699','#CCCCCC']; - return colorList[params.dataIndex] - }, - }, - }, + color: "#C6A268", + // itemStyle: { + // normal: { + // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] + // barBorderRadius: [50, 50, 0, 0], + // color: function (params) { + // var colorList = [ + // "#C6A268", + // ]; + // return colorList[params.dataIndex]; + // }, + // }, + // }, }, - ], }; // 病种分布 @@ -195,7 +195,7 @@ export const diseaseEcharts = { }, xAxis: { type: "category", - data: ["<40岁","41-50岁","51-60岁","61-70岁","71-80岁",">80岁",], + data: ["<40岁", "41-50岁", "51-60岁", "61-70岁", "71-80岁", ">80岁"], }, grid: { top: "12%", @@ -221,15 +221,8 @@ export const diseaseEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - color: "#4f8bff", - itemStyle: { - normal: { - //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] - barBorderRadius: [50, 50, 0, 0], - }, - }, + color: "#70483E", }, - ], }; @@ -259,16 +252,15 @@ export const diagnoseEcharts = { }, }, xAxis: { - name: "数量( 个 )", - type: "value", - minInterval: 1, - splitLine: { - show: true, - lineStyle: { - type: "dashed", - }, - }, - + name: "数量( 个 )", + type: "value", + minInterval: 1, + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, }, grid: { top: "12%", @@ -278,8 +270,8 @@ export const diagnoseEcharts = { containLabel: true, }, yAxis: { - type: "category", - data: [], + type: "category", + data: [], }, series: [ { @@ -287,9 +279,8 @@ export const diagnoseEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - color: "#4f8bff", + color: "#906C4A", }, - ], }; // 体系 @@ -344,15 +335,14 @@ export const systemEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - color: "#4f8bff", - itemStyle: { - normal: { - //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] - barBorderRadius: [50, 50, 0, 0], - }, - }, + color: "#C6A268", + // itemStyle: { + // normal: { + // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] + // barBorderRadius: [50, 50, 0, 0], + // }, + // }, }, - ], }; // 体质 @@ -407,15 +397,14 @@ export const physiqueEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - color: "#4f8bff", - itemStyle: { - normal: { - //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] - barBorderRadius: [50, 50, 0, 0], - }, - }, + color: "#70483E", + // itemStyle: { + // normal: { + // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] + // barBorderRadius: [50, 50, 0, 0], + // }, + // }, }, - ], }; // 体态 @@ -441,7 +430,7 @@ export const postureEcharts = { bottom: "0%", containLabel: true, }, - color: ["#4f8bff", "#ffcd6c", "#00d1a1", "#a794fe","#EE6666"], + color: ["#C7BDB1", "#C6A268", "#906C4A", "#70483E", "#582518"], series: [ { type: "pie", @@ -450,14 +439,14 @@ export const postureEcharts = { label: { show: false, position: "center", - normal:{ - show:true, - position:'inner', - formatter: '{b}:{c}个', - textStyle:{ - color:'#fff' - } - }, + normal: { + show: true, + position: "inner", + formatter: "{b}:{c}个", + textStyle: { + color: "#fff", + }, + }, }, labelLine: { show: false, @@ -492,8 +481,7 @@ export const agrypniaEcharts = { }, xAxis: { type: "category", - data: ['0~4分', '5~9分', '10~14分','15~19分','20~27分'], - + data: ["0~4分", "5~9分", "10~14分", "15~19分", "20~27分"], }, grid: { top: "12%", @@ -519,15 +507,14 @@ export const agrypniaEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - color: "#4f8bff", - itemStyle: { - normal: { - //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] - barBorderRadius: [50, 50, 0, 0], - }, - }, + color: "#C6A268", + // itemStyle: { + // normal: { + // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] + // barBorderRadius: [50, 50, 0, 0], + // }, + // }, }, - ], }; // 焦虑度 @@ -556,8 +543,7 @@ export const anxietyEcharts = { }, xAxis: { type: "category", - data: ['<8分', '8~20分','21~35分','>35分'], - + data: ["<8分", "8~20分", "21~35分", ">35分"], }, grid: { top: "12%", @@ -583,15 +569,14 @@ export const anxietyEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - color: "#4f8bff", - itemStyle: { - normal: { - //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] - barBorderRadius: [50, 50, 0, 0], - }, - }, + color: "#70483E", + // itemStyle: { + // normal: { + // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] + // barBorderRadius: [50, 50, 0, 0], + // }, + // }, }, - ], }; // -------- 治疗类型 -------- @@ -618,7 +603,7 @@ export const healTypeEcharts = { bottom: "0%", containLabel: true, }, - color: ["#91CC75", "#5470C6"], + color: ["#C6A268", "#D8D8D8"], series: [ { type: "pie", @@ -627,14 +612,14 @@ export const healTypeEcharts = { label: { show: false, position: "center", - normal:{ - show:true, - position:'inner', - formatter: '{b}:{c}个', - textStyle:{ - color:'#fff' - } - }, + normal: { + show: true, + position: "inner", + formatter: "{b}:{c}个", + textStyle: { + color: "#fff", + }, + }, }, labelLine: { show: false, @@ -669,8 +654,7 @@ export const diseaseMethodEcharts = { }, xAxis: { type: "category", - data: ['肥胖症', '失眠症','其他'], - + data: ["肥胖症", "失眠症", "其他"], }, grid: { top: "12%", @@ -693,7 +677,7 @@ export const diseaseMethodEcharts = { series: [ { name: "数量1:", - data: [1,2], + data: [1, 2], type: "bar", barMaxWidth: 24, //柱图宽度 itemStyle: { @@ -705,7 +689,7 @@ export const diseaseMethodEcharts = { }, { name: "数量2:", - data: [1,3], + data: [1, 3], type: "bar", barMaxWidth: 24, //柱图宽度 itemStyle: { @@ -740,7 +724,7 @@ export const effectEcharts = { bottom: "0%", containLabel: true, }, - color: ["#5C7BD9", "#91CC75",'#FAC858','#EE6666'], + color: ["#C6A268", "#906C4A", "#70483E", "#C7BDB1"], series: [ { type: "pie", @@ -749,14 +733,14 @@ export const effectEcharts = { label: { show: false, position: "center", - normal:{ - show:true, - position:'inner', - formatter: '{b}:{c}个', - textStyle:{ - color:'#fff' - } - }, + normal: { + show: true, + position: "inner", + formatter: "{b}:{c}个", + textStyle: { + color: "#fff", + }, + }, }, labelLine: { show: false, @@ -765,7 +749,7 @@ export const effectEcharts = { }, ], }; -// 诊疗费 +// 诊疗费用 export const costEcharts = { tooltip: { trigger: "axis", @@ -791,7 +775,7 @@ export const costEcharts = { }, xAxis: { type: "category", - data: ['<300元','300 ~ 900元','900 ~ 2000元','2000 ~ 5000元','>5000元'], + data: ["<300元", "300 ~ 900元", "900 ~ 2000元", "2000 ~ 5000元", ">5000元"], }, grid: { top: "12%", @@ -817,14 +801,14 @@ export const costEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - itemStyle: { - normal: { - //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] - barBorderRadius: [50, 50, 0, 0], - }, - }, + color: "#C6A268", + // itemStyle: { + // normal: { + // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] + // barBorderRadius: [50, 50, 0, 0], + // }, + // }, }, - ], }; // -------- 随访 -------- @@ -853,7 +837,7 @@ export const followEcharts = { }, xAxis: { type: "category", - data: ['待随访','临近随访','超期随访','正常随访'], + data: ["待随访", "临近随访", "超期随访", "正常随访"], }, grid: { top: "12%", @@ -873,9 +857,9 @@ export const followEcharts = { }, }, }, - series: [ - ], + series: [], }; +// 失访原因 export const lossFollowEcharts = { tooltip: { trigger: "axis", @@ -901,7 +885,7 @@ export const lossFollowEcharts = { }, xAxis: { type: "category", - data: ['<300元','300 ~ 900元','900 ~ 2000元','2000 ~ 5000元','>5000元'], + data: ["<300元", "300 ~ 900元", "900 ~ 2000元", "2000 ~ 5000元", ">5000元"], }, grid: { top: "12%", @@ -927,13 +911,13 @@ export const lossFollowEcharts = { data: [], type: "bar", barMaxWidth: 24, //柱图宽度 - itemStyle: { - normal: { - //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] - barBorderRadius: [50, 50, 0, 0], - }, - }, - } - + color: "#70483E", + // itemStyle: { + // normal: { + // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] + // barBorderRadius: [50, 50, 0, 0], + // }, + // }, + }, ], }; diff --git a/acupuncture-后台/src/views/indexCom/patient.vue b/acupuncture-后台/src/views/indexCom/patient.vue index 9fd17647..ae9b2c97 100644 --- a/acupuncture-后台/src/views/indexCom/patient.vue +++ b/acupuncture-后台/src/views/indexCom/patient.vue @@ -1,58 +1,78 @@ - -+ +-+-+--- -- 患者总数 - -- -- ----- -- 性别数量 -- ------ - 男 -- - 女 -- ----- -- 年龄分布 - -- -- ----- - 既往病种分布 --- ++++ +++ + + ++++ {{ HZXXvalue[0].value || 0 }}人 ++患者总数++++ ++ 性别数量 ++ ++++++ + 男 ++ + 女 ++ +++++ ++ 年龄分布 + ++ ++ +++-+ -+ 既往病种分布 +- -+ --- --+ ++ +