Skip to content

D
diseaseControlManage
Commit 1f406f4d by pcc
Options

慢病管理--首诊测压

parent c16fe8ed
Showing with 274 additions and 91 deletions
src/components/userJoin/screenTwoPag4.vue
......@@ -19,9 +19,9 @@
<div class="card1-mod" v-show="DieaNo==1">
<h2>管·首诊测压人数(实/同)</h2>
<div class="cmtitle">
<span>{{(parseFloat(topgdata.ZXZ?topgdata.ZXZ:0)/10000).toFixed(1)}}</span>
<span>{{formatnum(topgdata.ZXZ)}}</span>
<span class="span1">/</span>
<span>{{(parseFloat(topgdata.TBZ?topgdata.TBZ:0)/10000).toFixed(1)}}</span>
<span>{{formatnum(topgdata.TBZ)}}</span>
<span class="tag-blue">同</span>
<span class="span2">{{topgdata.TBL?topgdata.TBL:0}}</span>
<span class="el-icon-bottom">&nbsp;</span>
......@@ -33,9 +33,9 @@
<div class="card1-mod" v-show="DieaNo==1">
<h2>签·首诊测压人数(实/同)</h2>
<div class="cmtitle">
<span>{{(parseFloat(topqdata.ZXZ?topqdata.ZXZ:0)/10000).toFixed(1)}}</span>
<span>{{formatnum(topqdata.ZXZ)}}</span>
<span class="span1">/</span>
<span>{{(parseFloat(topqdata.TBZ?topqdata.TBZ:0)/10000).toFixed(1)}}</span>
<span>{{formatnum(topqdata.TBZ)}}</span>
<span class="tag-blue">同</span>
<span class="span2">{{topqdata.TBL?topqdata.TBL:0}}</span>
<span class="el-icon-bottom">&nbsp;</span>
......@@ -92,34 +92,34 @@
<td width="40%">同比·%</td>
</tr>
<tr>
<td width="60%"><span>{{(parseFloat(topgycrdata.ZXZ?topgycrdata.ZXZ:0)/10000).toFixed(1)}} /
{{(parseFloat(topgycrdata.TBZ?topgycrdata.TBZ:0)/10000).toFixed(1)}}万</span></td>
<td width="60%"><span>{{formatnum(topgycrdata.ZXZ)}} /
{{formatnum(topgycrdata.ZZZ)}}</span></td>
<td width="40%">{{Math.abs(parseFloat(topgycrdata.TBL?topgycrdata.TBL:0))}}
<i v-if="topgycrdata.TBL>0" class="el-icon-top color2"></i>
<i v-else class="el-icon-bottom color1"></i>
</td>
</tr>
<tr>
<td width="60%"><span class="span01">{{(parseFloat(topgycrgxydata.ZXZ?topgycrgxydata.ZXZ:0)/10000).toFixed(1)}}
<td width="60%"><span class="span01">{{formatnum(topgycrgxydata.ZXZ)}}
/
{{(parseFloat(topgycrgxydata.TBZ?topgycrgxydata.TBZ:0)/10000).toFixed(1)}}万</span></td>
{{formatnum(topgycrgxydata.ZZZ)}}</span></td>
<td width="40%">{{Math.abs(parseFloat(topgycrgxydata.TBL?topgycrgxydata.TBL:0))}}
<i v-if="topgycrgxydata.TBL>0" class="el-icon-top color2"></i>
<i v-else class="el-icon-bottom color1"></i>
</td>
</tr>
<tr>
<td width="60%"><span class="span02">{{(parseFloat(topqycrdata.ZXZ?topqycrdata.ZXZ:0)/10000).toFixed(1)}} /
{{(parseFloat(topqycrdata.TBZ?topqycrdata.TBZ:0)/10000).toFixed(1)}}万</span></td>
<td width="60%"><span class="span02">{{formatnum(topqycrdata.ZXZ)}} /
{{formatnum(topqycrdata.ZZZ)}}</span></td>
<td width="40%">{{Math.abs(parseFloat(topqycrdata.TBL?topqycrdata.TBL:0))}}
<i v-if="topqycrdata.TBL>0" class="el-icon-top color2"></i>
<i v-else class="el-icon-bottom color1"></i>
</td>
</tr>
<tr>
<td width="60%"><span class="span03">{{(parseFloat(topqycrgxydata.ZXZ?topqycrgxydata.ZXZ:0)/10000).toFixed(1)}}
<td width="60%"><span class="span03">{{formatnum(topqycrgxydata.ZXZ)}}
/
{{(parseFloat(topqycrgxydata.TBZ?topqycrgxydata.TBZ:0)/10000).toFixed(1)}}万</span></td>
{{formatnum(topqycrgxydata.ZZZ)}}</span></td>
<td width="40%">{{Math.abs(parseFloat(topqycrgxydata.TBL?topqycrgxydata.TBL:0))}}
<i v-if="topqycrgxydata.TBL>0" class="el-icon-top color2"></i>
<i v-else class="el-icon-bottom color1"></i>
......@@ -228,6 +228,9 @@
otherMethod
} from '@/api/home.js'
import {
getActiveNum,
} from '@/utils/common.js'
export default {
name: 'screenpage4',
data() {
......@@ -526,7 +529,7 @@
fontSize: 10
},
left: 30,
width: 380,
width: 500,
top: '0',
itemHeight: 10,
itemWidth: 14,
......@@ -537,7 +540,7 @@
selectedMode: true
},
grid: {
top: 80,
top: 70,
bottom: 45,
left: 50
},
......@@ -552,7 +555,7 @@
},
axisLabel: {
interval: 0,
rotate: 60,
rotate: 45,
textStyle: {
fontSize: 10,
color: function(value, index) {
......@@ -654,6 +657,19 @@
pageChage(page) {
this.$emit('screenTwoPagefunc', page)
},
formatnum(val){
if(val>10000){
return (val/10000).toFixed(1)+'万'
}else{
return val? val : 0
}
},formatnum2(val){
if(val>10000){
return (val/10000).toFixed(1)
}else{
return val? val : 0
}
},
CityGetBack() {
if (this.pageLevel === 'qj') {
......@@ -669,6 +685,7 @@
}else if (this.pageLevel === 'sq') {
// 此时 处于第二次点击下的状态
this._yljgdm = ''
this._group = 'YLJGDM'
this.pageLevel = 'qj'
this.aename = '社区'
......@@ -688,7 +705,6 @@
this.showTab = true
}
this.homebot()
} else {
this.showTab = false
this._group = "YWSJ"
......@@ -700,7 +716,6 @@
if (num == 1) {
this.showtime = true
} else {
this.showtime = false
}
this.homebot()
......@@ -711,18 +726,20 @@
});
},
changeReplay() {
this.areaname = ''
this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole")
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._yljgdm = ""
this._group = "XZQH"
this.pageLevel = 'sj'
} else if ('area' === this.userRole) {//区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._yljgdm = ""
this._group = "YLJGDM"
this.pageLevel = 'qj'
// 点击区 -- 展示城镇信息
......@@ -824,6 +841,10 @@
"name": "XZQH",
"value": this._xzqh,
"type": "1"
},{
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}]
//var zbcode="MBZFX_016";单独读取
let param = {
......@@ -907,6 +928,10 @@
"name": "XZQH",
"value": this._xzqh,
"type": "1"
},{
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}
]
//var zbcode="MBZFX_016";单独读取
......@@ -917,7 +942,6 @@
}
commonMethod(param2).then(res => {
if(res.data.content.length>0){
res.data.zbdic.forEach((item, index) => {
//首诊测压人数
......@@ -987,6 +1011,16 @@
},
homebot() {
let _this = this
_this.dataY01 = []
_this.dataY02 = []
_this.dataY03 = []
_this.dataY04 = []
_this.dataY05 = []
_this.dataY06 = []
_this.dataY07 = []
_this.dataY08 = []
_this.data_x = []
_this.tableAll = []
/******************下半部分**管*******************/
let wd3 = [{
"name": "YWSJ",
......@@ -1011,7 +1045,6 @@
"wd": JSON.stringify(wd3),
"group": this._group
}
commonMethod(param3).then(res => {
// 用于在下文 对管数据进行赋值 可搜索 tableg
this.tableg = res.data.content
......@@ -1050,20 +1083,9 @@
"group": this._group
}
_this.dataY01 = []
_this.dataY02 = []
_this.dataY03 = []
_this.dataY04 = []
_this.dataY05 = []
_this.dataY06 = []
_this.dataY07 = []
_this.dataY08 = []
_this.data_x = []
_this.tableAll = []
commonMethod(param4).then(res => {
// console.log('早发现---底部签')
this.tableq = res.data.content
if (this._group == 'YWSJ') {
this.tableq.sort(function(prev, next) {
return parseInt(prev.YWSJ.substring(5, 7)) - parseInt(next.YWSJ.substring(5, 7))
......@@ -1087,71 +1109,107 @@
obj.name = obj.name ? obj.name.replace('社区', '') : '返回空'
}
//obj.name = item.XZQH_TEXT ? item.XZQH_TEXT : item.YWSJ.substring(6, 7) + '月'
obj.code = item.XZQH
obj.code = item.XZQH? item.XZQH : item.YLJGDM
//绘制顶部图标x轴
if (this._group != 'YWSJ') {
// _this.data_x.push(obj.name)
}
_this.data_x.push(obj.name)
item.zbxx.forEach((item2, index2) => {
// if (item2.ZBID == '1022') {
// this.dataY01.push(this.tableg[index].zbxx[index2].ZXZ ? this.tableg[index].zbxx[index2].ZXZ : 0)
// this.dataY02.push(this.tableg[index].zbxx[index2].TBZ ? this.tableg[index].zbxx[index2].TBZ : 0)
//
// this.dataY03.push(item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0)
// this.dataY04.push(item2.PZL ? parseFloat(item2.PZL).toFixed(1) : 0)
// }
//
// if (item2.ZBID == '1017') {
// //这里的管不对
// obj.tag1 = this.tableg[index].zbxx[index2].ZXZ ? parseFloat(this.tableg[index].zbxx[index2].ZXZ).toFixed(1) : 0
// obj.tag2 = this.tableg[index].zbxx[index2].PZL ? parseFloat(this.tableg[index].zbxx[index2].PZL).toFixed(1) : 0
//
// //签
// obj.tag3 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
// obj.tag4 = item2.PZL ? parseFloat(item2.PZL).toFixed(1) : 0
// this.dataY05.push(this.tableg[index].zbxx[index2].ZXZ ? parseFloat(this.tableg[index].zbxx[index2].ZXZ).toFixed(1) : 0)
// this.dataY06.push(item2.TBZ ? parseFloat(item2.TBZ).toFixed(1) : 0)
//
// //签
// this.dataY07.push(item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0)
// this.dataY08.push(item2.TBZ ? parseFloat(item2.TBZ).toFixed(1) : 0)
// }
if (item2.ZBID == '1016') {
this.dataY01.push(this.tableg[index].zbxx[index2].ZXZ ? this.tableg[index].zbxx[index2].ZXZ : 0)
this.dataY02.push(this.tableg[index].zbxx[index2].TBZ ? this.tableg[index].zbxx[index2].TBZ : 0)
this.dataY03.push(item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0)
this.dataY04.push(item2.PZL ? parseFloat(item2.PZL).toFixed(1) : 0)
}
if (item2.ZBID == '1017') {
//这里的管不对
obj.tag1 = this.tableg[index].zbxx[index2].ZXZ ? parseFloat(this.tableg[index].zbxx[index2].ZXZ).toFixed(1) : 0
obj.tag2 = this.tableg[index].zbxx[index2].PZL ? parseFloat(this.tableg[index].zbxx[index2].PZL).toFixed(1) : 0
//签
obj.tag3 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
obj.tag4 = item2.PZL ? parseFloat(item2.PZL).toFixed(1) : 0
this.dataY05.push(this.tableg[index].zbxx[index2].ZXZ ? parseFloat(this.tableg[index].zbxx[index2].ZXZ).toFixed(1) : 0)
this.dataY06.push(item2.TBZ ? parseFloat(item2.TBZ).toFixed(1) : 0)
//签
this.dataY07.push(item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0)
this.dataY08.push(item2.TBZ ? parseFloat(item2.TBZ).toFixed(1) : 0)
}
//20200612新增判断
if (_this.DieaNo == 1) {
if (_this.bingNo == 1) {
if (item2.ZBID == '1111') {
this.dataY01.push(this.tableg[index].zbxx[index2].ZXZ ? this.tableg[index].zbxx[index2].ZXZ : 0)
this.dataY02.push(this.tableg[index].zbxx[index2].PZL ? this.tableg[index].zbxx[index2].PZL : 0)
}
if (item2.ZBID == '1110') {
this.dataY03.push(item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0)
this.dataY04.push(item2.PZL ? parseFloat(item2.PZL).toFixed(1) : 0)
}
} else {
if (item2.ZBID == '1111') {
this.dataY01.push(this.tableg[index].zbxx[index2].ZXZ ? this.tableg[index].zbxx[index2].ZXZ : 0)
this.dataY02.push(this.tableg[index].zbxx[index2].PZL ? this.tableg[index].zbxx[index2].PZL : 0)
}
if (item2.ZBID == '1110') {
this.dataY03.push(item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0)
this.dataY04.push(item2.PZL ? parseFloat(item2.PZL).toFixed(1) : 0)
/*柱状图*/
if (item2.ZBID == '1016') {
this.dataY01.push((parseFloat(this.tableg[index].zbxx[index2].ZXZ?this.tableg[index].zbxx[index2].ZXZ:0)/10000).toFixed(1))
this.dataY02.push((parseFloat(item2.ZXZ?item2.ZXZ:0)/10000).toFixed(1))
/*去年*/
this.dataY03.push((parseFloat(this.tableg[index].zbxx[index2].TBZ?this.tableg[index].zbxx[index2].TBZ:0)/10000).toFixed(1))
this.dataY04.push((parseFloat(item2.TBZ?item2.TBZ:0)/10000).toFixed(1))
}
/*折线图*/
if (item2.ZBID == '1017') {
this.dataY05.push(this.tableg[index].zbxx[index2].ZXZ ? this.tableg[index].zbxx[index2].ZXZ : 0)
this.dataY07.push(item2.ZXZ ? item2.ZXZ : 0)
/*去年*/
this.dataY06.push(this.tableg[index].zbxx[index2].TBZ ? this.tableg[index].zbxx[index2].TBZ : 0)
this.dataY08.push(item2.TBZ ? item2.TBZ :0)
/*右侧列表数据*/
obj.tag1 = this.tableg[index].zbxx[index2].ZXZ ? getActiveNum(this.tableg[index].zbxx[index2].ZXZ) : 0;
obj.tag2 = this.tableg[index].zbxx[index2].PZL ? getActiveNum(this.tableg[index].zbxx[index2].PZL) : 0;
obj.tag3 = item2.ZXZ ? getActiveNum(item2.ZXZ) : 0;
obj.tag4 = this.tableg[index].zbxx[index2].PZL ? getActiveNum(this.tableg[index].zbxx[index2].PZL) : 0;
}
} else {
/*柱状图*/
if (item2.ZBID == '1022') {
this.dataY01.push(this.tableg[index].zbxx[index2].ZXZ?this.tableg[index].zbxx[index2].ZXZ:0)
this.dataY02.push(item2.ZXZ?item2.ZXZ:0)
/*去年*/
this.dataY03.push(this.tableg[index].zbxx[index2].TBZ?this.tableg[index].zbxx[index2].TBZ:0)
this.dataY04.push(item2.TBZ?item2.TBZ:0)
}
/*折线图*/
if (item2.ZBID == '1021') {
this.dataY05.push(this.tableg[index].zbxx[index2].ZXZ ? this.tableg[index].zbxx[index2].ZXZ : 0)
this.dataY07.push(item2.ZXZ ? item2.ZXZ : 0)
/*去年*/
this.dataY06.push(this.tableg[index].zbxx[index2].TBZ ? this.tableg[index].zbxx[index2].TBZ : 0)
this.dataY08.push(item2.TBZ ? item2.TBZ :0)
/*右侧列表数据*/
obj.tag1 = this.tableg[index].zbxx[index2].ZXZ ? getActiveNum(this.tableg[index].zbxx[index2].ZXZ) : 0;
obj.tag2 = this.tableg[index].zbxx[index2].PZL ? getActiveNum(this.tableg[index].zbxx[index2].PZL) : 0;
obj.tag3 = item2.ZXZ ? getActiveNum(item2.ZXZ) : 0;
obj.tag4 = this.tableg[index].zbxx[index2].PZL ? getActiveNum(this.tableg[index].zbxx[index2].PZL) : 0;
}
}
} else if (_this.DieaNo == 2) {
if (item2.ZBID == '1111') {
this.dataY01.push(this.tableg[index].zbxx[index2].ZXZ ? this.tableg[index].zbxx[index2].ZXZ : 0)
this.dataY02.push(this.tableg[index].zbxx[index2].PZL ? this.tableg[index].zbxx[index2].PZL : 0)
}
this.dataY02.push(this.tableg[index].zbxx[index2].PZL ? this.tableg[index].zbxx[index2].PZL : 0)
}
if (item2.ZBID == '1110') {
this.dataY03.push(item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0)
this.dataY04.push(item2.PZL ? parseFloat(item2.PZL).toFixed(1) : 0)
this.dataY04.push(item2.PZL ? parseFloat(item2.PZL).toFixed(1) : 0)
}
}
}
})
_this.tableAll.push(obj)
console.log(_this.tableAll)
})
//默认进来首诊测压
......@@ -1165,11 +1223,11 @@
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
color: '#2A5B78'
},
{
offset: 0.5,
color: '#115D5D'
color: '#2A5B78'
},
{
offset: 0.5,
......@@ -1183,7 +1241,7 @@
)
}
},
data: this.dataY01,
data: null,
barWidth: null
},
{
......@@ -1195,6 +1253,18 @@
color: '#4093E9'
}
},
data: this.dataY01,
stack: "1"
},
{
name: '管理/签约人群首诊测压人数',
type: 'bar',
barWidth: 8,
itemStyle: {
normal: {
color: '#2A5B78'
}
},
data: this.dataY02,
stack: "1"
},
......@@ -1226,7 +1296,7 @@
)
}
},
data: this.dataY03,
data: null,
barWidth: null
},
{
......@@ -1238,6 +1308,17 @@
color: '#00BEBE'
}
},
data: this.dataY03,
stack: "2"
},{
name: '去年管理/签约人群首诊测压人数',
type: 'bar',
barWidth: 8,
itemStyle: {
normal: {
color: '#115D5D'
}
},
data: this.dataY04,
stack: "2"
},
......@@ -1277,7 +1358,7 @@
)
}
},
data: this.dataY05
data: null
},
{
name: '管·首诊测压血压异常率/去年',
......@@ -1296,6 +1377,25 @@
color: '#00D1DA'
}
},
z: 11,
data: this.dataY05
},{
name: '管·首诊测压血压异常率/去年',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 6,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#666'
}
},
z: 12,
data: this.dataY06
},
......@@ -1335,7 +1435,7 @@
)
}
},
data: this.dataY07
data: null
},
{
name: '签·首诊测压血压异常率/去年',
......@@ -1354,7 +1454,26 @@
color: '#FFC24D'
}
},
z: 12,
z: 13,
data: this.dataY07
},{
name: '签·首诊测压血压异常率/去年',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 6,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#666'
}
},
z: 14,
data: this.dataY08
}
]
......@@ -1370,11 +1489,11 @@
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
color: '#2A5B78'
},
{
offset: 0.5,
color: '#115D5D'
color: '#2A5B78'
},
{
offset: 0.5,
......@@ -1575,11 +1694,11 @@
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
color: '#2A5B78'
},
{
offset: 0.5,
color: '#115D5D'
color: '#2A5B78'
},
{
offset: 0.5,
......@@ -1593,7 +1712,7 @@
)
}
},
data: this.dataY01,
data: null,
barWidth: null,
},
{
......@@ -1605,6 +1724,17 @@
color: '#4093E9'
}
},
data: this.dataY01,
stack: "1"
},{
name: '管理/签约人群首诊测压诊断人数',
type: 'bar',
barWidth: 8,
itemStyle: {
normal: {
color: '#2A5B78'
}
},
data: this.dataY02,
stack: "1"
},
......@@ -1636,7 +1766,7 @@
)
}
},
data: this.dataY03,
data: null,
barWidth: null,
},
{
......@@ -1648,6 +1778,17 @@
color: '#00BEBE'
}
},
data: this.dataY03,
stack: "2"
},{
name: '去年管理/签约人群首诊测压诊断人数',
type: 'bar',
barWidth: 8,
itemStyle: {
normal: {
color: '#115D5D'
}
},
data: this.dataY04,
stack: "2"
},
......@@ -1687,7 +1828,7 @@
)
}
},
data: this.dataY05,
data: null
},
{
name: '管·首诊测压血压异常者诊断率/去年',
......@@ -1706,6 +1847,25 @@
color: '#00D1DA'
}
},
z: 11,
data: this.dataY05,
},{
name: '管·首诊测压血压异常者诊断率/去年',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 6,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#666'
}
},
z: 12,
data: this.dataY06,
},
......@@ -1764,7 +1924,27 @@
color: '#FFC24D'
}
},
z: 12,
z: 13,
data: this.dataY07
},
{
name: '签·首诊测压血糖异常者诊断率/去年',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 6,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#666'
}
},
z: 14,
data: this.dataY08
}
]
......@@ -1863,4 +2043,7 @@
.area >>> .el-input__icon.el-icon-date{display:none}
.area >>> .el-input__icon{display:none}
.uplib{ width:100%;overflow: hidden; position:absolute; top:56px; right:0; left:0; background:rgba(51, 51, 51, 0.9); padding:10px}
.card3main{
padding-top :32px
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment