Skip to content

D
diseaseControlManage
Commit 1ca0aca3 by lihu541
Options

页面数据核对，修改

parent 1981dfee
Showing with 1023 additions and 709 deletions
src/assets/home.css
...@@ -149,9 +149,9 @@ ...@@ -149,9 +149,9 @@
.table02 td span.sp01{width: 90px;} .table02 td span.sp01{width: 90px;}
.table02 td i{ width: 10px;} .table02 td i{ width: 10px;}
.table{ width: 100%; } .table{ width: 100%; }
.fixedThead{display: block;width: 100%;} .fixedThead{width: 100%;}
.scrollTbody{ display: block; height: 225px; overflow: auto; width: 100%; } .scrollTbody{ height: 225px; overflow: auto; width: 100%; }
.table tr{display:inline-table; width: 100%; } .table tr{width: 100%; }
.table03{ width: 100%; color: #B3BFD2;} .table03{ width: 100%; color: #B3BFD2;}
.table03 td{ height: 30px;} .table03 td{ height: 30px;}
......
src/components/Index.vue
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<img height="24" width="24" src="../assets/1.png"> <img height="24" width="24" src="../assets/1.png">
<p>慢病管理</p> <p>慢病管理</p>
</li> </li>
<li @click="popUp"> <li @click="toMygh">
<img height="24" width="24" src="../assets/2.png"> <img height="24" width="24" src="../assets/2.png">
<p>免疫规划</p> <p>免疫规划</p>
</li> </li>
...@@ -502,6 +502,9 @@ ...@@ -502,6 +502,9 @@
//alert('测试弹窗') //alert('测试弹窗')
this.ispopu = !this.ispopu this.ispopu = !this.ispopu
}, },
toMygh(){
location.href = '/manage-platform/index?token=' + sessionStorage.getItem('token')
},
exitFn() { exitFn() {
this.$router.push({ this.$router.push({
path: '/' path: '/'
......
src/components/userJoin/screenTwoPag1.vue
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<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"></div>
<div class="title"> <div class="title">
<div class="tp">上海市疾病预防控制管理服务云平台（慢性病防治）</div> <div class="tp">上海市疾病预防控制管理服务云平台（慢性病防治）</div>
<p>{{areaname}}</p> <p>{{areaname + hospitalname}}</p>
</div> </div>
<div class="area"> <div class="area">
<el-button size="mini" type="primary" @click="CityGetBack()" v-if="isShowBack">返回</el-button> <el-button size="mini" type="primary" @click="CityGetBack()" v-if="isShowBack">返回</el-button>
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<!---- 第一个模块----> <!---- 第一个模块---->
<div class="card-dark card-01"> <div class="card-dark card-01">
<div class="card1-mod" v-show="DieaNo != 3"> <div class="card1-mod" v-show="mbType !== 'zl'">
<h2>管·在管人数(实/同)</h2> <h2>管·在管人数(实/同)</h2>
<div class="cmtitle"> <div class="cmtitle">
<span>{{(gtopdata.ZXZ/10000).toFixed(1)}}</span> <span>{{(gtopdata.ZXZ/10000).toFixed(1)}}</span>
...@@ -33,11 +33,11 @@ ...@@ -33,11 +33,11 @@
<p><span>{{(gglrs/10000).toFixed(1)}}万</span>年内已管理人数</p> <p><span>{{(gglrs/10000).toFixed(1)}}万</span>年内已管理人数</p>
<p><span>{{(ggfrs/10000).toFixed(1)}}万</span>规范管理人数</p> <p><span>{{(ggfrs/10000).toFixed(1)}}万</span>规范管理人数</p>
<p><span>{{(gxjdata.ZXZ)}}/{{(gxjdata.ZZZ)}}个</span>新建数(累计/本周)</p> <p><span>{{(gxjdata.ZXZ)}}/{{(gxjdata.ZZZ)}}个</span>新建数(累计/本周)</p>
<p><span>{{(agsfdata.ZXZ)}}/{{(agsfdata.ZZZ)}}个</span>失访数(累计/本周) </p> <p><span>{{(gsfdata.ZXZ)}}/{{(gsfdata.ZZZ)}}个</span>失访数(累计/本周) </p>
</div> </div>
</div> </div>
<div class="card1-mod" v-show="DieaNo != 3"> <div class="card1-mod" v-show="mbType !== 'zl'">
<h2>签·在管人数(实/同)</h2> <h2>签·在管人数(实/同)</h2>
<div class="cmtitle"> <div class="cmtitle">
<span>{{(qtopdata.ZXZ/10000).toFixed(1)}}</span> <span>{{(qtopdata.ZXZ/10000).toFixed(1)}}</span>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
<p><span>{{(qsfdata.ZXZ)}}/{{(qsfdata.ZZZ)}}个</span>失访数(累计/本周)</p> <p><span>{{(qsfdata.ZXZ)}}/{{(qsfdata.ZZZ)}}个</span>失访数(累计/本周)</p>
</div> </div>
</div> </div>
<div class="card1-mod" v-show="DieaNo == 3"> <div class="card1-mod" v-show="mbType === 'zl'">
<h2>初访完成数(实/同)</h2> <h2>初访完成数(实/同)</h2>
<div class="cmtitle"> <div class="cmtitle">
<span>{{wcdata.ZXZ}}</span> <span>{{wcdata.ZXZ}}</span>
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
</div> </div>
<div class="overl">初访完成率 {{wclv}}%</div> <div class="overl">初访完成率 {{wclv}}%</div>
</div> </div>
<div class="card1-mod" v-show="DieaNo == 3"> <div class="card1-mod" v-show="mbType == 3">
<div id="pag1canser"></div> <div id="pag1canser"></div>
</div> </div>
</div> </div>
...@@ -76,11 +76,11 @@ ...@@ -76,11 +76,11 @@
<div class="dotline"></div> <div class="dotline"></div>
<div class="card2-mod"> <div class="card2-mod">
<div class="modtitle2"> <div class="modtitle2">
<span @click="DieaChange(1)" :class="DieaNo==1?'myclk':''">高血压</span>| <span @click="mbTabChange('gxy')" :class="mbType==='gxy'?'myclk':''">高血压</span>|
<span @click="DieaChange(2)" :class="DieaNo==2?'myclk':''">糖尿病</span>| <span @click="mbTabChange('tnb')" :class="mbType==='tnb'?'myclk':''">糖尿病</span>|
<span @click="DieaChange(3)" :class="DieaNo==3?'myclk':''">肿瘤</span> <span @click="mbTabChange('zl')" :class="mbType==='zl'?'myclk':''">肿瘤</span>
</div> </div>
<div class="page-left-top1" v-show="DieaNo==1 || DieaNo==2"> <div class="page-left-top1" v-show="mbType !== 'zl'">
<table class="table02" width="100%" border="0"> <table class="table02" width="100%" border="0">
<tr> <tr>
<td width="20%">&nbsp;</td> <td width="20%">&nbsp;</td>
...@@ -89,12 +89,14 @@ ...@@ -89,12 +89,14 @@
</tr> </tr>
<tr> <tr>
<td width="20%"><i class="el-icon-user-solid color1"></i> 男</td> <td width="20%"><i class="el-icon-user-solid color1"></i> 男</td>
<td width="50%"><span :style="widthChange(gxbdata1.ZXZ,gxbdata0.ZXZ,1)">{{(gxbdata1.ZXZ/10000).toFixed(1)}}万</span></td> <td width="50%"><span :style="widthChange(gxbdata1.ZXZ,gxbdata0.ZXZ,1)">{{(gxbdata1.ZXZ/10000).toFixed(1)}}万</span>
</td>
<td width="30%">{{parseFloat(gxbdata1.TBL).toFixed(1)}} <i class="el-icon-bottom color3"></i></td> <td width="30%">{{parseFloat(gxbdata1.TBL).toFixed(1)}} <i class="el-icon-bottom color3"></i></td>
</tr> </tr>
<tr> <tr>
<td width="20%"><i class="el-icon-s-check color2"></i> 女</td> <td width="20%"><i class="el-icon-s-check color2"></i> 女</td>
<td width="50%"><span :style="widthChange(gxbdata1.ZXZ,gxbdata0.ZXZ,2)" class="nv">{{(gxbdata0.ZXZ/10000).toFixed(1)}}万</span></td> <td width="50%"><span :style="widthChange(gxbdata1.ZXZ,gxbdata0.ZXZ,2)" class="nv">{{(gxbdata0.ZXZ/10000).toFixed(1)}}万</span>
</td>
<td width="30%">{{parseFloat(gxbdata0.TBL).toFixed(1)}} <i class="el-icon-bottom color3"></i></td> <td width="30%">{{parseFloat(gxbdata0.TBL).toFixed(1)}} <i class="el-icon-bottom color3"></i></td>
</tr> </tr>
<tr> <tr>
...@@ -104,17 +106,19 @@ ...@@ -104,17 +106,19 @@
</tr> </tr>
<tr> <tr>
<td width="20%"><i class="el-icon-user-solid color1"></i> 男</td> <td width="20%"><i class="el-icon-user-solid color1"></i> 男</td>
<td width="50%"><span :style="widthChange(qxbdata1.ZXZ,qxbdata0.ZXZ,1)">{{(qxbdata1.ZXZ/10000).toFixed(1)}}万</span></td> <td width="50%"><span :style="widthChange(qxbdata1.ZXZ,qxbdata0.ZXZ,1)">{{(qxbdata1.ZXZ/10000).toFixed(1)}}万</span>
</td>
<td width="30%">{{parseFloat(qxbdata1.TBL).toFixed(1)}} <i class="el-icon-bottom color3"></i></td> <td width="30%">{{parseFloat(qxbdata1.TBL).toFixed(1)}} <i class="el-icon-bottom color3"></i></td>
</tr> </tr>
<tr> <tr>
<td width="20%"><i class="el-icon-s-check color2"></i> 女</td> <td width="20%"><i class="el-icon-s-check color2"></i> 女</td>
<td width="50%"><span :style="widthChange(qxbdata1.ZXZ,qxbdata0.ZXZ,2)" class="nv">{{(qxbdata0.ZXZ/10000).toFixed(1)}}万</span></td> <td width="50%"><span :style="widthChange(qxbdata1.ZXZ,qxbdata0.ZXZ,2)" class="nv">{{(qxbdata0.ZXZ/10000).toFixed(1)}}万</span>
</td>
<td width="30%">{{parseFloat(qxbdata0.TBL).toFixed(1)}} <i class="el-icon-bottom color3"></i></td> <td width="30%">{{parseFloat(qxbdata0.TBL).toFixed(1)}} <i class="el-icon-bottom color3"></i></td>
</tr> </tr>
</table> </table>
</div> </div>
<div class="page-left-top1" v-show="DieaNo==3"> <div class="page-left-top1" v-show="mbType === 'zl'">
<div id="chartsright"></div> <div id="chartsright"></div>
<div id="chartstxt"> <div id="chartstxt">
<p>初访完成比:{{parseFloat(wclv).toFixed(1)}}%</p> <p>初访完成比:{{parseFloat(wclv).toFixed(1)}}%</p>
...@@ -123,11 +127,11 @@ ...@@ -123,11 +127,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="card2-mod" v-show="DieaNo==1 || DieaNo==2"> <div class="card2-mod" v-show="mbType !== 'zl'">
<div class="modtitle2">年龄结构</div> <div class="modtitle2">年龄结构</div>
<div id="rightupbar2"></div> <div id="rightupbar2"></div>
</div> </div>
<div class="card2-mod" v-show="DieaNo==3"> <div class="card2-mod" v-show="mbType==='zl'">
<table class="table02 table03" width="100%" border="0"> <table class="table02 table03" width="100%" border="0">
<tr> <tr>
<td width="30%">&nbsp;</td> <td width="30%">&nbsp;</td>
...@@ -138,19 +142,22 @@ ...@@ -138,19 +142,22 @@
<td width="30%">完成初访</td> <td width="30%">完成初访</td>
<td width="45%"><span class="span11">{{wcdata.ZXZ?parseFloat(wcdata.ZXZ).toFixed(1):0}}万 / <td width="45%"><span class="span11">{{wcdata.ZXZ?parseFloat(wcdata.ZXZ).toFixed(1):0}}万 /
{{wclvdata.TBZ?wclvdata.TBZ:0}}条</span></td> {{wclvdata.TBZ?wclvdata.TBZ:0}}条</span></td>
<td width="25%%">{{wclvdata.TBL?parseFloat(wclvdata.TBL).toFixed(1):0}} <i class="el-icon-bottom color3">&nbsp;</i></td> <td width="25%%">{{wclvdata.TBL?parseFloat(wclvdata.TBL).toFixed(1):0}} <i class="el-icon-bottom color3">&nbsp;</i>
</td>
</tr> </tr>
<tr> <tr>
<td width="30%">知情同意</td> <td width="30%">知情同意</td>
<td width="45%"><span class="span22">{{zqlvdata.ZXZ?parseFloat(zqlvdata.ZXZ).toFixed(1):0}}万 / <td width="45%"><span class="span22">{{zqlvdata.ZXZ?parseFloat(zqlvdata.ZXZ).toFixed(1):0}}万 /
{{zqlvdata.TBZ?zqlvdata.TBZ:0}}条</span></td> {{zqlvdata.TBZ?zqlvdata.TBZ:0}}条</span></td>
<td width="25%">{{zqlvdata.TBL?parseFloat(zqlvdata.TBL).toFixed(1):0}} <i class="el-icon-bottom color3">&nbsp;</i></td> <td width="25%">{{zqlvdata.TBL?parseFloat(zqlvdata.TBL).toFixed(1):0}} <i class="el-icon-bottom color3">&nbsp;</i>
</td>
</tr> </tr>
<tr> <tr>
<td width="30%">随访存活</td> <td width="30%">随访存活</td>
<td width="45%"><span class="span33">{{chdata.ZXZ?parseFloat(chdata.ZXZ).toFixed(1):0}}万 / <td width="45%"><span class="span33">{{chdata.ZXZ?parseFloat(chdata.ZXZ).toFixed(1):0}}万 /
{{chdata.TBZ?chdata.TBZ:0}}条</span></td> {{chdata.TBZ?chdata.TBZ:0}}条</span></td>
<td width="25%">{{chdata.TBL?parseFloat(chdata.TBL).toFixed(1):0}} <i class="el-icon-bottom color3">&nbsp;</i></td> <td width="25%">{{chdata.TBL?parseFloat(chdata.TBL).toFixed(1):0}} <i
class="el-icon-bottom color3">&nbsp;</i></td>
</tr> </tr>
</table> </table>
</div> </div>
...@@ -168,16 +175,17 @@ ...@@ -168,16 +175,17 @@
</ul> </ul>
</div> </div>
<div class="card-dark card-04"> <div class="card-dark card-04">
<div class="card3title1" v-show="DieaNo==1 || DieaNo==2"> <div class="card3title1" v-show="mbType !== 'zl'">
<span @click="groupChange(1)" :class="groupNo==1?'myclk':''" v-if="communhidden">{{commun}}</span><a v-if="communhidden">|</a> <span @click="groupChange('org')" :class="groupNo==='org'?'myclk':''" v-if="communhidden">{{commun}}</span><a
<span @click="groupChange(2)" :class="groupNo==2?'myclk':''">时间</span> v-if="communhidden">|</a>
<span @click="groupChange('time')" :class="groupNo==='time'?'myclk':''">时间</span>
</div> </div>
<div class="card3title1" v-show="DieaNo==3">各区</div> <div class="card3title1" v-show="mbType === 'zl'">各区</div>
<div class="card3title2" v-show="DieaNo==1 || DieaNo==2"> <div class="card3title2" v-show="mbType !== 'zl'">
<span @click="bingChange(1)" :class="bingNo==1?'myclk':''">随访</span>| <span @click="fxlxChange('sf')" :class="fxType === 'sf'?'myclk':''">随访</span>|
<span @click="bingChange(2)" :class="bingNo==2?'myclk':''">监测</span>| <span @click="fxlxChange('jc')" :class="fxType === 'jc'?'myclk':''">监测</span>|
<span @click="bingChange(3)" :class="bingNo==3?'myclk':''">服药</span>| <span @click="fxlxChange('fy')" :class="fxType === 'fy'?'myclk':''">服药</span>|
<span @click="bingChange(4)" :class="bingNo==4?'myclk':''">就诊</span> <span @click="fxlxChange('jz')" :class="fxType === 'jz'?'myclk':''">就诊</span>
</div> </div>
<div class="card3main"> <div class="card3main">
<div id="middlebarbox1"></div> <div id="middlebarbox1"></div>
...@@ -185,15 +193,15 @@ ...@@ -185,15 +193,15 @@
</div> </div>
<div class="card-dark card-05"> <div class="card-dark card-05">
<div class="card5title">{{tablename}}</div> <div class="card5title">{{tablename}}</div>
<div class="card5main2"> <div class="card5main">
<table class="table01 table" width="100%" border="0"> <table class="table01 table" width="100%" border="0" style="text-align: center;">
<thead class="fixedThead"> <thead class="fixedThead">
<tr> <tr>
<th width="38">序</th> <th>序</th>
<th width="48">{{thname}}</th> <th>{{thname}}</th>
<th @click.stop="showtab(1)">管/签<br />{{rightlist1}}·%</th> <th @click.stop="showtab(1)">管/签<br/>{{rightlist1}}·%</th>
<th @click.stop="showtab(2)">管/签<br />{{rightlist2}}·%</th> <th @click.stop="showtab(2)">管/签<br/>{{rightlist2}}·%</th>
<th v-if="rightlist3" @click.stop="showtab(3)">管/签<br />{{rightlist3}}·%</th> <th v-if="rightlist3" @click.stop="showtab(3)">管/签<br/>{{rightlist3}}·%</th>
</tr> </tr>
</thead> </thead>
<div class="uplib" v-if="showtabnum == 1"> <div class="uplib" v-if="showtabnum == 1">
...@@ -210,11 +218,11 @@ ...@@ -210,11 +218,11 @@
</div> </div>
<tbody class="scrollTbody"> <tbody class="scrollTbody">
<tr v-for="(item, index) in tableAll" :key="index"> <tr v-for="(item, index) in tableAll" :key="index">
<td width="38"><span>{{index+1}}</span></td> <td><span>{{index+1}}</span></td>
<td width="48" @click="changecity(item.code, item.name, item.YLDM)" class="underline">{{item.name}}</td> <td @click="toNextOrg(item.code, item.name)" class="underline">{{item.name}}</td>
<td>{{item.tag1}} / {{item.tag2}}</td> <td>{{item.tag1}}/{{item.tag2}}</td>
<td>{{item.tag3}} / {{item.tag4}}</td> <td>{{item.tag3}}/{{item.tag4}}</td>
<td v-if="rightlist3">{{item.tag5}} / {{item.tag6}}</td> <td v-if="rightlist3">{{item.tag5}}/{{item.tag6}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -228,20 +236,32 @@ ...@@ -228,20 +236,32 @@
commonMethod, commonMethod,
otherMethod otherMethod
} from '@/api/home.js' } from '@/api/home.js'
import {
getActiveNum,
checkIsNull
} from '@/utils/common.js'
export default { export default {
name: 'screenpage1', name: 'screenpage1',
inject:['reload'], inject: ['reload'],
data() { data() {
return { return {
groupNo: 1, themeidnow: 15,
bingNo: 1, themeID: 9, // 慢病在管ID
themeID2: 15, // 慢病高血压
themeID3: 21, // 慢病管理 糖尿病
themeID4: 12, // 慢病管理 肿瘤
pageNo: 1,
mbType: 'gxy',
groupNo: 'org',
fxType: 'sf',
commun: '各区', commun: '各区',
communhidden: true, communhidden: true,
tablename: '各区', tablename: '各区',
thname: '各区', thname: '各区',
areaname: '', areaname: '',
hospitalname: '',
startTime: '2019-01',
sel: '筛选', sel: '筛选',
option: { option: {
tooltip: { tooltip: {
...@@ -454,9 +474,9 @@ ...@@ -454,9 +474,9 @@
option3: { option3: {
tooltip: { tooltip: {
/*返回需要的信息*/ /*返回需要的信息*/
formatter: function(param) { formatter: function (param) {
return '<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 13px;padding-bottom: 7px;margin-bottom: 7px;"> ' + param.seriesName + '('+param.name+')' +':'+ param.value +'人</div>'; return '<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 13px;padding-bottom: 7px;margin-bottom: 7px;"> ' + param.seriesName + '(' + param.name + ')' + ':' + param.value + '人</div>';
} }
}, },
...@@ -537,54 +557,45 @@ ...@@ -537,54 +557,45 @@
} }
] ]
}, },
data_x: [],
gxyseriesA: [],
gxyseriesB: [],
gxyseriesC: [],
gxyseriesD: [],
gxyseriesE: [],
gxyseriesF: [],
gxyseriesG: [],
gxyseriesH: [],
tableAll: [],
option4: { option4: {
tooltip: { tooltip: {
position: [50, 50], position: [50, 50],
padding: 10, padding: 10,
trigger: 'axis', trigger: 'axis',
formatter: function(params) { formatter: function (params) {
let res = ''
if (params[0].seriesName == '管理/签约人群正常随访一次的人数') { if (params[0].seriesName == '管理/签约人群正常随访一次的人数') {
var res = '<ul class="f12 pl10 pr15">'; res += '<ul class="f12 pl10 pr15">';
res += '<li class="f13"> ' + params[0].axisValue + '区</li>'; res += '<li class="f13"> ' + params[0].axisValue + '</li>';
res += '<li>管理/签约人群年内正常随访过一次的高血压患者人数：' + params[0].data + '/' + params[1].data + '万</li>'; res += '<li>管理/签约人群年内正常随访过一次的高血压患者人数：' + params[0].data.num1 + '/' + params[0].data.num2 + '万</li>';
res += '<li>去年管理/签约人群年内正常随访过一次的高血压患者人数：' + params[2].data + '/' + params[3].data + '万</li>'; res += '<li>去年管理/签约人群年内正常随访过一次的高血压患者人数：' + params[0].data.num3 + '/' + params[0].data.num4 + '万</li>';
res += '<li>管.高血压患者随访率/去年：' + params[4].data + '/' + params[5].data + '%</li>'; res += '<li>管.高血压患者随访率/去年：' + params[0].data.num5 + '/' + params[0].data.num6 + '%</li>';
res += '<li>签.高血压患者随访率/去年：' + params[6].data + '/' + params[7].data + '%</li>'; res += '<li>签.高血压患者随访率/去年：' + params[0].data.num7 + '/' + params[0].data.num8 + '%</li>';
res += '</ul>'; res += '</ul>';
} else if (params[0].seriesName == '管理/签约人群血压自动上传记录数') { } else if (params[0].seriesName == '管理/签约人群血压自动上传记录数') {
var res = '<ul class="f12 pl10 pr15">'; res += '<ul class="f12 pl10 pr15">';
res += '<li class="f13"> ' + params[0].axisValue + '区</li>'; res += '<li class="f13"> ' + params[0].axisValue + '</li>';
res += '<li>管理/签约人群年内高血压患者血压自动上传记录数：' + params[0].data + '/' + params[1].data + '万</li>'; res += '<li>管理/签约人群年内高血压患者血压自动上传记录数：' + params[0].data.num1 + '/' + params[0].data.num2 + '万</li>';
res += '<li>去年管理/签约人群年内高血压患者血压自动上传记录数：' + params[2].data + '/' + params[3].data + '万</li>'; res += '<li>去年管理/签约人群年内高血压患者血压自动上传记录数：' + params[0].data.num3 + '/' + params[0].data.num4 + '万</li>';
res += '<li>管.高血压患者血压记录自动上传比例/去年：' + params[4].data + '/' + params[5].data + '%</li>'; res += '<li>管.高血压患者血压记录自动上传比例/去年：' + params[0].data.num5 + '/' + params[0].data.num6 + '%</li>';
res += '<li>签.高血压患者血压记录自动上传比例/去年：' + params[6].data + '/' + params[7].data + '%</li>'; res += '<li>签.高血压患者血压记录自动上传比例/去年：' + params[0].data.num7 + '/' + params[0].data.num8 + '%</li>';
res += '</ul>'; res += '</ul>';
} else if (params[0].seriesName == '管理/签约人群药物治疗人数') { } else if (params[0].seriesName == '管理/签约人群药物治疗人数') {
var res = '<ul class="f12 pl10 pr15">'; res += '<ul class="f12 pl10 pr15">';
res += '<li class="f13"> ' + params[0].axisValue + '区</li>'; res += '<li class="f13"> ' + params[0].axisValue + '</li>';
res += '<li>管理/签约人群年内已管理的高血压患者中接受药物治疗的人数：' + params[0].data + '/' + params[0].data + '万</li>'; res += '<li>管理/签约人群年内已管理的高血压患者中接受药物治疗的人数：' + params[0].data.num1 + '/' + params[0].data.num2 + '万</li>';
res += '<li>去年管理/签约人群年内已管理的高血压患者中接受药物治疗的人数：' + params[1].data + '/' + params[1].data + '万</li>'; res += '<li>去年管理/签约人群年内已管理的高血压患者中接受药物治疗的人数：' + params[0].data.num3 + '/' + params[0].data.num4 + '万</li>';
res += '<li>管.高血压患者药物治疗率/去年：' + params[2].data + '/' + params[2].data + '%</li>'; res += '<li>管.高血压患者药物治疗率/去年：' + params[0].data.num5 + '/' + params[0].data.num6 + '%</li>';
res += '<li>签.高血压患者药物治疗率/去年：' + params[3].data + '/' + params[3].data + '%</li>'; res += '<li>签.高血压患者药物治疗率/去年：' + params[0].data.num7 + '/' + params[0].data.num8 + '%</li>';
res += '</ul>'; res += '</ul>';
} else { } else {
var res = '<ul class="f12 pl10 pr15">'; res += '<ul class="f12 pl10 pr15">';
res += '<li class="f13"> ' + params[0].axisValue + '区</li>'; res += '<li class="f13"> ' + params[0].axisValue + '</li>';
res += '<li>管理/签约人群年内已管理的高血压患者中就诊人数：' + params[0].data + '/' + params[1].data + '万</li>'; res += '<li>管理/签约人群年内已管理的高血压患者中就诊人数：' + params[0].data.num1 + '/' + params[0].data.num2 + '万</li>';
res += '<li>去年管理/签约人群年内已管理的高血压患者中就诊人数：' + params[2].data + '/' + params[3].data + '万</li>'; res += '<li>去年管理/签约人群年内已管理的高血压患者中就诊人数：' + params[0].data.num3 + '/' + params[0].data.num4 + '万</li>';
res += '<li>管.高血压患者就诊率/去年：' + params[4].data + '/' + params[5].data + '%</li>'; res += '<li>管.高血压患者就诊率/去年：' + params[0].data.num5 + '/' + params[0].data.num6 + '%</li>';
res += '<li>签.高血压患者就诊率/去年：' + params[6].data + '/' + params[7].data + '%</li>'; res += '<li>签.高血压患者就诊率/去年：' + params[0].data.num7 + '/' + params[0].data.num8 + '%</li>';
res += '</ul>'; res += '</ul>';
} }
return res return res
...@@ -627,7 +638,7 @@ ...@@ -627,7 +638,7 @@
rotate: 60, rotate: 60,
textStyle: { textStyle: {
fontSize: 10, fontSize: 10,
color: function(value, index) { color: function (value, index) {
return '#8393A9'; return '#8393A9';
} }
} }
...@@ -667,12 +678,9 @@ ...@@ -667,12 +678,9 @@
{ {
type: 'value', type: 'value',
name: '%', name: '%',
max: 100,
min: 0,
splitNumber: 5,
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: function(value, index) { color: function (value, index) {
return '#747d8d' return '#747d8d'
}, },
type: 'solid' type: 'solid'
...@@ -699,7 +707,8 @@ ...@@ -699,7 +707,8 @@
filterMode: 'empty', filterMode: 'empty',
endValue: 14 endValue: 14
}], }],
series: [{ series: [
{
name: '管理/签约人群正常随访一次的人数', name: '管理/签约人群正常随访一次的人数',
type: 'bar', type: 'bar',
stack: '1', stack: '1',
...@@ -707,99 +716,133 @@ ...@@ -707,99 +716,133 @@
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient( color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1, 0, 0, 0, 1,
[{ [
offset: 0, {offset: 0, color: '#2A5B78'},
color: '#115D5D' {offset: 0.5, color: '#2A5B78'},
{offset: 0.6, color: '#4093E9'},
{offset: 1, color: '#4093E9'}
]
)
}
}, },
{ barWidth: null,
offset: 0.5, data: null,
color: '#115D5D'
}, },
{ {
offset: 0.5, name: '管理/签约人群正常随访一次的人数',
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: '#4093E9' color: '#4093E9'
}
},
barWidth: 6,
data: [],
}, },
{ {
offset: 1, name: '管理/签约人群正常随访一次的人数',
color: '#4093E9' type: 'bar',
} stack: '1',
] itemStyle: {
) normal: {
color: '#2A5B78'
} }
}, },
barWidth: 6,
data: [], data: [],
barWidth: null,
}, },
{ {
name: '去年管理/签约人群正常随访一次的人数', name: '去年管理/签约人群正常随访一次的人数',
type: 'bar', type: 'bar',
barWidth: 8, stack: '2',
itemStyle: { itemStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient( color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1, 0, 0, 0, 1,
[{ [
offset: 0, {offset: 0, color: '#115D5D'},
color: '#115D5D' {offset: 0.5, color: '#115D5D'},
{offset: 0.6, color: '#00BEBE'},
{offset: 1, color: '#00BEBE'}
]
)
}
}, },
{ barWidth: null,
offset: 0.5, data: null,
color: '#115D5D'
}, },
{ {
offset: 0.5, name: '去年管理/签约人群正常随访一次的人数',
color: '#099023' type: 'bar',
stack: '2',
itemStyle: {
normal: {
color: '#00BEBE'
}
},
barWidth: 6,
data: [],
}, },
{ {
offset: 1, name: '去年管理/签约人群正常随访一次的人数',
color: '#099023' type: 'bar',
} stack: '2',
] itemStyle: {
) normal: {
color: '#115D5D'
} }
}, },
barWidth: 6,
data: [], data: [],
stack: "1"
}, },
{ {
name: '管·年随访率/去年', name: '管·年随访率/去年',
type: 'line', type: 'line',
stack: '2', smooth: true,
itemStyle: {}, yAxisIndex: 1,
symbol: 'circle',
symbolSize: 6,
itemStyle: {
normal: {
color: '#00BEBE'
}
},
data: [], data: [],
barWidth: null,
}, },
{ {
name: '签·年随访率/去年', name: '签·年随访率/去年',
type: 'line', type: 'line',
barWidth: 8, smooth: true,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 6,
itemStyle: { itemStyle: {
normal: { normal: {
color: '#00BEBE' color: '#1a796c'
} }
}, },
data: [], data: [],
stack: "2"
}, },
{ {
name: '管·规范管理率/去年', name: '管·规范管理率/去年',
type: 'line', type: 'line',
smooth: false, smooth: true,
yAxisIndex: 1, yAxisIndex: 1,
symbol: 'circle', symbol: 'circle',
symbolSize: 6, symbolSize: 6,
lineStyle: { itemStyle: {
normal: { normal: {
color: '#00BEBE' color: '#1e65ca'
} }
}, },
itemStyle: {},
data: [], data: [],
}, },
{ {
name: '签·规范管理率/去年', name: '签·规范管理率/去年',
type: 'line', type: 'line',
smooth: false, smooth: true,
yAxisIndex: 1, yAxisIndex: 1,
symbol: 'circle', symbol: 'circle',
symbolSize: 6, symbolSize: 6,
...@@ -810,7 +853,7 @@ ...@@ -810,7 +853,7 @@
}, },
itemStyle: { itemStyle: {
normal: { normal: {
color: '#00D1DA' color: '#044c90'
} }
}, },
z: 12, z: 12,
...@@ -819,22 +862,21 @@ ...@@ -819,22 +862,21 @@
{ {
name: '管·随访完成比/去年', name: '管·随访完成比/去年',
type: 'line', type: 'line',
smooth: false, smooth: true,
yAxisIndex: 1, yAxisIndex: 1,
symbol: 'circle', symbol: 'circle',
symbolSize: 6, symbolSize: 6,
lineStyle: { itemStyle: {
normal: { normal: {
width: 0 color: '#FFC24D'
} }
}, },
itemStyle: {},
data: [], data: [],
}, },
{ {
name: '签·随访完成比/去年', name: '签·随访完成比/去年',
type: 'line', type: 'line',
smooth: false, smooth: true,
yAxisIndex: 1, yAxisIndex: 1,
symbol: 'circle', symbol: 'circle',
symbolSize: 6, symbolSize: 6,
...@@ -845,7 +887,7 @@ ...@@ -845,7 +887,7 @@
}, },
itemStyle: { itemStyle: {
normal: { normal: {
color: '#FFC24D' color: '#d28232'
} }
}, },
z: 12, z: 12,
...@@ -853,13 +895,16 @@ ...@@ -853,13 +895,16 @@
}, },
] ]
}, },
themeidnow: 15, data_x: [],
themeID: 9, // 慢病在管ID gxyseriesA: [],
themeID2: 15, // 慢病高血压 gxyseriesB: [],
themeID3: 21, // 慢病管理 糖尿病 gxyseriesC: [],
themeID4: 12, // 慢病管理 肿瘤 gxyseriesD: [],
pageNo: 1, gxyseriesE: [],
DieaNo: 1, gxyseriesF: [],
gxyseriesG: [],
gxyseriesH: [],
tableAll: [],
gtopdata: [], gtopdata: [],
qtopdata: [], qtopdata: [],
agdata: [], agdata: [],
...@@ -903,340 +948,103 @@ ...@@ -903,340 +948,103 @@
zqlvdata: [], zqlvdata: [],
gflvdata: [], gflvdata: [],
chdata: [], chdata: [],
BarSelect: 1,
dieaName: '血压', dieaName: '血压',
rightlist1: '规范管理率', rightlist1: '规范管理率',
rightlist2: '随访率', rightlist2: '随访率',
rightlist3: '随访比', rightlist3: '随访比',
PlaceYLGM: '',
areaclick: true, areaclick: true,
BackCLick: true, showtabnum: 0,
SheQuCode: 1, pagedisname: '高血压',
lastStatus: {},
showtabnum:0,
pagedisname:'高血压',
isShowBack: false, isShowBack: false,
userinfo:{}, userinfo: {},
userRole:'', userRole: '',
cxsj:'', cxsj: '',
_xzqh:'', _xzqh: '',
_yljgdm:'', _yljgdm: '',
_group:'', _group: '',
pageLevel:'' pageLevel: ''
} }
}, },
methods: { methods: {
showtab(num){
this.showtabnum = num
},
CityGetBack() {
if (this.pageLevel === 'qj') { pageDataInit() {
this.pageHeadData()
},
this.pageLevel = 'sj' pageHeadData() {
this._xzqh = '' this.agedatax = []
this._group = 'XZQH' this.agedatayg = []
this.isShowBack = false this.agedatayq = []
this.areaname = '' let _this = this
this.commun = "各区" let wd = [
this.thname = "各区" {
this.communhidden = true "name": "YWSJ",
"startTime": '',
"endTime": this.cxsj,
"type": "2",
"compare": "between"
}, {
"name": "XZQH",
"value": this._xzqh,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
} }
else if (this.pageLevel === 'sq') { ]
this.pageLevel = 'qj' let param = {
this._group = 'YLJGDM' "themeId": _this.themeID,
this._yljgdm = '' "wd": JSON.stringify(wd),
this.tablename = "社区"
this.thname = "医院"
if(this.userRole === 'area'){
this.isShowBack = false
} }
} commonMethod(param).then(res => {
this.homeinit() _this.agdata = res.data.content[0].zbxx
this.reApplyCharts() if (_this.mbType === 'gxy') {
this.bottominit() _this.gtopdata = _this.agdata[0]
}, }else if (_this.mbType === 'tnb') {
pageChage(page) { _this.gtopdata = _this.agdata[1]
this.$emit('screenTwoPagefunc', page)
},
widthChange(param1, param2, type) {
let p1 = parseInt(param1)
let p2 = parseInt(param2)
if (p1 == 0 && p2 == 0) {
return 'width:1%'
}
if (type == 1) {
if (p1 > p2) {
return 'width:100%'
} else {
let bfb = parseFloat(p1 / p2) * 100
return 'width:' + bfb + '%'
}
} else {
if (p1 < p2) {
return 'width:100%'
} else {
let bfb = parseFloat(p2 / p1) * 100
return 'width:' + bfb + '%'
}
} }
}, }).catch(err => {
resetPage() { 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'
this.communhidden = true
this.BackCLick = false
this.areaclick = true
this.areaname = ''
this.tablename = "各区"
this.thname = "各区"
this.DieaNo = 1
this.bingNo = 1
this.BarSelect = 1
} else if ('area' === this.userRole) {//区角色
this._yljgdm = ''
this._group = 'YLJGDM'
this.pageLevel = 'qj'
this.commun = "社区" //{\"name\":\"QYBZ\",\"value\":\"1\",\"type\":\"1\"}不加这个管
let wdq = [{
"name": "YWSJ",
"startTime": '',
"endTime": this.cxsj,
"type": "2",
"compare": "between",
}, {
"name": "XZQH",
"value": this._xzqh,
"type": "1"
}, {
"name": "QYBZ",
"value": "1",
"type": "1",
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}]
let paramq = {
"themeId": _this.themeID,
"wd": JSON.stringify(wdq),
}
this._xzqh = sessionStorage.getItem("organizcode") commonMethod(paramq).then(res => {
this.BackCLick = false
this.areaclick = false
this.tablename = '社区'
this.thname = '医院'
} else if ('hospital' === this.userRole) {//社区角色 _this.aqdata = res.data.content[0].zbxx
this._xzqh = sessionStorage.getItem("porgcode")
this._yljgdm = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.areaname = sessionStorage.getItem("organizcodeName") if (_this.mbType === 'gxy') {
this.communhidden = false _this.qtopdata = _this.aqdata[0]
this.tablename = '时间' }else if (_this.mbType === 'tnb') {
this.thname = '月份' _this.qtopdata = _this.aqdata[1]
} }
this.homeinit()
this.reApplyCharts()
this.bottominit()
},
groupChange(num) {
this.groupNo = num
if (num == 1) {
this._group = 'XZQH'
this.tablename = "各区"
this.thname = "各区"
} else {
this._group = 'YWSJ'
this.tablename = "时间"
this.thname = "月份"
}
// 切换区后 执行方法渲染数据
this.bottominit()
},
dataSearch(cxsj) {
sessionStorage.setItem("ywsj", cxsj)
this.homeinit()
this.reApplyCharts()
this.bottominit()
},
bingChange(num) {
this.bingNo = num
this.BarSelect = num
this.bottominit()
},
exitFn() {
this.$router.push({
path: '/'
});
},
// cansertopShow
DieaChange(num) {
let _this = this
_this.DieaNo = num
if(num == 1){
this.pagedisname = '高血压'
}else if(num == 2){
this.pagedisname = '糖尿病'
}else{
this.pagedisname = '肿瘤'
}
_this.agedatayq = []
_this.agedatayg = []
if (_this.DieaNo == 1) {
this.themeidnow = 15 // 柱状图请求ID
this.bottominit() // 数据请求、柱状图图标渲染
_this.gtopdata = _this.agdata[0]
_this.qtopdata = _this.aqdata[0]
_this.gxjdata = _this.agxjdata[0]
_this.qxjdata = _this.aqxjdata[0]
_this.gsfdata = _this.agsfdata[0]
_this.qsfdata = _this.aqsfdata[0]
_this.gxbdata0 = _this.agxbdata0[0]
_this.gxbdata1 = _this.agxbdata1[0]
_this.qxbdata0 = _this.aqxbdata0[0]
_this.qxbdata1 = _this.aqxbdata1[0]
_this.ggxydata.forEach((item, index) => {
if (item.ZBID == 1048) {
_this.gglrs = item.ZXZ
}
if (item.ZBID == 1054) {
_this.ggfrs = item.ZXZ
}
})
_this.qgxydata.forEach((item, index) => {
if (item.ZBID == 1048) {
_this.qglrs = item.ZXZ
console.log('年内已管理人数: ' + this.qglrs);
}
if (item.ZBID == 1054) {
_this.qgfrs = item.ZXZ
console.log('规范管理人数: ' + this.qgfrs);
}
})
//
_this.ageqy.forEach((item, index) => {
_this.agedatayq.push(item.zbxx[0].ZXZ)
})
_this.agegl.forEach((item, index) => {
_this.agedatayg.push(item.zbxx[0].ZXZ)
})
} else if (_this.DieaNo == 2) {
console.log("糖尿病输出");
this.themeidnow = 21 // 底部柱状图ID
this.bottominit() // 数据请求、柱状图图标渲染
_this.gtopdata = _this.agdata[1]
_this.qtopdata = _this.aqdata[1]
_this.gxjdata = _this.agxjdata[1]
_this.qxjdata = _this.aqxjdata[1]
_this.gsfdata = _this.agsfdata[1]
_this.qsfdata = _this.aqsfdata[1]
_this.gxbdata0 = _this.agxbdata0[1]
_this.gxbdata1 = _this.agxbdata1[1]
_this.qxbdata0 = _this.aqxbdata0[1]
_this.qxbdata1 = _this.aqxbdata1[1]
_this.gtnbdata.forEach((item, index) => {
if (item.ZBID == 1051) {
_this.gglrs = item.ZXZ
}
if (item.ZBID == 1056) {
_this.ggfrs = item.ZXZ
}
})
_this.qtnbdata.forEach((item, index) => {
if (item.ZBID == 1051) {
_this.qglrs = item.ZXZ
}
if (item.ZBID == 1056) {
_this.qgfrs = item.ZXZ
}
})
//
_this.ageqy.forEach((item, index) => {
_this.agedatayq.push(item.zbxx[1].ZXZ)
})
_this.agegl.forEach((item, index) => {
_this.agedatayg.push(item.zbxx[1].ZXZ)
})
} else {
this.themeidnow = 12
this.bottominit()
let _this = this
setTimeout(function(){_this.zhongliu()},500)
}
},
homeinit() {
this.agedatax = []
this.agedatayg = []
this.agedatayq = []
let _this = this
let wd = [
{
"name": "YWSJ",
"startTime": '',
"endTime": this.cxsj,
"type": "2",
"compare": "between"
}, {
"name": "XZQH",
"value": this._xzqh,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}
]
let param = {
"themeId": _this.themeID,
"wd": JSON.stringify(wd),
}
commonMethod(param).then(res => {
_this.agdata = res.data.content[0].zbxx
_this.gtopdata = _this.agdata[0]
}).catch(err => {
console.log("--慢病管理在管报错--");
})
//{\"name\":\"QYBZ\",\"value\":\"1\",\"type\":\"1\"}不加这个管
let wdq = [{
"name": "YWSJ",
"startTime": '',
"endTime": this.cxsj,
"type": "2",
"compare": "between",
}, {
"name": "XZQH",
"value": this._xzqh,
"type": "1"
},{
"name": "QYBZ",
"value": "1",
"type": "1",
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}]
let paramq = {
"themeId": _this.themeID,
"wd": JSON.stringify(wdq),
}
commonMethod(paramq).then(res => {
_this.aqdata = res.data.content[0].zbxx
_this.qtopdata = _this.aqdata[0]
}).catch(err => { }).catch(err => {
console.log("--慢病管理在签报错--"); console.log("--慢病管理在签报错--");
...@@ -1268,8 +1076,12 @@ ...@@ -1268,8 +1076,12 @@
commonMethod(paramxj).then(res => { commonMethod(paramxj).then(res => {
_this.agxjdata = res.data.content[0].zbxx _this.agxjdata = res.data.content[0].zbxx
_this.gxjdata = _this.agxjdata[0]
if (_this.mbType === 'gxy') {
_this.gxjdata = _this.agxjdata[0]
}else if (_this.mbType === 'tnb') {
_this.gxjdata = _this.agxjdata[1]
}
}).catch(err => { }).catch(err => {
console.log("--慢病管理新建-管报错--"); console.log("--慢病管理新建-管报错--");
}) })
...@@ -1304,7 +1116,12 @@ ...@@ -1304,7 +1116,12 @@
commonMethod(paramxjq).then(res => { commonMethod(paramxjq).then(res => {
_this.aqxjdata = res.data.content[0].zbxx _this.aqxjdata = res.data.content[0].zbxx
if (_this.mbType === 'gxy') {
_this.qxjdata = _this.aqxjdata[0] _this.qxjdata = _this.aqxjdata[0]
}else if (_this.mbType === 'tnb') {
_this.qxjdata = _this.aqxjdata[1]
}
}).catch(err => { }).catch(err => {
console.log("--慢病管理新建-签报错--"); console.log("--慢病管理新建-签报错--");
}) })
...@@ -1334,14 +1151,13 @@ ...@@ -1334,14 +1151,13 @@
} }
commonMethod(paramsf).then(res => { commonMethod(paramsf).then(res => {
res.data.content[0].zbxx.forEach(item=>{ _this.agsfdata = res.data.content[0].zbxx
if(item.ZBID == "1045"){ if (_this.mbType === 'gxy') {
_this.agsfdata = item _this.gsfdata = _this.agsfdata[0]
}else if (_this.mbType === 'tnb') {
_this.gsfdata = _this.agsfdata[1]
} }
})
_this.gsfdata = _this.aqsfdata[0]
}).catch(err => { }).catch(err => {
console.log("--慢病管理失访-管报错--"); console.log("--慢病管理失访-管报错--");
...@@ -1377,7 +1193,12 @@ ...@@ -1377,7 +1193,12 @@
commonMethod(paramsfq).then(res => { commonMethod(paramsfq).then(res => {
_this.aqsfdata = res.data.content[0].zbxx _this.aqsfdata = res.data.content[0].zbxx
if (_this.mbType === 'gxy') {
_this.qsfdata = _this.aqsfdata[0] _this.qsfdata = _this.aqsfdata[0]
}else if (_this.mbType === 'tnb') {
_this.qsfdata = _this.aqsfdata[1]
}
}).catch(err => { }).catch(err => {
console.log("--慢病管理失访-签报错--"); console.log("--慢病管理失访-签报错--");
...@@ -1712,7 +1533,7 @@ ...@@ -1712,7 +1533,7 @@
_this.agedatax.push(item.NL) _this.agedatax.push(item.NL)
}) })
let temp1 = [], temp2 = [],temp3 = [], Temp = [] let temp1 = [], temp2 = [], temp3 = [], Temp = []
for (var i = 0; i < this.agedatax.length; i++) { for (var i = 0; i < this.agedatax.length; i++) {
let agestructObj = { let agestructObj = {
...@@ -1720,7 +1541,7 @@ ...@@ -1720,7 +1541,7 @@
g_age: 'v', g_age: 'v',
q_age: 'v' q_age: 'v'
} }
if(this.agedatax[i]){ if (this.agedatax[i]) {
agestructObj.age = this.agedatax[i] agestructObj.age = this.agedatax[i]
agestructObj.g_age = this.agedatayg[i] agestructObj.g_age = this.agedatayg[i]
...@@ -1761,47 +1582,294 @@ ...@@ -1761,47 +1582,294 @@
console.log("--年龄报错--"); console.log("--年龄报错--");
}) })
}, },
zhongliu() { showtab(num) {
console.log("肿瘤的上方圆形图表输出"); this.showtabnum = num
let _this = this },
this.rightlist1 = '初访完成比/同·%' CityGetBack() {
this.rightlist2 = '知情同意接受随访比/偏·%'
this.rightlist3 = '规范管理率/同·%'
let wd = [{
"name": "YWSJ",
"type": "2",
"startTime": '',
"endTime": this.cxsj,
"compare": "between",
}, {
"name": "XZQH",
"value": this._xzqh,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}]
let param = {
"themeId": _this.themeID4,
"wd": JSON.stringify(wd),
}
commonMethod(param).then(res => { if (this.pageLevel === 'qj') {
let datalist = res.data.content[0].zbxx this.pageLevel = 'sj'
datalist.forEach((item, index) => { this._xzqh = ''
if (item.ZBID == 1038) { this._group = 'XZQH'
_this.wcdata = item this.isShowBack = false
this.areaname = ''
this.hospitalname = ''
this.commun = "各区"
this.thname = "各区"
this.communhidden = true
} else if (this.pageLevel === 'sq') {
this.pageLevel = 'qj'
this._group = 'YLJGDM'
this._yljgdm = ''
this.hospitalname = ''
this.tablename = "社区"
this.thname = "医院"
if (this.userRole === 'area') {
this.isShowBack = false
} }
if (item.ZBID == 1037) {
_this.wclv = item.ZXZ ? item.ZXZ : 0
_this.wczbz = item.ZXZ ? item.ZXZ : 0
_this.wwczbz = 100 - item.ZXZ ? item.ZXZ : 0
_this.wclvdata = item
} }
if (item.ZBID == 1041) { this.pageDataInit()
this.reApplyCharts()
this.bottominit()
},
pageChage(page) {
this.$emit('screenTwoPagefunc', page)
},
widthChange(param1, param2, type) {
let p1 = parseInt(param1)
let p2 = parseInt(param2)
if (p1 == 0 && p2 == 0) {
return 'width:1%'
}
if (type == 1) {
if (p1 > p2) {
return 'width:100%'
} else {
let bfb = parseFloat(p1 / p2) * 100
return 'width:' + bfb + '%'
}
} else {
if (p1 < p2) {
return 'width:100%'
} else {
let bfb = parseFloat(p2 / p1) * 100
return 'width:' + bfb + '%'
}
}
},
resetPage() {
this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole")
this.mbType = 'gxy'
this.groupNo = 'org'
this.fxType = 'sf'
this.themeidnow = '15'
if ('city' === this.userRole) {//市角色
this._xzqh = ""
this._group = "XZQH"
this.pageLevel = 'sj'
this._yljgdm = ''
this.communhidden = true
this.areaclick = true
this.areaname = ''
this.hospitalname = ''
this.tablename = "各区"
this.thname = "各区"
} else if ('area' === this.userRole) {//区角色
this._yljgdm = ''
this._group = 'YLJGDM'
this.pageLevel = 'qj'
this._yljgdm = ''
this.commun = "社区"
this.areaname = sessionStorage.getItem("organizcodeName")
this.hospitalname = ''
this._xzqh = sessionStorage.getItem("organizcode")
this.areaclick = false
this.tablename = '社区'
this.thname = '医院'
} else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("porgcode")
this._yljgdm = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.areaname = ''
this.hospitalname = sessionStorage.getItem("organizcodeName")
this.communhidden = false
this.tablename = '时间'
this.thname = '月份'
}
this.pageDataInit()
this.reApplyCharts()
this.bottominit()
},
groupChange(type) {
this.groupNo = type
if (type === 'org') {
this._group = 'XZQH'
this.tablename = "各区"
this.thname = "各区"
} else {
this._group = 'YWSJ'
this.tablename = "时间"
this.thname = "月份"
}
// 切换区后 执行方法渲染数据
this.bottominit()
},
dataSearch(cxsj) {
sessionStorage.setItem("ywsj", cxsj)
this.pageDataInit()
this.reApplyCharts()
this.bottominit()
},
fxlxChange(fxType) {
this.fxType = fxType
this.bottominit()
},
exitFn() {
this.$router.push({
path: '/'
});
},
mbTabChange(mbType) {
let _this = this
_this.mbType = mbType
if (mbType === 'gxy') {
this.pagedisname = '高血压'
} else if (mbType === 'tnb') {
this.pagedisname = '糖尿病'
} else {
this.pagedisname = '肿瘤'
}
_this.agedatayq = []
_this.agedatayg = []
if (_this.mbType === 'gxy') {
this.themeidnow = 15 // 柱状图请求ID
this.bottominit() // 数据请求、柱状图图标渲染
_this.gtopdata = _this.agdata[0]
_this.qtopdata = _this.aqdata[0]
_this.gxjdata = _this.agxjdata[0]
_this.qxjdata = _this.aqxjdata[0]
_this.gsfdata = _this.agsfdata[0]
_this.qsfdata = _this.aqsfdata[0]
_this.gxbdata0 = _this.agxbdata0[0]
_this.gxbdata1 = _this.agxbdata1[0]
_this.qxbdata0 = _this.aqxbdata0[0]
_this.qxbdata1 = _this.aqxbdata1[0]
_this.ggxydata.forEach((item, index) => {
if (item.ZBID == 1048) {
_this.gglrs = item.ZXZ
}
if (item.ZBID == 1054) {
_this.ggfrs = item.ZXZ
}
})
_this.qgxydata.forEach((item, index) => {
if (item.ZBID == 1048) {
_this.qglrs = item.ZXZ
console.log('年内已管理人数: ' + this.qglrs);
}
if (item.ZBID == 1054) {
_this.qgfrs = item.ZXZ
console.log('规范管理人数: ' + this.qgfrs);
}
})
//
_this.ageqy.forEach((item, index) => {
_this.agedatayq.push(item.zbxx[0].ZXZ)
})
_this.agegl.forEach((item, index) => {
_this.agedatayg.push(item.zbxx[0].ZXZ)
})
} else if (_this.mbType === 'tnb') {
console.log("糖尿病输出");
this.themeidnow = 21 // 底部柱状图ID
this.bottominit() // 数据请求、柱状图图标渲染
_this.gtopdata = _this.agdata[1]
_this.qtopdata = _this.aqdata[1]
_this.gxjdata = _this.agxjdata[1]
_this.qxjdata = _this.aqxjdata[1]
_this.gsfdata = _this.agsfdata[1]
_this.qsfdata = _this.aqsfdata[1]
_this.gxbdata0 = _this.agxbdata0[1]
_this.gxbdata1 = _this.agxbdata1[1]
_this.qxbdata0 = _this.aqxbdata0[1]
_this.qxbdata1 = _this.aqxbdata1[1]
_this.gtnbdata.forEach((item, index) => {
if (item.ZBID == 1051) {
_this.gglrs = item.ZXZ
}
if (item.ZBID == 1056) {
_this.ggfrs = item.ZXZ
}
})
_this.qtnbdata.forEach((item, index) => {
if (item.ZBID == 1051) {
_this.qglrs = item.ZXZ
}
if (item.ZBID == 1056) {
_this.qgfrs = item.ZXZ
}
})
//
_this.ageqy.forEach((item, index) => {
_this.agedatayq.push(item.zbxx[1].ZXZ)
})
_this.agegl.forEach((item, index) => {
_this.agedatayg.push(item.zbxx[1].ZXZ)
})
} else {
this.themeidnow = 12
this.bottominit()
let _this = this
setTimeout(function () {
_this.zhongliu()
}, 500)
}
},
zhongliu() {
console.log("肿瘤的上方圆形图表输出");
let _this = this
this.rightlist1 = '初访完成比/同·%'
this.rightlist2 = '知情同意接受随访比/偏·%'
this.rightlist3 = '规范管理率/同·%'
let wd = [{
"name": "YWSJ",
"type": "2",
"startTime": '',
"endTime": this.cxsj,
"compare": "between",
}, {
"name": "XZQH",
"value": this._xzqh,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}]
let param = {
"themeId": _this.themeID4,
"wd": JSON.stringify(wd),
}
commonMethod(param).then(res => {
let datalist = res.data.content[0].zbxx
datalist.forEach((item, index) => {
if (item.ZBID == 1038) {
_this.wcdata = item
}
if (item.ZBID == 1037) {
_this.wclv = item.ZXZ ? item.ZXZ : 0
_this.wczbz = item.ZXZ ? item.ZXZ : 0
_this.wwczbz = 100 - item.ZXZ ? item.ZXZ : 0
_this.wclvdata = item
}
if (item.ZBID == 1041) {
_this.zqlv = item.ZXZ ? item.ZXZ : 0 _this.zqlv = item.ZXZ ? item.ZXZ : 0
_this.zqlvdata = item _this.zqlvdata = item
} }
...@@ -1829,7 +1897,7 @@ ...@@ -1829,7 +1897,7 @@
console.log("--慢病管理肿瘤报错--"); console.log("--慢病管理肿瘤报错--");
}) })
}, },
changecity(code, name) { toNextOrg(code, name) {
if (this.pageLevel === 'sj') { if (this.pageLevel === 'sj') {
console.log("此处是第一次点击"); console.log("此处是第一次点击");
...@@ -1841,31 +1909,33 @@ ...@@ -1841,31 +1909,33 @@
this.thname = '医院' this.thname = '医院'
this.areaname = name this.areaname = name
this.hospitalname = ''
this.isShowBack = true this.isShowBack = true
}else if (this.pageLevel === 'qj') { } else if (this.pageLevel === 'qj') {
this.pageLevel = 'sq' this.pageLevel = 'sq'
this._group = 'YWSJ' this._group = 'YWSJ'
this._yljgdm = code this._yljgdm = code
this.areaname = name this.hospitalname = name
this.isShowBack = true this.isShowBack = true
this.communhidden = false this.communhidden = false
this.tablename = '时间' this.tablename = '时间'
this.thname = '月份' this.thname = '月份'
}else if (this.pageLevel === 'sq') { } else if (this.pageLevel === 'sq') {
return false return false
} }
this.homeinit() this.pageDataInit()
this.reApplyCharts() this.reApplyCharts()
this.bottominit() this.bottominit()
}, },
bottominit() { bottominit() {
let _this = this let _this = this
let wd, param,wdq, paramq let wd, param, wdq, paramq
wd = [{ wd = [{
"name": "YWSJ", "name": "YWSJ",
...@@ -1897,10 +1967,10 @@ ...@@ -1897,10 +1967,10 @@
"name": "XZQH", "name": "XZQH",
"value": this._xzqh, "value": this._xzqh,
"type": "1", "type": "1",
},{ }, {
"name":"QYBZ", "name": "QYBZ",
"value":"1", "value": "1",
"type":"1", "type": "1",
}, { }, {
"name": "YLJGDM", "name": "YLJGDM",
"value": this._yljgdm, "value": this._yljgdm,
...@@ -1908,24 +1978,16 @@ ...@@ -1908,24 +1978,16 @@
}] }]
paramq = { paramq = {
"themeId": this.themeidnow, "themeId": this.themeidnow,
"wd": JSON.stringify(wd), "wd": JSON.stringify(wdq),
"group": this._group "group": this._group
} }
commonMethod(param).then(res => {
let temptableAll = res.data.content
if (temptableAll[0] && temptableAll[0].YWSJ) {
temptableAll.sort((prev, next) => {
return parseInt(prev.YWSJ.substring(5, 7)) - parseInt(next.YWSJ.substring(5, 7))
})
}
_this.data_x = [] _this.data_x = []
_this.data_code = []
_this.tableAll = [] _this.tableAll = []
_this.gxyseriesA = [] _this.gxyseriesA_g = []
_this.gxyseriesB = [] _this.gxyseriesA_q = []
_this.gxyseriesB_g = []
_this.gxyseriesB_q = []
_this.gxyseriesC = [] _this.gxyseriesC = []
_this.gxyseriesD = [] _this.gxyseriesD = []
_this.gxyseriesE = [] _this.gxyseriesE = []
...@@ -1933,22 +1995,29 @@ ...@@ -1933,22 +1995,29 @@
_this.gxyseriesG = [] _this.gxyseriesG = []
_this.gxyseriesH = [] _this.gxyseriesH = []
if (this.BarSelect == 1) { commonMethod(paramq).then(res => {
// 随访 - 标签数据获取
res.data.content.forEach((item, index) => { let temptableAllQ = res.data.content
let obj = { if (temptableAllQ[0] && temptableAllQ[0].YWSJ) {
name: '', temptableAllQ.sort((prev, next) => {
code: '', return parseInt(prev.YWSJ.substring(5, 7)) - parseInt(next.YWSJ.substring(5, 7))
tag1: '', })
tag2: '',
tag3: '',
tag4: '',
tag5: '',
tag6: '',
YLDM: ''
} }
commonMethod(param).then(res => {
let temptableAll = res.data.content
if (temptableAll[0] && temptableAll[0].YWSJ) {
temptableAll.sort((prev, next) => {
return parseInt(prev.YWSJ.substring(5, 7)) - parseInt(next.YWSJ.substring(5, 7))
})
}
// if (_this.groupNo === 'time') {
// _this.data_x = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]
// }
if (this.fxType === 'sf') {
// 随访 - 标签数据获取
res.data.content.forEach((item, index) => {
let obj = {}
if (item.YWSJ) { if (item.YWSJ) {
obj.name = item.YWSJ.substring(5, 7) + '月' obj.name = item.YWSJ.substring(5, 7) + '月'
} else { } else {
...@@ -1959,195 +2028,299 @@ ...@@ -1959,195 +2028,299 @@
obj.name = item.YLJGDM_EX2 obj.name = item.YLJGDM_EX2
obj.code = item.YLJGDM obj.code = item.YLJGDM
} else { } else {
obj.name = '数据缺失' obj.name = ''
return false
} }
} }
let NameTemp if (_this.groupNo === 'org') {
if (_this.groupNo == 1) {
NameTemp = item.XZQH_TEXT ? item.XZQH_TEXT : item.YLJGDM_EX2
_this.data_x.push(obj.name) _this.data_x.push(obj.name)
} else { _this.data_code.push(obj.code)
NameTemp = item.YWSJ.substring(6, 7) + '月' ? item.YWSJ.substring(6, 7) + '月' : item.YLJGDM_EX2.substring( }else{
6, 7) + '月' let NameTemp
NameTemp = item.YWSJ.substring(6, 7) + '月' ?
item.YWSJ.substring(6, 7) + '月' : item.YLJGDM_EX2.substring(6, 7) + '月'
_this.data_x.push(NameTemp) _this.data_x.push(NameTemp)
} }
item.zbxx.forEach((item2, index) => {
if (!this._xzqh) { if (_this.mbType === 'gxy') {
item.zbxx.forEach((item2, index2) => { if (item2.ZBID == '1048') {
//qwer _this.gxyseriesA_g.push(getActiveNum(item2.ZXZ / 10000))
_this.gxyseriesB_g.push(getActiveNum(item2.TBZ / 10000))
if (item2.ZBID == '1058' || item2.ZBID == '1050') {
_this.gxyseriesA.push(parseFloat(item2.ZXZ / 10000))
_this.gxyseriesB.push(item2.TBZ)
} }
if (item2.ZBID == '1053' || item2.ZBID == '1055') { if (item2.ZBID == '1047') {
_this.gxyseriesC.push(item2.ZXZ) _this.gxyseriesC.push(getActiveNum(item2.ZXZ))
_this.gxyseriesD.push(item2.ZXZ)
obj.tag1 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
obj.tag2 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
} }
if (item2.ZBID == '1047' || item2.ZBID == '1050') { if (item2.ZBID == '1053') {
_this.gxyseriesE.push(item2.ZXZ) _this.gxyseriesE.push(getActiveNum(item2.ZXZ))
_this.gxyseriesF.push(item2.ZXZ) }
obj.tag3 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0 if (item2.ZBID == '1057') {
obj.tag4 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0 _this.gxyseriesG.push(getActiveNum(item2.ZXZ))
}
} else if (_this.mbType === 'tnb') {
if (item2.ZBID == '1051') {
_this.gxyseriesA_g.push(getActiveNum(item2.ZXZ / 10000))
_this.gxyseriesB_g.push(getActiveNum(item2.TBZ / 10000))
}
if (item2.ZBID == '1050') {
_this.gxyseriesC.push(getActiveNum(item2.ZXZ))
}
if (item2.ZBID == '1055') {
_this.gxyseriesE.push(getActiveNum(item2.ZXZ))
}
if (item2.ZBID == '1060') {
_this.gxyseriesG.push(getActiveNum(item2.ZXZ))
} }
if (item2.ZBID == '1057' || item2.ZBID == '1060') {
_this.gxyseriesG.push(item2.ZXZ)
_this.gxyseriesH.push(item2.ZXZ)
obj.tag5 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
obj.tag6 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
} }
}) })
_this.tableAll.push(obj)
} else {
// if (this._xzqh == item.YLJGDM) { })
item.zbxx.forEach((item2, index2) => { temptableAllQ.forEach((item, index) => {
if (item2.ZBID == '1058' || item2.ZBID == '1050') {
_this.gxyseriesA.push(parseFloat(item2.ZXZ / 10000)) item.zbxx.forEach((item2, index2) => {
_this.gxyseriesB.push(item2.TBZ) if (_this.mbType === 'gxy') {
if (item2.ZBID == '1048') {
_this.gxyseriesA_q.push(getActiveNum(item2.ZXZ / 10000))
_this.gxyseriesB_q.push(getActiveNum(item2.TBZ / 10000))
} }
if (item2.ZBID == '1053' || item2.ZBID == '1055') { if (item2.ZBID == '1047') {
_this.gxyseriesD.push(getActiveNum(item2.ZXZ))
_this.gxyseriesC.push(item2.ZXZ)
_this.gxyseriesD.push(item2.ZXZ)
obj.tag1 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
obj.tag2 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
} }
if (item2.ZBID == '104' || item2.ZBID == '1060') { if (item2.ZBID == '1053') {
_this.gxyseriesF.push(getActiveNum(item2.ZXZ))
_this.gxyseriesE.push(item2.ZXZ)
_this.gxyseriesF.push(item2.ZXZ)
obj.tag3 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
obj.tag4 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
} }
if (item2.ZBID == '1057' || item2.ZBID == '1061') { if (item2.ZBID == '1057') {
_this.gxyseriesH.push(getActiveNum(item2.ZXZ))
_this.gxyseriesG.push(item2.ZXZ) }
_this.gxyseriesH.push(item2.ZXZ) } else if (_this.mbType === 'tnb') {
obj.tag5 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0 if (item2.ZBID == '1051') {
obj.tag6 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0 _this.gxyseriesA_q.push(getActiveNum(item2.ZXZ / 10000))
_this.gxyseriesB_q.push(getActiveNum(item2.TBZ / 10000))
} }
if (item2.ZBID == '1050') {
_this.gxyseriesD.push(getActiveNum(item2.ZXZ))
}
if (item2.ZBID == '1055') {
_this.gxyseriesF.push(getActiveNum(item2.ZXZ))
}
if (item2.ZBID == '1060') {
_this.gxyseriesH.push(getActiveNum(item2.ZXZ))
}
}
})
}) })
_this.gxyseriesA_g.forEach((item, index) => {
let obj = {}
let a = getActiveNum(_this.gxyseriesA_g[index] - _this.gxyseriesA_q[index])
let b = getActiveNum(_this.gxyseriesB_g[index] - _this.gxyseriesB_q[index])
obj.name = _this.data_x[index]
obj.code = _this.data_code[index]
obj.tag1 = getActiveNum(_this.gxyseriesE[index])
obj.tag2 = getActiveNum(_this.gxyseriesF[index])
obj.tag3 = getActiveNum(_this.gxyseriesC[index])
obj.tag4 = getActiveNum(_this.gxyseriesD[index])
obj.tag5 = getActiveNum(_this.gxyseriesG[index])
obj.tag6 = getActiveNum(_this.gxyseriesH[index])
_this.tableAll.push(obj) _this.tableAll.push(obj)
// }
} let tooltip = {}
tooltip.num1 = _this.gxyseriesA_g[index]
tooltip.num2 = _this.gxyseriesA_q[index]
tooltip.num3 = _this.gxyseriesB_g[index]
tooltip.num4 = _this.gxyseriesB_q[index]
tooltip.num5 = _this.gxyseriesC[index]
tooltip.num6 = 0
tooltip.num7 = _this.gxyseriesD[index]
tooltip.num8 = 0
_this.gxyseriesA_q[index] = Object.assign({value:_this.gxyseriesA_q[index]}, tooltip)
_this.gxyseriesA[index] = Object.assign({value:a}, tooltip)
_this.gxyseriesB_q[index] = Object.assign({value:_this.gxyseriesB_q[index]}, tooltip)
_this.gxyseriesB[index] = Object.assign({value:b}, tooltip)
}) })
// DieaNo ： 1-高血压 2-糖尿病 // mbType ： 1-高血压 2-糖尿病
// groupNo ：1-各区 2- 时间 // groupNo ：1-各区 2- 时间
let legendMy = [`管理/签约人群正常随访一次的人数`, `去年管理/签约人群正常随访一次的人数`, `管·年随访率/去年`, `签·年随访率/去年`, `管·规范管理率/去年`, let sfLegend = [`管理/签约人群正常随访一次的人数`, `去年管理/签约人群正常随访一次的人数`, `管·年随访率/去年`, `签·年随访率/去年`, `管·规范管理率/去年`,
`签·规范管理率/去年`, `管·随访完成比/去年`, `签·随访完成比/去年` `签·规范管理率/去年`, `管·随访完成比/去年`, `签·随访完成比/去年`
] ]
if (this.groupNo == 1) { if (this.groupNo === 'time') {
legendMy = [`管理/签约人群正常随访一次的人数`, `去年管理/签约人群正常随访一次的人数`, `管·年随访率/去年`, `签·年随访率/去年`, `管·规范管理率/去年`, sfLegend = [`管理/签约人群正常随访一次的人数`, `去年管理/签约人群正常随访一次的人数`, `管·年随访率/去年`, `签·年随访率/去年`, `签·随访完成比/去年`]
`签·规范管理率/去年`, `管·随访完成比/去年`, `签·随访完成比/去年` _this.option4.legend.data = sfLegend
]
} else if (this.groupNo == 2) { _this.option4.series[1].data = _this.gxyseriesA_q
_this.option4.series[2].data = _this.gxyseriesA
legendMy = [`管理/签约人群正常随访一次的人数`, `去年管理/签约人群正常随访一次的人数`, `管·年随访率/去年`, `签·年随访率/去年`, `签·随访完成比/去年`] _this.option4.series[4].data = _this.gxyseriesB_q
_this.option4.series[5].data = _this.gxyseriesB
_this.option4.series[6].data = _this.gxyseriesC
_this.option4.series[7].data = _this.gxyseriesD
_this.option4.series[8].data = _this.gxyseriesG
_this.option4.series[9].data = []
_this.option4.series[10].data = []
_this.option4.series[11].data = []
_this.option4.series[0].name = sfLegend[0]
_this.option4.series[1].name = sfLegend[0]
_this.option4.series[2].name = sfLegend[0]
_this.option4.series[3].name = sfLegend[1]
_this.option4.series[4].name = sfLegend[1]
_this.option4.series[5].name = sfLegend[1]
_this.option4.series[6].name = sfLegend[2]
_this.option4.series[7].name = sfLegend[3]
_this.option4.series[8].name = sfLegend[4]
}else{
_this.option4.legend.data = sfLegend
_this.option4.series[1].data = _this.gxyseriesA_q
_this.option4.series[2].data = _this.gxyseriesA
_this.option4.series[4].data = _this.gxyseriesB_q
_this.option4.series[5].data = _this.gxyseriesB
_this.option4.series[6].data = _this.gxyseriesC
_this.option4.series[7].data = _this.gxyseriesD
_this.option4.series[8].data = _this.gxyseriesE
_this.option4.series[9].data = _this.gxyseriesF
_this.option4.series[10].data = _this.gxyseriesG
_this.option4.series[11].data = _this.gxyseriesH
_this.option4.series[0].name = sfLegend[0]
_this.option4.series[1].name = sfLegend[0]
_this.option4.series[2].name = sfLegend[0]
_this.option4.series[3].name = sfLegend[1]
_this.option4.series[4].name = sfLegend[1]
_this.option4.series[5].name = sfLegend[1]
_this.option4.series[6].name = sfLegend[2]
_this.option4.series[7].name = sfLegend[3]
_this.option4.series[8].name = sfLegend[4]
_this.option4.series[9].name = sfLegend[5]
_this.option4.series[10].name = sfLegend[6]
_this.option4.series[11].name = sfLegend[7]
} }
_this.option4.legend.data = legendMy
legendMy.forEach((item, index) => {
_this.option4.series[index].name = item
})
_this.option4.series[0].data = _this.gxyseriesA
_this.option4.series[1].data = _this.gxyseriesB
_this.option4.series[2].data = _this.gxyseriesC
_this.option4.series[3].data = _this.gxyseriesD
_this.option4.series[4].data = _this.gxyseriesE
_this.option4.series[5].data = _this.gxyseriesF
_this.option4.series[6].data = _this.gxyseriesG
_this.option4.series[7].data = _this.gxyseriesH
_this.option4.xAxis[0].data = _this.data_x _this.option4.xAxis[0].data = _this.data_x
console.log('qqqq')
console.log(_this.option4)
_this.$echarts.init(document.getElementById("middlebarbox1")).setOption(_this.option4, true) _this.$echarts.init(document.getElementById("middlebarbox1")).setOption(_this.option4, true)
this.rightlist1 = '规范管理率' this.rightlist1 = '规范管理率'
this.rightlist2 = '随访率' this.rightlist2 = '随访率'
this.rightlist3 = '随访比' this.rightlist3 = '随访比'
} else if (this.BarSelect == 2) { } else if (this.fxType === 'jc') {
// 监测 - 标签数据获取 // 监测 - 标签数据获取
res.data.content.forEach((item, index) => { res.data.content.forEach((item, index) => {
let obj = { let obj = {}
name: '',
code: '',
tag1: '',
tag2: '',
tag3: '',
tag4: '',
tag5: '',
tag6: ''
}
if (item.YWSJ) { if (item.YWSJ) {
obj.name = item.YWSJ.substring(5, 7) + '月' obj.name = item.YWSJ.substring(5, 7) + '月'
} else { } else {
if (item.XZQH_TEXT) { if (item.XZQH_TEXT) {
obj.name = item.XZQH_TEXT obj.name = item.XZQH_TEXT
obj.code = item.XZQH
} else if (item.YLJGDM_EX2) { } else if (item.YLJGDM_EX2) {
obj.name = item.YLJGDM_EX2 obj.name = item.YLJGDM_EX2
obj.code = item.YLJGDM
} else { } else {
obj.name = '数据缺失' obj.name = ''
} }
} }
obj.code = item.XZQH
if (_this.groupNo == 1) { if (_this.groupNo === 'org') {
_this.data_x.push(obj.name) _this.data_x.push(obj.name)
_this.data_code.push(obj.code)
} else { } else {
_this.data_x.push(item.YWSJ.substring(6, 7) + '月') _this.data_x.push(item.YWSJ.substring(6, 7) + '月')
} }
item.zbxx.forEach((item2, index2) => { item.zbxx.forEach((item2, index2) => {
if (_this.mbType === 'gxy') {
if (item2.ZBID == '1064') {
_this.gxyseriesA_g.push(getActiveNum(item2.ZXZ / 10000))
_this.gxyseriesB_g.push(getActiveNum(item2.TBZ / 10000))
}
if (item2.ZBID == '1063') {
_this.gxyseriesC.push(item2.ZXZ)
}
if (item2.ZBID == '1093') {
_this.gxyseriesE.push(item2.ZXZ)
}
}else if (_this.mbType === 'tnb') {
if (item2.ZBID == '1048' || item2.ZBID == '1064') {
_this.gxyseriesA.push(item2.ZXZ)
_this.gxyseriesB.push(item2.TBZ)
} }
if (item2.ZBID == '1063' || item2.ZBID == '1055') {
_this.gxyseriesC.push(item2.ZXZ)
_this.gxyseriesD.push(item2.ZXZ)
obj.tag1 = item2.ZXZ ? item2.ZXZ : 0 })
obj.tag2 = item2.ZXZ ? item2.ZXZ : 0 })
temptableAllQ.forEach((item, index) => {
item.zbxx.forEach((item2, index2) => {
if (item2.ZBID == '1064') {
_this.gxyseriesA_q.push(getActiveNum(item2.ZXZ / 10000))
_this.gxyseriesB_q.push(getActiveNum(item2.TBZ / 10000))
} }
if (item2.ZBID == '1094' || item2.ZBID == '1060') { if (item2.ZBID == '1063') {
_this.gxyseriesE.push(item2.ZXZ) _this.gxyseriesD.push(getActiveNum(item2.ZXZ))
}
if (item2.ZBID == '1093') {
_this.gxyseriesF.push(item2.ZXZ) _this.gxyseriesF.push(item2.ZXZ)
obj.tag3 = item2.ZXZ ? item2.ZXZ : 0
obj.tag4 = item2.ZXZ ? item2.ZXZ : 0
} }
}) })
})
_this.gxyseriesA_g.forEach((item, index) => {
let obj = {}
_this.gxyseriesA[index] = getActiveNum(_this.gxyseriesA_g[index] - _this.gxyseriesA_q[index])
_this.gxyseriesB[index] = getActiveNum(_this.gxyseriesB_g[index] - _this.gxyseriesB_q[index])
obj.name = _this.data_x[index]
obj.code = _this.data_code[index]
obj.tag1 = getActiveNum(_this.gxyseriesC[index])
obj.tag2 = getActiveNum(_this.gxyseriesD[index])
obj.tag3 = getActiveNum(_this.gxyseriesE[index])
obj.tag4 = getActiveNum(_this.gxyseriesF[index])
_this.tableAll.push(obj) _this.tableAll.push(obj)
}) })
// _this.option4.series[0].name ="6666" // _this.option4.series[0].name ="6666"
let legendMy = [`管理/签约人群${this.dieaName}自动上传记录数`, `去年管理/签约人群${this.dieaName}自动上传记录数`, let jcLegend = [`管理/签约人群${this.dieaName}自动上传记录数`, `去年管理/签约人群${this.dieaName}自动上传记录数`,
`管·${this.dieaName}自动上传比/去年`, `签·${this.dieaName}自动上传比/去年`, `管·同型半胱氨酸检测率/去年`, `签·同型半胱氨酸检测率/去年` `管·${this.dieaName}自动上传比/去年`, `签·${this.dieaName}自动上传比/去年`, `管·同型半胱氨酸检测率/去年`, `签·同型半胱氨酸检测率/去年`
] ]
_this.option4.legend.data = legendMy _this.option4.legend.data = jcLegend
legendMy.forEach((item, index) => {
_this.option4.series[index].name = item
}) _this.option4.series[1].data = _this.gxyseriesA_q
_this.option4.series[0].data = _this.gxyseriesA _this.option4.series[2].data = _this.gxyseriesA
_this.option4.series[1].data = _this.gxyseriesB
_this.option4.series[2].data = _this.gxyseriesC _this.option4.series[4].data = _this.gxyseriesB_q
_this.option4.series[3].data = _this.gxyseriesD _this.option4.series[5].data = _this.gxyseriesB
_this.option4.series[4].data = _this.gxyseriesE _this.option4.series[6].data = _this.gxyseriesC
_this.option4.series[5].data = _this.gxyseriesF _this.option4.series[7].data = _this.gxyseriesD
_this.option4.series[8].data = _this.gxyseriesE
_this.option4.series[9].data = _this.gxyseriesF
_this.option4.series[10].data = []
_this.option4.series[11].data = []
_this.option4.series[0].name = jcLegend[0]
_this.option4.series[1].name = jcLegend[0]
_this.option4.series[2].name = jcLegend[0]
_this.option4.series[3].name = jcLegend[1]
_this.option4.series[4].name = jcLegend[1]
_this.option4.series[5].name = jcLegend[1]
_this.option4.series[6].name = jcLegend[2]
_this.option4.series[7].name = jcLegend[3]
_this.option4.series[8].name = jcLegend[4]
_this.option4.series[9].name = jcLegend[5]
_this.option4.xAxis[0].data = _this.data_x _this.option4.xAxis[0].data = _this.data_x
legendMy.forEach((item, index) => {
_this.option4.series[index].name = item
})
_this.$echarts.init(document.getElementById("middlebarbox1")).setOption(_this.option4, true) _this.$echarts.init(document.getElementById("middlebarbox1")).setOption(_this.option4, true)
this.rightlist1 = '血压自动上传比' this.rightlist1 = '血压自动上传比'
this.rightlist2 = '同型半胱氨酸比' this.rightlist2 = '同型半胱氨酸比'
this.rightlist3 = '' this.rightlist3 = ''
} else if (this.BarSelect == 3) { } else if (this.fxType === 'fy') {
// 服药 - 标签数据获取 // 服药 - 标签数据获取
res.data.content.forEach((item, index) => { res.data.content.forEach((item, index) => {
let obj = { let obj = {
...@@ -2171,7 +2344,7 @@ ...@@ -2171,7 +2344,7 @@
} }
} }
//_this.data_x.push(item.XZQH_TEXT) //_this.data_x.push(item.XZQH_TEXT)
if (_this.groupNo == 1) { if (_this.groupNo === 'org') {
_this.data_x.push(obj.name) _this.data_x.push(obj.name)
} else { } else {
_this.data_x.push(item.YWSJ.substring(6, 7) + '月') _this.data_x.push(item.YWSJ.substring(6, 7) + '月')
...@@ -2192,50 +2365,56 @@ ...@@ -2192,50 +2365,56 @@
}) })
_this.tableAll.push(obj) _this.tableAll.push(obj)
}) })
let legendMy = [`管理/签约人群药物治疗人数`, `去年管理/签约人群药物治疗人数`, let fyLegend = [`管理/签约人群药物治疗人数`, `去年管理/签约人群药物治疗人数`,
`管·药物治疗率/去年`, `签·药物治疗率/去年` `管·药物治疗率/去年`, `签·药物治疗率/去年`
] ]
_this.option4.legend.data = legendMy _this.option4.legend.data = fyLegend
legendMy.forEach((item, index) => {
_this.option4.series[index].name = item _this.option4.series[1].data = _this.gxyseriesA
}) _this.option4.series[2].data = _this.gxyseriesB
_this.option4.series[0].data = _this.gxyseriesA _this.option4.series[4].data = _this.gxyseriesC
_this.option4.series[1].data = _this.gxyseriesB _this.option4.series[5].data = _this.gxyseriesD
_this.option4.series[2].data = _this.gxyseriesC _this.option4.series[6].data = _this.gxyseriesE
_this.option4.series[3].data = _this.gxyseriesD _this.option4.series[7].data = _this.gxyseriesF
_this.option4.series[4].data = _this.gxyseriesE _this.option4.series[8].data = []
_this.option4.series[5].data = _this.gxyseriesF _this.option4.series[9].data = []
_this.option4.series[10].data = []
_this.option4.series[11].data = []
_this.option4.series[0].name = fyLegend[0]
_this.option4.series[1].name = fyLegend[0]
_this.option4.series[2].name = fyLegend[0]
_this.option4.series[3].name = fyLegend[1]
_this.option4.series[4].name = fyLegend[1]
_this.option4.series[5].name = fyLegend[1]
_this.option4.series[6].name = fyLegend[2]
_this.option4.series[7].name = fyLegend[3]
_this.option4.xAxis[0].data = _this.data_x _this.option4.xAxis[0].data = _this.data_x
_this.$echarts.init(document.getElementById("middlebarbox1")).setOption(_this.option4, true) _this.$echarts.init(document.getElementById("middlebarbox1")).setOption(_this.option4, true)
this.rightlist1 = '药物治疗人数·万' this.rightlist1 = '药物治疗人数·万'
this.rightlist2 = '药物治疗率·%' this.rightlist2 = '药物治疗率·%'
this.rightlist3 = '' this.rightlist3 = ''
} else if (this.BarSelect == 4) { } else if (this.fxType === 'jz') {
// 就诊 - 标签数据获取 // 就诊 - 标签数据获取
res.data.content.forEach((item, index) => { res.data.content.forEach((item, index) => {
let obj = { let obj = {}
name: '',
tag1: '',
tag2: '',
tag3: '',
tag4: '',
tag5: '',
tag6: ''
}
if (item.YWSJ) { if (item.YWSJ) {
obj.name = item.YWSJ.substring(5, 7) + '月' obj.name = item.YWSJ.substring(5, 7) + '月'
} else { } else {
if (item.XZQH_TEXT) { if (item.XZQH_TEXT) {
obj.name = item.XZQH_TEXT obj.name = item.XZQH_TEXT
obj.code = item.XZQH
} else if (item.YLJGDM_EX2) { } else if (item.YLJGDM_EX2) {
obj.name = item.YLJGDM_EX2 obj.name = item.YLJGDM_EX2
obj.code = item.YLJGDM
} else { } else {
obj.name = '数据缺失' obj.name = ''
} }
} }
//_this.data_x.push(item.XZQH_TEXT) //_this.data_x.push(item.XZQH_TEXT)
if (_this.groupNo == 1) { if (_this.groupNo === 'org') {
_this.data_x.push(obj.name) _this.data_x.push(obj.name)
_this.data_code.push(obj.code)
} else { } else {
_this.data_x.push(item.YWSJ.substring(6, 7) + '月') _this.data_x.push(item.YWSJ.substring(6, 7) + '月')
} }
...@@ -2244,7 +2423,7 @@ ...@@ -2244,7 +2423,7 @@
_this.gxyseriesA.push(item2.ZXZ) _this.gxyseriesA.push(item2.ZXZ)
_this.gxyseriesB.push(item2.TBZ) _this.gxyseriesB.push(item2.TBZ)
} }
if (item2.ZBID == '1083' || item2.ZBID == '1086') { if (item2.ZBID == '1082' || item2.ZBID == '1085') {
_this.gxyseriesC.push(item2.ZXZ) _this.gxyseriesC.push(item2.ZXZ)
_this.gxyseriesD.push(item2.ZXZ) _this.gxyseriesD.push(item2.ZXZ)
obj.tag1 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0 obj.tag1 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : 0
...@@ -2259,19 +2438,34 @@ ...@@ -2259,19 +2438,34 @@
}) })
_this.tableAll.push(obj) _this.tableAll.push(obj)
}) })
let legendMy = [`管理/签约人群就诊人次数`, `去年管理/签约人群就诊人次数`, let jzLegend = [`管理/签约人群就诊人次数`, `去年管理/签约人群就诊人次数`,
`管·就诊率/去年`, `签·就诊率/去年`, `管·住院率/去年`, `签·住院率/去年` `管·就诊率/去年`, `签·就诊率/去年`, `管·住院率/去年`, `签·住院率/去年`
] ]
_this.option4.legend.data = legendMy _this.option4.legend.data = jzLegend
legendMy.forEach((item, index) => {
_this.option4.series[index].name = item _this.option4.series[1].data = _this.gxyseriesA
}) _this.option4.series[2].data = _this.gxyseriesB
_this.option4.series[0].data = _this.gxyseriesA _this.option4.series[4].data = _this.gxyseriesC
_this.option4.series[1].data = _this.gxyseriesB _this.option4.series[5].data = _this.gxyseriesD
_this.option4.series[2].data = _this.gxyseriesC _this.option4.series[6].data = _this.gxyseriesE
_this.option4.series[3].data = _this.gxyseriesD _this.option4.series[7].data = _this.gxyseriesF
_this.option4.series[4].data = _this.gxyseriesE _this.option4.series[8].data = _this.gxyseriesF
_this.option4.series[5].data = _this.gxyseriesF _this.option4.series[9].data = _this.gxyseriesF
_this.option4.series[10].data = []
_this.option4.series[11].data = []
_this.option4.series[0].name = jzLegend[0]
_this.option4.series[1].name = jzLegend[0]
_this.option4.series[2].name = jzLegend[0]
_this.option4.series[3].name = jzLegend[1]
_this.option4.series[4].name = jzLegend[1]
_this.option4.series[5].name = jzLegend[1]
_this.option4.series[6].name = jzLegend[2]
_this.option4.series[7].name = jzLegend[3]
_this.option4.series[8].name = jzLegend[4]
_this.option4.series[9].name = jzLegend[5]
_this.option4.xAxis[0].data = _this.data_x _this.option4.xAxis[0].data = _this.data_x
_this.$echarts.init(document.getElementById("middlebarbox1")).setOption(_this.option4, true) _this.$echarts.init(document.getElementById("middlebarbox1")).setOption(_this.option4, true)
this.rightlist1 = '就诊率' this.rightlist1 = '就诊率'
...@@ -2284,6 +2478,9 @@ ...@@ -2284,6 +2478,9 @@
}).catch(err => { }).catch(err => {
console.log("--慢病管理肿瘤底部报错--"); console.log("--慢病管理肿瘤底部报错--");
}) })
}).catch(err => {
console.log("--慢病管理肿瘤底部报错--");
})
}, },
reApplyCharts() { reApplyCharts() {
// 右侧图 // 右侧图
...@@ -2337,17 +2534,83 @@ ...@@ -2337,17 +2534,83 @@
color: #525862; color: #525862;
border: 1px #2F3034 solid; border: 1px #2F3034 solid;
} }
.myclk {color: #e4f4ff;font-weight: 600;font-size: 14px;}
#chartsright {width: 100px;height: 120px;float: left;} .myclk {
#chartstxt {width: 120px;height: 100px;float: left;padding-top: 15px;} color: #e4f4ff;
#chartstxt p {clear: both;line-height: 22px;color: #B3BFD2;padding-right: 6px;} font-weight: 600;
#pag1canser {width: 220px;height: 150px;padding-top: 20px;} font-size: 14px;
#rightupbar2 {width: 220px;height: 130px;} }
#middlebarbox1 {width: 455px;height: 280px}
.area>>>.el-input--mini .el-input__inner {padding: 0;text-align: center;color: #FFF;border: 1px solid #409EFF;background-color: #409EFF;} #chartsright {
.area>>>.el-input--mini .el-input__inner::-webkit-input-placeholder {color: #FFF;} width: 100px;
.area>>>.el-input--mini {width: 60px; margin-left: 8px;} height: 120px;
.area>>>.el-input__icon.el-icon-date { display: none} float: left;
.area>>>.el-input__icon {display: none} }
.uplib{width: 100%;height: 80px;position:absolute;top:76px;right:0;left:0;background:rgba(51, 51, 51, 0.9);padding:10px}
#chartstxt {
width: 120px;
height: 100px;
float: left;
padding-top: 15px;
}
#chartstxt p {
clear: both;
line-height: 22px;
color: #B3BFD2;
padding-right: 6px;
}
#pag1canser {
width: 220px;
height: 150px;
padding-top: 20px;
}
#rightupbar2 {
width: 220px;
height: 130px;
}
#middlebarbox1 {
width: 455px;
height: 280px
}
.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
}
.uplib {
width: 100%;
height: 80px;
position: absolute;
top: 76px;
right: 0;
left: 0;
background: rgba(51, 51, 51, 0.9);
padding: 10px
}
</style> </style>
src/utils/common.js 0 → 100644
/**
* 检查传来的参数是否为空
* @param val
* @returns {Boolean}
*/
export function checkIsNull(val) {
if ("undefined" !== val && undefined !== val && "" !== val && "null" !== val && null !== val) {
return false;
} else {
return true;
}
}
/**
* @param {string} str
* @returns {string}
*/
export function getActiveNum(str) {
//转化float,后面全是四舍五入
if (checkIsNull(str) || str == "NaN" || str == "Infinity" || str == "-" || isNaN(str)) {
return "-";
} else {
var num = parseFloat(str);
if (Math.abs(num) < 0.004) { //处理绝对值小于0.01的
num = num.toPrecision(1);
} else if (Math.abs(num) < 0.1) { //处理绝对值小于0.1的
num = num.toFixed(2);
} else if ((Math.abs(num) >= 0.1) && (Math.abs(num) <= 0.995)) { //处理绝对值大于等于0.1小于等于0.995的
num = num.toPrecision(2);
} else if (Math.abs(num) >= 999.5) { //处理绝对值大于等于999.5的
num = num.toFixed(0);
} else if(Math.abs(num)<1){
num =Math.floor(num*100)/100
}
else {
num = num.toPrecision(3);
}
return num;
}
}
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