ccsens_zhengzhichuan
/
acupuncture
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

newMaster
zzc 4 months ago
parent
9edd82f8ce a048b1b1f0
commit
83039da15c
5 changed files with 599 additions and 299 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      acupuncture-前台/src/api/indexCom.js
  2. 12
      acupuncture-前台/src/views/index.vue
  3. 646
      acupuncture-前台/src/views/indexCom/JM.vue
  4. 227
      acupuncture-前台/src/views/indexCom/index.js
  5. 6
      acupuncture-前台/src/views/indexCom/patient.vue

7
acupuncture-前台/src/api/indexCom.js
View File

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

12
acupuncture-前台/src/views/index.vue
View File

@ -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.JM.getRenew();
this.$refs.XGZL.getRenew();
// this.$refs.patient.getRenew();
// this.$refs.JM.getRenew();
// this.$refs.XGZL.getRenew();
},
// 周 月 季 年
radioChange(_data, _type, _timeType) {

646
acupuncture-前台/src/views/indexCom/JM.vue
View File

@ -1,296 +1,362 @@
<template>
<div class="app-container">
<!-- 静脉溶栓 数据对比 -->
<div class="dis" style="width: 100%">
<div style="flex: 1">
<el-card shadow="always">
<div class="dis title-box">
<span class="header-title">静脉溶栓率 </span>
</div>
<!-- 统计图 -->
<div style="height: 300px" v-loading="loading">
<div id="JMz" style="width: 100%"></div>
</div>
</el-card>
</div>
<div style="flex: 1; margin-left: 20px">
<el-card shadow="always">
<div class="dis title-box">
<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>
</el-card>
</div>
</div>
<!-- DNT分布 sICH发生率 -->
<div class="dis" style="width: 100%">
<div style="flex: 1">
<el-card shadow="always">
<div class="dis title-box">
<span class="header-title">DNT分布 </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">
<span class="dian" style="background: #4f8bff"></span> >60 min
</div>
</div>
</div>
<!-- 统计图 -->
<div style="height: 300px" v-loading="loading">
<div id="DNT" style="width: 100%"></div>
</div>
</el-card>
</div>
<div style="flex: 1; margin-left: 20px">
<el-card shadow="always">
<div class="dis title-box">
<span class="header-title">sICH发生率</span>
</div>
<!-- 统计图 -->
<div style="height: 300px" v-loading="loading">
<div id="sICH" style="width: 100%"></div>
</div>
</el-card>
</div>
</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">病种排名</span>
<div class="dis"></div>
</div>
<div style="height: 300px" v-loading="loading">
<div id="diagnose" 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">体系分布</span>
<div class="dis">
</div>
</div>
<div style="height: 300px" v-loading="loading">
<div id="system" 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">体质分布</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">体态评估（TAPS）</span>
<div class="dis">
</div>
</div>
<div style="height: 300px" v-loading="loading">
<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="agrypnia" 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">焦虑（HAMD-24）</span>
<div class="dis">
</div>
</div>
<div style="height: 300px" v-loading="loading">
<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 { JMRSL, JMSJDB, DNT, SICH } 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: "",
},
},
};
},
created() {
// this.getData();
},
methods: {
statistics(_data, _type) {
this.initial(_data, _type); // 处理数据
this.loading = true;
this.getData(); // 获取数据
},
// 查询
async getData() {
try {
//RSL 静脉溶栓率
await queryJmrs(this.queryParams).then((res) => {
this.JMRSLvalue = res.data;
console.log("this.JMRSLvalue: ", this.JMRSLvalue);
this.columnar();
});
//DNT
await queryDntResult(this.queryParams).then((res) => {
this.DNTvalue = res.data;
console.log("this.DNTvalue: ", this.DNTvalue);
this.lineDNT();
});
// //数据对比
await querySichResult(this.queryParams).then((res) => {
this.SICHvalue = res.data;
this.LineSICH();
});
this.LineJM();
this.columnar();
this.lineDNT();
this.LineSICH();
this.loading = false;
} catch (e) {}
},
// 静脉溶栓率` 数据对比
LineJM() {
JMSJDB.series[0].data = this.JMRSLvalue?.map((item) => {
return item.gailv;
});
JMSJDB.series[1].data = this.JMRSLvalue?.map((item) => {
return item.total;
});
JMSJDB.xAxis[0].data = this.JMRSLvalue?.map((item) => {
return item.date; //X轴
});
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("JMy"), null, {
height: 300,
});
myChart.setOption(JMSJDB, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// 静脉溶栓率
columnar() {
JMRSL.series[0].data = this.JMRSLvalue?.map((item) => {
return item.decimal;
});
JMRSL.xAxis.data = this.JMRSLvalue?.map((item) => {
return item.date;
});
JMRSL.series[0].data = this.JMRSLvalue?.map((item) => {
return item.decimal;
});
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("JMz"), null, {
height: 300,
});
myChart.setOption(JMRSL, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
lineDNT() {
DNT.series[0].data = this.DNTvalue?.map((item) => {
return item.dy45; //≤45
});
DNT.series[1].data = this.DNTvalue?.map((item) => {
return item.dy60; //≤60
});
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("DNT"), null, {
height: 300,
});
myChart.setOption(DNT, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
LineSICH() {
SICH.series[0].data = this.SICHvalue?.map((item) => {
return item.decimal; //≤45
});
SICH.xAxis[0].data = this.SICHvalue?.map((item) => {
return item.time; //X轴
});
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("sICH"), null, {
height: 300,
});
myChart.setOption(SICH, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// 数据处理 查询类型判断参数
initial(_data, _type) {
_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.columnar();
this.lineDNT();
this.LineSICH();
},
},
};
<script>
import * as echarts from "echarts";
require("echarts/theme/macarons"); // echarts theme
import resize from "@/views/dashboard/mixins/resize";
import {
zlInfo
} from "@/api/indexCom.js";
import {
diagnoseEcharts,
systemEcharts,
physiqueEcharts,
postureEcharts
} from "./index";
export default {
name: "Post",
props: ["title"],
mixins: [resize],
data() {
return {
queryParams: {
param: {
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.Linepatient();
this.getData();
},
methods: {
statistics(_data, _type) {
this.initial(_data, _type); // 处理数据
this.loading = true;
this.getData(); // 获取数据
},
//患者信息
async getData() {
try {
await zlInfo(this.queryParams).then((res) => {
const {
jlfb,
smfb,
sort,
ttfb,
txfb,
zytz
} = res.data
// 病种（主要诊断）
this.diagnoseValue = sort.sort((a, b) => a.total - b.total)
this.handleDiagnose()
// 体系
this.systemValue = []
delete txfb.total
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.loading = false;
} catch (e) {}
},
// 病种（主要诊断）
handleDiagnose() {
diagnoseEcharts.series[0].data = this.diagnoseValue?.map((item) => {
return item.total;
});
diagnoseEcharts.yAxis.data = this.diagnoseValue?.map((item) => {
return item.type;
});
this.$nextTick(() => {
var myChart = echarts.init(document.getElementById("diagnose"), null, {
height: 300,
});
myChart.setOption(diagnoseEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// 体系
handleSystem() {
systemEcharts.series[0].data = this.systemValue?.map((item) => {
return item.value;
});
systemEcharts.xAxis.data = this.systemValue?.map((item) => {
return item.name;
});
this.$nextTick(() => {
var myChart = echarts.init(document.getElementById("system"), null, {
height: 300,
});
myChart.setOption(systemEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// 体质
handlePhysique() {
physiqueEcharts.series[0].data = this.physiqueValue?.map((item) => {
return item.value;
});
physiqueEcharts.xAxis.data = this.physiqueValue?.map((item) => {
return item.name;
});
this.$nextTick(() => {
var myChart = echarts.init(document.getElementById("physique"), null, {
height: 300,
});
myChart.setOption(physiqueEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// 体态评估
handlePosture() {
postureEcharts.series[0].data = this.postureValue
this.$nextTick(() => {
var myChart = echarts.init(document.getElementById("posture"), null, {
height: 300,
});
myChart.setOption(postureEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// 数据处理 查询类型判断参数
initial(_data, _type) {
_data[0] = this.$moment(_data[0]).format("YYYY-MM-DD");
_data[1] = this.$moment(_data[1]).format("YYYY-MM-DD");
this.queryParams.param = {
startTime: _data[0] + " " + "00:00:00",
endTime: _data[1] + " " + "23:59:59",
};
},
// 重新渲染图标
getRenew() {
this.Linepatient();
this.columnar();
},
},
};
</script>
<style scoped src="@/assets/styles/common.css"></style>
<style scoped>
>>> .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;
height: 16px;
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;
}
.title1 {
display: flex;
align-items: center;
font-size: 20px;
font-weight: 600;
}
.title-bor {
display: inline-block;
height: 20px;
width: 6px;
background: #4f8bff;
margin-right: 10px;
border-radius: 8px;
}
</style>
>>>.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;
height: 16px;
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;
}
.title {
display: flex;
align-items: center;
font-size: 20px;
font-weight: 600;
}
.title-bor {
display: inline-block;
height: 20px;
width: 6px;
background: #4f8bff;
margin-right: 10px;
border-radius: 8px;
}
</style>

227
acupuncture-前台/src/views/indexCom/index.js
View File

@ -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: {

6
acupuncture-前台/src/views/indexCom/patient.vue
View File

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

Write Preview
Loading…
Cancel
Save