From 38c4e06e984ffd15e8c3aa0dcf3eb6e90e94b2a2 Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Mon, 3 Mar 2025 19:27:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../src/layout/components/Navbar.vue | 8 +-
.../src/store/modules/settings.js | 2 +-
acupuncture-后台/src/views/indexCom/JM.vue | 739 +++++++++---------
acupuncture-后台/src/views/indexCom/XGZL.vue | 600 +++++++-------
.../src/views/indexCom/follow.vue | 445 ++++++-----
acupuncture-后台/src/views/indexCom/image.png | Bin 0 -> 2558 bytes
acupuncture-后台/src/views/indexCom/index.js | 254 +++---
.../src/views/indexCom/patient.vue | 646 ++++++++-------
acupuncture-后台/src/views/indexCom/query.vue | 319 ++++----
9 files changed, 1550 insertions(+), 1463 deletions(-)
create mode 100644 acupuncture-后台/src/views/indexCom/image.png
diff --git a/acupuncture-后台/src/layout/components/Navbar.vue b/acupuncture-后台/src/layout/components/Navbar.vue
index 4a2f9cd4..6fcf1e8c 100644
--- a/acupuncture-后台/src/layout/components/Navbar.vue
+++ b/acupuncture-后台/src/layout/components/Navbar.vue
@@ -15,7 +15,7 @@
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 }}人 ++患者总数++++ ++ 性别数量 ++ ++++++ + 男 ++ + 女 ++ +++++ ++ 年龄分布 + ++ ++ +++-+ -+ 既往病种分布 +- -+ --- --+ ++ +