Skip to content

D
diseaseControlManage
Commit d79bfc05 by lihu541
Options

echarts图数据bug修改， 

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