Skip to content

D
diseaseControlManage
Commit 66242b3e by lihu541
Options

角色权限修改，请求参数修改

parent df09e670
Showing with 966 additions and 926 deletions
src/api/home.js
......@@ -25,7 +25,7 @@ export function commonMethod(param) {
}
}
param.wd = _wd
param.wd = JSON.stringify(_wd)
}
......
src/components/userJoin/screenTwoPag1.vue
......@@ -850,10 +850,10 @@
]
},
themeidnow: 13,
themeID: 7, // 慢病在管ID
themeID2: 13, // 慢病高血压
themeID3: 19, // 慢病管理 糖尿病
themeID4: 10, // 慢病管理 肿瘤
themeID: 9, // 慢病在管ID
themeID2: 15, // 慢病高血压
themeID3: 21, // 慢病管理 糖尿病
themeID4: 12, // 慢病管理 肿瘤
pageNo: 1,
DieaNo: 1,
gtopdata: [],
......@@ -1119,7 +1119,7 @@
_this.agedatayg = []
if (_this.DieaNo == 1) {
this.themeidnow = 13 // 柱状图请求ID
this.themeidnow = 15 // 柱状图请求ID
this.bottominit() // 数据请求、柱状图图标渲染
_this.gtopdata = _this.agdata[0]
_this.qtopdata = _this.aqdata[0]
......@@ -1160,7 +1160,7 @@
})
} else if (_this.DieaNo == 2) {
console.log("糖尿病输出");
this.themeidnow = 19 // 底部柱状图ID
this.themeidnow = 21 // 底部柱状图ID
this.bottominit() // 数据请求、柱状图图标渲染
_this.gtopdata = _this.agdata[1]
_this.qtopdata = _this.aqdata[1]
......@@ -1199,7 +1199,7 @@
_this.agedatayg.push(item.zbxx[1].ZXZ)
})
} else {
this.themeidnow = 10
this.themeidnow = 12
this.bottominit()
let _this = this
setTimeout(function(){_this.zhongliu()},500)
......
src/components/userJoin/screenTwoPag2.vue
......@@ -212,7 +212,7 @@
g_personAutoNumTbl: [], //在管数据 -- 去年 人群自动上传血压血糖合格人数
q_personAutoNum: [], // 签 数据 -- 今年 签约 同上
q_personAutoNumTbl: [], // 签数据 -- 去年 同上
themeId: 28,
themeId: 30,
agestructId: 34,
bleedtype: '血压',
selectID: 1, // 用于切换 规范管理
......@@ -391,28 +391,7 @@
return res
}
},
dataZoom: {
start: 0, //默认为0
end: 50, //默认为100
type: 'slider',
show: true ,
xAxisIndex: [0] ,
handleSize: 20 , //滑动条的 左右2个滑动条的大小
height: 5 , //组件高度
left: 50, //左边的距离
right: 45, //右边的距离
bottom: 40, //右边的距离
backgroundColor: '#ccc', //两边未选中的滑动条区域的颜色
showDataShadow: true, //是否显示数据阴影 默认auto
handleStyle: {
borderColor: "#CBBCDB",
borderWidth: "1",
shadowBlur: 1,
background: "#000",
shadowColor: "#000",
},
filterMode: 'filter',
},
legend: {
textStyle: {
color: '#8393A9',
......@@ -918,17 +897,13 @@
console.log("现在处于一级状态");
}
else if (this.pageLevel === 'sq') {
this.pageLevel = 'qj'
this._group = 'YLJGDM'
this.tablename = "社区"
this.thname = "医院"
this.arname = '社区'
this.areaname = this.areaname2
}
this.homeinit(this.themeId)
this.change_age(1)
......@@ -940,7 +915,6 @@
},
changeReplay() {
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._group = "XZQH"
......@@ -948,7 +922,7 @@
this.areaname = ''
this.tablename = '各区'
this.themeId = 28
this.themeId = 30
this.thname = '各区'
this.arname = '各区'
this.homeinit(this.themeId)
......@@ -986,7 +960,6 @@
},
dataSearch() {
this.homeinit(this.themeId)
this.change_age(1)
......@@ -1007,7 +980,6 @@
this.arname = '社区'
this.areaname = name
}else if (this.pageLevel === 'qj') {
// 点击区 -- 展示城镇信息
this.pageLevel = 'sq'
......@@ -1020,8 +992,6 @@
this.thname = '医院'
this.arname = '社区'
this.areaname = name
}else if (this.pageLevel === 'sq') {
return false
......@@ -1704,24 +1674,7 @@
Listtemp5.push(item.g0) // BMI 异常数据获取
Listtemp6.push(item.q0) // BMI 异常数据获取
})
// this.g_autoup_list = []
// this.q_autoup_list = []
// this.g_normal_list = []
// this.q_normal_list = []
// g_personAutoNum:[], //
// g_personAutoNumTbl:[],
// this.option2.series[0].data = this.g_autoup_list
// this.option2.series[1].data = this.q_autoup_list
// this.option2.series[2].data = this.g_normal_list
// this.option2.series[3].data = this.q_normal_list
// this.option2.series[4].data = Listtemp1 // 自动上传血压控制率 管
// this.option2.series[5].data = Listtemp3 // 自动上传血压控制率 签
// this.option2.series[6].data = Listtemp2
// this.option2.series[7].data = Listtemp4
// this.option2.series[8].data = Listtemp5
// this.option2.series[9].data = Listtemp6
this.option2.xAxis[0].data = ListPlace
let legendMy = []
......@@ -1760,14 +1713,14 @@
)
}
},
barWidth: null,
barWidth: 8,
data: this.g_autoup_list
},
{
name: '管理/签约人群自动上传血压合格人数',
type: 'line',
stack: "1",
barWidth: null,
type: 'bar',
stack: "2",
barWidth: 8,
itemStyle: {
normal: {
color: '#4093E9'
......@@ -1803,12 +1756,13 @@
)
}
},
barWidth: null,
barWidth: 8,
data: this.g_normal_list
},
{
name: '去年管理/签约人群自动上传血压合格人数',
type: 'line',
type: 'bar',
stack: "2",
barWidth: 8,
itemStyle: {
normal: {
......@@ -1834,7 +1788,6 @@
)
}
},
stack: "1",
data: this.q_normal_list
},
{
......@@ -2048,7 +2001,8 @@
data: Listtemp6
}
]
} else {
}
else {
legendMy = ['管理/签约人群自动上传血压合格人数', '去年管理/签约人群自动上传血压合格人数', '管·自动上传血压控制率/去年', '签·自动上传血压控制率/去年',
'管·报告血压控制率/去年', '签·报告血压控制率/去年'
......@@ -2083,14 +2037,14 @@
)
}
},
barWidth: null,
barWidth: 8,
data: this.g_autoup_list
},
{
name: '管理/签约人群自动上传血压合格人数',
type: 'line',
stack: "1",
barWidth: null,
type: 'bar',
stack: "2",
barWidth: 8,
itemStyle: {
normal: {
color: '#4093E9'
......@@ -2101,7 +2055,7 @@
{
name: '去年管理/签约人群自动上传血压合格人数',
type: 'bar',
stack: '1',
stack: '2',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
......@@ -2126,13 +2080,13 @@
)
}
},
barWidth: null,
barWidth: 8,
data: this.g_normal_list
},
{
name: '去年管理/签约人群自动上传血压合格人数',
type: 'line',
barWidth: 8,
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
......@@ -2157,7 +2111,6 @@
)
}
},
stack: "1",
data: this.q_normal_list
},
{
......@@ -2891,12 +2844,12 @@
this.DieaNo = Num
if (Num == 1) {
this.themeId = 28
this.themeId = 30
this.homeinit(this.themeId)
this.bleedtype = "血压"
this.pagedisname = '高血压'
} else {
this.themeId = 28
this.themeId = 33
this.homeinit(this.themeId)
this.bleedtype = "血糖"
this.pagedisname = '糖尿病'
......@@ -3192,8 +3145,6 @@
this._group = "XZQH"
this.pageLevel = 'sj'
this.homeinit(this.themeId)
this.change_age(1)
} else if ('area' === this.userRole) {//区角色
this._xzqh = sessionStorage.getItem("organizcode")
......@@ -3206,10 +3157,6 @@
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
this.homeinit(this.themeId)
this.change_age(1)
} else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
......@@ -3219,11 +3166,9 @@
this.thname = "医院"
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
this.homeinit(this.themeId)
this.change_age(1)
}
this.homeinit(this.themeId)
this.change_age(1)
const obj = setInterval(() => {
......
src/components/userJoin/screenTwoPag3.vue
......@@ -8,18 +8,19 @@
<p>{{areaname}}</p>
</div>
<div class="area">
<el-button size="mini" type="primary" @click="CityGetBack()" v-if="this.BeginCode != 1">返回</el-button>
<el-button size="mini" type="primary" @click="CityGetBack()" v-if="this.pageLevel != 'sj'">返回</el-button>
<el-button size="mini" @click="changeReplay()" type="primary">重置</el-button>
<el-date-picker v-model="value" type="month" @change="dataSearch" align="left" size='mini' format="yyyy-MM"
value-format="yyyy-MM" :placeholder="sel"></el-date-picker>
<div class="name"><i class="el-icon-s-custom el-icon--left"></i>市疾控 截止：{{nowdate}}</div>
<el-date-picker v-model="cxsj" type="month" @change="dataSearch" align="left" size='mini' format="yyyy-MM"
value-format="yyyy-MM" :placeholder="sel"></el-date-picker>
<div class="name"><i class="el-icon-s-custom el-icon--left"></i>{{userinfo.userName}} 截止：{{cxsj}}</div>
</div>
</div>
<!----第一个模块---->
<div class="card-dark card-01">
<div class="card1-mod">
<h2>管·患者当前死亡后随访人数</h2>
<div class="cmtitle"><span class="center">{{topgdata.ZXZ?topgdata.ZXZ:0}}</span><span class="span2">人</span></div>
<div class="cmtitle"><span class="center">{{topgdata.ZXZ?topgdata.ZXZ:0}}</span><span class="span2">人</span>
</div>
<div class="cmtline2">
<p><span>{{topgdata.ZXZ?topgdata.ZXZ:0}} 人</span>本周新增死亡后随访人数</p>
<p><span>{{topgyeardiedata.ZXZ?topgyeardiedata.ZXZ:0}} 人</span>年内累计死亡后随访人数</p>
......@@ -28,7 +29,8 @@
</div>
<div class="card1-mod">
<h2>签·患者当前死亡后随访人数</h2>
<div class="cmtitle"><span class="center">{{topqdata.ZXZ?topqdata.ZXZ:0}}</span><span class="span2">人</span></div>
<div class="cmtitle"><span class="center">{{topqdata.ZXZ?topqdata.ZXZ:0}}</span><span class="span2">人</span>
</div>
<div class="cmtline2">
<p><span>{{topqdata.ZXZ?topqdata.ZXZ:0}} 人</span>本周新增死亡后随访人数</p>
<p><span>{{topqyeardiedata.ZXZ?topqyeardiedata.ZXZ:0}} 人</span>年内累计死亡后随访人数</p>
......@@ -57,23 +59,27 @@
<div class="card2-mod card2-mod2">
<table class="table02" width="100%" border="0">
<tr>
<td width="60%">累计条数/本周新增 </td>
<td width="60%">累计条数/本周新增</td>
<td width="40%">同比·%</td>
</tr>
<tr>
<td width="60%"><span>{{(parseFloat(topgdata2.ZXZ?topgdata2.ZXZ:0)/10000).toFixed(1)}}万 / {{(parseFloat(topgdata2.ZZZ?topgdata2.ZZZ:0)/10000).toFixed(1)}}条</span></td>
<td width="60%"><span>{{(parseFloat(topgdata2.ZXZ?topgdata2.ZXZ:0)/10000).toFixed(1)}}万 / {{(parseFloat(topgdata2.ZZZ?topgdata2.ZZZ:0)/10000).toFixed(1)}}条</span>
</td>
<td width="40%">{{topgdata2.TBL?topgdata2.TBL:0}} <i class="el-icon-top color2"></i></td>
</tr>
<tr>
<td width="60%"><span class="span01">{{(parseFloat(topqdata2.ZXZ?topqdata2.ZXZ:0)/10000).toFixed(1)}}万 / {{(parseFloat(topqdata2.ZZZ?topqdata2.ZZZ:0)/10000).toFixed(1)}}条</span></td>
<td width="60%"><span class="span01">{{(parseFloat(topqdata2.ZXZ?topqdata2.ZXZ:0)/10000).toFixed(1)}}万 / {{(parseFloat(topqdata2.ZZZ?topqdata2.ZZZ:0)/10000).toFixed(1)}}条</span>
</td>
<td width="40%">{{topqdata2.TBL?topqdata2.TBL:0}} <i class="el-icon-top color2"></i></td>
</tr>
<tr v-show="DieaNo==2">
<td width="60%"><span>{{(parseFloat(topgdata22.ZXZ?topgdata22.ZXZ:0)/10000).toFixed(1)}}万 / {{(parseFloat(topgdata22.ZZZ?topgdata22.ZZZ:0)/10000).toFixed(1)}}条</span></td>
<td width="60%"><span>{{(parseFloat(topgdata22.ZXZ?topgdata22.ZXZ:0)/10000).toFixed(1)}}万 / {{(parseFloat(topgdata22.ZZZ?topgdata22.ZZZ:0)/10000).toFixed(1)}}条</span>
</td>
<td width="40%">{{topgdata22.TBL?topgdata22.TBL:0}} <i class="el-icon-top color2"></i></td>
</tr>
<tr v-show="DieaNo==2">
<td width="60%"><span class="span01">{{(parseFloat(topqdata23.ZXZ?topqdata23.ZXZ:0)/10000).toFixed(1)}}万 / {{(parseFloat(topqdata23.ZZZ?topqdata23.ZZZ:0)/10000).toFixed(1)}}条</span></td>
<td width="60%"><span class="span01">{{(parseFloat(topqdata23.ZXZ?topqdata23.ZXZ:0)/10000).toFixed(1)}}万 / {{(parseFloat(topqdata23.ZZZ?topqdata23.ZZZ:0)/10000).toFixed(1)}}条</span>
</td>
<td width="40%">{{topqdata23.TBL?topqdata23.TBL:0}} <i class="el-icon-top color2"></i></td>
</tr>
</table>
......@@ -92,7 +98,8 @@
<div class="card-dark card-04">
<div class="card3title1" v-show="showTab">{{arname}}</div>
<div class="card3title1" v-show="!showTab">
<span :class="tempsf==1?'myclk':''" @click="showsuifang(1)" v-if="communshow">{{arname}}</span><a v-if="communshow">|</a>
<span :class="tempsf==1?'myclk':''" @click="showsuifang(1)" v-if="communshow">{{arname}}</span><a
v-if="communshow">|</a>
<span :class="tempsf==2?'myclk':''" @click="showsuifang(2)">时间</span>
</div>
<div class="card3title2" v-show="DieaNo == 1">
......@@ -114,98 +121,98 @@
<div class="card5main">
<table class="table01 table" width="100%" border="0">
<thead class="fixedThead">
<tr v-show="bingNo==1">
<th width="38">序</th>
<th width="48">{{thname}}</th>
<th width="68" @click.stop="showtabpage3(1)">管/签当前死<br />后随访数·万</th>
<th width="68" @click.stop="showtabpage3(2)">管/签本周新<br />增死后随访数</th>
<th width="68" @click.stop="showtabpage3(3)">管/签累计死<br />后随访比·%</th>
</tr>
<tr v-show="bingNo==2">
<th width="38">序</th>
<th width="48">{{thname}}</th>
<th width="60" @click.stop="showtabpage3(1)">管/签<br />未标记率·%</th>
<th width="84" @click.stop="showtabpage3(2)">管/签批量<br />异常随访率·%</th>
<th width="60" @click.stop="showtabpage3(3)">管/签指标<br />不一致率·%</th>
</tr>
<tr v-show="bingNo==3">
<th width="38">序</th>
<th width="48">{{thname}}</th>
<th width="100" @click.stop="showtabpage3(7)">管/签并存临床<br />情况未标记率·%</th>
<th width="100" @click.stop="showtabpage3(8)">管/签并存临床<br />情况未标记率·%</th>
</tr>
<tr v-show="bingNo==1">
<th width="38">序</th>
<th width="48">{{thname}}</th>
<th width="68" @click.stop="showtabpage3(1)">管/签当前死<br/>后随访数·万</th>
<th width="68" @click.stop="showtabpage3(2)">管/签本周新<br/>增死后随访数</th>
<th width="68" @click.stop="showtabpage3(3)">管/签累计死<br/>后随访比·%</th>
</tr>
<tr v-show="bingNo==2">
<th width="38">序</th>
<th width="48">{{thname}}</th>
<th width="60" @click.stop="showtabpage3(1)">管/签<br/>未标记率·%</th>
<th width="84" @click.stop="showtabpage3(2)">管/签批量<br/>异常随访率·%</th>
<th width="60" @click.stop="showtabpage3(3)">管/签指标<br/>不一致率·%</th>
</tr>
<tr v-show="bingNo==3">
<th width="38">序</th>
<th width="48">{{thname}}</th>
<th width="100" @click.stop="showtabpage3(7)">管/签并存临床<br/>情况未标记率·%</th>
<th width="100" @click.stop="showtabpage3(8)">管/签并存临床<br/>情况未标记率·%</th>
</tr>
</thead>
<div class="uplib" v-if="showtabnum == 1">
<div v-if="bingNo==1">
指标名称：<br>{{pagedisname}}患者年内当前{{middlename}}比例<br>
计算公式：<br>年内累计死亡日期后存在随访记录的在管{{pagedisname}}患者人数/[10月1日后有死亡报卡的{{pagedisname}}管理患者死亡人数+10月1日前死亡但仍在管的患者]
</div>
</div>
<div v-if="bingNo==2">
指标名称：<br>{{middlename}}患者未标记率<br>
计算公式：<br>高血压患者合并糖尿病者病史未标记人数/高血压糖尿病共患者总人数×100%
</div>
</div>
</div>
<div class="uplib" v-if="showtabnum == 2">
<div v-if="bingNo==1">
指标名称：<br>{{pagedisname}}患者年内本周新增{{middlename}}比例<br>
计算公式：<br>年内累计死亡日期后存在随访记录的在管{{pagedisname}}患者人数/[10月1日后有死亡报卡的{{pagedisname}}管理患者死亡人数+10月1日前死亡但仍在管的患者]
</div>
</div>
<div v-if="bingNo==2">
指标名称：<br>批量异常随访率<br>
计算公式：<br>批量异常随访人次数/随访总人次数×100%
</div>
</div>
</div>
<div class="uplib" v-if="showtabnum == 3">
<div v-if="bingNo==1">
指标名称：<br>{{pagedisname}}患者并存临床情况未标记率<br>
计算公式：<br>同一患者同一天在糖尿病、高血压库中均有的随访身高/体重/血压等指标不一致人次数/共患随访总人次数×100%
</div>
</div>
<div v-if="bingNo==2">
指标名称 <br>共患患者身高/体重/血压指标不一致率<br>
计算公式：<br>同一患者同一天在糖尿病、高血压库中均有的随访身高/体重/血压等指标不一致人次数/共患随访总人次数×100%
</div>
</div>
</div>
<div class="uplib" v-if="showtabnum == 7">
<div v-if="bingNo==3">
指标名称：<br>{{pagedisname}}患者并存临床情况未标记率<br>
计算公式：<br>({{pagedisname}}患者并临床情况总人数-健康档案系统中{{pagedisname}}患者并存临床情况已标记人数)/{{pagedisname}}患者并临床情况总人数×100%
</div>
</div>
<div class="uplib" v-if="showtabnum == 8">
<div v-if="bingNo==3">
指标名称：<br>{{pagedisname}}患者并发症未标记率<br>
计算公式：<br>({{pagedisname}}患者并发症总人数-健康档案系统中{{pagedisname}}患者并发症已标记人数)/{{pagedisname}}患者并发症总人数×100%
</div>
</div>
<tbody class="scrollTbody">
<tr v-show="bingNo==1" v-for="(item, index) in listArrayFinal" :key="index">
<td width="38"><span>{{index+1}}</span></td>
<td width="48" @click="changecity(item.code,item.name)" class="underline">{{item.name}}</td>
<td width="68">{{item.tag1 + `/` + item.tag2}}</td>
<td width="68">{{item.tag3 + `/` + item.tag4}}</td>
<td width="68">{{item.tag5 + `/` + item.tag6}}</td>
</tr>
<tr v-show="bingNo==2" v-for="(item, index) in listArrayFinal" :key="index">
<td width="38"><span>{{index+1}}</span></td>
<td width="48" @click="changecity(item.code,item.name)" class="underline">{{item.name}}</td>
<td width="68">{{item.tag1 + `/` + item.tag2}}</td>
<td width="68">{{item.tag3 + `/` + item.tag4}}</td>
<td width="68">{{item.tag5 + `/` + item.tag6}}</td>
</tr>
<tr v-show="bingNo==3" v-for="(item, index) in listArrayFinal" :key="index">
<td width="38"><span>{{index+1}}</span></td>
<td width="48" @click="changecity(item.code,item.name)" class="underline">{{item.name}}</td>
<td width="100">{{item.tag1 + `/` + item.tag2}}</td>
<td width="100">{{item.tag3 + `/` + item.tag4}}</td>
</tr>
<tr v-show="bingNo==1" v-for="(item, index) in listArrayFinal" >
<td width="38"><span>{{index+1}}</span></td>
<td width="48" @click="changecity(item.code,item.name)" class="underline">{{item.name}}</td>
<td width="68">{{item.tag1 + `/` + item.tag2}}</td>
<td width="68">{{item.tag3 + `/` + item.tag4}}</td>
<td width="68">{{item.tag5 + `/` + item.tag6}}</td>
</tr>
<tr v-show="bingNo==2" v-for="(item, index) in listArrayFinal">
<td width="38"><span>{{index+1}}</span></td>
<td width="48" @click="changecity(item.code,item.name)" class="underline">{{item.name}}</td>
<td width="68">{{item.tag1 + `/` + item.tag2}}</td>
<td width="68">{{item.tag3 + `/` + item.tag4}}</td>
<td width="68">{{item.tag5 + `/` + item.tag6}}</td>
</tr>
<tr v-show="bingNo==3" v-for="(item, index) in listArrayFinal">
<td width="38"><span>{{index+1}}</span></td>
<td width="48" @click="changecity(item.code,item.name)" class="underline">{{item.name}}</td>
<td width="100">{{item.tag1 + `/` + item.tag2}}</td>
<td width="100">{{item.tag3 + `/` + item.tag4}}</td>
</tr>
</tbody>
</table>
</div>
......@@ -218,15 +225,16 @@
commonMethod,
otherMethod
} from '@/api/home.js'
export default {
name: 'screenpage3',
data() {
return {
pageNo: 3,
showtabnum:0,
showtabnum: 0,
pagedisname: "高血压",
middlename: "死后随访",
themeID: '22',
themeID: '24',
arname: '各区',
communshow: true,
tablename: '各区',
......@@ -245,10 +253,7 @@
q_diePercent: [],
areaname: '',
areaname2: '',
value: '2019-09',
nowdate: '2019-09',
startTime: '2019-01',
selectStarttime: sessionStorage.getItem("EndTime"),
startTime: '',
sel: '筛选',
data_x: [],
option: {
......@@ -269,50 +274,50 @@
}
},
series: [{
name: '1',
type: 'pie',
clockWise: false,
radius: [33, 25],
hoverAnimation: false,
name: '1',
type: 'pie',
clockWise: false,
radius: [33, 25],
hoverAnimation: false,
itemStyle: {
normal: {
label: {
show: false
},
labelLine: {
show: false
}
}
},
data: [{
value: 0,
name: '三级占比',
itemStyle: {
normal: {
label: {
show: false
},
labelLine: {
show: false
}
color: '#42CCFF'
}
},
data: [{
value: 0,
name: '三级占比',
itemStyle: {
normal: {
color: '#42CCFF'
}
}
},
{
value: 0,
name: 'invisible',
itemStyle: {
normal: {
color: 'rgba(0,0,0,0)',
label: {
show: false
},
labelLine: {
show: false
}
}
},
{
value: 0,
name: 'invisible',
itemStyle: {
normal: {
color: 'rgba(0,0,0,0)',
label: {
show: false
},
emphasis: {
color: 'rgba(0,0,0,0)'
labelLine: {
show: false
}
},
emphasis: {
color: 'rgba(0,0,0,0)'
}
}
]
},
}
]
},
{
name: '2',
type: 'pie',
......@@ -330,14 +335,14 @@
}
},
data: [{
value: 0,
name: '二级占比',
itemStyle: {
normal: {
color: '#3F81BB'
}
value: 0,
name: '二级占比',
itemStyle: {
normal: {
color: '#3F81BB'
}
},
}
},
{
value: 0,
name: 'invisible',
......@@ -368,10 +373,8 @@
axisPointer: {
type: 'none'
},
formatter: function(params) {
// console.log(params.length)
// console.log('打印params长度')
// console.log(params)
formatter: function (params) {
if (params[0].seriesName == '管理/签约人群累计死后随访人数') {
var res = '<ul class="f12 pl10 pr15">';
res += '<li class="f13"> ' + params[0].axisValue + '区</li>';
......@@ -408,21 +411,21 @@
start: 0, //默认为0
end: 50, //默认为100
type: 'slider',
show: true ,
xAxisIndex: [0] ,
handleSize: 20 , //滑动条的 左右2个滑动条的大小
height: 5 , //组件高度
show: true,
xAxisIndex: [0],
handleSize: 20, //滑动条的 左右2个滑动条的大小
height: 5, //组件高度
left: 50, //左边的距离
right: 45, //右边的距离
bottom: 40, //右边的距离
backgroundColor: '#ccc', //两边未选中的滑动条区域的颜色
showDataShadow: true, //是否显示数据阴影 默认auto
handleStyle: {
borderColor: "#CBBCDB",
borderWidth: "1",
shadowBlur: 1,
background: "#000",
shadowColor: "#000",
borderColor: "#CBBCDB",
borderWidth: "1",
shadowBlur: 1,
background: "#000",
shadowColor: "#000",
},
filterMode: 'filter',
},
......@@ -460,7 +463,7 @@
rotate: 60,
textStyle: {
fontSize: 10,
color: function(value, index) {
color: function (value, index) {
return '#8393A9';
}
}
......@@ -474,29 +477,29 @@
},
}],
yAxis: [{
type: 'value',
name: '数量(万)',
min: 0,
axisLabel: {
textStyle: {
color: '#8393A9',
type: 'solid'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#8393A9',
type: 'solid'
}
},
splitLine: {
show: false
},
axisTick: {
show: false
type: 'value',
name: '数量(万)',
min: 0,
axisLabel: {
textStyle: {
color: '#8393A9',
type: 'solid'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#8393A9',
type: 'solid'
}
},
splitLine: {
show: false
},
axisTick: {
show: false
}
},
{
type: 'value',
name: '%',
......@@ -505,7 +508,7 @@
splitNumber: 5,
axisLabel: {
textStyle: {
color: function(value, index) {
color: function (value, index) {
return '#747d8d'
},
type: 'solid'
......@@ -535,17 +538,16 @@
series: []
},
topgdata: [], //管· 患者当前死亡后随访人数
topgdata2:[],
topgdata22:[],
topgdata2: [],
topgdata22: [],
topqdata: [], //签· 患者当前死亡后随访人数
topqdata2:[],
topqdata23:[],
topqdata2: [],
topqdata23: [],
circledatag1: [],
circledataq1: [],
circledatag2: [],
circledataq2: [],
bingNo: 1,
BarType: "XZQH",
finalPerg: 0,
finalPerq: 0,
finalPerg2: 0,
......@@ -586,152 +588,138 @@
data304: [],
data305: [],
data306: [],
BeginCode: 1,
lastStatus: {},
PlaceCode: ''
userinfo: {},
userRole: '',
cxsj: '',
_xzqh: '',
_yljgdm: '',
_group: '',
pageLevel: ''
}
},
methods: {
showtabpage3(num){
showtabpage3(num) {
this.showtabnum = num
console.log(this.showtabnum);
},
CityGetBack() {
console.log('执行事件前this.BeginCode: ' + this.BeginCode);
console.log("this.diastype :" + this.diastype);
this.communshow = true
if (this.BeginCode == 3) {
// 使用 this.BeginCode 的值来判断现在处于的区镇状态
if (this.pageLevel === 'qj') {
// 此时 处于第一次点击下的状态
this.PlaceCode = ''
this.BarType = 'XZQH'
this.BeginCode = 1
this._xzqh = ''
this._group = 'XZQH'
this.pageLevel = 'sj'
this.areaname = ''
this.tablename = '各区'
this.thname = '各区'
this.arname = '各区'
// this.BeginCode = false
console.log("现在处于一级状态");
}
if (this.BeginCode == 4) {
// 使用 this.BeginCode 的值来判断现在处于的区镇状态
}else if (this.pageLevel === 'sq') {
// 此时 处于第二次点击下的状态
// console.log("现在处于二级状态");
this.PlaceCode = this.lastStatus.PlaceCode
this.BarType = this.lastStatus.BarType
this.BeginCode = 2
this._group = 'YLJGDM'
this.pageLevel = 'qj'
this.tablename = '医院'
this.thname = '医院'
this.arname = '社区'
this.areaname = this.areaname2
// this.BeginCode = this.lastStatus.BeginCode
// this.BackCLick = this.lastStatus.BackCLick
// this.areaclick = true
// this.BeginCode = 2
console.log(this.lastStatus);
}
console.log('执行事件后this.BeginCode: ' + this.BeginCode);
this.homeinit()
},
changeReplay() {
var myDate = new Date();
let tempmonth = myDate.getMonth()
if(tempmonth<10){
tempmonth = '0'+tempmonth
this.themeID = 24
this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole")
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._group = "XZQH"
this.pageLevel = 'sj'
this.homeinit()
} else if ('area' === this.userRole) {//区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YLJGDM"
this.pageLevel = 'qj'
// 点击区 -- 展示城镇信息
this.communshow = true
this.tablename = '社区'
this.thname = '医院'
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
this.homeinit()
} else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.tablename = "社区"
this.thname = "医院"
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
this.homeinit()
}
// 用于 重置时间 入参
let DateNow = '' + myDate.getFullYear()+'-' + tempmonth + '-01'
console.log(DateNow);
//this.pageChage(2)
this.themeID = 22
this.PlaceCode = ''
this.areaname = ''
this.tablename = '各区'
this.thname = '各区'
this.BarType = 'XZQH'
this.arname = '各区'
this.BeginCode = 1
this.selectStarttime = DateNow
this.showTab = true
// this.homeinit()
this.dataSearch(DateNow)
},
pageChage(page) {
this.$emit('screenTwoPagefunc', page)
},
dataSearch(value) {
var myDate = new Date();
myDate.getYear();
sessionStorage.setItem("EndTime", value)
this.startTime = value.slice(0, 4) + '-01'
if (value) {
this.nowdate = value.slice(0, 7)
this.selectStarttime = value.slice(0, 7)
console.log(this.nowdate);
console.log(this.selectStarttime);
this.homeinit()
}
dataSearch(cxsj) {
sessionStorage.setItem("ywsj", cxsj)
this.homeinit()
},
showsuifang(num) {
if (num == 1) {
this.tempsf = 1
this.tempdie = true
this.BarType = 'XZQH'
this._group = 'XZQH'
} else {
this.tempsf = 2
this.tempdie = false
this.BarType = 'YWSJ'
this._group = 'YWSJ'
}
this.homeinit()
},
changecity(code, name) {
console.log("code: " + code)
console.log('执行事件前this.BeginCode: ' + this.BeginCode);
if (this.BeginCode == 4) {
return false
}
this.areaname = name
//当 this.BeginCode == 4 的时候 ，证明已经到了最底层，故不再请求方法
// console.log(code);
this.PlaceCode = code
if (this.BeginCode == 1) {
if (this.pageLevel === 'sj') {
// 点击区 -- 展示城镇信息
this.BarType = 'YLJGDM'
// 用于记录当前的 区镇的入参状态
this.lastStatus.PlaceCode = this.PlaceCode
this.lastStatus.BarType = this.BarType
this.lastStatus.BeginCode = this.BeginCode
this.lastStatus.areaclick = this.areaclick
this.pageLevel = 'qj'
this._xzqh = code
this._group = 'YLJGDM'
this.tablename = '医院'
this.thname = '医院'
this.arname = '社区'
this.BeginCode = 2 // 当begin值为1的时候可以触发点击事件，点击事件执行后，
this.areaname2 = name
// 我们就需要把状态码置为2 在下文的判断中以请求 乡镇 的数据信息
console.log(JSON.stringify(this.lastStatus));
console.log(this.PlaceCode);
}
//console.log('这是地区的code码：' + code);
this.areaname = name
this.homeinit()
if (this.BeginCode == 4) {
}else if (this.pageLevel === 'qj') {
this._group = 'YWSJ'
this._yljgdm = code
this.pageLevel = 'sq'
this.tablename = '时间'
this.thname = '月份'
this.communshow = false
this.areaname = this.areaname2 + this.areaname
} else if (this.pageLevel === 'sq') {
return false
}
if (this.BeginCode == 3) {
this.areaname = this.areaname2
}
console.log('执行事件后this.BeginCode: ' + this.BeginCode);
this.areaname = name
this.homeinit()
},
//切换底部echarts的tab
bingChange(num) {
this.bingNo = num
if (num == 1) {
this.showTab = true
this.middlename = "死后随访"
......@@ -756,15 +744,15 @@
//服务质量上管-高血压
let wd = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
"name": "YWSJ",
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
{
"name": "XZQH",
"value": _this.PlaceCode,
"value": _this._xzqh,
"type": "1"
},
]
......@@ -775,12 +763,12 @@
//服务质量上签-高血压
let wd2 = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
"name": "YWSJ",
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
{
"name": "QYBZ",
"value": "1",
......@@ -788,7 +776,7 @@
},
{
"name": "XZQH",
"value": _this.PlaceCode,
"value": _this._xzqh,
"type": "1"
}
]
......@@ -798,31 +786,31 @@
}
//请求各区管
let wd3 = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
"name": "YWSJ",
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
{
"name": "XZQH",
"value": _this.PlaceCode,
"value": _this._xzqh,
"type": "1"
}
]
let param3 = {
"themeId": _this.themeID,
"wd": JSON.stringify(wd3),
"group": _this.BarType
"group": _this._group
}
let wd4 = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
"name": "YWSJ",
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
{
"name": "QYBZ",
"value": "1",
......@@ -830,108 +818,104 @@
},
{
"name": "XZQH",
"value": _this.PlaceCode,
"value": _this._xzqh,
"type": "1"
}
]
let param4 = {
"themeId": _this.themeID,
"wd": JSON.stringify(wd4),
"group": _this.BarType
"group": _this._group
}
// console.log(this.BeginCode);
if (this.BeginCode == 2) {
this.BeginCode = 3
this.BarType = 'YWSJ'
} else if (this.BeginCode == 3) {
this.BeginCode = 4
if (this.pageLevel === 'sq') {
this._group = 'YWSJ'
}
commonMethod(param).then(res => {
console.log('服务质量----');
console.log(res.data);
if(res.data.content.length>0){
if (res.data.content.length > 0) {
res.data.zbdic.forEach((item, index) => {
if(this.DieaNo==1){
// 患者当前死亡后随访人数
if (item.CODE == 'FWZL_016') {
_this.topgdata = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_019') {
_this.topgdata2 = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_025') {
_this.topgdata22 = res.data.content[0].zbxx[index]
}
//年内累计死亡随访人数
if (item.CODE == 'FWZL_011') {
_this.topgyeardiedata = res.data.content[0].zbxx[index]
}
// 年总死亡人数随访比例
if (item.CODE == 'FWZL_010') {
_this.topgyeardiepredata = res.data.content[0].zbxx[index]
}
//首诊测压血压异常者诊断为高血压的人数
// 血压零偏好
if (item.CODE == 'FWZL_018') {
_this.finalPerg = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_019') {
_this.circledatag1 = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_020') {
_this.circledatag2 = res.data.content[0].zbxx[index]
}
}else{
// 患者当前死亡后随访人数
if (item.CODE == 'FWZL_017') {
_this.topgdata = res.data.content[0].zbxx[index]
}
//年内累计死亡随访人数
if (item.CODE == 'FWZL_014') {
_this.topgyeardiedata = res.data.content[0].zbxx[index]
}
// 年总死亡人数随访比例
if (item.CODE == 'FWZL_013') {
_this.topgyeardiepredata = res.data.content[0].zbxx[index]
}
//首诊测压血压异常者诊断为高血压的人数
// 血压零偏好
if (item.CODE == 'FWZL_021') {
_this.finalPerg = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_024') {
_this.finalPerg2 = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_022') {
_this.circledatag1 = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_023') {
_this.circledatag2 = res.data.content[0].zbxx[index]
}
}
if (this.DieaNo == 1) {
// 患者当前死亡后随访人数
if (item.CODE == 'FWZL_016') {
_this.topgdata = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_019') {
_this.topgdata2 = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_025') {
_this.topgdata22 = res.data.content[0].zbxx[index]
}
//年内累计死亡随访人数
if (item.CODE == 'FWZL_011') {
_this.topgyeardiedata = res.data.content[0].zbxx[index]
}
// 年总死亡人数随访比例
if (item.CODE == 'FWZL_010') {
_this.topgyeardiepredata = res.data.content[0].zbxx[index]
}
//首诊测压血压异常者诊断为高血压的人数
// 血压零偏好
if (item.CODE == 'FWZL_018') {
_this.finalPerg = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_019') {
_this.circledatag1 = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_020') {
_this.circledatag2 = res.data.content[0].zbxx[index]
}
} else {
// 患者当前死亡后随访人数
if (item.CODE == 'FWZL_017') {
_this.topgdata = res.data.content[0].zbxx[index]
}
//年内累计死亡随访人数
if (item.CODE == 'FWZL_014') {
_this.topgyeardiedata = res.data.content[0].zbxx[index]
}
// 年总死亡人数随访比例
if (item.CODE == 'FWZL_013') {
_this.topgyeardiepredata = res.data.content[0].zbxx[index]
}
//首诊测压血压异常者诊断为高血压的人数
// 血压零偏好
if (item.CODE == 'FWZL_021') {
_this.finalPerg = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_024') {
_this.finalPerg2 = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_022') {
_this.circledatag1 = res.data.content[0].zbxx[index]
}
if (item.CODE == 'FWZL_023') {
_this.circledatag2 = res.data.content[0].zbxx[index]
}
}
})
_this.option.series[0].data[0].value = _this.finalPerg.ZXZ?_this.finalPerg.ZXZ:0
_this.option.series[0].data[1].value = 100 - _this.finalPerg.ZXZ?_this.finalPerg.ZXZ:0
_this.option.series[1].data[0].value = _this.finalPerq.ZXZ?_this.finalPerq.ZXZ:0
_this.option.series[1].data[1].value = 100 - _this.finalPerq.ZXZ?_this.finalPerq.ZXZ:0
}else{
_this.option.series[0].data[0].value = _this.finalPerg.ZXZ ? _this.finalPerg.ZXZ : 0
_this.option.series[0].data[1].value = 100 - _this.finalPerg.ZXZ ? _this.finalPerg.ZXZ : 0
_this.option.series[1].data[0].value = _this.finalPerq.ZXZ ? _this.finalPerq.ZXZ : 0
_this.option.series[1].data[1].value = 100 - _this.finalPerq.ZXZ ? _this.finalPerq.ZXZ : 0
} else {
_this.topgdata = 0
_this.topgyeardiedata = 0
_this.topgyeardiepredata =0
_this.topgyeardiepredata = 0
_this.finalPerg = 0
_this.circledatag1 = 0
_this.circledatag2 = 0
_this.option.series[0].data[0].value = 0
_this.option.series[0].data[1].value = 0
_this.option.series[1].data[0].value = 0
_this.option.series[1].data[1].value = 0
_this.option.series[0].data[0].value = 0
_this.option.series[0].data[1].value = 0
_this.option.series[1].data[0].value = 0
_this.option.series[1].data[1].value = 0
}
_this.$echarts.init(document.getElementById("pag3charts1")).setOption(_this.option, true)
}).catch(err => {
......@@ -940,10 +924,9 @@
//服务质量上签-高血压
commonMethod(param2).then(res => {
console.log('服务质量签----');
console.log(res.data);
if(res.data.content.length>0){
if (this.themeID == 22) {
if (res.data.content.length > 0) {
if (this.themeID == 24) {
res.data.zbdic.forEach((item, index) => {
//首诊测压人数
if (item.CODE == 'FWZL_016') {
......@@ -955,7 +938,7 @@
if (item.CODE == 'FWZL_025') {
_this.topqdata23 = res.data.content[0].zbxx[index]
}
//年内累计死亡随访人数
if (item.CODE == 'FWZL_011') {
_this.topqyeardiedata = res.data.content[0].zbxx[index]
......@@ -968,7 +951,7 @@
if (item.CODE == 'FWZL_018') {
_this.finalPerq = res.data.content[0].zbxx[index]
}
})
} else {
res.data.zbdic.forEach((item, index) => {
......@@ -998,18 +981,18 @@
}
})
}
_this.option.series[0].data[0].value = _this.finalPerg.ZXZ
_this.option.series[0].data[1].value = 100 - _this.finalPerg.ZXZ
_this.option.series[1].data[0].value = _this.finalPerq.ZXZ
_this.option.series[1].data[1].value = 100 - _this.finalPerq.ZXZ
}else{
} else {
_this.topqdata = 0
_this.topqyeardiedata = 0
_this.topqyeardiepredata = 0
_this.finalPerq = 0
_this.circledatag1 = 0
_this.circledatag2= 0
_this.circledatag2 = 0
_this.option.series[0].data[0].value = 0
_this.option.series[0].data[1].value = 0
_this.option.series[1].data[0].value = 0
......@@ -1022,36 +1005,30 @@
})
//请求各区管
console.log(861);
commonMethod(param3).then(res => {
console.log('各区管打印')
console.log(res.data)
_this.Gbotdata = res.data
_this.data_x = []
if(res.data.content.length>0){
if (res.data.content.length > 0) {
let tempList = res.data.content// 用于存储请求得到的数据, 以便按照月份排序
console.log(tempList);
if (tempList[0].YWSJ) {
// console.log(this.BarType);
// console.log(tempList);
tempList.sort(function(prev, next) {
tempList.sort(function (prev, next) {
return parseInt(prev.YWSJ.substring(5, 7)) - parseInt(next.YWSJ.substring(5, 7))
})
}
console.log(877);
tempList.forEach(item => {
if (_this.tempsf == 1) {
if (item.XZQH_TEXT) {
_this.data_x.push(item.XZQH_TEXT)
// console.log(item.XZQH_TEXT);
}
if (item.YLJGDM_EX2) {
_this.data_x.push(item.YLJGDM_EX2)
// console.log(item.YLJGDM_EX2);
}
if (item.YWSJ) {
_this.data_x.push(item.YWSJ.substring(5, 7) + "月")
// console.log(item.YWSJ.substring(5, 7) + "月");
}
} else {
if (item.XZQH_TEXT) {
......@@ -1065,34 +1042,30 @@
}
}
})
}else{
} else {
}
// console.log("赋值完毕第一时间: " + _this.data_x);
//请求各区签
//请求各区签
commonMethod(param4).then(res => {
// console.log('各区签打印')
// console.log(res)
_this.Qbotdata = res.data
_this.listArrayFinal = []
console.log(res.data.content)
if (res.data.content.length > 0) {
let tempList = [] // 用于存储请求得到的数据, 以便按照月份排序
tempList = res.data.content
console.log(tempList[0]);
if (tempList[0].YWSJ) {
// console.log(this.BarType);
// console.log(tempList);
tempList.sort(function(prev, next) {
tempList.sort(function (prev, next) {
return parseInt(prev.YWSJ.substring(5, 7)) - parseInt(next.YWSJ.substring(5, 7))
})
}
// console.log(_this.bingNo);
if (_this.bingNo == 1) {
// console.log(_this.data_x);
tempList.forEach((item, index) => {
let obj = {
name: '',
......@@ -1110,23 +1083,19 @@
obj.name = item.XZQH_TEXT ? item.XZQH_TEXT : item.YLJGDM_EX2
}
obj.code = item.XZQH
console.log(item);
item.zbxx.forEach((item2, index2) => {
//管理人群累计死后随访人数
//去年管理人群累计死后随访人数
// console.log(item2);
// console.log(item2.TBZ);
// console.log(item2.ZXZ);
if (item2.ZBID == '1116') {
// console.log(item2);
_this.data101.push(item2.ZXZ)
_this.data103.push(item2.TBZ)
obj.tag1 = _this.Gbotdata.content[index].zbxx[index2].ZXZ ? parseFloat(_this.Gbotdata.content[index].zbxx[index2].ZXZ).toFixed(1) : 0
obj.tag2 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
_this.data102.push(item2.ZXZ)
_this.data104.push(item2.TBZ)
obj.tag2 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
_this.data102.push(item2.ZXZ)
_this.data104.push(item2.TBZ)
}
//去年管理人群累计死后随访人数
if (item2.ZBID == '1111') {
......@@ -1140,42 +1109,42 @@
obj.tag5 = _this.Gbotdata.content[index].zbxx[index2].ZXZ ? parseFloat(_this.Gbotdata.content[index].zbxx[index2].ZXZ).toFixed(1) : 0
obj.tag6 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
}
})
_this.listArrayFinal.push(obj)
})
let series = [{
name: '管理/签约人群累计死后随访人数', //管
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
},
{
offset: 0.5,
color: '#4195EE'
},
{
offset: 1,
color: '#4195EE'
}
]
)
}
},
barWidth: null,
data: _this.data101
name: '管理/签约人群累计死后随访人数', //管
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
},
{
offset: 0.5,
color: '#4195EE'
},
{
offset: 1,
color: '#4195EE'
}
]
)
}
},
barWidth: null,
data: _this.data101
},
{
name: '管理/签约人群累计死后随访人数', //签
type: 'bar',
......@@ -1197,9 +1166,9 @@
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
......@@ -1248,9 +1217,9 @@
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
......@@ -1291,13 +1260,12 @@
data: _this.data106
}
]
// console.log(" 柱状图横坐标: " + _this.data_x);
_this.option2.xAxis[0].data = _this.data_x
_this.option2.series = series
// console.log(_this.bingNo)
_this.$echarts.init(document.getElementById("pag3card3main")).setOption(_this.option2, true)
} else if (_this.bingNo == 2) {
tempList.forEach((item, index) => {
let obj = {
name: '',
......@@ -1314,11 +1282,11 @@
} else {
obj.name = item.XZQH_TEXT ? item.XZQH_TEXT : item.YLJGDM_EX2
}
obj.code = item.XZQH
item.zbxx.forEach((item2, index2) => {
//管理人群累计死后随访人数
if (item2.ZBID == '1127') {
_this.data201.push(item2.ZXZ)
_this.data203.push(item2.TBZ)
......@@ -1329,60 +1297,60 @@
_this.data204.push(item2.TBZ)
obj.tag2 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
}
if (item2.ZBID == '1136') {
_this.data205.push(item2.ZXZ)
_this.data206.push(item2.TBZ)
obj.tag3 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
}
if (item2.ZBID == '1136') {
_this.data207.push(item2.ZXZ)
_this.data208.push(item2.TBZ)
obj.tag4 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
}
if (item2.ZBID == '1139') {
_this.data209.push(item2.ZXZ)
_this.data210.push(item2.TBZ)
obj.tag5 = item2.TBL ? parseFloat(item2.TBL).toFixed(1) : 0
obj.tag6 = item2.TBL ? parseFloat(item2.TBL).toFixed(1) : 0
}
})
_this.listArrayFinal.push(obj)
})
let series = [{
name: '管理/签约人群病史未标记人数', //管
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
},
{
offset: 0.5,
color: '#FFC54E'
},
{
offset: 1,
color: '#FFC54E'
}
]
)
}
},
barWidth: null,
data: _this.data201
name: '管理/签约人群病史未标记人数', //管
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
},
{
offset: 0.5,
color: '#FFC54E'
},
{
offset: 1,
color: '#FFC54E'
}
]
)
}
},
barWidth: null,
data: _this.data201
},
{
name: '管理/签约人群病史未标记人数', //签
type: 'bar',
......@@ -1404,9 +1372,9 @@
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
......@@ -1455,9 +1423,9 @@
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
......@@ -1514,9 +1482,9 @@
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
......@@ -1573,9 +1541,9 @@
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
......@@ -1618,7 +1586,6 @@
]
_this.option2.xAxis[0].data = _this.data_x
_this.option2.series = series
console.log(_this.bingNo)
_this.$echarts.init(document.getElementById("pag3card3main")).setOption(_this.option2, true)
} else {
tempList.forEach((item, index) => {
......@@ -1637,7 +1604,7 @@
} else {
obj.name = item.XZQH_TEXT ? item.XZQH_TEXT : item.YLJGDM_EX2
}
obj.code = item.XZQH
item.zbxx.forEach((item2, index2) => {
//管理人群累计死后随访人数
......@@ -1666,42 +1633,42 @@
obj.tag6 = item2.TBL ? parseFloat(item2.TBL).toFixed(1) : 0
obj.tag4 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
}
})
_this.listArrayFinal.push(obj)
})
let series = [{
name: '管理/签约人群并存临床情况未标记数', //管
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
},
{
offset: 0.5,
color: '#4195EE'
},
{
offset: 1,
color: '#4195EE'
}
]
)
}
},
barWidth: null,
data: _this.data301
name: '管理/签约人群并存临床情况未标记数', //管
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
},
{
offset: 0.5,
color: '#4195EE'
},
{
offset: 1,
color: '#4195EE'
}
]
)
}
},
barWidth: null,
data: _this.data301
},
{
name: '管理/签约人群并存临床情况未标记数', //签
type: 'bar',
......@@ -1723,9 +1690,9 @@
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
......@@ -1774,9 +1741,9 @@
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
},
offset: 0,
color: '#115D5D'
},
{
offset: 0.5,
color: '#115D5D'
......@@ -1819,11 +1786,10 @@
]
_this.option2.xAxis[0].data = _this.data_x
_this.option2.series = series
// console.log(_this.bingNo)
_this.$echarts.init(document.getElementById("pag3card3main")).setOption(_this.option2, true)
}
} else{
} else {
_this.data101 = []
_this.data103 = []
_this.data102 = []
......@@ -1831,11 +1797,10 @@
_this.data105 = []
_this.data106 = []
_this.listArrayFinal = []
_this.option2.xAxis[0].data = []
_this.option2.series.forEach( item =>{
_this.option2.xAxis[0].data = []
_this.option2.series.forEach(item => {
item.data = []
})
// console.log(_this.bingNo)
_this.$echarts.init(document.getElementById("pag3card3main")).setOption(_this.option2, true)
}
}).catch(err => {
......@@ -1850,14 +1815,14 @@
_this.DieaNo = Num
_this.bingChange(1)
if (_this.DieaNo == 1) {
this.pagedisname = "高血压" // 疾病赋值
_this.themeID = 22
this.pagedisname = "高血压" // 疾病赋值
_this.themeID = 24
_this.homeinit()
_this.showDea = true
_this.bingNo = 1
} else {
_this.themeID = 25
this.pagedisname = "糖尿病" // 疾病赋值
_this.themeID = 27
this.pagedisname = "糖尿病" // 疾病赋值
_this.homeinit()
_this.showDea = false
}
......@@ -1865,7 +1830,43 @@
},
mounted() {
//开始加载...
this.DieaChange(1)
this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole")
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._group = "XZQH"
this.pageLevel = 'sj'
this.homeinit()
} else if ('area' === this.userRole) {//区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YLJGDM"
this.pageLevel = 'qj'
// 点击区 -- 展示城镇信息
this.communshow = true
this.tablename = '社区'
this.thname = '医院'
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
this.homeinit()
} else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.tablename = "社区"
this.thname = "医院"
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
this.homeinit()
}
const obj = setInterval(() => {
const dom = document.getElementById("pag3charts1")
if (dom) {
......@@ -1892,29 +1893,119 @@
}
</script>
<style lang="stylus" scoped>
.cmtline{ padding-top: 30px;}
#pag3charts1{ width:120px; height:120px; float:left; position:absolute; left: -15px;}
#pag3card3main{ width:455px; height:320px}
.card3title1{ color:#fff }
.myclk{ font-weight:600; color:#42ccff; pointer-events:none}
.datalist{ position: absolute; left: 100px; top: 55px;}
.datalist p{ clear:both; line-height: 24px; font-size: 12px; color: #B3BFD2;}
.card2-mod{width: 200px;height: 160px; padding-top: 6px;}
.card2-mod1{width: 265px;}
.card2-mod2{ padding-top: 30px; height: 125px;}
.card2-modts{ padding-top:30px; width:200px}
.card2-modtr{ width:260px}
.table02{}
.table02 td{ height:25px;}
.myclk{pointer-events: none;}
.area >>> .el-input--mini .el-input__inner{padding:0; text-align:center; color: #FFF; border:1px solid #409EFF; background-color: #409EFF;}
.area >>> .el-input--mini .el-input__inner::-webkit-input-placeholder {color: #FFF;}
.area >>> .el-input--mini{ width: 60px; margin-left: 8px;}
.area >>> .el-input__icon.el-icon-date{display:none}
.area >>> .el-input__icon{display:none}
.cmtline {
padding-top: 30px;
}
#pag3charts1 {
width: 120px;
height: 120px;
float: left;
position: absolute;
left: -15px;
}
#pag3card3main {
width: 455px;
height: 320px
}
.card3title1 {
color: #fff
}
.myclk {
font-weight: 600;
color: #42ccff;
pointer-events: none
}
.datalist {
position: absolute;
left: 100px;
top: 55px;
}
.datalist p {
clear: both;
line-height: 24px;
font-size: 12px;
color: #B3BFD2;
}
.card2-mod {
width: 200px;
height: 160px;
padding-top: 6px;
}
.card2-mod1 {
width: 265px;
}
.card2-mod2 {
padding-top: 30px;
height: 125px;
}
.card2-modts {
padding-top: 30px;
width: 200px
}
.card2-modtr {
width: 260px
}
.table02 {
}
.table02 td {
height: 25px;
}
.myclk {
pointer-events: none;
}
.area >>> .el-input--mini .el-input__inner {
padding: 0;
text-align: center;
color: #FFF;
border: 1px solid #409EFF;
background-color: #409EFF;
}
.area >>> .el-input--mini .el-input__inner::-webkit-input-placeholder {
color: #FFF;
}
.area >>> .el-input--mini {
width: 60px;
margin-left: 8px;
}
.area >>> .el-input__icon.el-icon-date {
display: none
}
.area >>> .el-input__icon {
display: none
}
.table01 td.underline {
text-decoration: underline;
width: 50px;
}
.uplib{ width:100%;overflow: hidden; position:absolute; top:76px; right:0; left:0; background:rgba(51, 51, 51, 0.9); padding:10px}
}
.uplib {
width: 100%;
overflow: hidden;
position: absolute;
top: 76px;
right: 0;
left: 0;
background: rgba(51, 51, 51, 0.9);
padding: 10px
}
</style>
src/components/userJoin/screenTwoPag4.vue
<template>
<div class="pagetwo" @click="showtab(5)">
<div class="header2">
<div class="nav" @click="exitFn"><img src="../../assets/icon_nav_cell.png"></div>
<div class="nav" @click="exitFn"><img src="../../assets/icon_nav_cell.png" alt=""></div>
<div class="title">
<div class="tp">上海市疾病预防控制管理服务云平台（慢性病防治）</div>
<p>{{areaname}}</p>
</div>
<div class="area">
<el-button size="mini" type="primary" @click="CityGetBack()" v-if="this.BeginCode != 1">返回</el-button>
<el-button size="mini" type="primary" @click="CityGetBack()" v-if="this.isShowBack">返回</el-button>
<el-button size="mini" @click="changeReplay()" type="primary">重置</el-button>
<el-date-picker v-model="value" type="month" @change="dataSearch" align="left" size='mini' format="yyyy-MM"
<el-date-picker v-model="cxsj" type="month" @change="dataSearch" align="left" size='mini' format="yyyy-MM"
value-format="yyyy-MM" :placeholder="sel"></el-date-picker>
<div class="name"><i class="el-icon-s-custom el-icon--left"></i>市疾控 截止：{{nowdate}}</div>
<div class="name"><i class="el-icon-s-custom el-icon--left"></i>{{userinfo.userName}} 截止：{{cxsj}}</div>
</div>
</div>
......@@ -237,20 +237,16 @@
aename: '各区',
tablename: '各区',
thname: '各区',
BeginCode: 1, // 用于判断当前的市级 状态
groupNo: 1,
bingNo: 1,
areaname: '',
areaname2: '',
showtime: true,
gxyycl: 0,
startTime: '2019-01',
value: '2019-09',
nowdate: '2019-09',
startTime: '',
sel: '筛选',
gxyyzdl: 0,
qxyycl: 0,
BarType: "XZQH",
showTab: true, // 当点击易患监测的时候，隐藏柱状图右上角两个标签
value2: '',
qxyyzdl: 0,
......@@ -258,8 +254,8 @@
qgfl: 0,
DieaNo: 1,
objParam: {},
themeID: '4',
themeID2: '5',
themeID: '6',
themeID2: '6',
pageNo: 4,
topgdata: [], //管·首诊测压人数(实/同)
topqdata: [], //签·首诊测压人数(实/同)
......@@ -470,9 +466,7 @@
dataY06: [],
dataY07: [],
dataY08: [],
selectStarttime: sessionStorage.getItem("EndTime"),
lastStatus: {},
PlaceCode: '',
option2: {
tooltip: {
trigger: 'axis',
......@@ -483,9 +477,7 @@
},
//trigger: 'item',
formatter: function(params) {
// console.log(params.length)
// console.log('打印params长度')
// console.log(params)
if (params[0].seriesName == '管理/签约人群首诊测压人数') {
var res = '<ul class="f12 pl10 pr15">';
res += '<li class="f13"> ' + params[0].axisValue + '区</li>';
......@@ -636,60 +628,54 @@
endValue: 14
}],
series: []
}
},
isShowBack:false,
userinfo:{},
userRole:'',
cxsj:'',
_xzqh:'',
_yljgdm:'',
_group:'',
pageLevel:''
}
},
methods: {
showtab(num){
this.showtabnum = num
console.log(this.showtabnum)
},
dataSearch(value) {
console.log(value)
var myDate = new Date();
myDate.getYear();
sessionStorage.setItem("EndTime", value)
dataSearch(cxsj) {
sessionStorage.setItem("ywsj", cxsj)
this.homeinit()
this.homebot()
this.startTime = value.slice(0, 4) + '-01'
//console.log(this.startTime)
if (value) {
this.nowdate = value
this.selectStarttime = value
this.homeinit()
this.homebot()
}
},
pageChage(page) {
this.$emit('screenTwoPagefunc', page)
},
CityGetBack() {
console.log("this.BeginCode :" + this.BeginCode);
console.log("this.diastype :" + this.diastype);
if (this.BeginCode == 2) {
// 使用 this.BeginCode 的值来判断现在处于的区镇状态
if (this.pageLevel === 'qj') {
this.isShowBack = false
// 此时 处于第一次点击下的状态
this.PlaceCode = ''
this.BarType = 'XZQH'
this.BeginCode = 1
this._xzqh = ''
this._group = 'XZQH'
this.pageLevel = 'sj'
this.areaname = ''
this.tablename = '各区'
this.thname = '各区'
console.log("现在处于一级状态");
}
if (this.BeginCode == 3) {
// 使用 this.BeginCode 的值来判断现在处于的区镇状态
}else if (this.pageLevel === 'sq') {
// 此时 处于第二次点击下的状态
// console.log("现在处于二级状态");
this.PlaceCode = this.lastStatus.PlaceCode
this.BarType = this.lastStatus.BarType
this.BeginCode = 2
this._group = 'YLJGDM'
this.pageLevel = 'qj'
this.aename = '社区'
this.tablename = '医院'
this.thname = '医院'
this.areaname = this.areaname2
console.log(this.lastStatus);
}
this.homeinit()
this.homebot()
......@@ -697,24 +683,20 @@
groupChange(num) {
this.groupNo = num
if (num == 1) {
this.BarType = "XZQH"
this._group = "XZQH"
if (this.DieaNo == 1) {
this.showTab = true
}
if (this.BeginCode == 2) {
this.homebot()
} else {
this.homebot()
}
} else {
this.showTab = false
this.BarType = "YWSJ"
this._group = "YWSJ"
this.homebot()
}
},
bingChange(num) {
this.bingNo = num
console.log(this.bingNo)
if (num == 1) {
this.showtime = true
} else {
......@@ -729,39 +711,48 @@
});
},
changeReplay() {
//this.pageChage(2)
var myDate = new Date();
let tempmonth = myDate.getMonth()
if (tempmonth < 10) {
tempmonth = '0' + tempmonth
this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole")
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._group = "XZQH"
this.pageLevel = 'sj'
} else if ('area' === this.userRole) {//区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YLJGDM"
this.pageLevel = 'qj'
// 点击区 -- 展示城镇信息
this.communshow = true
this.tablename = '社区'
this.thname = '医院'
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
} else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.tablename = "社区"
this.thname = "医院"
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
}
// 用于 重置时间 入参
let DateNow = '' + myDate.getFullYear() + '-' + tempmonth
console.log(DateNow);
this.themeID = 4
this.themeID2 =5
this.PlaceCode = ''
this.BarType = 'XZQH'
this.BeginCode = 1
this.areaname = ''
this.startTime = DateNow
this.value = DateNow
this.nowdate = DateNow
this.value = DateNow.substr(0,7)
this.tablename = '各区'
this.thname = '各区'
this.dataSearch(DateNow)
// this.homeinit()
this.homeinit()
this.homebot()
},
// cansertopShow
DieaChange(num) {
let _this = this
this.DieaNo = num?num:1
console.log(this.DieaNo);
if (this.DieaNo == 1) {
this.rightlist1 = '首诊异常率/偏'
console.log('703');
_this.option.series[0].data[0].value = parseInt(_this.topgycldata.ZXZ)
_this.option.series[0].data[1].value = 100 - parseInt(_this.topgycldata.ZXZ)
_this.option.series[1].data[0].value = parseInt(_this.topgzdldata.ZXZ)
......@@ -772,7 +763,6 @@
_this.option.series[3].data[1].value = 100 - parseInt(_this.topqzdldata.ZXZ)
this.showTab = true
} else {
console.log('714');
this.rightlist1 = '规范检测率/同'
_this.bingNo = 1
_this.showtime = true
......@@ -787,48 +777,37 @@
_this.option.series[3].data[1].value = 100 - parseInt(_this.topqzdldata.ZXZ)
this.showTab = false
}
console.log('是否打印进来了，，，，，')
console.log(_this.option.series)
this.homebot()
_this.$echarts.init(document.getElementById("charts1")).setOption(this.option, true)
},
changecity(code, name) {
console.log(code)
if (this.BeginCode == 3) {
return false
}
this.areaname = name
//当 this.BeginCode == 4 的时候 ，证明已经到了最底层，故不再请求方法
// console.log(code);
this.PlaceCode = code
if (this.BeginCode == 1) {
this.areaname = name
if (this.pageLevel === 'sj') {
// 点击区 -- 展示城镇信息
this.BarType = 'YLJGDM'
// 用于记录当前的 区镇的入参状态
this.lastStatus.PlaceCode = this.PlaceCode
this.lastStatus.BarType = this.BarType
this.lastStatus.BeginCode = this.BeginCode
this.lastStatus.areaclick = this.areaclick
this.pageLevel = 'qj'
this._xzqh = code
this._group = 'YLJGDM'
this.isShowBack = true
this.areaname2 = name
this.aename = '社区'
this.tablename = '医院'
this.thname = '医院'
this.BeginCode = 2 // 当begin值为1的时候可以触发点击事件，点击事件执行后，
// 我们就需要把状态码置为2 在下文的判断中以请求 乡镇 的数据信息
console.log(JSON.stringify(this.lastStatus));
console.log(this.PlaceCode);
} else if (this.BeginCode == 2) {
this.BarType = 'YWSJ'
this.BeginCode = 3
}else if (this.pageLevel === 'qj') {
this._group = 'YWSJ'
this._yljgdm = code
this.pageLevel = 'sq'
this.isShowBack = true
this.tablename = '时间'
this.thname = '月份'
console.log(2);
}
console.log('这是地区的code码：' + code);
this.areaname = name
this.PlaceCode = code
}else if (this.pageLevel === 'sq') {
return false
}
this.homeinit()
this.homebot()
},
......@@ -838,24 +817,22 @@
let wd = [{
"name": "YWSJ",
"startTime": this.startTime,
"endTime": this.selectStarttime,
"endTime": this.cxsj,
"type": "2",
"compare": "between",
}, {
"name": "XZQH",
"value": this.PlaceCode,
"value": this._xzqh,
"type": "1"
}]
//var zbcode="MBZFX_016";单独读取
let param = {
"themeId": _this.themeID,
"wd": JSON.stringify(wd),
// "group": this.BarType
// "group": this._group
}
console.log(JSON.stringify(param));
commonMethod(param).then(res => {
console.log('早发现上部分管')
console.log(res.data)
if (res.data.content.length>0) {
res.data.zbdic.forEach((item, index) => {
//首诊测压人数
......@@ -916,7 +893,7 @@
//{\"name\":\"QYBZ\",\"value\":\"1\",\"type\":\"1\"}加了是签
let wd2 = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
......@@ -928,7 +905,7 @@
},
{
"name": "XZQH",
"value": this.PlaceCode,
"value": this._xzqh,
"type": "1"
}
]
......@@ -936,15 +913,13 @@
let param2 = {
"themeId": _this.themeID,
"wd": JSON.stringify(wd2),
// "group": this.BarType
// "group": this._group
}
console.log(JSON.stringify(param2));
commonMethod(param2).then(res => {
// console.log('早发现上部分签')
console.log(res);
if(res.data.content.length>0){
res.data.zbdic.forEach((item, index) => {
// console.log(item);
//首诊测压人数
if (item.CODE == 'MBZFX_004') {
_this.topqdata = res.data.content[0].zbxx[index]?res.data.content[0].zbxx[index]:0
......@@ -974,7 +949,6 @@
_this.topqyfdata = res.data.content[0].zbxx[index]?res.data.content[0].zbxx[index]:0
}
})
console.log('913');
_this.qxyycl = _this.topqycldata.ZXZ?_this.topqycldata.ZXZ:0
_this.qxyyzdl = _this.topqzdldata.ZXZ?_this.topqzdldata.ZXZ:0
_this.qgfl = _this.topqgfdata.ZXZ?_this.topqgfdata.ZXZ:0
......@@ -989,7 +963,6 @@
_this.option.series[3].data[1].value = 100 - parseInt(_this.topqzdldata.ZXZ?_this.topqzdldata.ZXZ:0)
_this.$echarts.init(document.getElementById("charts1")).setOption(this.option, true)
}else{
console.log('925');
_this.option.series[0].data[0].value = 0
_this.option.series[0].data[1].value = 0
_this.option.series[1].data[0].value = 0
......@@ -1017,25 +990,29 @@
/******************下半部分**管*******************/
let wd3 = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
{
"name": "XZQH",
"value": this.PlaceCode,
"value": this._xzqh,
"type": "1"
},
{
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}
]
let param3 = {
"themeId": _this.themeID2,
"wd": JSON.stringify(wd3),
"group": this.BarType
"group": this._group
}
commonMethod(param3).then(res => {
// console.log('早发现---底部管')
// 用于在下文 对管数据进行赋值 可搜索 tableg
this.tableg = res.data.content
}).catch(err => {
......@@ -1045,27 +1022,32 @@
/******************下半部分**签*******************/
let wd4 = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
{
"name": "XZQH",
"value": this.PlaceCode,
"value": this._xzqh,
"type": "1"
},
{
"name": "QYBZ",
"value": "1",
"type": "1"
},
{
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}
]
//var zbcode="MBZFX_016";单独读取
let param4 = {
"themeId": _this.themeID2,
"wd": JSON.stringify(wd4),
"group": this.BarType
"group": this._group
}
_this.dataY01 = []
......@@ -1081,17 +1063,13 @@
commonMethod(param4).then(res => {
// console.log('早发现---底部签')
this.tableq = res.data.content
console.log(this.tableq);
// _this.tableAll.sort(function(prev, next){
// return parseInt(prev.name.substring(0,2)) - parseInt(next.name.substring(0,2))
// })
if (this.BarType == 'YWSJ') {
if (this._group == 'YWSJ') {
this.tableq.sort(function(prev, next) {
return parseInt(prev.YWSJ.substring(5, 7)) - parseInt(next.YWSJ.substring(5, 7))
})
}
console.log(this.tableq);
this.tableq.forEach((item, index) => {
let obj = {
name: '',
......@@ -1111,12 +1089,11 @@
//obj.name = item.XZQH_TEXT ? item.XZQH_TEXT : item.YWSJ.substring(6, 7) + '月'
obj.code = item.XZQH
//绘制顶部图标x轴
if (this.BarType != 'YWSJ') {
if (this._group != 'YWSJ') {
// _this.data_x.push(obj.name)
}
_this.data_x.push(obj.name)
item.zbxx.forEach((item2, index2) => {
//console.log(item2.PZL);
if (item2.ZBID == '1016') {
this.dataY01.push(this.tableg[index].zbxx[index2].ZXZ ? this.tableg[index].zbxx[index2].ZXZ : 0)
......@@ -1812,9 +1789,36 @@
}
},
mounted() {
console.log('--------------------------');
console.log(this.PlaceCode);
console.log('--------------------------');
this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole")
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._group = "XZQH"
this.pageLevel = 'sj'
} else if ('area' === this.userRole) {//区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YLJGDM"
this.pageLevel = 'qj'
// 点击区 -- 展示城镇信息
this.communshow = true
this.tablename = '社区'
this.thname = '医院'
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
} else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.tablename = "社区"
this.thname = "医院"
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
}
this.homeinit()
this.homebot()
const obj = setInterval(() => {
......
src/components/userJoin/screenTwoPag5.vue
......@@ -7,11 +7,11 @@
<p>{{areaname}}</p>
</div>
<div class="area">
<el-button size="mini" type="primary" @click="CityGetBack()" v-if="this.BeginCode != 1">返回</el-button>
<el-button size="mini" type="primary" @click="CityGetBack()" v-if="this.isShowBack">返回</el-button>
<el-button size="mini" @click="changeReplay()" type="primary">重置</el-button>
<el-date-picker v-model="value" type="month" @change="dataSearch" align="left" size='mini' format="yyyy-MM"
<el-date-picker v-model="cxsj" type="month" @change="dataSearch" align="left" size='mini' format="yyyy-MM"
value-format="yyyy-MM" :placeholder="sel"></el-date-picker>
<div class="name"><i class="el-icon-s-custom el-icon--left"></i>市疾控 截止：{{nowdate}}</div>
<div class="name"><i class="el-icon-s-custom el-icon--left"></i>{{userinfo.userName}} 截止：{{cxsj}}</div>
</div>
</div>
<!----第一个模块---->
......@@ -163,12 +163,11 @@
return {
showtabnum:0,
areaname: '',
themeID: 22,
themeID2: 16,
themeID: 3,
themeID2: 18,
DieaNo: 1,
thname: '各区',
startTime: '2019-01',
selectStarttime: sessionStorage.getItem("EndTime"),
startTime: '',
djNo: 1,
value2: '',
pageNo: 5,
......@@ -713,12 +712,6 @@
djdata05: [15, 67, 14, 12, 22, 24, 15, 17, 32, 10, 12, 14, 2, 4, 6, 22],
djdata06: [25, 67, 44, 42, 22, 34, 45, 17, 32, 20, 12, 34, 2, 4, 6, 22],
norgthr: 0,
BeginCode: 1, // 用于判断当前的市级 状态
lastStatus: {},
BarType: "XZQH",
PlaceCode: '',
value: '2019-09',
nowdate: '2019-09',
sel: '筛选',
option5: {
tooltip: {
......@@ -729,9 +722,7 @@
position: ['20%', '20%'],
formatter: function(params) {
console.log(params.length)
console.log('打印params长度')
console.log(params)
if (params.length == 6) {
var res = '<ul class="f12 pl10 pr15">';
res += '<li class="f13"> ' + params[0].axisValue + '区</li>';
......@@ -751,28 +742,6 @@
return res
}
},
dataZoom: {
start: 0, //默认为0
end: 50, //默认为100
type: 'slider',
show: true ,
xAxisIndex: [0] ,
handleSize: 20 , //滑动条的 左右2个滑动条的大小
height: 5 , //组件高度
left: 50, //左边的距离
right: 50, //右边的距离
bottom: 240, //右边的距离
backgroundColor: '#ccc', //两边未选中的滑动条区域的颜色
showDataShadow: true, //是否显示数据阴影 默认auto
handleStyle: {
borderColor: "#CBBCDB",
borderWidth: "1",
shadowBlur: 1,
background: "#000",
shadowColor: "#000",
},
filterMode: 'filter',
},
legend: {
top: 10,
textStyle: {
......@@ -873,82 +842,84 @@
endValue: 14
}],
series: []
}
},
isShowBack:false,
userinfo:{},
userRole:'',
cxsj:'',
_xzqh:'',
_yljgdm:'',
_group:'',
pageLevel:''
}
},
methods: {
showtab(num){
this.showtabnum = num
console.log(this.showtabnum)
},
CityGetBack() {
console.log("this.BeginCode :" + this.BeginCode);
console.log("this.diastype :" + this.diastype);
if (this.BeginCode == 2) {
// 使用 this.BeginCode 的值来判断现在处于的区镇状态
if (this.pageLevel === 'qj') {
this.isShowBack = false
// 此时 处于第一次点击下的状态
this.PlaceCode = ''
this.BarType = 'XZQH'
this.BeginCode = 1
this._xzqh = ''
this._group = 'XZQH'
this.pageLevel = 'sj'
this.areaname = ''
this.tablename = '各区'
this.thname = '各区'
console.log("现在处于一级状态");
}
if (this.BeginCode == 3) {
// 使用 this.BeginCode 的值来判断现在处于的区镇状态
}else if (this.pageLevel === 'sq') {
// 此时 处于第二次点击下的状态
// console.log("现在处于二级状态");
this.PlaceCode = this.lastStatus.PlaceCode
this.BarType = this.lastStatus.BarType
this.BeginCode = 2
console.log(this.lastStatus);
this._group = 'YLJGDM'
this.pageLevel = 'qj'
this.aename = '社区'
this.tablename = '医院'
this.thname = '医院'
this.areaname = this.areaname2
}
this.homeinit()
this.homebot()
},
changecity(code, name) {
if (this.BeginCode == 1) {
this.areaname = name
if (this.pageLevel === 'sj') {
// 点击区 -- 展示城镇信息
this.BarType = 'YLJGDM'
// 用于记录当前的 区镇的入参状态
this.lastStatus.PlaceCode = this.PlaceCode
this.lastStatus.BarType = this.BarType
this.lastStatus.BeginCode = this.BeginCode
this.BeginCode = 2 // 当begin值为1的时候可以触发点击事件，点击事件执行后，
// 我们就需要把状态码置为2 在下文的判断中以请求 乡镇 的数据信息
// console.log(JSON.stringify(this.lastStatus));
// console.log(this.PlaceCode);
this.pageLevel = 'qj'
this._xzqh = code
this._group = 'YLJGDM'
this.isShowBack = true
this.areaname2 = name
this.aename = '社区'
this.tablename = '医院'
this.thname = '医院'
console.log(1);
} else if (this.BeginCode == 2) {
//不需要下钻
}else if (this.pageLevel === 'qj') {
this._group = 'YWSJ'
this._yljgdm = code
this.pageLevel = 'sq'
this.isShowBack = true
this.tablename = '时间'
this.thname = '月份'
}else if (this.pageLevel === 'sq') {
return false
this.BarType = 'YWSJ'
this.BeginCode = 3
console.log(2);
this.thname = '医院'
}
this.homeinit()
this.homebot()
this.PlaceCode = code
this.areaname = name
console.log(code);
console.log(this.BeginCode);
},
dataSearch(value) {
var myDate = new Date();
myDate.getYear();
sessionStorage.setItem("EndTime", value)
dataSearch(cxsj) {
sessionStorage.setItem("ywsj", cxsj)
this.homeinit()
this.homebot()
this.startTime = value.slice(0, 4) + '-01'
if (value) {
this.nowdate = value
this.selectStarttime = value
this.homeinit()
this.homebot()
}
},
pageChage(page) {
this.$emit('screenTwoPagefunc', page)
......@@ -963,7 +934,6 @@
this.ChartsNo = num
this.bingNo = 1
this.djNo = 1
console.log(this.ChartsNo);
_this.homeinit()
},
bingChange(num) {
......@@ -971,30 +941,39 @@
this.homebot()
},
changeReplay() {
var myDate = new Date();
let tempmonth = myDate.getMonth()
if (tempmonth < 10) {
tempmonth = '0' + tempmonth
this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole")
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._group = "XZQH"
this.pageLevel = 'sj'
} else if ('area' === this.userRole) {//区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YLJGDM"
this.pageLevel = 'qj'
// 点击区 -- 展示城镇信息
this.communshow = true
this.tablename = '社区'
this.thname = '医院'
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
} else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.tablename = "社区"
this.thname = "医院"
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
}
// 用于 重置时间 入参
let DateNow = '' + myDate.getFullYear() + '-' + tempmonth + '-01'
console.log(DateNow);
this.themeID = 22
this.PlaceCode = ''
this.BarType = 'XZQH'
this.BeginCode = 1
this.areaname = ''
this.thname = '各区'
this.nowdate = DateNow
this.selectStarttime = DateNow
this.value = DateNow.substr(0,7)
this.dataSearch(DateNow)
this.homeinit()
this.homebot()
this.option5.series.forEach(item=>{
item.data = []
})
console.log(this.option5.series);
this.$echarts.init(document.getElementById("middlebarbox5")).setOption(this.option5, true)
},
dengjiChange(num) {
this.djNo = num
......@@ -1004,13 +983,13 @@
let _this = this
let wd = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
}, {
"name": "XZQH",
"value": this.PlaceCode,
"value": this._xzqh,
"type": "1"
}]
//var zbcode="MBZFX_016";单独读取
......@@ -1019,8 +998,7 @@
"wd": JSON.stringify(wd),
}
commonMethod(param).then(res => {
// console.log('慢病监测-肿瘤')
console.log(res)
if(res.data.content.length>0){
_this.msgdata = res.data.content[0].zbxx
_this.msgdata.forEach((item, index) => {
......@@ -1068,13 +1046,13 @@
let wd3 = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
}, {
"name": "XZQH",
"value": this.PlaceCode,
"value": this._xzqh,
"type": "1"
}]
let param3 = {
......@@ -1082,9 +1060,9 @@
"wd": JSON.stringify(wd3)
}
console.log(param3);
commonMethod(param3).then(res => {
// console.log('慢病监测======心脑血管=========')
let zbdata = res.data.content.length > 0 ? res.data.content[0].zbxx : []
_this.msgdata.forEach((item, index) => {
if (item.ZBID == "1009") {
......@@ -1363,33 +1341,26 @@
let _this = this
let wd4 = [{
"name": "YWSJ",
"endTime": this.selectStarttime,
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
{
"name": "QYBZ",
"value": "1",
"type": "1"
},
{
"name": "XZQH",
"value": _this.PlaceCode,
"value": _this._xzqh,
"type": "1"
}
]
let param4 = {
"themeId": _this.themeID,
"wd": JSON.stringify(wd4),
"group": _this.BarType
"group": _this._group
}
console.log(_this.BarType);
console.log(_this.PlaceCode);
_this.tabledata = []
commonMethod(param4).then(res => {
// console.log('慢病管理底部----->>>>')
console.log(res)
let obj = {
name: '',
tag1: '0.0',
......@@ -1416,7 +1387,6 @@
}
obj.areacode = item.XZQH
console.log(item);
item.zbxx.forEach((item2, index2) => {
//管理人群累计死后随访人数
//去年管理人群累计死后随访人数
......@@ -1459,6 +1429,36 @@
}
},
mounted() {
this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole")
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._group = "XZQH"
this.pageLevel = 'sj'
} else if ('area' === this.userRole) {//区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YLJGDM"
this.pageLevel = 'qj'
// 点击区 -- 展示城镇信息
this.communshow = true
this.tablename = '社区'
this.thname = '医院'
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
} else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.tablename = "社区"
this.thname = "医院"
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
}
this.homeinit()
this.homebot()
// 肿瘤- 左图
......
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