Skip to content

D
diseaseControlManage
Commit 630f0b7d by lihu541
Options

不同角色登录，显示内容修改

parent f5f885f4
Showing with 637 additions and 482 deletions
src/App.vue
......@@ -11,5 +11,7 @@ export default {
</script>
<style>
#app {
background: -webkit-linear-gradient(top,#272e52,#171c30);
}
</style>
src/api/home.js
......@@ -2,10 +2,33 @@ import request from '@/utils/request'
/****
*首页接口
******/
const webUrl = 'http://223.166.12.29:8999/diseaseControlManage/';
const webUrl = 'http://192.168.3.4:168/fyglAPP/';
// const webUrl = 'http://192.168.3.110:8999/diseaseControlManage/';
// const webUrl = 'http://195.1.3.38:8999/diseaseControlManage/';
//公用接口
export function commonMethod(param) {
let _wd = JSON.parse(param.wd);
if(_wd.length>0){
for(var i=0;i<_wd.length;i++){
if(_wd[i]){
//如果是compare=eq，则不需要处理，
if("YWSJ"==_wd[i].name){
//如果结束时间没有，取当前年,如果开始时间没有，取年第一个月
let endTime = _wd[i].endTime ? _wd[i].endTime : (new Date).getFullYear()
let startTime = _wd[i].startTime ? _wd[i].startTime : (endTime.split("-")[0]+"-01")
_wd[i].endTime = endTime;
_wd[i].startTime = startTime;
_wd[i].compare="between";
}
}
}
param.wd = _wd
}
return request({
url:webUrl+'api/common/queryTheme',
method:'post',
......
src/api/userlogin.js
import request from '@/utils/request'
//登录、修改密码
const webUrl = 'http://223.166.12.29:8999/diseaseControlManage/';
const webUrl = 'http://192.168.3.4:168/fyglAPP/';
// const webUrl = 'http://192.168.3.110:8999/diseaseControlManage/';
// const webUrl = 'http://195.1.3.38:8999/diseaseControlManage/';
export function login(loginID, loginPas) {
return request({
url:webUrl+'api/login/doLogin',
......
src/assets/home.css
......@@ -5,7 +5,7 @@
.header .nav img{ width: 30px; height: 30px;}
.header .title{ text-align: center; line-height: 40px;font-size: 22px; color: #CBEDFF; font-weight: 400; float: left; width: 700px;}
.header .area{ float: left; width: 100px; position:relative;}
.header .area .areabtn{ width: 80px; height: 30px; float: right; border: 1px solid #0261a1; padding-right: 18px; padding-left: 10px; background: #01609f; color: #fff; text-align: center; line-height: 28px; font-size: 14px; border-radius: 5px; background:#01609e url(tipdown.png) no-repeat 60px center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.header .area .areabtn{ width: 80px; height: 30px; float: right; border: 1px solid #0261a1; background: #01609f; color: #fff; text-align: center; line-height: 28px; font-size: 14px; border-radius: 5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.header .area .arealist{ position:absolute; right:0; top:36px; height:236px; overflow:hidden; overflow-y:scroll; width: 100px; background: #00609F; color: #97B8D5; position: absolute; z-index: 10; border-radius: 4px; padding: 5px 0 5px 8px; }
.header .area .arealist ul{}
......@@ -39,7 +39,7 @@
.toplinem .topline i.i6{ background:#BCF8C6}
.toplinem .topline i.i7{ background:#8DEDA2}
.thrmain{ height: 160px; line-height: 20px;}
.usercontainer{ background:url(./login_Bg1.jpg) no-repeat;}
.usercontainer{ background:url(./login_Bg1.jpg) no-repeat;background-size: 100% 100%;}
.thrmain ul{ height: 160px; line-height: 20px;}
.thrmain ul li{ float: left; width: 50%; color: #97B8D5; text-align: left; padding-left: 10px; padding-right: 10px;}
.thrmain ul li span{ float: right;}
......@@ -126,6 +126,9 @@
.card5main{margin-top: 30px; height: 260px; overflow: hidden; overflow-y: scroll;}
.card5main2{margin-top: 30px; height: 270px; overflow: hidden;}
.table01{ color: #B3BFD2;}
.table01 ::-webkit-scrollbar {
display: none;
}
.table01 th{color: #B3BFD2; font-weight: normal; line-height: 20px; padding-bottom: 5px;border-bottom:1px dashed #3B4453;}
.table01 td{color: #B3BFD2; font-weight: normal; text-align: center; line-height: 29px; border-bottom:1px dashed #3B4453;}
.table01 td.underline{text-decoration: underline;}
......@@ -160,4 +163,4 @@
.color1{color: #42ccff;}
.color2{color: #FF7277;}
.color3{ color: #15C436;}
#color4{}
\ No newline at end of file
#color4{}
src/components/Home.vue
......@@ -5,14 +5,19 @@
<div class="header">
<div class="nav" @click="exitFn"><img src="../assets/icon_nav_cell.png"></div>
<div class="title">上海市疾病预防控制管理服务云平台</div>
<div class="area" @click="cityFn()">
<div class="areabtn">{{cityname}}</div>
<div class="arealist" v-show="iscity">
<ul>
<li @click="changeCity(item.value,item.label,index,item.YLGM)" v-for="(item, index) in OptionsPlace"
:key="index" class="Placecls">{{item.label}}</li>
</ul>
<div class="area">
<div class="areabtn">
<el-select v-model="selectOrg" @change="changeOrg" size="mini">
<el-option
v-for="item in OptionsPlace"
:key="item.value"
:label="item.label"
:value="item"
:disabled="item.disabled">
</el-option>
</el-select>
</div>
</div>
</div>
<!----左边---->
......@@ -20,11 +25,11 @@
<div class="topone">
<div class="topmodel">
<h3>{{left1}}</h3>
<p>高血压患者<br />当前死亡后随访人数</p>
<p>高血压患者<br/>当前死亡后随访人数</p>
</div>
<div class="topmodel">
<h3>{{left2}}</h3>
<p>糖尿病患者<br />当前死亡后随访人数</p>
<p>糖尿病患者<br/>当前死亡后随访人数</p>
</div>
</div>
<div class="toptwo">
......@@ -32,24 +37,29 @@
<div class="topnav" v-if="threeCode == 1"><span class="clk topbocolor" @click="changecolor(0)">Top</span>
| <span class="topbocolor" @click="changecolor(1)">Bottom</span></div>
<div class="topnav2" v-if="threeCode == 2" @click="getShow(0)">市排名 {{rank1}}</div>
<div class="topnav2" v-if="threeCode == 3" @click="getShow(0)">市/区 ({{rankplace1[0]}}/{{rankplace1[1]}})</div>
<div class="topnav2" v-if="threeCode == 3" @click="getShow(0)">市/区 ({{rankplace1[0]}}/{{rankplace1[1]}})
</div>
<HypertensionDie ref="HypertenCom" :propTest="propTest" :hyperplacetemp="hyperplacetemp" :hyperplacevalue="hyperplacevalue"
:PlaceCode="PlaceCode" :ranklist1="ranklist1"></HypertensionDie>
<HypertensionDie ref="HypertenCom" :propTest="propTest" :hyperplacetemp="hyperplacetemp"
:hyperplacevalue="hyperplacevalue"
:PlaceCode="PlaceCode" :ranklist1="ranklist1"></HypertensionDie>
</div>
</div>
<div class="topthr">
<div class="toptitle">糖尿病当前死亡后随访人数<span>(人)</span>
<div class="topnav" v-if="threeCode == 1"><span class="clk topbocolor" @click="changecolor(2)">Top</span>|<span
class="topbocolor" @click="changecolor(3)">Bottom</span></div>
class="topbocolor" @click="changecolor(3)">Bottom</span></div>
<div class="topnav2" v-if="threeCode == 2" @click="getShow(1)">市排名 {{rank2}}</div>
<div class="topnav2" v-if="threeCode == 3" @click="getShow(1)">市/区 ({{rankplace2[0]}}/{{rankplace2[1]}})</div>
<div class="topnav2" v-if="threeCode == 3" @click="getShow(1)">市/区 ({{rankplace2[0]}}/{{rankplace2[1]}})
</div>
<div class="mywraper" v-if="hereshow">
<div class="mywrapitem">
<div class="itemtitle">市前10社区：</div>
<div class="itemplace">
<ul>
<li v-for="(item, index) in reversweetBar2" :key="index" v-if="index< 10" class="itemulli">{{item}}</li>
<li v-for="(item, index) in reversweetBar2" :key="index" v-if="index< 10" class="itemulli">
{{item}}
</li>
</ul>
</div>
</div>
......@@ -57,7 +67,9 @@
<div class="itemtitle">市后10社区：</div>
<div class="itemplace">
<ul>
<li v-for="(item, index) in reversweetBar" :key="index" v-if="index< 10" class="itemulli">{{item}}</li>
<li v-for="(item, index) in reversweetBar" :key="index" v-if="index< 10" class="itemulli">
{{item}}
</li>
</ul>
</div>
</div>
......@@ -95,11 +107,13 @@
<div class="middbot">
<div class="toptitle">高血压血压记录自动上传比例<span>(%)</span>
<div class="topnav" v-if="threeCode == 1"><span class="clk topbocolor" @click="changecolor(4)">Top</span>|<span
class="topbocolor" @click="changecolor(5)">Bottom</span></div>
class="topbocolor" @click="changecolor(5)">Bottom</span></div>
<div class="topnav2" v-if="threeCode == 2" @click="getShow(2)">市排名 {{rank3}}</div>
<div class="topnav2" v-if="threeCode == 3" @click="getShow(2)">市/区 ({{rankplace3[0]}}/{{rankplace3[1]}})</div>
<HyperPercent ref="HyperperCom" :hyperAutoplacetemp="hyperAutoplacetemp" :hyperAutoplacevalue="hyperAutoplacevalue"
:ranklist3="ranklist3"></HyperPercent>
<div class="topnav2" v-if="threeCode == 3" @click="getShow(2)">市/区 ({{rankplace3[0]}}/{{rankplace3[1]}})
</div>
<HyperPercent ref="HyperperCom" :hyperAutoplacetemp="hyperAutoplacetemp"
:hyperAutoplacevalue="hyperAutoplacevalue"
:ranklist3="ranklist3"></HyperPercent>
</div>
</div>
</div>
......@@ -108,11 +122,11 @@
<div class="topone">
<div class="topmodel">
<h3>{{right1}}</h3>
<p>医疗机构登记报告<br />信息化情况（肿瘤）</p>
<p>医疗机构登记报告<br/>信息化情况（肿瘤）</p>
</div>
<div class="topmodel">
<h3>{{right2}}</h3>
<p>医疗机构登记报告<br />信息化情况（心脑）</p>
<p>医疗机构登记报告<br/>信息化情况（心脑）</p>
</div>
</div>
<div class="toptwo">
......@@ -130,10 +144,12 @@
<div class="topthr">
<div class="toptitle">糖尿病糖化血红蛋白自动上传比例<span>(%)</span>
<div class="topnav" v-if="threeCode == 1"><span class="clk topbocolor" @click="changecolor(6)">Top</span>|<span
class="topbocolor" @click="changecolor(7)">Bottom</span></div>
class="topbocolor" @click="changecolor(7)">Bottom</span></div>
<div class="topnav2" v-if="threeCode == 2" @click="getShow(3)">市排名 {{rank4}}</div>
<div class="topnav2" v-if="threeCode == 3" @click="getShow(3)">市/区 ({{rankplace4[0]}}/{{rankplace4[1]}})</div>
<DiaBites ref="DiaBitesCom" :sweetAutoplacetemp="sweetAutoplacetemp" :sweetAutoplacevalue="sweetAutoplacevalue" :ranklist4="ranklist4"></DiaBites>
<div class="topnav2" v-if="threeCode == 3" @click="getShow(3)">市/区 ({{rankplace4[0]}}/{{rankplace4[1]}})
</div>
<DiaBites ref="DiaBitesCom" :sweetAutoplacetemp="sweetAutoplacetemp"
:sweetAutoplacevalue="sweetAutoplacevalue" :ranklist4="ranklist4"></DiaBites>
</div>
</div>
</div>
......@@ -141,10 +157,10 @@
</swiper-slide>
<swiper-slide>
<screenTwoPag1 v-if="screenTagshow == 1" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag1>
<screenTwoPag2 v-else-if="screenTagshow == 2" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag2>
<screenTwoPag3 v-else-if="screenTagshow == 3" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag3>
<screenTwoPag4 v-else-if="screenTagshow == 4" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag4>
<screenTwoPag5 v-else-if="screenTagshow == 5" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag5>
<!--<screenTwoPag2 v-else-if="screenTagshow == 2" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag2>-->
<!--<screenTwoPag3 v-else-if="screenTagshow == 3" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag3>-->
<!--<screenTwoPag4 v-else-if="screenTagshow == 4" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag4>-->
<!--<screenTwoPag5 v-else-if="screenTagshow == 5" @screenTwoPagefunc="changeScreenTwo" :PlaceCode="PlaceCode"></screenTwoPag5>-->
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
......@@ -167,6 +183,7 @@
commonMethod,
otherMethod
} from '@/api/home.js'
export default {
name: 'Home',
data() {
......@@ -184,7 +201,6 @@
rankplace3: [],
rankplace4: [],
iscity: false,
cityname: '上海市',
objParam: {},
themeID: '44',
themeID2: '41',
......@@ -238,7 +254,8 @@
DiachangeFlag: 0,
DiabitesDate: [],
OptionsPlace: [],
PlaceCode: "",
selectOrg: '',
selectOrgName: '',
option: {
grid: {
left: 50,
......@@ -301,7 +318,7 @@
color: '#97B8D5',
fontSize: 10
},
formatter: function(value) {
formatter: function (value) {
if (value >= 35 && value <= 44) {
return "35-44";
} else if (value >= 45 && value <= 54) {
......@@ -344,7 +361,7 @@
type: 'scatter',
itemStyle: {
normal: {
color: function(param) {
color: function (param) {
var num = param.data[1];
if (num <= 54.999) {
return 'rgba(9,144,35,1)'
......@@ -360,12 +377,16 @@
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
data: [
]
}, ]
data: []
},]
},
value: '',
userRole: '',
_ywsj: '',
PlaceCode: '',
_yljgdm: '',
_group: '',
pageLevel: '',
PlaceLevel: 'XZQH',
cityArea: 1
}
......@@ -376,312 +397,20 @@
path: '/Index'
});
},
cityFn() {
this.iscity = this.iscity ? false : true
},
changeCity(param, pname, index, YLGM) {
console.log('当前地区代码：' + param)
console.log('当前医疗机构代码：' + YLGM);
this.PlaceCode = param > 3100 ? param : ''
this.cityname = pname
// 在此通过 选中地址来对页面操作
if (param == 3100) {
console.log("选中上海");
// 选中上海的情况
this.isShow = true
this.hereshow = false
// 切换右上角选择器后，左下角的状态显示
this.threeCode = 1
this.PlaceLevel = 'XZQH'
this.cityArea = 1
console.log('param1');
this.themeID = 44
//点击回到"市-区"分级
let param9 = {
"dataDetailId": 1,
"wd": [],
"group": this.PlaceLevel
}
console.log("执行！！！！");
// this.placeFlag = true
otherMethod(param9).then(res => {
console.log(res)
this.OptionsPlace = [{
'value': '3100',
'label': '上海市'
}]
res.data.forEach(item => {
let valobj = {
'value': '',
'label': '',
'YLGM': ''
}
// console.log(item.XZQHBM);
if (item.XZQHBM > 310) {
valobj.value = item.XZQHBM
valobj.label = item.XZQHJC
this.OptionsPlace.push(valobj)
}
})
// document.querySelectorAll('Placecls')[0].classList.remove('placeclk')
}).catch(err => {
console.log("--市-区接口报错--");
})
this.$refs.HypertenCom.parentHandleclick(2);
this.$refs.HyperperCom.parentHandleclick(2);
this.$refs.DiaBitesCom.parentHandleclick(2);
this.homeinit()
} else if (!YLGM) {
console.log("选中市区"); // 实际上是展示乡镇
this.threeCode = 2
this.cityArea = 2
//点击得到 "区分级"
console.log('param2');
this.PlaceLevel = 'YLJGDM'
console.log(param);
this.themeID = 45
this.isShow = false
this.PlaceIndex = index
let wd = [{
'name': 'XZQH',
'value': param,
'type': '1'
},
{
"name": "YLJGDM",
"value": YLGM,
"type": "1"
}
]
// {"dataDetailId":2,"wd":"[{\"name\":\"XZQH\",\"value\":\"310116000000\",\"type\":\"1\"},{\"name\":\"YLJGDM\",\"value\":\"42502198200\",\"type\":\"1\"}]","group":"YWSJ"}
// {"dataDetailId":2,"wd":"[{\"name\":\"XZQH\",\"value\":\"310101000000\",\"type\":\"1\"},{\"name\":\"YLJGDM\",\"value\":\"\",\"type\":\"1\"}]","group":"YLJGDM"}
let param9 = {
"dataDetailId": 2,
"wd": JSON.stringify(wd),
"group": this.PlaceLevel
}
console.log(JSON.stringify(param9));
otherMethod(param9).then(res => {
// console.log('Line415: '+JSON.stringify(res));
// console.log('城市-----' + param)
//if(this.placeFlag){
this.OptionsPlace = [{
'value': '3100',
'label': '上海市'
}]
res.data.forEach(item => {
let valobj = {
'value': '',
'label': '',
'YLGM': ''
}
valobj.label = item.YLJGJC // 名字
valobj.value = param // 31010200000
valobj.YLGM = item.YLJGBM // 医疗机构代码
this.OptionsPlace.push(valobj)
})
// console.log(JSON.stringify(this.OptionsPlace));
//this.placeFlag = false
//}
}).catch(err => {
console.log("--切换区域报错--");
})
this.homeinit()
} else if (YLGM) {
// console.log('param: ' + param);
// console.log('YLGM: ' + YLGM);
// console.log(this.OptionsPlace);
this.threeCode = 3
// console.log("选中乡镇: "+param);
this.cityArea = 3
this.PlaceLevel = 'YWSJ'
this.themeID = 44
this.isShow = true
let mytest1 = [{
"name": "YWSJ",
"endTime": "2019-02",
"type": "2",
"startTime": "2019-02",
"compare": "between"
}, {
"name": "XZQH",
"value": param,
"type": "1"
}, {
"name": "YLJGDM",
"value": YLGM,
"type": "1"
}, {
"name": "CUS1",
"value": "1116",
"type": "1"
}]
let testparam1 = {
"dataDetailId": "3",
"wd": JSON.stringify(mytest1)
}
otherMethod(testparam1).then(res => {
if (res.data.length > 0) {
this.rankplace1[0] = res.data[0].RANK
this.rankplace1[1] = res.data[1].RANK
} else {
this.rankplace1[0] = '-'
this.rankplace1[1] = '-'
}
})
let mytest2 = [{
"name": "YWSJ",
"endTime": "2019-02",
"type": "2",
"startTime": "2019-02",
"compare": "between"
}, {
"name": "XZQH",
"value": param,
"type": "1"
}, {
"name": "YLJGDM",
"value": YLGM,
"type": "1"
}, {
"name": "CUS1",
"value": "1117",
"type": "1"
}]
let testparam2 = {
"dataDetailId": "3",
"wd": JSON.stringify(mytest2)
}
otherMethod(testparam2).then(res => {
if (res.data.length > 0) {
this.rankplace2[0] = res.data[0].RANK
this.rankplace2[1] = res.data[1].RANK
} else {
this.rankplace2[0] = '-'
this.rankplace2[1] = '-'
}
})
let mytest3 = [{
"name": "YWSJ",
"endTime": "2019-02",
"type": "2",
"startTime": "2019-02",
"compare": "between"
}, {
"name": "XZQH",
"value": param,
"type": "1"
}, {
"name": "YLJGDM",
"value": YLGM,
"type": "1"
}, {
"name": "CUS1",
"value": "1116",
"type": "1"
}]
let testparam3 = {
"dataDetailId": "3",
"wd": JSON.stringify(mytest3)
}
otherMethod(testparam3).then(res => {
if (res.data.length > 0) {
this.rankplace3[0] = res.data[0].RANK
this.rankplace3[1] = res.data[1].RANK
} else {
this.rankplace3[0] = '-'
this.rankplace3[1] = '-'
}
})
let mytest4 = [{
"name": "YWSJ",
"endTime": "2019-02",
"type": "2",
"startTime": "2019-02",
"compare": "between"
}, {
"name": "XZQH",
"value": param,
"type": "1"
}, {
"name": "YLJGDM",
"value": YLGM,
"type": "1"
}, {
"name": "CUS1",
"value": "1116",
"type": "1"
}]
let testparam4 = {
"dataDetailId": "3",
"wd": JSON.stringify(mytest4)
}
otherMethod(testparam4).then(res => {
if (res.data.length > 0) {
this.rankplace4[0] = res.data[0].RANK
this.rankplace4[1] = res.data[1].RANK
} else {
this.rankplace4[0] = '-'
this.rankplace4[1] = '-'
}
})
// let wd = [{
// 'name': 'XZQH',
// 'value': param,
// 'type': '1'
// },
// {
// "name":"YLJGDM",
// "value":YLGM,
// "type":"1"
// }]
// let param9 = {
// "dataDetailId": 2,
// "wd": JSON.stringify(wd),
// "group": this.PlaceLevel
// }
// console.log("执行！！！！");
// otherMethod(param9).then(res => {
// console.log('Line459: '+JSON.stringify(res));
// console.log(JSON.stringify(param9));
//
// // document.querySelectorAll('Placecls')[0].classList.remove('placeclk')
// }).catch(err => {
// console.log("--市-区接口报错--");
// })
this.homeinit()
// console.log(JSON.stringify(this.sweetAutoplacetemp))
// console.log(JSON.stringify(this.sweetAutoplacevalue))
this.$refs.HypertenCom.parentHandleclick(2);
this.$refs.HyperperCom.parentHandleclick(2);
this.$refs.DiaBitesCom.parentHandleclick(2);
// console.log(this.OptionsPlace);
}
},
homeinit() {
this.dataInit()
let _this = this
//测试定义接口
let wd = [{
'name': 'YWSJ',
'startTime': '2018-01',
'endTime': '2018-12',
'compare': 'between',
'type': '2'
},
'name': 'YWSJ',
'startTime': '',
'endTime': this._ywsj,
'compare': 'between',
'type': '2'
},
{
"name": "XZQH",
"value": this.PlaceCode,
......@@ -694,31 +423,10 @@
"group": this.PlaceLevel
}
//高血压 以及 糖尿病死亡随访人数获取 以及 echarts图表传值
console.log(param);
console.log(JSON.stringify(param));
console.log(12312312);
let T = {
"themeId": 44,
"wd": [{
"name": "YWSJ",
"startTime": "2018-01",
"endTime": "2018-12",
"compare": "between",
"type": "2",
}, {
"name": "XZQH",
"value": "310101000000",
"type": "1",
}],
"group": 'YWSJ',
}
commonMethod(T).then(res => {
// console.log('resssssss: '+ JSON.stringify(res));
})
commonMethod(param).then(res => {
this.sweetBar = []
// console.log(JSON.stringify(res));
res.data.content.forEach(item => {
let obj = {
place: '',
......@@ -736,7 +444,7 @@
place: '',
value: 0
}
// console.log(JSON.stringify(item));
if (this.cityArea == 1) {
obj.place = item.XZQH_TEXT ? item.XZQH_TEXT : " "
sweetobj.place = item.XZQH_TEXT ? item.XZQH_TEXT : " "
......@@ -766,11 +474,11 @@
sweetobj.value = item2.ZXZ
}
if (item2.ZBID == "1063") {
// console.log( item2.ZXZ);
autoHyperObj.value = item2.ZXZ
}
if (item2.ZBID == "1069") {
// console.log(JSON.stringify(item2));
autoSweetObj.value = item2.ZXZ
}
//糖尿病 ---自动上传数据赋值
......@@ -785,8 +493,7 @@
this.sweetAutoBar.push(autoSweetObj)
})
// console.log(JSON.stringify(this.hyperAutoBar));
// console.log(this.PlaceCode);
// 此处的设置为空数组 是为了防止切换地区时候的 再次数据请求（push)让最终数据重复。
this.hyperplacevalue = []
this.hyperplacetemp = []
......@@ -796,8 +503,6 @@
this.sweetAutoplacevalue = []
// 高血压数据清洗
// console.log('--------------------------')
// console.log(this.hyperBar)
if (this.threeCode == 3) {
this.hyperBar.sort((prev, next) => {
return parseInt(prev.place.substring(0, 2)) - parseInt(next.place.substring(0, 2))
......@@ -835,7 +540,7 @@
this.option.xAxis.data.push(item.place)
this.option.series[0].data.push(item.value)
})
console.log(JSON.stringify(this.sweetBar));
this.$echarts.init(document.getElementById("thrmain")).setOption(this.option, true)
} else {
......@@ -844,7 +549,7 @@
})
}
console.log(this.sweetBar);
if (this.threeCode != 3) {
this.reversweetBar = []
this.reversweetBar2 = []
......@@ -852,13 +557,10 @@
this.reversweetBar2.push(item.place)
this.reversweetBar.push(item.place)
})
console.log(this.reversweetBar2);
this.reversweetBar.reverse()
}
console.log(this.reversweetBar2);
// console.log(JSON.stringify(this.sweetBar));
// console.log(JSON.stringify(this.reversweetBar.reverse()));
// 高血压患者 血压记录自动上传比例 数据清洗
if (this.threeCode == 3) {
......@@ -883,14 +585,14 @@
this.sweetAutoBar.sort((prev, next) => {
return parseInt(prev.place.substring(0, 2)) - parseInt(next.place.substring(0, 2))
})
console.log(this.sweetAutoBar);
this.sweetAutoBar.reverse().forEach(item => {
this.sweetAutoplacetemp.push(item.place)
this.sweetAutoplacevalue.push(item.value)
})
let tempArr = [],
tempAllArr;
console.log(this.sweetAutoplacetemp);
this.sweetAutoplacetemp.forEach((item, index) => {
tempAllArr = [this.sweetAutoplacetemp[index], this.sweetAutoplacevalue[index]]
})
......@@ -905,7 +607,6 @@
}
if (this.threeCode != 3) {
this.ranklist1 = this.hyperplacetemp
this.ranklist2 = this.reversweetBar
......@@ -914,42 +615,33 @@
}
this.ranklist1.forEach((item, index) => {
// console.log(item);
// console.log(this.cityname);
if (item == this.cityname) {
this.rank1 = index + 1
}
})
this.ranklist2.forEach((item, index) => {
// console.log(item);
// console.log(this.cityname);
if (item == this.cityname) {
this.rank2 = index + 1
}
})
this.ranklist3.forEach((item, index) => {
// console.log(item);
// console.log(this.cityname);
if (item == this.cityname) {
this.rank3 = index + 1
}
})
this.ranklist4.forEach((item, index) => {
// console.log(item);
// console.log(this.cityname);
if (item == this.cityname) {
this.rank4 = index + 1
}
})
// console.log(this.ranklist1);
// console.log(this.ranklist2);
// console.log(this.ranklist3);
// console.log(this.ranklist4);
this.$echarts.init(document.getElementById("thrmain")).setOption(this.option, true)
// console.log(JSON.stringify(this.sweetAutoplacetemp))
// console.log(JSON.stringify(this.sweetAutoplacevalue))
this.sweetAutoBar = []
}).catch(err => {
console.log("--测试定义接口报错--");
......@@ -957,16 +649,13 @@
// 右侧重点监管指标列表变量 顺序依次对应
// 此处请求的也是 44 但请求的不是分组， 而是总体
console.log(this.PlaceLevel);
console.log(this.PlaceCode);
this.supervisionall = []
commonMethod({
"themeId": _this.themeID,
"wd": JSON.stringify(wd),
"group": this.PlaceLevel
}).then(res => {
// console.log(JSON.stringify(res));
res.data.content.forEach(item => {
item.zbxx.forEach(item2 => {
if (item2.ZBID == "1116") {
......@@ -1005,17 +694,16 @@
this.supervisionall.push(parseFloat(this.supervisionlist5))
this.supervisionall.push(parseFloat(this.supervisionlist6))
this.supervisionall.push(parseFloat(this.supervisionlist7))
// console.log(JSON.stringify(this.supervisionall));
console.log(this.supervisionall);
})
// 右上角 医疗机构等记 报告（肿癌、心脑） 人数获取 以及 echarts图表传值
let wd41 = [{
"name": "YWSJ",
"endTime": "2018-12",
"type": "2",
"startTime": "2018-01",
"compare": "between"
},
"name": "YWSJ",
"endTime": this._ywsj,
"type": "2",
"startTime": "",
"compare": "between"
},
{
"name": "XZQH",
"value": this.PlaceCode,
......@@ -1038,36 +726,395 @@
// }
// })
// }).catch(err => {
// console.log("--右上角 医疗机构等记接口报错--");
// })
},
cicyinti() {
let param9 = {
"dataDetailId": 1,
"wd": [],
"group": this.PlaceLevel
}
otherMethod(param9).then(res => {
this.OptionsPlace = [{
'value': '3100',
'label': '上海市'
dataInit(){
// 在此通过 选中地址来对页面操作
if (this.pageLevel === 'sj') {
// 选中上海的情况
this.isShow = true
this.hereshow = false
// 切换右上角选择器后，左下角的状态显示
this.threeCode = 1
this.PlaceLevel = 'XZQH'
this.cityArea = 1
this.themeID = 44
this.$refs.HypertenCom.parentHandleclick(2);
this.$refs.HyperperCom.parentHandleclick(2);
this.$refs.DiaBitesCom.parentHandleclick(2);
} else if (this.pageLevel === 'qj') {
this.threeCode = 2
this.cityArea = 2
//点击得到 "区分级"
this.PlaceLevel = 'YLJGDM'
this.themeID = 45
this.isShow = false
} else if (this.pageLevel === 'sq') {
this.threeCode = 3
this.cityArea = 3
this.PlaceLevel = 'YWSJ'
this.themeID = 44
this.isShow = true
let mytest1 = [{
"name": "YWSJ",
"endTime": this._ywsj,
"type": "2",
"startTime": "",
"compare": "between"
}, {
"name": "XZQH",
"value": this.PlaceCode,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}, {
"name": "CUS1",
"value": "1116",
"type": "1"
}]
res.data.forEach(item => {
let valobj = {
'value': '',
'label': '',
'YLGM': ''
let testparam1 = {
"dataDetailId": "3",
"wd": JSON.stringify(mytest1)
}
otherMethod(testparam1).then(res => {
if (res.data.length > 0) {
this.rankplace1[0] = res.data[0].RANK
this.rankplace1[1] = res.data[1].RANK
} else {
this.rankplace1[0] = '-'
this.rankplace1[1] = '-'
}
if (item.XZQHBM > 310) {
valobj.value = item.XZQHBM
valobj.label = item.XZQHJC
})
let mytest2 = [{
"name": "YWSJ",
"endTime": this._ywsj,
"type": "2",
"startTime": "",
"compare": "between"
}, {
"name": "XZQH",
"value": this.PlaceCode,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}, {
"name": "CUS1",
"value": "1117",
"type": "1"
}]
let testparam2 = {
"dataDetailId": "3",
"wd": JSON.stringify(mytest2)
}
otherMethod(testparam2).then(res => {
if (res.data.length > 0) {
this.rankplace2[0] = res.data[0].RANK
this.rankplace2[1] = res.data[1].RANK
} else {
this.rankplace2[0] = '-'
this.rankplace2[1] = '-'
}
this.OptionsPlace.push(valobj)
// console.log(JSON.stringify(this.OptionsPlace));
})
}).catch(err => {
console.log("--初始化获取地区报错--");
})
let mytest3 = [{
"name": "YWSJ",
"endTime": this._ywsj,
"type": "2",
"startTime": "",
"compare": "between"
}, {
"name": "XZQH",
"value": this.PlaceCode,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}, {
"name": "CUS1",
"value": "1116",
"type": "1"
}]
let testparam3 = {
"dataDetailId": "3",
"wd": JSON.stringify(mytest3)
}
otherMethod(testparam3).then(res => {
if (res.data.length > 0) {
this.rankplace3[0] = res.data[0].RANK
this.rankplace3[1] = res.data[1].RANK
} else {
this.rankplace3[0] = '-'
this.rankplace3[1] = '-'
}
})
let mytest4 = [{
"name": "YWSJ",
"endTime": this._ywsj,
"type": "2",
"startTime": "",
"compare": "between"
}, {
"name": "XZQH",
"value": this.PlaceCode,
"type": "1"
}, {
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}, {
"name": "CUS1",
"value": "1116",
"type": "1"
}]
let testparam4 = {
"dataDetailId": "3",
"wd": JSON.stringify(mytest4)
}
otherMethod(testparam4).then(res => {
if (res.data.length > 0) {
this.rankplace4[0] = res.data[0].RANK
this.rankplace4[1] = res.data[1].RANK
} else {
this.rankplace4[0] = '-'
this.rankplace4[1] = '-'
}
})
this.$refs.HypertenCom.parentHandleclick(2);
this.$refs.HyperperCom.parentHandleclick(2);
this.$refs.DiaBitesCom.parentHandleclick(2);
}
},
orgInit(level,orgCode) {
// 在此通过 选中地址来对页面操作
if (this.userRole === 'city') {
if(level === 'qj'){
this.PlaceCode = orgCode
this.threeCode = 2
this.cityArea = 2
//点击得到 "区分级"
this.PlaceLevel = 'YLJGDM'
this.themeID = 45
this.isShow = false
let wd = [{
'name': 'XZQH',
'value': this.PlaceCode,
'type': '1'
},
{
"name": "YLJGDM",
"value": this._yljgdm,
"type": "1"
}
]
let param = {
"dataDetailId": 2,
"wd": JSON.stringify(wd),
"group": this.PlaceLevel
}
otherMethod(param).then(res => {
//if(this.placeFlag){
this.OptionsPlace = []
res.data.forEach((item, index) => {
let valobj = {
'value': '',
'label': '',
'level':''
}
valobj.label = item.YLJGJC // 名字
valobj.value = item.YLJGBM // 31010200000
if(index === 0){
valobj.level = 'sj'
}else if(index === 1){
valobj.level = 'qj'
}else{
valobj.level = 'sq'
}
this.OptionsPlace.push(valobj)
})
}).catch(err => {
console.log("--切换区域报错--");
})
}else if(level === 'sq'){
this._yljgdm = orgCode
this.threeCode = 2
this.cityArea = 2
//点击得到 "区分级"
this.PlaceLevel = 'YWSJ'
this.themeID = 45
this.isShow = false
}else{
this.PlaceCode = ''
// 选中上海的情况
this.isShow = true
this.hereshow = false
// 切换右上角选择器后，左下角的状态显示
this.threeCode = 1
this.PlaceLevel = 'XZQH'
this.cityArea = 1
this.themeID = 44
//点击回到"市-区"分级
let param9 = {
"dataDetailId": 1,
"wd": [],
}
// this.placeFlag = true
otherMethod(param9).then(res => {
this.OptionsPlace = []
res.data.forEach((item, index) => {
let valobj = {
'value': '',
'label': '',
'level':''
}
valobj.value = item.XZQHBM
valobj.label = item.XZQHJC
if(index === 0){
valobj.level = 'sj'
}else{
valobj.level = 'qj'
}
this.OptionsPlace.push(valobj)
})
this.selectOrg = this.OptionsPlace[0]
// document.querySelectorAll('Placecls')[0].classList.remove('placeclk')
}).catch(err => {
console.log("--市-区接口报错--");
})
this.$refs.HypertenCom.parentHandleclick(2);
this.$refs.HyperperCom.parentHandleclick(2);
this.$refs.DiaBitesCom.parentHandleclick(2);
}
} else if (this.userRole === 'area') {
if(level === 'sq'){
this._yljgdm = orgCode
this.threeCode = 2
this.cityArea = 2
//点击得到 "区分级"
this.PlaceLevel = 'YWSJ'
this.themeID = 45
this.isShow = false
}else {
this.threeCode = 2
this.cityArea = 2
//点击得到 "区分级"
this.PlaceLevel = 'YLJGDM'
this.themeID = 45
this.isShow = false
let wd = [{
'name': 'XZQH',
'value': this.PlaceCode,
'type': '1'
}
]
let param9 = {
"dataDetailId": 5,
"wd": JSON.stringify(wd)
}
otherMethod(param9).then(res => {
//if(this.placeFlag){
this.OptionsPlace = []
res.data.forEach((item, index) => {
let valobj = {
'value': '',
'label': '',
'level': ''
}
valobj.label = item.YLJGJC // 名字
valobj.value = item.YLJGBM // 31010200000
if (index === 0) {
valobj.level = 'qj'
} else {
valobj.level = 'sq'
}
this.OptionsPlace.push(valobj)
})
this.selectOrg = this.OptionsPlace[0]
}).catch(err => {
console.log("--切换区域报错--");
})
}
} else if (this.userRole === 'hospital') {
this._yljgdm = orgCode
this.threeCode = 2
this.cityArea = 2
//点击得到 "区分级"
this.PlaceLevel = 'YWSJ'
this.themeID = 45
this.isShow = false
this.OptionsPlace = [{
'value': localStorage.getItem("organizcode"),
'label': localStorage.getItem("organizcodeName"),
'level': 'sq'
}]
this.selectOrg = this.OptionsPlace[0]
}
},
changeOrg(orgCode) {
this.selectOrg = orgCode
this.pageLevel = orgCode.level
this.orgInit(orgCode.level,orgCode.value)
this.homeinit()
},
getShow(ShowCode) {
if (ShowCode == 0) {
......@@ -1098,7 +1145,7 @@
if (ColorNum === 0 || ColorNum === 1) {
this.$refs.HypertenCom.parentHandleclick(1);
} else if (ColorNum === 2 || ColorNum === 3) {
console.log(JSON.stringify(this.sweetBar));
if (this.DiachangeFlag % 2 == 0) {
this.sweetBar.sort((prev, next) => {
return prev.value - next.value
......@@ -1123,7 +1170,7 @@
document.querySelectorAll('.topbocolor')[ColorNum].classList.add('clk')
// 偶数删除样式
document.querySelectorAll('.topbocolor')[ColorNum + 1].classList.remove('clk')
console.log(ColorNum);
} else {
// 偶数添加样式
document.querySelectorAll('.topbocolor')[ColorNum].classList.add('clk')
......@@ -1139,17 +1186,27 @@
}
},
mounted() {
var myDate = new Date();
let temp = myDate.getMonth() + 1
if (temp < 10) {
temp = '0' + temp
this._ywsj = localStorage.getItem("ywsj")
this.userRole = localStorage.getItem("userRole")
if ('city' === this.userRole) {//市角色
this.PlaceCode = ""
this._group = "XZQH"
this.pageLevel = 'sj'
} else if ('area' === this.userRole) {//区角色
this.PlaceCode = localStorage.getItem("organizcode")
this._yljgdm = ''
this._group = "YLJGDM"
this.pageLevel = 'qj'
} else if ('hospital' === this.userRole) {//社区角色
this.PlaceCode = localStorage.getItem("porgcode")
this._yljgdm = localStorage.getItem("organizcode")
this._group = "YWSJ"
this.pageLevel = 'sq'
}
localStorage.setItem("EndTime", '2020-' + temp)
// this.value = localStorage.getItem("EndTime")?localStorage.getItem("EndTime"):this.value
// this.nowdate = localStorage.getItem("EndTime")?localStorage.getItem("EndTime"):this.nowdate
// localStorage.setItem("StartTime",myDate.getFullYear()+'-01')
this.orgInit()
this.homeinit()
this.cicyinti()
const obj = setInterval(() => {
const dom = document.getElementById("thrmain")
......@@ -1181,51 +1238,106 @@
<style lang="stylus" scoped>
// swiper 穿透代码
.home>>>.swiper-pagination
.home >>> .swiper-pagination
position relative
height 40px
top 15px
.home>>> .swiper-pagination-bullet-active
.home >>> .swiper-pagination-bullet-active
background blue
.home>>> .swiper-slide
.home >>> .swiper-slide
height 550px
// 选择器样式穿透
.home>>> .el-input.el-input--suffix > input
.home >>> .el-input.el-input--suffix > input
background-color #025E9F
border 1px solid #025E9F
color #ffffff
padding-right 0
width 82%
.home>>> .el-input__suffix
padding-left 5px
width 100%
.home >>> .el-input__suffix
top: 6px;
left: 40px;
.home>>> .el-input__icon
.home >>> .el-input__icon
position relative
top -5px
.home >>>.el-select-dropdown.el-popper
.home >>> .el-select-dropdown.el-popper
position relative
top 44px
// 右上角选择器 样式穿透
#elementcasc >>> .el-cascader-panel
width 100px
background #000
.el-cascader-panel
width 100px
background #000
#elementcasc >>> .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path
#elementcasc >>> .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path
color #1ab394
width 185px
background #000
.thrmain ul{ height: 160px; line-height: 20px;float:left}
.thrmain ul.width50{ height: 160px; line-height: 20px; float:left; width: 50%;}
.thrmain ul.width100{ height: 160px; line-height: 20px; width: 100%;}
.thrmain ul li{ float: left; width: 50%; color: #97B8D5; text-align:left; padding-left:10px; padding-right:10px;}
.thrmain ul li.cls01{ width: 100%; height:18px; font-size: 12px; line-height: 18px;}
.thrmain ul.width100 li.cls02{width: 100%;height: 15px;font-size: 12px;line-height: 15px;}
.thrmain ul li span{ float: right;}
#thrmain{ height: 160px; width:300px}
.placeclk{ color:#FFF; font-size:14px; font-weight:600}
.thrmain ul {
height: 160px;
line-height: 20px;
float: left
}
.thrmain ul.width50 {
height: 160px;
line-height: 20px;
float: left;
width: 50%;
}
.thrmain ul.width100 {
height: 160px;
line-height: 20px;
width: 100%;
}
.thrmain ul li {
float: left;
width: 50%;
color: #97B8D5;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
.thrmain ul li.cls01 {
width: 100%;
height: 18px;
font-size: 12px;
line-height: 18px;
}
.thrmain ul.width100 li.cls02 {
width: 100%;
height: 15px;
font-size: 12px;
line-height: 15px;
}
.thrmain ul li span {
float: right;
}
#thrmain {
height: 160px;
width: 300px
}
.placeclk {
color: #FFF;
font-size: 14px;
font-weight: 600
}
</style>
src/components/UserLogin.vue
......@@ -48,8 +48,22 @@
console.log(res)
if(res.code==1){
localStorage.setItem('token', res.data.token);
localStorage.setItem('userinfo', res.data.userInfo);
this.$router.push({path: './Index'});
localStorage.setItem('userinfo', JSON.stringify(res.data.userInfo));
localStorage.setItem('ywsj', res.data.userInfo.jzrq);
localStorage.setItem('porgcode', res.data.userInfo.porgcode);
localStorage.setItem('organizcode', res.data.userInfo.organizcode);
localStorage.setItem('organizcodeName', res.data.userInfo.jgjc);
if('hcms.shizhang' === res.data.userInfo.roles[0]){//市角色
localStorage.setItem('userRole', "city");
}else if('hcms.App_Qu' === res.data.userInfo.roles[0]){//区角色
localStorage.setItem('userRole', "area");
}else if('hcms.APP_SQYZ' === res.data.userInfo.roles[0]){//社区角色
localStorage.setItem('userRole', "hospital");
}
this.$router.push({path: './Index'});
}else{
_this.$message.error(res.msg);
}
......
src/components/userJoin/screenTwoPag1.vue
......@@ -1204,7 +1204,7 @@
this.agedatayq = []
let _this = this
let wd = [{
"name": "XZQH",
"name": "YWSJ",
"startTime": this.startTime,
"endTime": this.selectStarttime,
"type": "2",
......@@ -1237,7 +1237,7 @@
//{\"name\":\"QYBZ\",\"value\":\"1\",\"type\":\"1\"}不加这个管
let wdq = [{
"name": "XZQH",
"name": "YWSJ",
"startTime": this.startTime,
"endTime": this.selectStarttime,
"type": "2",
......@@ -1269,7 +1269,7 @@
})
let wdxj = [{
"name": "XZQH",
"name": "YWSJ",
"startTime": this.startTime,
"endTime": this.selectStarttime,
"type": "2",
......@@ -1307,7 +1307,7 @@
"value": "1",
"type": "1",
}, {
"name": "XZQH",
"name": "YWSJ",
"startTime": this.startTime,
"endTime": this.selectStarttime,
"type": "2",
......@@ -1337,7 +1337,7 @@
// console.log(this.PlaceCode);
let wdsf = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1374,7 +1374,7 @@
})
let wdsfq = [{
"name": "XZQH",
"name": "YWSJ",
"startTime": this.startTime,
"endTime": this.selectStarttime,
"type": "2",
......@@ -1409,7 +1409,7 @@
//var zbcode="MBZFX_016";单独读取
let wd2 = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1443,7 +1443,7 @@
})
let wd2q = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1482,7 +1482,7 @@
//var zbcode="MBZFX_016";单独读取
let wdtnbg = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1506,7 +1506,7 @@
})
let wdtnbq = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1535,7 +1535,7 @@
/********************************************************************************************************************************************/
let wdxb = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1564,7 +1564,7 @@
})
let wdxb1 = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1593,7 +1593,7 @@
})
let wdxbq = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1626,7 +1626,7 @@
})
let wdxbq1 = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1661,7 +1661,7 @@
/********************************************************************************************************************************************/
let wdnl = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1690,7 +1690,7 @@
})
let wdnl2 = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......@@ -1785,7 +1785,7 @@
this.rightlist2 = '知情同意接受随访比/偏·%'
this.rightlist3 = '规范管理率/同·%'
let wd = [{
"name": "XZQH",
"name": "YWSJ",
"type": "2",
"startTime": this.startTime,
"endTime": this.selectStarttime,
......
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