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

治疗统计（治疗类型、治疗效果

newMaster
1747191978@qq.com 4 months ago
parent
816189dfe3
commit
5b64c1d708
4 changed files with 479 additions and 320 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. 14
      acupuncture-前台/src/api/indexCom.js
  2. 6
      acupuncture-前台/src/views/index.vue
  3. 358
      acupuncture-前台/src/views/indexCom/XGZL.vue
  4. 157
      acupuncture-前台/src/views/indexCom/index.js

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

@ -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,
});
}

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

@ -23,17 +23,17 @@
</el-card>
<JM ref="JM"></JM>
</div>
<!-- <div>
<div>
<el-card shadow="always">
<search
@radio-change="radioChange"
@picker-change="pickerChage"
title="血管内治疗统计"
title="治疗类型统计"
type="3"
></search>
</el-card>
<XGZL ref="XGZL"></XGZL>
</div> -->
</div>
</div>
</template>

358
acupuncture-前台/src/views/indexCom/XGZL.vue
View File

@ -1,123 +1,128 @@
<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 class="dian-box dis">
<div class="dian-box dis">
<span class="dian" style="background: #91CC75"></span>
中西医结合
</div>
<span class="dian" style="background: #5470C6"></span>
纯中医
</div>
</div>
</div>
<!-- 统计图 -->
<div style="height: 300px" v-loading="loading">
<div id="XGZL" style="width: 100%"></div>
<div id="healType" 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>
<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>
非桥接治疗人数
<span class="header-title">病种方法分布</span>
<div class="dis"></div>
</div>
</div>
</div>
<!-- 统计图 -->
<div style="height: 300px" v-loading="loading">
<div id="SJDB" style="width: 100%"></div>
<!-- <div id="diseaseMethod" 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">
<div style="flex: 1; margin-right: 20px">
<el-card shadow="always">
<div class="dis title-box">
<span class="header-title">DPT</span>
<span class="header-title">病种穴位分布</span>
<div class="dis">
<div class="dian-box dis">
<span class="dian" style="background: #00d1a1"></span> ≤60 min
</div>
<div class="dian-box dis">
<span class="dian" style="background: #ffcd6c"></span> ≤90 min
</div>
<div class="dian-box dis">
<span class="dian" style="background: #a794fe"></span> >90 min
</div>
</div>
</div>
<!-- 统计图 -->
<div style="height: 300px" v-loading="loading">
<div id="DPT" style="width: 100%"></div>
<!-- <div id="acupoint" 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">PRT</span>
<span class="header-title">治疗效果</span>
<div class="dis">
<div class="dian-box dis">
<span class="dian" style="background: #a794fe"></span> ≤60 min
<div class="dian-box dis">
<span class="dian" style="background: #5C7BD9"></span>
治愈
</div>
<div class="dian-box dis">
<span class="dian" style="background: #91CC75"></span>
显效
</div>
<div class="dian-box dis">
<span class="dian" style="background: #4f8bff"></span> ≤90 min
<span class="dian" style="background: #FAC858"></span>
好转
</div>
<div class="dian-box dis">
<span class="dian" style="background: #ffcd6c"></span> >90 min
<span class="dian" style="background: #EE6666"></span>
无效
</div>
</div>
</div>
</div>
<!-- 统计图 -->
<div style="height: 300px" v-loading="loading">
<div id="RPT" style="width: 100%"></div>
<div id="effect" 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 {
queryDptResult,
queryRptResult,
dataComparison,
queryXgzlLv,
} from "@/api/indexCom.js";
import { XGZL, XGSJDB, DPT, RPT } from "./index";
export default {
import * as echarts from "echarts";
require("echarts/theme/macarons"); // echarts theme
import resize from "@/views/dashboard/mixins/resize";
import {
zlType
} from "@/api/indexCom.js";
import {
healTypeEcharts,
diseaseMethodEcharts,
effectEcharts
} from "./index";
export default {
name: "Post",
props: ["title"],
mixins: [resize],
data() {
return {
loading: false,
DPTvalue: null,
RPTvalue: null,
SJDBvalue: null,
XGZLvalue: null,
queryParams: {
param: {
timeType: 4,
startTime: "",
endTime: "",
},
},
loading: false,
healTypeValue: null, // 治疗类型
diseaseMethod: null, // 病种方法
effectValue: null, // 治疗效果
effectObj:{
"zy":"治愈",//治愈
"xx":"显效",//显效
"hz":"好转",//好转
"wx":"无效"//无效
}
};
},
created() {
// this.getData();
// this.Linepatient();
this.getData();
},
methods: {
statistics(_data, _type) {
@ -125,123 +130,95 @@ export default {
this.loading = true;
this.getData(); // 获取数据
},
// 查询
//患者信息
async getData() {
try {
// /DNT
await queryDptResult(this.queryParams).then((res) => {
this.DPTvalue = res.data;
console.log("this.DPTvalue: ", this.DPTvalue);
this.DPT();
});
//RPT
await queryRptResult(this.queryParams).then((res) => {
this.RPTvalue = res.data;
this.RPT();
});
// 数据对比
// await dataComparison(this.queryParams).then((res) => {
// console.log("dataComparison: ", dataComparison);
// this.SJDBvalue = res.date;
// this.SJDB();
// });
await dataComparison(this.queryParams).then((res) => {
console.log("res1111: ", res);
this.SJDBvalue = res.data;
this.SJDB();
});
await queryXgzlLv(this.queryParams).then((res) => {
this.XGZLvalue = res.data;
this.XGZL();
});
this.loading = false;
} catch (e) {
console.log(e, "e");
}
await zlType(this.queryParams).then((res) => {
const {
bzfffb,
bzxwfb,
zlfy,
zllxtj,
zlxwfb
} = res.data;
//治疗
this.healTypeValue = [{
value: zllxtj.zxyjh,
name: "中西医结合",
},
// 数据对比
SJDB(_statData) {
XGSJDB.series[0].data = this.SJDBvalue?.map((item) => {
return item.qiaojie; //静脉溶栓人数
});
XGSJDB.series[1].data = this.SJDBvalue?.map((item) => {
return item.falseQiaojie; //静脉溶栓人数
});
XGSJDB.xAxis[0].data = this.SJDBvalue?.map((item) => {
return item.date; //X轴
});
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("SJDB"), null, {
height: 300,
});
myChart.setOption(XGSJDB, true);
myChart.resize();
window.onresize = myChart.resize;
});
{
value: zllxtj.czy,
name: "纯中医",
},
// 血管治疗
XGZL() {
XGZL.series[0].data = this.XGZLvalue?.map((item) => {
return item.decimal; //静脉溶栓人数
});
XGZL.xAxis.data = this.XGZLvalue?.map((item) => {
return item.date; //X轴
]
this.handleHealType();
// 病种方法
// let diseaseMethod = []
// let index = 0
// for(let i in bzfffb){
// for(let k in bzfffb[i]){
// console.log(bzfffb[i][k])
// }
// index ++
// }
// this.handleDiseaseMethod()
// 治疗效果
this.effectValue = [
{
name: '治愈',
value: zlxwfb.zy
},
{
name: '显效',
value: zlxwfb.xx
},
{
name: '好转',
value: zlxwfb.hz
},
{
name: '无效',
value: zlxwfb.wx
}
]
this.handleEffect()
});
this.loading = false;
} catch (e) {}
},
// 治疗类型
handleHealType() {
healTypeEcharts.series[0].data = this.healTypeValue
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("XGZL"), null, {
var myChart = echarts.init(document.getElementById("healType"), null, {
height: 300,
});
myChart.setOption(XGZL, true);
myChart.setOption(healTypeEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// DPT
DPT() {
DPT.series[0].data = this.DPTvalue?.map((item) => {
return item.dy60; //<= 60
});
DPT.series[1].data = this.DPTvalue?.map((item) => {
return item.dy90; //<= 90
});
DPT.series[2].data = this.DPTvalue?.map((item) => {
return item.other; //<= 90
});
DPT.xAxis[0].data = this.DPTvalue?.map((item) => {
return item.date; //X轴
});
// 病种方法
handleDiseaseMethod() {
// diseaseMethodEcharts.series[0].data = this.diseaseMethod
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("DPT"), null, {
var myChart = echarts.init(document.getElementById("diseaseMethod"), null, {
height: 300,
});
myChart.setOption(DPT, true);
myChart.setOption(diseaseMethodEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// RPT
RPT(_statData) {
RPT.series[0].data = this.RPTvalue?.map((item) => {
return item.dy60; //<= 60
});
RPT.series[1].data = this.RPTvalue?.map((item) => {
return item.dy90; //<= 90
});
RPT.series[2].data = this.RPTvalue?.map((item) => {
return item.other; //> 90
});
RPT.xAxis[0].data = this.RPTvalue?.map((item) => {
return item.date; //X轴
});
// 治疗效果
handleEffect() {
effectEcharts.series[0].data = this.effectValue
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("RPT"), null, {
var myChart = echarts.init(document.getElementById("effect"), null, {
height: 300,
});
myChart.setOption(RPT, true);
myChart.setOption(effectEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
@ -251,74 +228,85 @@ 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.SJDB(); // 数据对比
this.XGZL(); // 血管治疗
this.DPT();
this.RPT();
this.Linepatient();
this.columnar();
},
},
};
};
</script>
<style scoped src="@/assets/styles/common.css"></style>
<style scoped>
>>> .el-card__body {
>>>.el-card__body {
padding: 10px 0 !important;
}
.dis {
}
.dis {
display: flex;
}
.header-title {
}
.header-title {
font-size: 18px;
}
.title-box {
}
.title-box {
padding: 10px 20px;
border-bottom: 1px solid #dfe6ec;
}
.dian-box {
}
.dian-box {
align-items: center;
}
.dian {
}
.dian {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
margin: 0 10px;
}
.title-box {
}
.title-box {
justify-content: space-between;
}
. >>> .el-radio--small.is-bordered {
}
.>>>.el-radio--small.is-bordered {
margin-right: 20px !important;
margin-left: 0 !important;
}
>>> .el-radio__input {
}
>>>.el-radio__input {
display: none;
}
>>> .el-radio__label {
}
>>>.el-radio__label {
padding-left: 5px;
}
.app-container {
}
.app-container {
padding: 0;
}
.title {
display: flex;
justify-content: space-between;
}
.title {
display: flex;
align-items: center;
font-size: 20px;
font-weight: 600;
}
.title-bor {
}
.title-bor {
display: inline-block;
height: 20px;
width: 6px;
background: #4f8bff;
margin-right: 10px;
border-radius: 8px;
}
}
</style>

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

@ -573,6 +573,163 @@ export const anxietyEcharts = {
],
};
// -------- 治疗类型 --------
// 治疗类型
export const healTypeEcharts = {
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: ["#91CC75", "#5470C6"],
series: [
{
type: "pie",
radius: "80%",
avoidLabelOverlap: false,
label: {
show: false,
position: "center",
},
labelLine: {
show: false,
},
data: [],
},
],
};
// 病种方法
export const diseaseMethodEcharts = {
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: "数量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: {

Write Preview
Loading…
Cancel
Save