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. 622
      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>

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

@ -1,324 +1,312 @@
<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="XGZL" 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="SJDB" 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">DPT</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>
</el-card>
</div>
<div style="flex: 1; margin-left: 20px">
<el-card shadow="always">
<div class="dis title-box">
<span class="header-title">PRT</span>
<div class="dis">
<div class="dian-box dis">
<span class="dian" style="background: #a794fe"></span> ≤60 min
</div>
<div class="dian-box dis">
<span class="dian" style="background: #4f8bff"></span> ≤90 min
</div>
<div class="dian-box dis">
<span class="dian" style="background: #ffcd6c"></span> >90 min
</div>
</div>
</div>
<!-- 统计图 -->
<div style="height: 300px" v-loading="loading">
<div id="RPT" 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 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="healType" 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="diseaseMethod" 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="acupoint" 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 class="dian-box dis">
<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: #FAC858"></span>
好转
</div>
<div class="dian-box dis">
<span class="dian" style="background: #EE6666"></span>
无效
</div>
</div>
</div>
</div>
<div style="height: 300px" v-loading="loading">
<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 {
name: "Post",
props: ["title"],
mixins: [resize],
data() {
return {
loading: false,
DPTvalue: null,
RPTvalue: null,
SJDBvalue: null,
XGZLvalue: 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 {
// /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");
}
},
// 数据对比
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;
});
},
// 血管治疗
XGZL() {
XGZL.series[0].data = this.XGZLvalue?.map((item) => {
return item.decimal; //静脉溶栓人数
});
XGZL.xAxis.data = this.XGZLvalue?.map((item) => {
return item.date; //X轴
});
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("XGZL"), null, {
height: 300,
});
myChart.setOption(XGZL, 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轴
});
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("DPT"), null, {
height: 300,
});
myChart.setOption(DPT, 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轴
});
this.$nextTick(() => {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("RPT"), null, {
height: 300,
});
myChart.setOption(RPT, 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.SJDB(); // 数据对比
this.XGZL(); // 血管治疗
this.DPT();
this.RPT();
},
},
};
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 {
queryParams: {
param: {
startTime: "",
endTime: "",
},
},
loading: false,
healTypeValue: null, // 治疗类型
diseaseMethod: null, // 病种方法
effectValue: null, // 治疗效果
effectObj:{
"zy":"治愈",//治愈
"xx":"显效",//显效
"hz":"好转",//好转
"wx":"无效"//无效
}
};
},
created() {
// this.Linepatient();
this.getData();
},
methods: {
statistics(_data, _type) {
this.initial(_data, _type); // 处理数据
this.loading = true;
this.getData(); // 获取数据
},
//患者信息
async getData() {
try {
await zlType(this.queryParams).then((res) => {
const {
bzfffb,
bzxwfb,
zlfy,
zllxtj,
zlxwfb
} = res.data;
//治疗
this.healTypeValue = [{
value: zllxtj.zxyjh,
name: "中西医结合",
},
{
value: zllxtj.czy,
name: "纯中医",
},
]
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(() => {
var myChart = echarts.init(document.getElementById("healType"), null, {
height: 300,
});
myChart.setOption(healTypeEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// 病种方法
handleDiseaseMethod() {
// diseaseMethodEcharts.series[0].data = this.diseaseMethod
this.$nextTick(() => {
var myChart = echarts.init(document.getElementById("diseaseMethod"), null, {
height: 300,
});
myChart.setOption(diseaseMethodEcharts, true);
myChart.resize();
window.onresize = myChart.resize;
});
},
// 治疗效果
handleEffect() {
effectEcharts.series[0].data = this.effectValue
this.$nextTick(() => {
var myChart = echarts.init(document.getElementById("effect"), null, {
height: 300,
});
myChart.setOption(effectEcharts, 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;
}
.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>
>>>.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>

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