Browse Source

患者统计(患者总数、性别、年龄)

newMaster
1747191978@qq.com 4 months ago
parent
commit
5dd30b8aa6
  1. 66
      acupuncture-前台/src/views/indexCom/index.js
  2. 11
      acupuncture-前台/src/views/indexCom/patient.vue

66
acupuncture-前台/src/views/indexCom/index.js

@ -152,71 +152,7 @@ export const ageEcharts = {
}, },
}, },
}, },
{
name: "41-50",
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#ffcd6c",
itemStyle: {
normal: {
//这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
barBorderRadius: [50, 50, 0, 0],
},
},
},
{
name: "51-60",
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#ffcd6c",
itemStyle: {
normal: {
//这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
barBorderRadius: [50, 50, 0, 0],
},
},
},
{
name: "61-70",
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#4f8bff",
itemStyle: {
normal: {
//这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
barBorderRadius: [50, 50, 0, 0],
},
},
},
{
name: "71-80",
data: [120, 200, 150, 80, 70, 110, 10],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#ffcd6c",
itemStyle: {
normal: {
//这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
barBorderRadius: [50, 50, 0, 0],
},
},
},
{
name: ">80",
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#ffcd6c",
itemStyle: {
normal: {
//这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
barBorderRadius: [50, 50, 0, 0],
},
},
},
], ],
}; };

11
acupuncture-前台/src/views/indexCom/patient.vue

@ -54,7 +54,7 @@
<div style="flex: 1"> <div style="flex: 1">
<el-card shadow="always"> <el-card shadow="always">
<div class="dis title-box"> <div class="dis title-box">
<span class="header-title">性别统计</span> <span class="header-title">既往病种分布</span>
<div class="dis"> <div class="dis">
<div class="dian-box dis"> <div class="dian-box dis">
<div class="dian-box dis"> <div class="dian-box dis">
@ -66,7 +66,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 性别统计图 --> <!-- 既往病种分布 -->
<div style="height: 300px" v-loading="loading"> <div style="height: 300px" v-loading="loading">
<!-- <div id="gender" style="width: 100%"></div> --> <!-- <div id="gender" style="width: 100%"></div> -->
</div> </div>
@ -179,12 +179,7 @@
}, },
handleAge() { handleAge() {
console.log('ageEcharts',ageEcharts) console.log('ageEcharts',ageEcharts)
ageEcharts.series[0].data = [this.ageValue[0]] ageEcharts.series[0].data = this.ageValue
ageEcharts.series[1].data = [this.ageValue[1]]
ageEcharts.series[2].data = [this.ageValue[2]]
ageEcharts.series[3].data = [this.ageValue[3]]
ageEcharts.series[4].data = [this.ageValue[4]]
ageEcharts.series[5].data = [this.ageValue[5]]
this.$nextTick(() => { this.$nextTick(() => {
// domecharts // domecharts

Loading…
Cancel
Save