Skip to content

D
diseaseControlManage
Commit d79bfc05 by lihu541
Options

echarts图数据bug修改， 

新增箭头组件
parent 715654fa
Showing with 812 additions and 417 deletions
src/assets/home.css
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
} }
.clear10{ clear: both; height: 10px;} .clear10{ clear: both; height: 10px;}
.card-01{ float: left; width: 470px; height: 165px;} .card-01{ float: left; width: 470px; height: 165px;}
.card1-mod{ float: left; width: 233px; padding: 10px; height: 165px;} .card1-mod{ float: left; width: 233px; padding: 5px; height: 165px;}
.card1-mod h2{ clear: both; line-height: 25px; font-size: 14px; color: #fff; font-weight: normal;} .card1-mod h2{ clear: both; line-height: 25px; font-size: 14px; color: #fff; font-weight: normal;}
.card1-mod .cmtitle{ clear: both; height: 40px; line-height: 40px;} .card1-mod .cmtitle{ clear: both; height: 40px; line-height: 40px;}
.card1-mod .cmtitle span{ color: #15C436; font-size: 18px;} .card1-mod .cmtitle span{ color: #15C436; font-size: 18px;}
......
src/components/Index.vue
...@@ -503,7 +503,8 @@ ...@@ -503,7 +503,8 @@
this.ispopu = !this.ispopu this.ispopu = !this.ispopu
}, },
toMygh(){ toMygh(){
window.location.href = 'https://192.168.30.51/#/manage-platform/index?token=TK_' + sessionStorage.getItem('token') window.location.href = 'http://195.1.3.38:9001/#/manage-platform/index?token=TK_' + sessionStorage.getItem('token')
// window.location.href = 'https://192.168.30.51/#/manage-platform/index?token=TK_' + sessionStorage.getItem('token')
}, },
exitFn() { exitFn() {
this.$router.push({ this.$router.push({
......
src/components/userJoin/ArrowClass.vue 0 → 100644
<template>
<div style="display: inline-block;">
<i :class="[rawData>0 ? 'el-icon-top color2' : 'el-icon-bottom color3']">&nbsp;</i>
</div>
</template>
<script>
export default {
name: "ArrowClass",
props:{
rawData:[String, Number]
},
data(){
return {
isUp:false
}
},
methods:{
},
mounted() {
if(parseFloat(this.rawData)>0){
this.isUp = true
}else{
this.isUp = false
}
}
}
</script>
<style scoped>
</style>
src/components/userJoin/screenTwoPag2.vue
...@@ -23,16 +23,17 @@ ...@@ -23,16 +23,17 @@
<span class="span2">万</span> <span class="span2">万</span>
<span class="tag-huan">环</span> <span class="tag-huan">环</span>
<span class="span2">{{aualperNum_gNum}}</span> <span class="span2">{{aualperNum_gNum}}</span>
<span class="el-icon-bottom">&nbsp;</span> <arrow-class :rawData="aualperNum_gNum"></arrow-class>
</div> </div>
<div class="cmtline2"> <div class="cmtline2">
<p><span>{{parseFloat(autoUpControPre_g).toFixed(1)}}% <em>环</em>{{(autoUpControPre_gHBL)}}% <i <p><span>{{parseFloat(autoUpControPre_g).toFixed(1)}}% <em>环</em>{{(autoUpControPre_gHBL)}}% <arrow-class :rawData="autoUpControPre_gHBL"></arrow-class>
class="el-icon-bottom color3">&nbsp;</i></span>自动上传血压控制率</p> </span>自动上传血压控制率</p>
<p><span>{{parseFloat(ReportPre_g).toFixed(1)}}% <em>环</em>{{(ReportPre_gHBL)}}% <i <p><span>{{parseFloat(ReportPre_g).toFixed(1)}}% <em>环</em>{{(ReportPre_gHBL)}}% <arrow-class :rawData="ReportPre_gHBL"></arrow-class>
class="el-icon-bottom color3">&nbsp;</i></span>报告血压控制率</p> </span>报告血压控制率</p>
<p><span>{{parseFloat(hospital_g).toFixed(1)}}万 <em>环</em>{{(hospital_gHBL)}}% <i <p><span>{{parseFloat(hospital_g).toFixed(1)}}万 <em>环</em>{{(hospital_gHBL)}}% <arrow-class :rawData="hospital_gHBL"></arrow-class>
class="el-icon-bottom color3">&nbsp;</i></span>住院人数</p> </span>住院人数</p>
<p><span>{{formatnum(deadNum_g)}}人 <em>环</em>{{(deadNum_gHBL)}}% <i class="el-icon-bottom color3">&nbsp;</i></span>死亡人数 <p><span>{{formatnum(deadNum_g)}}人 <em>环</em>{{(deadNum_gHBL)}}% <arrow-class :rawData="deadNum_gHBL"></arrow-class>
</span>死亡人数
</p> </p>
</div> </div>
</div> </div>
...@@ -43,16 +44,16 @@ ...@@ -43,16 +44,16 @@
<span class="span2">万</span> <span class="span2">万</span>
<span class="tag-huan">环</span> <span class="tag-huan">环</span>
<span class="span2">{{aualperNum_qNum}}</span> <span class="span2">{{aualperNum_qNum}}</span>
<span class="el-icon-bottom">&nbsp;</span> <arrow-class :rawData="aualperNum_qNum"></arrow-class>
</div> </div>
<div class="cmtline2"> <div class="cmtline2">
<p><span>{{parseFloat(autoUpControPre_q).toFixed(1)}}% <em>环</em>{{(autoUpControPre_qHBL)}}% <i <p><span>{{parseFloat(autoUpControPre_q).toFixed(1)}}% <em>环</em>{{(autoUpControPre_qHBL)}}% <arrow-class :rawData="autoUpControPre_qHBL"></arrow-class>
class="el-icon-bottom color3">&nbsp;</i></span>自动上传血压控制率</p> </span>自动上传血压控制率</p>
<p><span>{{parseFloat(ReportPre_q).toFixed(1)}}% <em>环</em>{{(ReportPre_qHBL)}}% <i <p><span>{{parseFloat(ReportPre_q).toFixed(1)}}% <em>环</em>{{(ReportPre_qHBL)}}% <arrow-class :rawData="ReportPre_qHBL"></arrow-class>
class="el-icon-bottom color3">&nbsp;</i></span>报告血压控制率</p> </span>报告血压控制率</p>
<p><span>{{parseFloat(hospital_q).toFixed(1)}}万 <em>环</em>{{(hospital_qHBL)}}% <i <p><span>{{parseFloat(hospital_q).toFixed(1)}}万 <em>环</em>{{(hospital_qHBL)}}% <arrow-class :rawData="hospital_qHBL"></arrow-class>
class="el-icon-bottom color3">&nbsp;</i></span>住院人数</p> </span>住院人数</p>
<p><span>{{formatnum(deadNum_q)}}人 <em>环</em>{{(deadNum_qHBL)}}% <i class="el-icon-bottom color3">&nbsp;</i></span>死亡人数 <p><span>{{formatnum(deadNum_q)}}人 <em>环</em>{{(deadNum_qHBL)}}% <arrow-class :rawData="deadNum_qHBL"></arrow-class></span>死亡人数
</p> </p>
</div> </div>
</div> </div>
...@@ -65,16 +66,16 @@ ...@@ -65,16 +66,16 @@
<span class="span2">万</span> <span class="span2">万</span>
<span class="tag-huan">环</span> <span class="tag-huan">环</span>
<span class="span2">{{aualperNum_gNum}}</span> <span class="span2">{{aualperNum_gNum}}</span>
<span class="el-icon-bottom">&nbsp;</span> <arrow-class :rawData="aualperNum_gNum"></arrow-class>
</div> </div>
<div class="cmtline2"> <div class="cmtline2">
<p><span>{{parseFloat(autoUpControPre_g).toFixed(1)}}% <em>环</em>{{autoUpControPre_gHBL}}%</span>自动上传血糖控制率 <p><span>{{parseFloat(autoUpControPre_g).toFixed(1)}}% <em>环</em>{{autoUpControPre_gHBL}}%<arrow-class :rawData="autoUpControPre_gHBL"></arrow-class></span>自动上传血糖控制率
</p> </p>
<p><span>{{parseFloat(ReportPre_g).toFixed(1)}}% <em>环</em>{{ReportPre_gHBL}}%</span>报告血糖控制率 <p><span>{{parseFloat(ReportPre_g).toFixed(1)}}% <em>环</em>{{ReportPre_gHBL}}%<arrow-class :rawData="ReportPre_gHBL"></arrow-class></span>报告血糖控制率
</p> </p>
<p><span>{{parseFloat(hospital_g).toFixed(1)}}万 <em>环</em>{{hospital_gHBL}}%</span>住院人数 <p><span>{{parseFloat(hospital_g).toFixed(1)}}万 <em>环</em>{{hospital_gHBL}}%<arrow-class :rawData="hospital_gHBL"></arrow-class></span>住院人数
</p> </p>
<p><span>{{formatnum(deadNum_g)}}人 <em>环</em>{{deadNum_gHBL}}%</span>死亡人数 <p><span>{{formatnum(deadNum_g)}}人 <em>环</em>{{deadNum_gHBL}}%<arrow-class :rawData="deadNum_gHBL"></arrow-class></span>死亡人数
</p> </p>
</div> </div>
</div> </div>
...@@ -85,16 +86,16 @@ ...@@ -85,16 +86,16 @@
<span class="span2">万</span> <span class="span2">万</span>
<span class="tag-huan">环</span> <span class="tag-huan">环</span>
<span class="span2">{{aualperNum_qNum}}</span> <span class="span2">{{aualperNum_qNum}}</span>
<span class="el-icon-bottom">&nbsp;</span> <arrow-class :rawData="aualperNum_qNum"></arrow-class>
</div> </div>
<div class="cmtline2"> <div class="cmtline2">
<p><span>{{parseFloat(autoUpControPre_q).toFixed(1)}}% <em>环</em>{{autoUpControPre_qHBL}}%</span>自动上传血糖控制率 <p><span>{{parseFloat(autoUpControPre_q).toFixed(1)}}% <em>环</em>{{autoUpControPre_qHBL}}%<arrow-class :rawData="autoUpControPre_qHBL"></arrow-class></span>自动上传血糖控制率
</p> </p>
<p><span>{{parseFloat(ReportPre_q).toFixed(1)}}% <em>环</em>{{ReportPre_qHBL}}%</span>报告血糖控制率 <p><span>{{parseFloat(ReportPre_q).toFixed(1)}}% <em>环</em>{{ReportPre_qHBL}}%<arrow-class :rawData="ReportPre_qHBL"></arrow-class></span>报告血糖控制率
</p> </p>
<p><span>{{parseFloat(hospital_q).toFixed(1)}}万 <em>环</em>{{hospital_qHBL}}%</span>住院人数 <p><span>{{parseFloat(hospital_q).toFixed(1)}}万 <em>环</em>{{hospital_qHBL}}%<arrow-class :rawData="hospital_qHBL"></arrow-class></span>住院人数
</p> </p>
<p><span>{{formatnum(deadNum_q)}}人 <em>环</em>{{deadNum_qHBL}}%</span>死亡人数 <p><span>{{formatnum(deadNum_q)}}人 <em>环</em>{{deadNum_qHBL}}%<arrow-class :rawData="deadNum_qHBL"></arrow-class></span>死亡人数
</p> </p>
</div> </div>
</div> </div>
...@@ -227,6 +228,7 @@ ...@@ -227,6 +228,7 @@
getActiveNum, getActiveNum,
checkIsNull checkIsNull
} from '@/utils/common.js' } from '@/utils/common.js'
import ArrowClass from './ArrowClass'
export default { export default {
name: 'screenpage2', name: 'screenpage2',
...@@ -244,7 +246,7 @@ ...@@ -244,7 +246,7 @@
g_personAutoNumHBL: [], //在管数据 -- 去年 人群自动上传血压血糖合格人数 g_personAutoNumHBL: [], //在管数据 -- 去年 人群自动上传血压血糖合格人数
q_personAutoNum: [], // 签 数据 -- 今年 签约 同上 q_personAutoNum: [], // 签 数据 -- 今年 签约 同上
q_personAutoNumHBL: [], // 签数据 -- 去年 同上 q_personAutoNumHBL: [], // 签数据 -- 去年 同上
themeId: 28, themeId: 30,
bleedtype: '血压', bleedtype: '血压',
// 管 左侧变量 // 管 左侧变量
aualperNum_g: 0, aualperNum_g: 0,
...@@ -803,7 +805,6 @@ ...@@ -803,7 +805,6 @@
this.areaname = '' this.areaname = ''
this.hospitalname = '' this.hospitalname = ''
this.tablename = '各区' this.tablename = '各区'
this.themeId = 28
this.thname = '各区' this.thname = '各区'
this.arname = '各区' this.arname = '各区'
} else if ('area' === this.userRole) {//区角色 } else if ('area' === this.userRole) {//区角色
...@@ -1657,12 +1658,12 @@ ...@@ -1657,12 +1658,12 @@
this.mbType = mblx this.mbType = mblx
if (mblx === 'gxy') { if (mblx === 'gxy') {
this.themeId = 28 this.themeId = 30
this.homeinit() this.homeinit()
this.bleedtype = "血压" this.bleedtype = "血压"
this.pagedisname = '高血压' this.pagedisname = '高血压'
} else { } else {
this.themeId = 28 this.themeId = 33
this.homeinit() this.homeinit()
this.bleedtype = "血糖" this.bleedtype = "血糖"
this.pagedisname = '糖尿病' this.pagedisname = '糖尿病'
...@@ -1867,7 +1868,9 @@ ...@@ -1867,7 +1868,9 @@
} }
}, 200) }, 200)
}, },
components: {} components: {
ArrowClass
}
} }
</script> </script>
......
src/components/userJoin/screenTwoPag5.vue
...@@ -33,15 +33,15 @@ ...@@ -33,15 +33,15 @@
<p>开展机构总数 {{formatNum(msgopendata.ZXZ) + formatNum(msgclosedata.ZXZ)}} 个</p> <p>开展机构总数 {{formatNum(msgopendata.ZXZ) + formatNum(msgclosedata.ZXZ)}} 个</p>
</div> </div>
<div class="card33-mod"> <div class="card33-mod">
<div class="page5left" id="pag5-left1" v-show="ChartsNo == 1">1</div> <div class="page5left" id="pag5-left1" v-show="zlOrXn === 'zl'">1</div>
<div class="page5left" id="pag5-left2" v-show="ChartsNo == 2">2</div> <div class="page5left" id="pag5-left2" v-show="zlOrXn === 'xn'">2</div>
</div> </div>
</div> </div>
<div class="card-dark card-02"> <div class="card-dark card-02">
<div class="card22-mod"> <div class="card22-mod">
<div class="modtitle2"> <div class="modtitle2">
<span @click="DieaChange(1)" :class="ChartsNo==1?'myclk':''">肿瘤</span> | <span @click="DieaChange('zl')" :class="zlOrXn=== 'zl'?'myclk':''">肿瘤</span> |
<span @click="DieaChange(2)" :class="ChartsNo==2?'myclk':''">心脑血管</span> <span @click="DieaChange('xn')" :class="zlOrXn=== 'xn'?'myclk':''">心脑血管</span>
</div> </div>
<p>信息化登记报告数 / 非信息化登记报告数</p> <p>信息化登记报告数 / 非信息化登记报告数</p>
<div class="cmt "> <div class="cmt ">
...@@ -58,8 +58,8 @@ ...@@ -58,8 +58,8 @@
<p>登记报告总数 {{getActiveNum((formatNum(orgopendata.ZXZ) + formatNum(orgclosedata.ZXZ)) / 10000)}} 万</p> <p>登记报告总数 {{getActiveNum((formatNum(orgopendata.ZXZ) + formatNum(orgclosedata.ZXZ)) / 10000)}} 万</p>
</div> </div>
<div class="card33-mod"> <div class="card33-mod">
<div class="page5left" id="pag5-right1" v-show="ChartsNo == 1"></div> <div class="page5left" id="pag5-right1" v-show="zlOrXn === 'zl'"></div>
<div class="page5left" id="pag5-right2" v-show="ChartsNo == 2"></div> <div class="page5left" id="pag5-right2" v-show="zlOrXn === 'xn'"></div>
</div> </div>
</div> </div>
<div class="clear10"></div> <div class="clear10"></div>
...@@ -74,11 +74,11 @@ ...@@ -74,11 +74,11 @@
</div> </div>
<div class="card-dark card-04"> <div class="card-dark card-04">
<div class="card3title1">登记报告分析</div> <div class="card3title1">登记报告分析</div>
<div class="card3title2" v-show="ChartsNo == 2"> <div class="card3title2" v-show="zlOrXn === 'xn'">
<span @click="dengjiChange(1)" :class="djNo==1?'myclk':''">全部</span> | <span @click="dengjiChange('')" :class="djNo==''?'myclk':''">全部</span> |
<span @click="dengjiChange(2)" :class="djNo==2?'myclk':''">三级</span> | <span @click="dengjiChange(1)" :class="djNo==1?'myclk':''">三级</span> |
<span @click="dengjiChange(3)" :class="djNo==3?'myclk':''">二级</span> | <span @click="dengjiChange(2)" :class="djNo==2?'myclk':''">二级</span> |
<span @click="dengjiChange(4)" :class="djNo==4?'myclk':''">一级</span> <span @click="dengjiChange(3)" :class="djNo==3?'myclk':''">一级</span>
</div> </div>
<div class="card3main"> <div class="card3main">
<div id="middlebarbox5"></div> <div id="middlebarbox5"></div>
...@@ -86,37 +86,43 @@ ...@@ -86,37 +86,43 @@
</div> </div>
<div class="card-dark card-05"> <div class="card-dark card-05">
<div class="card5title"> <div class="card5title">
<span @click="bingChange(1)" :class="bingNo==1?'myclk':''">开展情况</span> <span @click="bingChange('kzqk')" :class="topType === 'kzqk'?'myclk':''">开展情况</span>
<span class="line">|</span> <span class="line">|</span>
<span @click="bingChange(2)" v-show="ChartsNo==1" :class="bingNo==2?'myclk':''">病理期别</span> <span @click="bingChange('blqb')" v-show="zlOrXn=== 'zl'" :class="topType === 'blqb'?'myclk':''">病理期别</span>
<span class="line" v-show="ChartsNo==1">|</span> <span class="line" v-show="zlOrXn=== 'zl'">|</span>
<span @click="bingChange(3)" :class="bingNo==3?'myclk':''">漏报情况</span> <span @click="bingChange('lbqk')" :class="topType === 'lbqk'?'myclk':''">漏报情况</span>
</div> </div>
<div class="card5main"> <div class="card5main">
<table class="table01 table" width="100%" border="0"> <table class="table01 table" width="100%" border="0">
<thead class="fixedThead"> <thead class="fixedThead">
<tr> <tr>
</tr> </tr>
<tr v-show="bingNo==1"> <tr v-show="topType === 'kzqk'">
<th width="38">序</th> <th>序</th>
<th width="48">{{thname}}</th> <th>{{thname}}</th>
<th @click.stop="showtab(1)">开展情况</th> <th @click.stop="showtab(1)">开展数<br>(信息/非信息)</th>
<th @click.stop="showtab(2)">登记数·万/同·%</th> <th @click.stop="showtab(2)">登记数<br>(信息/非信息)·万</th>
</tr> </tr>
<tr v-show="bingNo==2"> <tr v-show="topType === 'blqb'">
<th width="38">序</th> <th width="38">序</th>
<th width="48">{{thname}}</th> <th width="48">{{thname}}</th>
<th>明确病理比例/同·%</th> <th>明确病理比例/同·%</th>
<th>明确期别比例/同·%</th> <th>明确期别比例/同·%</th>
</tr> </tr>
<tr v-show="bingNo==3"> <tr v-show="topType === 'lbqk' && zlOrXn=== 'zl'">
<th width="38">序</th> <th width="38">序</th>
<th width="48">{{thname}}</th> <th width="48">{{thname}}</th>
<th @click.stop="showtab(3)">漏报率/同·%</th> <th @click.stop="showtab(3)">漏报率/同·%</th>
<th @click.stop="showtab(4)">报告信息错误比例/同·%</th> <th @click.stop="showtab(4)">报告信息错误比例/同·%</th>
</tr> </tr>
<tr v-show="topType === 'lbqk' && zlOrXn=== 'xn'">
<th width="38">序</th>
<th width="48">{{thname}}</th>
<th @click.stop="showtab(3)">应报未报事件数/同·%</th>
<th @click.stop="showtab(4)">漏报率/同·%</th>
</tr>
</thead> </thead>
<div v-if="this.ChartsNo == 2"> <div v-if="this.zlOrXn === 'xn'">
<div class="uplib" v-if="showtabnum == 1"> <div class="uplib" v-if="showtabnum == 1">
1、指标名称：<br>医疗机构登记报告业务开展情况（心脑血管）<br> 1、指标名称：<br>医疗机构登记报告业务开展情况（心脑血管）<br>
指标定义：<br>是否登记报告心脑血管急性事件法定内容<br> 指标定义：<br>是否登记报告心脑血管急性事件法定内容<br>
...@@ -138,11 +144,11 @@ ...@@ -138,11 +144,11 @@
</div> </div>
</div> </div>
<tbody class="scrollTbody"> <tbody class="scrollTbody">
<tr v-for="(item, index) in tabledata" :key="index"> <tr v-for="(item, index) in topData" :key="index">
<td width="38"><span>{{index+1}}</span></td> <td><span>{{index+1}}</span></td>
<td width="48" @click="changecity(item.areacode,item.name)" class="underline">{{item.name}}</td> <td @click="changecity(item.areacode,item.name)" class="underline">{{item.name}}</td>
<td>{{item.tag1}} / {{item.tag2}} <i class="el-icon-top color2"></i></td> <td>{{item.tag1}} / {{item.tag2}}</td>
<td>{{item.tag3}} / {{item.tag4}} <i class="el-icon-top color2"></i></td> <td>{{item.tag3}} / {{item.tag4}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -173,11 +179,11 @@ ...@@ -173,11 +179,11 @@
DieaNo: 1, DieaNo: 1,
thname: '各区', thname: '各区',
startTime: '', startTime: '',
djNo: 1, djNo: '',
value2: '', value2: '',
pageNo: 5, pageNo: 5,
bingNo: 1, topType: 'kzqk',
ChartsNo: 1, zlOrXn: 'zl',
option1: { option1: {
color: ['#42ccff', '#3F81BB'], color: ['#42ccff', '#3F81BB'],
series: [{ series: [{
...@@ -267,12 +273,19 @@ ...@@ -267,12 +273,19 @@
show: true, show: true,
trigger: "item", trigger: "item",
position: [50, 0], position: [50, 0],
formatter: "<table class='pl10'>" +
"<tr><td></td><td>信息化登记报告数.万</td><td>非信息化登记报告数.个</td></tr>" + formatter: function (param) {
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #49A6F6; margin-right:4px'></span>三级</td><td align=center>1</td><td align=center>2</td></tr>" + let str ="<table class='pl10'>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #00C6A7; margin-right:4px'></span>二级</td><td align=center>1</td><td align=center>3</td></tr>" + "<tr><td></td><td>信息化开展机构数.个</td><td>非信息化开展机构数.个</td></tr>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #FEF7AA; margin-right:4px'></span>一级</td><td align=center>2</td><td align=center>3</td></tr>" + "<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #49A6F6; margin-right:4px'></span>" +
"三级</td><td align=center>"+param.data.num1+"</td><td align=center>"+param.data.num2+"</td></tr>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #00C6A7; margin-right:4px'></span>" +
"二级</td><td align=center>"+param.data.num3+"</td><td align=center>"+param.data.num4+"</td></tr>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #FEF7AA; margin-right:4px'></span>" +
"一级</td><td align=center>"+param.data.num5+"</td><td align=center>"+param.data.num6+"</td></tr>" +
"</table>" "</table>"
return str
}
}, },
color: ['#49A6F6', '#00C6A7', '#FEF7AA'], color: ['#49A6F6', '#00C6A7', '#FEF7AA'],
legend: { legend: {
...@@ -343,7 +356,7 @@ ...@@ -343,7 +356,7 @@
} }
}, },
data: [{ data: [{
value: this.msgone, value: 0,
name: '一级', name: '一级',
itemStyle: { itemStyle: {
normal: { normal: {
...@@ -352,7 +365,7 @@ ...@@ -352,7 +365,7 @@
} }
}, },
{ {
value: this.msgtwo, value: 0,
name: '二级', name: '二级',
itemStyle: { itemStyle: {
normal: { normal: {
...@@ -361,7 +374,7 @@ ...@@ -361,7 +374,7 @@
} }
}, },
{ {
value: this.msgthr, value: 0,
name: '三级', name: '三级',
itemStyle: { itemStyle: {
normal: { normal: {
...@@ -370,7 +383,7 @@ ...@@ -370,7 +383,7 @@
} }
}, },
{ {
value: this.msgtotale * 0.5, value: 0,
name: '', name: '',
itemStyle: { itemStyle: {
normal: { normal: {
...@@ -416,52 +429,7 @@ ...@@ -416,52 +429,7 @@
} }
} }
}, },
data: [{ data: []
value: this.nmsgone,
name: '一级',
itemStyle: {
normal: {
color: '#FEF7AA',
},
},
},
{
value: this.nmsgtwo,
name: '二级',
itemStyle: {
normal: {
color: '#00C6A7',
},
}
},
{
value: this.nmsgthr,
name: '三级',
itemStyle: {
normal: {
color: '#49A6F6',
},
}
},
{
value: this.nmsgtotale * 0.5,
name: '',
itemStyle: {
normal: {
color: 'rgba(0,0,0,0)',
label: {
show: false
},
labelLine: {
show: false
}
},
emphasis: {
color: 'rgba(0,0,0,0)'
}
}
}
]
} }
] ]
}, },
...@@ -470,12 +438,18 @@ ...@@ -470,12 +438,18 @@
show: true, show: true,
trigger: "item", trigger: "item",
position: ['-150', '10'], position: ['-150', '10'],
formatter: "<table class='pl10'>" + formatter: function (param) {
"<tr><td></td><td>信息化登记报告数.万</td><td>非信息化登记报告数.个</td></tr>" + let str ="<table class='pl10'>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #49A6F6; margin-right:4px'></span>三级</td><td align=center>0</td><td align=center>1</td></tr>" + "<tr><td></td><td>信息化登记报告数.个</td><td>非信息化登记报告数.个</td></tr>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #00C6A7; margin-right:4px'></span>二级</td><td align=center>2</td><td align=center>4</td></tr>" + "<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #49A6F6; margin-right:4px'></span>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #FEF7AA; margin-right:4px'></span>一级</td><td align=center>5</td><td align=center>3</td></tr>" + "三级</td><td align=center>"+param.data.num1+"</td><td align=center>"+param.data.num2+"</td></tr>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #00C6A7; margin-right:4px'></span>" +
"二级</td><td align=center>"+param.data.num3+"</td><td align=center>"+param.data.num4+"</td></tr>" +
"<tr><td><span style=' height: 10px; width: 14px; display: inline-table; background-color: #FEF7AA; margin-right:4px'></span>" +
"一级</td><td align=center>"+param.data.num5+"</td><td align=center>"+param.data.num6+"</td></tr>" +
"</table>" "</table>"
return str
}
}, },
color: ['#49A6F6', '#00C6A7', '#FEF7AA'], color: ['#49A6F6', '#00C6A7', '#FEF7AA'],
legend: { legend: {
...@@ -663,7 +637,10 @@ ...@@ -663,7 +637,10 @@
msgdata: [], msgdata: [],
msgopendata: [], msgopendata: [],
msgclosedata: [], msgclosedata: [],
tabledata: [], topData: [],
kzqk_tabledata: [],
blqb_tabledata: [],
lbqk_tabledata: [],
opentotal: 0, opentotal: 0,
orgdata: [], orgdata: [],
orgopendata: [], orgopendata: [],
...@@ -725,6 +702,7 @@ ...@@ -725,6 +702,7 @@
}, },
legend: { legend: {
top: 10, top: 10,
data: [],
textStyle: { textStyle: {
color: '#8393A9', color: '#8393A9',
fontSize: 11 fontSize: 11
...@@ -740,7 +718,7 @@ ...@@ -740,7 +718,7 @@
}, },
xAxis: [{ xAxis: [{
type: 'category', type: 'category',
data: ['静安', '金山', '浦东', '黄浦', '松江', '普陀', '闵行', '崇明', '宝山', '青浦', '长宁', '徐汇', '嘉定', '杨浦', '奉贤', '虹口'], data: [],
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: '#8393A9', color: '#8393A9',
...@@ -909,22 +887,32 @@ ...@@ -909,22 +887,32 @@
path: '/Index' path: '/Index'
}); });
}, },
DieaChange(num) { DieaChange(type) {
let _this = this let _this = this
this.ChartsNo = num this.zlOrXn = type
this.bingNo = 1 this.topType = 'kzqk'
this.djNo = 1 this.djNo = ''
_this.homeinit() _this.homeinit()
},
bingChange(num) {
this.bingNo = num
this.homebot() this.homebot()
}, },
bingChange(type) {
this.topType = type
if(this.topType === 'kzqk'){
this.topData = this.kzqk_tabledata
}else if(this.topType === 'blqb'){
this.topData = this.blqb_tabledata
}else if(this.topType === 'lbqk'){
this.topData = this.lbqk_tabledata
}
},
changeReplay() { changeReplay() {
this.cxsj = sessionStorage.getItem("ywsj") this.cxsj = sessionStorage.getItem("ywsj")
this.userinfo = JSON.parse(sessionStorage.getItem("userinfo")) this.userinfo = JSON.parse(sessionStorage.getItem("userinfo"))
this.userRole = sessionStorage.getItem("userRole") this.userRole = sessionStorage.getItem("userRole")
this.zlOrXn = 'zl'
this.topType = 'kzqk'
if ('city' === this.userRole) {//市角色 if ('city' === this.userRole) {//市角色
this._xzqh = "" this._xzqh = ""
this._group = "XZQH" this._group = "XZQH"
...@@ -942,28 +930,18 @@ ...@@ -942,28 +930,18 @@
this.arname = '社区' this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName") 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.homeinit()
this.homebot() this.homebot()
}, },
dengjiChange(num) { dengjiChange(num) {
this.djNo = num this.djNo = num
this.homeinit() this.homebot()
}, },
homeinit() { homeinit() {
let _this = this let _this = this
if (_this.zlOrXn === 'zl') {
if (_this.ChartsNo == 1) {
let wd = [{ let wd = [{
"name": "YWSJ", "name": "YWSJ",
...@@ -978,7 +956,7 @@ ...@@ -978,7 +956,7 @@
}] }]
let param = { let param = {
"themeId": _this.themeID, "themeId": '3',
"wd": JSON.stringify(wd), "wd": JSON.stringify(wd),
} }
commonMethod(param).then(res => { commonMethod(param).then(res => {
...@@ -1028,126 +1006,7 @@ ...@@ -1028,126 +1006,7 @@
console.log("--慢病监测肿瘤报错--"); console.log("--慢病监测肿瘤报错--");
}) })
let series = [{
name: '登记数/去年',
type: 'bar',
barWidth: null,
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: '#4093E9'
},
{
offset: 1,
color: '#4093E9'
}
]
)
}
},
data: [15, 27, 24, 22, 41, 47, 24, 42, 21, 42, 47, 24, 42, 67, 24, 42]
},
{
name: '登记数/去年',
type: 'bar',
barWidth: 6,
itemStyle: {
normal: {
color: '#4093E9'
}
},
data: [45, 67, 44, 12, 45, 67, 44, 12, 45, 67, 44, 12, 45, 67, 44, 12]
},
{
name: '明确病理占比',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#099023'
}
},
data: [45, 17, 42, 22, 34, 2, 4, 6, 22, 42, 22, 34, 2, 4, 6, 22]
},
{
name: '明确期别占比',
type: 'line',
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
smooth: false,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#FF8E00'
}
},
data: [45, 17, 42, 22, 34, 25, 17, 32, 22, 22, 34, 2, 4, 6, 22, 22]
},
{
name: '肿瘤登记漏报率',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#42CCFF'
}
},
data: [25, 61, 42, 22, 34, 25, 17, 32, 22, 22, 34, 2, 4, 6, 34, 12]
},
{
name: '肿瘤报告信息错误比例',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#D44E53'
}
},
data: [25, 67, 44, 42, 22, 34, 15, 17, 32, 20, 12, 34, 2, 4, 6, 22]
}
]
_this.option5.series = series
_this.$echarts.init(document.getElementById("middlebarbox5")).setOption(_this.option5, true)
} else { } else {
let wd3 = [{ let wd3 = [{
"name": "YWSJ", "name": "YWSJ",
...@@ -1218,6 +1077,20 @@ ...@@ -1218,6 +1077,20 @@
}) })
} }
}) })
let tooltip = {}
tooltip.num1 = _this.msgone
tooltip.num2 = _this.nmsgone
tooltip.num3 = _this.msgtwo
tooltip.num4 = _this.nmsgtwo
tooltip.num5 = _this.msgthr
tooltip.num6 = _this.nmsgthr
// bar1_q[index] = Object.assign({value:bar1_q[index]}, tooltip)
// bar1[index] = Object.assign({value:a}, tooltip)
// bar1_q_qn[index] = Object.assign({value:bar1_q_qn[index]}, tooltip)
// bar1_g_qn[index] = Object.assign({value:b}, tooltip)
_this.msgopendata = {} _this.msgopendata = {}
_this.msgclosedata = {} _this.msgclosedata = {}
_this.orgopendata = {} _this.orgopendata = {}
...@@ -1227,127 +1100,162 @@ ...@@ -1227,127 +1100,162 @@
_this.orgopendata.ZXZ = this.formatNum(_this.orgone) + this.formatNum(_this.orgtwo) + this.formatNum(_this.orgthr) _this.orgopendata.ZXZ = this.formatNum(_this.orgone) + this.formatNum(_this.orgtwo) + this.formatNum(_this.orgthr)
_this.orgclosedata.ZXZ = this.formatNum(_this.norgone) + this.formatNum(_this.norgtwo) + this.formatNum(_this.norgthr) _this.orgclosedata.ZXZ = this.formatNum(_this.norgone) + this.formatNum(_this.norgtwo) + this.formatNum(_this.norgthr)
_this.msgtotale = _this.msgtotale ? _this.msgtotale : 15 _this.msgtotale = _this.msgtotale ? _this.msgtotale : 0
_this.nmsgtotale = _this.nmsgtotale ? _this.nmsgtotale : 15 _this.nmsgtotale = _this.nmsgtotale ? _this.nmsgtotale : 0
_this.option3.series[0].data[0].value = _this.msgone ? _this.msgone : 10 _this.option3.series[0].data[0] = Object.assign({value:_this.msgone ? _this.msgone : 0,
_this.option3.series[0].data[1].value = _this.msgtwo ? _this.msgtwo : 10 name: '一级',
_this.option3.series[0].data[2].value = _this.msgthr ? _this.msgthr : 10
_this.option3.series[0].data[3].value = _this.msgopendata.ZXZ * 0.5
_this.option3.series[1].data[0].value = _this.nmsgone ? _this.nmsgone : 10
_this.option3.series[1].data[1].value = _this.nmsgtwo ? _this.nmsgtwo : 10
_this.option3.series[1].data[2].value = _this.nmsgthr ? _this.nmsgthr : 10
_this.option3.series[1].data[3].value = _this.msgclosedata.ZXZ * 0.5
_this.$echarts.init(document.getElementById("pag5-left2")).setOption(_this.option3, true)
_this.orgtotale = _this.orgtotale ? _this.orgtotale : 15
_this.norgtotale = _this.norgtotale ? _this.norgtotale : 15
_this.option4.series[0].data[0].value = _this.orgone ? _this.orgone : 10
_this.option4.series[0].data[1].value = _this.orgtwo ? _this.orgtwo : 10
_this.option4.series[0].data[2].value = _this.orgthr ? _this.orgthr : 10
_this.option4.series[0].data[3].value = _this.orgopendata.ZXZ * 0.5
_this.option4.series[1].data[0].value = _this.norgone ? _this.norgone : 10
_this.option4.series[1].data[1].value = _this.norgtwo ? _this.norgtwo : 10
_this.option4.series[1].data[2].value = _this.norgthr ? _this.norgthr : 10
_this.option4.series[1].data[3].value = _this.orgclosedata.ZXZ * 0.5
_this.$echarts.init(document.getElementById("pag5-right2")).setOption(_this.option4, true)
}
let series = [
{
name: '登记数/去年',
type: 'bar',
barWidth: null,
itemStyle: { itemStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient( color: '#FEF7AA',
0, 0, 0, 1,
[{
offset: 0,
color: '#115D5D'
}, },
{ }}, tooltip,)
offset: 0.5, _this.option3.series[0].data[1] = Object.assign({value:_this.msgtwo ? _this.msgtwo : 0,
color: '#115D5D' name: '二级',
itemStyle: {
normal: {
color: '#00C6A7',
}, },
{ }}, tooltip)
offset: 0.5, _this.option3.series[0].data[2] = Object.assign({value:_this.msgthr ? _this.msgthr : 0,
color: '#4093E9' name: '三级',
itemStyle: {
normal: {
color: '#49A6F6',
}, },
{ }}, tooltip)
offset: 1, _this.option3.series[0].data[3] = {value:_this.msgopendata.ZXZ * 0.5,itemStyle: {
color: '#4093E9' normal: {
} color: 'rgba(0,0,0,0)',
] label: {
) show: false
}
}, },
data: _this.djdata01 labelLine: {
show: false
}
}, },
{ emphasis: {
name: '登记数/去年', color: 'rgba(0,0,0,0)'
type: 'bar', }
barWidth: 6, }}
_this.option3.series[1].data[0] = Object.assign({value:_this.nmsgone ? _this.nmsgone : 0,
name: '一级',
itemStyle: { itemStyle: {
normal: { normal: {
color: '#4093E9' color: '#FEF7AA',
}
},
data: _this.djdata02
}, },
{ }}, tooltip)
name: '急性事件漏报率', _this.option3.series[1].data[1] = Object.assign({value:_this.nmsgtwo ? _this.nmsgtwo : 0,
type: 'line', name: '二级',
smooth: false, itemStyle: {
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
lineStyle: {
normal: { normal: {
width: 2 color: '#00C6A7',
}
}, },
}}, tooltip)
_this.option3.series[1].data[2] = Object.assign({value:_this.nmsgthr ? _this.nmsgthr : 0,
name: '三级',
itemStyle: { itemStyle: {
normal: { normal: {
color: "#42CCFF" color: '#49A6F6',
} },
}}, tooltip)
_this.option3.series[1].data[3] = {value:_this.msgclosedata.ZXZ * 0.5,itemStyle: {
normal: {
color: 'rgba(0,0,0,0)',
label: {
show: false
}, },
data: _this.djdata03 labelLine: {
show: false
} }
] },
_this.djdata01 = [] emphasis: {
_this.djdata02 = [] color: 'rgba(0,0,0,0)'
_this.djdata03 = []
_this.djdata04 = []
_this.djdata05 = []
//切换全部，一级二级三级的
if (_this.djNo == 1) {
for (let i = 0; i < 16; i++) {
_this.djdata01.push(parseInt(Math.random() * 10))
_this.djdata02.push(parseInt(Math.random() * 10))
_this.djdata03.push(parseInt(Math.random() * 10))
_this.djdata04.push(parseInt(Math.random() * 10))
_this.djdata05.push(parseInt(Math.random() * 10))
}
} else if (_this.djNo == 2) {
for (let i = 0; i < 16; i++) {
_this.djdata01.push(parseInt(Math.random() * 18))
_this.djdata02.push(parseInt(Math.random() * 18))
_this.djdata03.push(parseInt(Math.random() * 18))
_this.djdata04.push(parseInt(Math.random() * 18))
_this.djdata05.push(parseInt(Math.random() * 18))
} }
} else { }}
for (let i = 0; i < 16; i++) { _this.$echarts.init(document.getElementById("pag5-left2")).setOption(_this.option3, true)
_this.djdata01.push(parseInt(Math.random() * 30))
_this.djdata02.push(parseInt(Math.random() * 30)) let tooltip1 = {}
_this.djdata03.push(parseInt(Math.random() * 30)) tooltip1.num1 = _this.orgone
_this.djdata04.push(parseInt(Math.random() * 30)) tooltip1.num2 = _this.norgtwo
_this.djdata05.push(parseInt(Math.random() * 30)) tooltip1.num3 = _this.orgtwo
tooltip1.num4 = _this.norgtwo
tooltip1.num5 = _this.orgthr
tooltip1.num6 = _this.norgthr
_this.orgtotale = _this.orgtotale ? _this.orgtotale : 0
_this.norgtotale = _this.norgtotale ? _this.norgtotale : 0
_this.option4.series[0].data[0] = Object.assign({value:_this.orgone ? _this.orgone : 0,
name: '一级',
itemStyle: {
normal: {
color: '#FEF7AA',
},
}}, tooltip1)
_this.option4.series[0].data[1] = Object.assign({value:_this.orgtwo ? _this.orgtwo : 0,
name: '二级',
itemStyle: {
normal: {
color: '#00C6A7',
},
}}, tooltip1)
_this.option4.series[0].data[2] = Object.assign({value:_this.orgthr ? _this.orgthr : 0,
name: '三级',
itemStyle: {
normal: {
color: '#49A6F6',
},
}}, tooltip1)
_this.option4.series[0].data[3] = Object.assign({value:_this.orgopendata.ZXZ * 0.5,itemStyle: {
normal: {
color: 'rgba(0,0,0,0)',
label: {
show: false
},
labelLine: {
show: false
} }
},
emphasis: {
color: 'rgba(0,0,0,0)'
}
}}, tooltip1)
_this.option4.series[1].data[0] = Object.assign({value:_this.norgone ? _this.norgone : 0,
name: '一级',
itemStyle: {
normal: {
color: '#FEF7AA',
},
}}, tooltip1)
_this.option4.series[1].data[1] = Object.assign({value:_this.norgtwo ? _this.norgtwo : 0,
name: '二级',
itemStyle: {
normal: {
color: '#00C6A7',
},
}}, tooltip1)
_this.option4.series[1].data[2] = Object.assign({value:_this.norgthr ? _this.norgthr : 0,
name: '三级',
itemStyle: {
normal: {
color: '#49A6F6',
},
}}, tooltip1)
_this.option4.series[1].data[3] = Object.assign({value:_this.orgclosedata.ZXZ * 0.5,itemStyle: {
normal: {
color: 'rgba(0,0,0,0)',
label: {
show: false
},
labelLine: {
show: false
}
},
emphasis: {
color: 'rgba(0,0,0,0)'
}
}}, tooltip1)
_this.$echarts.init(document.getElementById("pag5-right2")).setOption(_this.option4, true)
} }
_this.option5.series = series
_this.$echarts.init(document.getElementById("middlebarbox5")).setOption(_this.option5, true)
}).catch(err => { }).catch(err => {
console.log("--慢病监测心脑血管报错--"); console.log("--慢病监测心脑血管报错--");
...@@ -1356,6 +1264,24 @@ ...@@ -1356,6 +1264,24 @@
}, },
homebot() { homebot() {
let _this = this let _this = this
let dataX = []
let dataCode = []
let kzjg = []
let nkzjg = []
let bar1 = []
let bar1_qn = []
let bar2 = []
let bar2_qn = []
let line1 = []
let line1_tbl = []
let line2 = []
let line2_tbl = []
let line3 = []
let line3_tbl = []
let line4 = []
let line4_tbl = []
if(_this.zlOrXn === 'zl'){
let wd4 = [{ let wd4 = [{
"name": "YWSJ", "name": "YWSJ",
"endTime": this.cxsj, "endTime": this.cxsj,
...@@ -1367,75 +1293,512 @@ ...@@ -1367,75 +1293,512 @@
"name": "XZQH", "name": "XZQH",
"value": _this._xzqh, "value": _this._xzqh,
"type": "1" "type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
} }
] ]
let param4 = { let param4 = {
"themeId": _this.themeID, "themeId": '3',
"wd": JSON.stringify(wd4), "wd": JSON.stringify(wd4),
"group": _this._group "group": _this._group
} }
_this.tabledata = [] _this.topData = []
commonMethod(param4).then(res => { commonMethod(param4).then(res => {
let obj = {} let obj = {}
let bottomData = res.data.content
if('XZQH' === this._group){
bottomData.sort((prev, next) => {
return parseInt(prev.XZQH) - parseInt(next.XZQH)
})
}
bottomData.forEach((item, index) => {
res.data.content.forEach((item, index) => { if (item.XZQH_TEXT) {
let obj = { obj.name = item.XZQH_TEXT
name: '', obj.areacode = item.XZQH ? item.XZQH : ''
tag1: '0.0', dataX.push(item.XZQH_TEXT)
tag2: '0.0', dataCode.push(item.XZQH)
tag3: '0.0', } else if (item.YLJGDM_EX2) {
tag4: '0.0', obj.name = item.YLJGDM_EX2
areacode: 'v' obj.areacode = item.YLJGDM ? item.YLJGDM : ''
} dataX.push(item.YLJGDM_EX2)
if (item.YWSJ) { dataCode.push(item.YLJGDM)
obj.name = item.YWSJ.substring(5, 7) + '月'
} else { } else {
obj.name = item.XZQH_TEXT ? item.XZQH_TEXT : item.YLJGDM_EX2 obj.name = ""
obj.name = obj.name ? obj.name.replace('社区', '') : '返回空' return false
} }
obj.areacode = item.XZQH
item.zbxx.forEach((item2, index2) => { item.zbxx.forEach((item2, index2) => {
//管理人群累计死后随访人数
//去年管理人群累计死后随访人数 if(item2.ZBID == '1002'){//肿瘤登记报告信息化情况
if (_this.bingNo == 1) { kzjg.push(item2.ZXZ)
if (item2.ZBID == '1110') { }else if(item2.ZBID == '1000'){//肿瘤登记报告业务开展情况
obj.tag1 = item2.TBL ? parseFloat(item2.TBL).toFixed(1) : '0.0' nkzjg.push(item2.ZXZ)
}else if(item2.ZBID == '1003'){//肿瘤通过信息系统登记报告事件数
bar1.push(item2.ZXZ/10000)
bar1_qn.push(item2.TBZ/10000)
}else if(item2.ZBID == '1001'){//肿瘤登记报告事件数
bar2.push(item2.ZXZ/10000)
bar2_qn.push(item2.TBZ/10000)
}else if(item2.ZBID == '1004'){//肿瘤登记病例有明确病理的比例
line1.push(item2.ZXZ)
line1_tbl.push(item2.TBL)
}else if(item2.ZBID == '1007'){//肿瘤登记病例有明确期别的比例
line2.push(item2.ZXZ)
line2_tbl.push(item2.TBL)
}else if(item2.ZBID == '1101'){//肿瘤登记漏报率
line3.push(item2.ZXZ)
line3_tbl.push(item2.TBL)
}else if(item2.ZBID == '1104'){//肿瘤报告信息错误比例
line4.push(item2.ZXZ)
line4_tbl.push(item2.TBL)
}
})
})
bottomData.forEach((ite, index) => {
let kzqkObj = {},blqbObj = {},lbqkObj = {}
kzqkObj.name = dataX[index]
kzqkObj.code = dataCode[index]
kzqkObj.tag1 = kzjg[index]
kzqkObj.tag2 = nkzjg[index]
kzqkObj.tag3 = getActiveNum(bar1[index])
kzqkObj.tag4 = getActiveNum(bar2[index])
this.kzqk_tabledata.push(kzqkObj)
blqbObj.name = dataX[index]
blqbObj.code = dataCode[index]
blqbObj.tag1 = line1[index]
blqbObj.tag2 = line1_tbl[index]
blqbObj.tag3 = line2[index]
blqbObj.tag4 = line2_tbl[index]
this.blqb_tabledata.push(blqbObj)
lbqkObj.name = dataX[index]
lbqkObj.code = dataCode[index]
lbqkObj.tag1 = line3[index]
lbqkObj.tag2 = line3_tbl[index]
lbqkObj.tag3 = line4[index]
lbqkObj.tag4 = line4_tbl[index]
this.lbqk_tabledata.push(lbqkObj)
})
if(this.topType === 'kzqk'){
this.topData = this.kzqk_tabledata
}else if(this.topType === 'blqb'){
this.topData = this.blqb_tabledata
}else if(this.topType === 'lbqk'){
this.topData = this.lbqk_tabledata
}
let series = [
{
name: '信息化登记数/去年',
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#2A5B78'},
{offset: 0.5, color: '#2A5B78'},
{offset: 0.6, color: '#4093E9'},
{offset: 1, color: '#4093E9'}
]
)
}
},
barWidth: null,
data: null,
},
{
name: '信息化登记数/去年',
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: '#4093E9'
}
},
barWidth: 6,
data: bar1,
},
{
name: '信息化登记数/去年',
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: '#2A5B78'
}
},
barWidth: 6,
data: bar1_qn,
},
{
name: '非信息化登记数/去年',
type: 'bar',
stack: '2',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#115D5D'},
{offset: 0.5, color: '#115D5D'},
{offset: 0.6, color: '#00BEBE'},
{offset: 1, color: '#00BEBE'}
]
)
}
},
barWidth: null,
data: null,
},
{
name: '非信息化登记数/去年',
type: 'bar',
stack: '2',
itemStyle: {
normal: {
color: '#00BEBE'
}
},
barWidth: 6,
data: bar2,
},
{
name: '非信息化登记数/去年',
type: 'bar',
stack: '2',
itemStyle: {
normal: {
color: '#115D5D'
}
},
barWidth: 6,
data: bar2_qn,
},
{
name: '明确病理占比',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#099023'
}
},
data: line1
},
{
name: '明确期别占比',
type: 'line',
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
smooth: false,
lineStyle: {
normal: {
width: 2
} }
if (item2.ZBID == '1111') { },
obj.tag2 = item2.TBL ? parseFloat(item2.TBL).toFixed(1) : '0.0' itemStyle: {
normal: {
color: '#FF8E00'
} }
if (item2.ZBID == '1112') { },
obj.tag3 = item2.TBL ? parseFloat(item2.TBL).toFixed(1) : '0.0' data: line2
},
{
name: '肿瘤登记漏报率',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
lineStyle: {
normal: {
width: 2
} }
if (item2.ZBID == '1113') { },
obj.tag4 = item2.TBL ? parseFloat(item2.TBL).toFixed(1) : '0.0' itemStyle: {
normal: {
color: '#42CCFF'
} }
} else if (_this.bingNo == 2) { },
if (item2.ZBID == '1111') { data: line3
obj.tag1 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : '0.0' },
obj.tag2 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : '0.0' {
obj.tag3 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : '0.0' name: '肿瘤报告信息错误比例',
obj.tag4 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : '0.0' type: 'line',
// obj.areacode = item2.XZQH ? parseFloat(item2.XZQH).toFixed(1) : 0 smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
lineStyle: {
normal: {
width: 2
} }
},
itemStyle: {
normal: {
color: '#D44E53'
}
},
data: line4
}
]
this.option5.xAxis[0].data = dataX
this.option5.legend.data = ["信息化登记数/去年","非信息化登记数/去年","明确病理占比","明确期别占比"
,"肿瘤登记漏报率","肿瘤报告信息错误比例"]
_this.option5.series = series
_this.$echarts.init(document.getElementById("middlebarbox5")).setOption(_this.option5, true)
}).catch(err => {
console.log("--慢病监测心脑血管报错--");
})
}
else{
let wd5 = [{
"name": "YWSJ",
"endTime": this.cxsj,
"type": "2",
"startTime": this.startTime,
"compare": "between"
},
{
"name": "XZQH",
"value": _this._xzqh,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}, {
"name": "JGLX",
"value": this.djNo,
"type": "1"
}
]
let param5 = {
"themeId": '18',
"wd": JSON.stringify(wd5),
"group": _this._group
}
_this.topData = []
commonMethod(param5).then(res => {
let obj = {}
let bottomData = res.data.content
if('XZQH' === this._group){
bottomData.sort((prev, next) => {
return parseInt(prev.XZQH) - parseInt(next.XZQH)
})
}
bottomData.forEach((item, index) => {
if (item.XZQH_TEXT) {
obj.name = item.XZQH_TEXT
obj.areacode = item.XZQH ? item.XZQH : ''
dataX.push(item.XZQH_TEXT)
dataCode.push(item.XZQH)
} else if (item.YLJGDM_EX2) {
obj.name = item.YLJGDM_EX2
obj.areacode = item.YLJGDM ? item.YLJGDM : ''
dataX.push(item.YLJGDM_EX2)
dataCode.push(item.YLJGDM)
} else { } else {
if (item2.ZBID == '1112') { obj.name = ""
obj.tag1 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : '0.0' return false
obj.tag2 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : '0.0'
obj.tag3 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : '0.0'
obj.tag4 = item2.ZXZ ? parseFloat(item2.ZXZ).toFixed(1) : '0.0'
// obj.areacode = item2.XZQH ? parseFloat(item2.XZQH).toFixed(1) : 0
} }
item.zbxx.forEach((item2, index2) => {
if(item2.ZBID == '1011'){//心脑血管登记报告信息化情况
kzjg.push(item2.ZXZ)
}else if(item2.ZBID == '1009'){//心脑血管登记报告业务开展情况
nkzjg.push(item2.ZXZ)
}else if(item2.ZBID == '1012'){//心脑血管通过信息系统登记报告事件数
bar1.push(item2.ZXZ/10000)
bar1_qn.push(item2.TBZ/10000)
}else if(item2.ZBID == '1010'){//心脑血管登记报告事件数
bar2.push(item2.ZXZ/10000)
bar2_qn.push(item2.TBZ/10000)
}else if(item2.ZBID == '1107'){//心脑血管急性事件漏报率
line1.push(item2.ZXZ)
line1_tbl.push(item2.TBL)
}else if(item2.ZBID == '1108'){//心脑血管应报未报的事件数
line2.push(item2.ZXZ)
line2_tbl.push(item2.TBZ)
} }
}) })
_this.tabledata.push(obj)
})
bottomData.forEach((ite, index) => {
let kzqkObj = {},blqbObj = {},lbqkObj = {}
kzqkObj.name = dataX[index]
kzqkObj.code = dataCode[index]
kzqkObj.tag1 = kzjg[index]
kzqkObj.tag2 = nkzjg[index]
kzqkObj.tag3 = getActiveNum(bar1[index])
kzqkObj.tag4 = getActiveNum(bar2[index])
this.kzqk_tabledata.push(kzqkObj)
lbqkObj.name = dataX[index]
lbqkObj.code = dataCode[index]
lbqkObj.tag1 = line2[index]
lbqkObj.tag2 = line2_tbl[index]
lbqkObj.tag3 = getActiveNum(line1[index])
lbqkObj.tag4 = getActiveNum(line1_tbl[index])
this.lbqk_tabledata.push(lbqkObj)
}) })
if(this.topType === 'kzqk'){
this.topData = this.kzqk_tabledata
}else if(this.topType === 'blqb'){
this.topData = this.blqb_tabledata
}else if(this.topType === 'lbqk'){
this.topData = this.lbqk_tabledata
}
let series = [
{
name: '信息化登记数/去年',
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#2A5B78'},
{offset: 0.5, color: '#2A5B78'},
{offset: 0.6, color: '#4093E9'},
{offset: 1, color: '#4093E9'}
]
)
}
},
barWidth: null,
data: null,
},
{
name: '信息化登记数/去年',
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: '#4093E9'
}
},
barWidth: 6,
data: bar1,
},
{
name: '信息化登记数/去年',
type: 'bar',
stack: '1',
itemStyle: {
normal: {
color: '#2A5B78'
}
},
barWidth: 6,
data: bar1_qn,
},
{
name: '非信息化登记数/去年',
type: 'bar',
stack: '2',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#115D5D'},
{offset: 0.5, color: '#115D5D'},
{offset: 0.6, color: '#00BEBE'},
{offset: 1, color: '#00BEBE'}
]
)
}
},
barWidth: null,
data: null,
},
{
name: '非信息化登记数/去年',
type: 'bar',
stack: '2',
itemStyle: {
normal: {
color: '#00BEBE'
}
},
barWidth: 6,
data: bar2,
},
{
name: '非信息化登记数/去年',
type: 'bar',
stack: '2',
itemStyle: {
normal: {
color: '#115D5D'
}
},
barWidth: 6,
data: bar2_qn,
},
{
name: '急性事件漏报率',
type: 'line',
smooth: false,
yAxisIndex: 1,
symbol: 'circle',
symbolSize: 5,
lineStyle: {
normal: {
width: 2
}
},
itemStyle: {
normal: {
color: '#099023'
}
},
data: line1
}
]
this.option5.xAxis[0].data = dataX
this.option5.legend.data = ["信息化登记数/去年","非信息化登记数/去年","急性事件漏报率"]
_this.option5.series = series
_this.$echarts.init(document.getElementById("middlebarbox5")).setOption(_this.option5, true)
}).catch(err => { }).catch(err => {
console.log("--慢病监测心脑血管报错--"); console.log("--慢病监测心脑血管报错--");
}) })
}
}, },
formatNum(str) { formatNum(str) {
if (checkIsNull(str) || str == "NaN" || str == "Infinity" || str == "-" || isNaN(str)) { if (checkIsNull(str) || str == "NaN" || str == "Infinity" || str == "-" || isNaN(str)) {
...@@ -1470,14 +1833,8 @@ ...@@ -1470,14 +1833,8 @@
this.areaname = sessionStorage.getItem("organizcodeName") this.areaname = sessionStorage.getItem("organizcodeName")
} else if ('hospital' === this.userRole) {//社区角色 } else if ('hospital' === this.userRole) {//社区角色
this._xzqh = sessionStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
this.tablename = "社区" return
this.thname = "医院"
this.arname = '社区'
this.areaname = sessionStorage.getItem("organizcodeName")
} }
this.homeinit() this.homeinit()
this.homebot() this.homebot()
......
src/router/index.js
...@@ -9,6 +9,7 @@ Vue.use(Router) ...@@ -9,6 +9,7 @@ Vue.use(Router)
export default new Router({ export default new Router({
mode: 'history', mode: 'history',
base: '/jkgl/', base: '/jkgl/',
// base: '/jkglTest/',
routes: [ routes: [
{ {
path: '/', path: '/',
......
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