Skip to content

D
diseaseControlManage
Commit 9df5854f by lihu541
Options

页面数据核对，样式修改

parent f8ba08c7
Showing with 92 additions and 93 deletions
config/index.js
...@@ -14,7 +14,7 @@ module.exports = { ...@@ -14,7 +14,7 @@ module.exports = {
// Various Dev Server settings // Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST host: 'localhost', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined port: 8888, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false, autoOpenBrowser: false,
errorOverlay: true, errorOverlay: true,
notifyOnErrors: true, notifyOnErrors: true,
......
package-lock.json
...@@ -5250,6 +5250,11 @@ ...@@ -5250,6 +5250,11 @@
"integrity": "sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ==", "integrity": "sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ==",
"dev": true "dev": true
}, },
"js-md5": {
"version": "0.7.3",
"resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz",
"integrity": "sha512-ZC41vPSTLKGwIRjqDh8DfXoCrdQIyBgspJVPXHBGu4nZlAEvG3nf+jO9avM9RmLiGakg7vz974ms99nEV0tmTQ=="
},
"js-tokens": { "js-tokens": {
"version": "3.0.2", "version": "3.0.2",
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
......
package.json
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
}, },
"dependencies": { "dependencies": {
"axios": "^0.19.2", "axios": "^0.19.2",
"js-md5": "^0.7.3",
"stylus-loader": "^3.0.2", "stylus-loader": "^3.0.2",
"swiper": "^5.3.8", "swiper": "^5.3.8",
"vue": "^2.5.2", "vue": "^2.5.2",
......
src/api/home.js
...@@ -2,7 +2,7 @@ import request from '@/utils/request' ...@@ -2,7 +2,7 @@ import request from '@/utils/request'
/**** /****
*首页接口 *首页接口
******/ ******/
const webUrl = 'http://192.168.3.4:168/fyglAPP/'; const webUrl = 'http://localhost:168/fyglAPP/';
// const webUrl = 'http://192.168.3.110:8999/diseaseControlManage/'; // const webUrl = 'http://192.168.3.110:8999/diseaseControlManage/';
// const webUrl = 'http://195.1.3.38:8999/diseaseControlManage/'; // const webUrl = 'http://195.1.3.38:8999/diseaseControlManage/';
......
src/api/userlogin.js
import request from '@/utils/request' import request from '@/utils/request'
//登录、修改密码 //登录、修改密码
const webUrl = 'http://192.168.3.4:168/fyglAPP/'; const webUrl = 'http://localhost:168/fyglAPP/';
// const webUrl = 'http://192.168.3.110:8999/diseaseControlManage/'; // const webUrl = 'http://192.168.3.110:8999/diseaseControlManage/';
// const webUrl = 'http://195.1.3.38:8999/diseaseControlManage/'; // const webUrl = 'http://195.1.3.38:8999/diseaseControlManage/';
export function login(loginID, loginPas) { export function login(loginID, loginPas) {
......
src/assets/home.css
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
.card1-mod .cmtitle span.tag-huan { background: #095661; border: 1px #2698A8 solid; color: #78BDDE; border-radius: 50%; padding: 0 3px;font-size: 12px;} .card1-mod .cmtitle span.tag-huan { background: #095661; border: 1px #2698A8 solid; color: #78BDDE; border-radius: 50%; padding: 0 3px;font-size: 12px;}
.cmtline{ clear: both; height: 70px; padding-top: 10px;} .cmtline{ clear: both; height: 70px; padding-top: 10px;}
.cmtline p{color: #B3BFD2;} .cmtline p{color: #B3BFD2;}
.cmtline p span{color: #B3BFD2; float: right; width: 80px;} .cmtline p span{color: #B3BFD2; float: right; width: 105px;}
.cmtline p span em{background: #095661; border: 1px #2698A8 solid; color: #78BDDE; border-radius: 50%; padding: 0 3px;font-size: 12px;} .cmtline p span em{background: #095661; border: 1px #2698A8 solid; color: #78BDDE; border-radius: 50%; padding: 0 3px;font-size: 12px;}
.cmtline2{ clear: both; height: 70px; padding-top: 10px;} .cmtline2{ clear: both; height: 70px; padding-top: 10px;}
......
src/components/Home.vue
...@@ -132,13 +132,13 @@ ...@@ -132,13 +132,13 @@
<div class="toptwo"> <div class="toptwo">
<div class="toptitle">重点监管指标</div> <div class="toptitle">重点监管指标</div>
<div class="toplinem"> <div class="toplinem">
<div class="topline"><span>{{supervisionlist1}}%</span><i class="i1"></i>高血压患者累计死后随访比</div> <div class="topline"><span>{{supervisionlist1.value}}%</span><i class="i1"></i>高血压患者累计死后随访比</div>
<div class="topline"><span>{{supervisionlist2}}%</span><i class="i2"></i>糖尿病患者累计死后随访比</div> <div class="topline"><span>{{supervisionlist2.value}}%</span><i class="i2"></i>糖尿病患者累计死后随访比</div>
<div class="topline"><span>{{supervisionlist3}}%</span><i class="i3"></i>糖尿病患者糖化血红蛋白自动上传比例</div> <div class="topline"><span>{{supervisionlist3.value}}%</span><i class="i3"></i>糖尿病患者糖化血红蛋白自动上传比例</div>
<div class="topline"><span>{{supervisionlist4}}%</span><i class="i4"></i>高血压患者血压记录自动上传比例</div> <div class="topline"><span>{{supervisionlist4.value}}%</span><i class="i4"></i>高血压患者血压记录自动上传比例</div>
<div class="topline"><span>{{supervisionlist5}}%</span><i class="i5"></i>年内按计划随访高血压患者完成比例</div> <div class="topline"><span>{{supervisionlist5.value}}%</span><i class="i5"></i>年内按计划随访高血压患者完成比例</div>
<div class="topline"><span>{{supervisionlist6}}%</span><i class="i6"></i>年内按计划随访糖尿病患者完成比例</div> <div class="topline"><span>{{supervisionlist6.value}}%</span><i class="i6"></i>年内按计划随访糖尿病患者完成比例</div>
<div class="topline"><span>{{supervisionlist7}}%</span><i class="i7"></i>首诊测压血压异常率</div> <div class="topline"><span>{{supervisionlist7.value}}%</span><i class="i7"></i>首诊测压血压异常率</div>
</div> </div>
</div> </div>
<div class="topthr"> <div class="topthr">
...@@ -233,13 +233,13 @@ ...@@ -233,13 +233,13 @@
sweetAutoplacetemp: [], sweetAutoplacetemp: [],
sweetAutoplacevalue: [], sweetAutoplacevalue: [],
// 右侧重点监管指标列表变量 顺序依次对应 // 右侧重点监管指标列表变量 顺序依次对应
supervisionlist1: 0, supervisionlist1: {},
supervisionlist2: 0, supervisionlist2: {},
supervisionlist3: 0, supervisionlist3: {},
supervisionlist4: 0, supervisionlist4: {},
supervisionlist5: 0, supervisionlist5: {},
supervisionlist6: 0, supervisionlist6: {},
supervisionlist7: 0, supervisionlist7: {},
supervisionall: [], supervisionall: [],
// 请求数据变量 ↑ // 请求数据变量 ↑
threeCode: 1, // 控制左下角的显示状态 threeCode: 1, // 控制左下角的显示状态
...@@ -263,21 +263,6 @@ ...@@ -263,21 +263,6 @@
bottom: 50, bottom: 50,
top: 30, top: 30,
}, },
dataZoom: {
start: 0, //默认为0
end: 50, //默认为100
type: 'slider',
show: true,
xAxisIndex: [0],
handleSize: 0, //滑动条的 左右2个滑动条的大小
height: 8, //组件高度
left: 20, //左边的距离
right: 20, //右边的距离
bottom: 70, //右边的距离
backgroundColor: '#ccc', //两边未选中的滑动条区域的颜色
showDataShadow: true, //是否显示数据阴影 默认auto
filterMode: 'filter',
},
xAxis: { xAxis: {
name: "(月)", name: "(月)",
nameLocation: 'center', nameLocation: 'center',
...@@ -658,6 +643,17 @@ ...@@ -658,6 +643,17 @@
res.data.content.forEach(item => { res.data.content.forEach(item => {
item.zbxx.forEach(item2 => { item.zbxx.forEach(item2 => {
// 1110 高血压患者年内累计死亡后随访比例 FWZL_010
// 1113 糖尿病患者年内累计死亡后随访比例 FWZL_013
// 1069 糖尿病患者糖化血红蛋白自动上传比例 MBGL_033
// 1063 高血压患者血压记录自动上传比例 MBGL_027
// 1057 年内按计划随访高血压患者完成比例 MBGL_021
// 1060 年内按计划随访糖尿病患者完成比例 MBGL_024
// 1017 首诊测压血压异常率 MBZFX_005
// ['高血压患者累计死后随访比', '糖尿病患者累计死后随访比', '糖尿病患者糖化血红蛋白自动上传比例',
// '高血压患者血压记录自动上传比例', '年内按计划随访高血压患者完成比例', '年内按计划随访糖尿病患者完成比例', '首诊测压血压异常率'],
if (item2.ZBID == "1116") { if (item2.ZBID == "1116") {
this.left1 = item2.ZXZ this.left1 = item2.ZXZ
} }
...@@ -665,35 +661,42 @@ ...@@ -665,35 +661,42 @@
this.left2 = item2.ZXZ this.left2 = item2.ZXZ
} }
if (item2.ZBID == "1110") { if (item2.ZBID == "1110") {
this.supervisionlist1 = parseFloat(item2.ZXZ).toFixed(1) this.supervisionlist1.name = '高血压患者累计死后随访比'
this.supervisionlist1.value = parseFloat(item2.ZXZ).toFixed(1)
} }
if (item2.ZBID == "1113") { if (item2.ZBID == "1113") {
this.supervisionlist2 = parseFloat(item2.ZXZ).toFixed(1) this.supervisionlist2.name = '糖尿病患者累计死后随访比'
this.supervisionlist2.value = parseFloat(item2.ZXZ).toFixed(1)
} }
if (item2.ZBID == "1069") { if (item2.ZBID == "1069") {
this.supervisionlist3 = parseFloat(item2.ZXZ).toFixed(1) this.supervisionlist3.name = '糖尿病患者糖化血红蛋白自动上传比例'
this.supervisionlist3.value = parseFloat(item2.ZXZ).toFixed(1)
} }
if (item2.ZBID == "1063") { if (item2.ZBID == "1063") {
this.supervisionlist4 = parseFloat(item2.ZXZ).toFixed(1) this.supervisionlist4.name = '高血压患者血压记录自动上传比例'
this.supervisionlist4.value = parseFloat(item2.ZXZ).toFixed(1)
} }
if (item2.ZBID == "1057") { if (item2.ZBID == "1057") {
this.supervisionlist5 = parseFloat(item2.ZXZ).toFixed(1) this.supervisionlist5.name = '年内按计划随访高血压患者完成比例'
this.supervisionlist5.value = parseFloat(item2.ZXZ).toFixed(1)
} }
if (item2.ZBID == "1060") { if (item2.ZBID == "1060") {
this.supervisionlist6 = parseFloat(item2.ZXZ).toFixed(1) this.supervisionlist6.name = '年内按计划随访糖尿病患者完成比例'
this.supervisionlist6.value = parseFloat(item2.ZXZ).toFixed(1)
} }
if (item2.ZBID == "1017") { if (item2.ZBID == "1017") {
this.supervisionlist7 = parseFloat(item2.ZXZ).toFixed(1) this.supervisionlist7.name = '首诊测压血压异常率'
this.supervisionlist7.value = parseFloat(item2.ZXZ).toFixed(1)
} }
}) })
}) })
this.supervisionall.push(parseFloat(this.supervisionlist1)) this.supervisionall.push(this.supervisionlist1)
this.supervisionall.push(parseFloat(this.supervisionlist2)) this.supervisionall.push(this.supervisionlist2)
this.supervisionall.push(parseFloat(this.supervisionlist3)) this.supervisionall.push(this.supervisionlist3)
this.supervisionall.push(parseFloat(this.supervisionlist4)) this.supervisionall.push(this.supervisionlist4)
this.supervisionall.push(parseFloat(this.supervisionlist5)) this.supervisionall.push(this.supervisionlist5)
this.supervisionall.push(parseFloat(this.supervisionlist6)) this.supervisionall.push(this.supervisionlist6)
this.supervisionall.push(parseFloat(this.supervisionlist7)) this.supervisionall.push(this.supervisionlist7)
}) })
// 右上角 医疗机构等记 报告（肿癌、心脑） 人数获取 以及 echarts图表传值 // 右上角 医疗机构等记 报告（肿癌、心脑） 人数获取 以及 echarts图表传值
......
src/components/Index.vue
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<div class="inputdiv"><input type="text"><img height="20" width="20" src="../assets/search.png"></div> <div class="inputdiv"><input type="text"><img height="20" width="20" src="../assets/search.png"></div>
<div class="imgdiv"> <div class="imgdiv">
<img height="18" width="18" src="../assets/user.png"> <img height="18" width="18" src="../assets/user.png">
市疾控，截止：2020-5 市疾控，截止：2020-08
<img height="18" width="18" src="../assets/sao.png"> <img height="18" width="18" src="../assets/sao.png">
<img height="18" width="18" src="../assets/filter.png"> <img height="18" width="18" src="../assets/filter.png">
</div> </div>
...@@ -503,7 +503,7 @@ ...@@ -503,7 +503,7 @@
this.ispopu = !this.ispopu this.ispopu = !this.ispopu
}, },
toMygh(){ toMygh(){
location.href = '/manage-platform/index?token=' + sessionStorage.getItem('token') window.location.href = 'http://195.1.3.38:9001/#/manage-platform/index?token=TK_' + sessionStorage.getItem('token')
}, },
exitFn() { exitFn() {
this.$router.push({ this.$router.push({
......
src/components/userJoin/CenterCircle.vue
...@@ -12,24 +12,20 @@ ...@@ -12,24 +12,20 @@
data() { data() {
return { return {
msg: '', msg: '',
MyList: ['高血压患者累计死后随访比', '糖尿病患者累计死后随访比', '糖尿病患者糖化血红蛋白自动上传比例', '高血压患者血压记录自动上传比例', '年内按计划随访高血压患者完成比例'], MyList: ['高血压患者累计死后随访比', '糖尿病患者累计死后随访比', '糖尿病患者糖化血红蛋白自动上传比例',
'高血压患者血压记录自动上传比例', '年内按计划随访高血压患者完成比例', '年内按计划随访糖尿病患者完成比例', '首诊测压血压异常率'],
option: { option: {
title: {
// text: '重点监管指标', // .toplinem .topline i.i1{ background:#3FDCB7}
left: 'center' // .toplinem .topline i.i2{ background:#37C6D0}
}, // .toplinem .topline i.i3{ background:#61A5F5}
tooltip: { // .toplinem .topline i.i4{ background:#F3D7BC}
trigger: 'item' // .toplinem .topline i.i5{ background:#FBF7AB}
}, // .toplinem .topline i.i6{ background:#BCF8C6}
color: ["#37C6D0", "#3FDCB7", "#8DEDA2", "#BCF8C6", "#FBF7AB", "#F3D7BC", "#61A5F5"], // .toplinem .topline i.i7{ background:#8DEDA2}
legend: { color: ["#3FDCB7", "#37C6D0", "#61A5F5", "#F3D7BC", "#FBF7AB", "#BCF8C6", "#8DEDA2"],
orient: 'vertical',
left: 'left',
data: ['高血压患者', '糖尿病患者累计死后随访比', '糖尿病患者糖化血红蛋白自动上传比例', '高血压患者血压记录自动上传比例', '年内按计划随访高血压患者完成比例'],
textStyle: {
color: '#FFF' // 图例文字颜色
}
},
series: [{ series: [{
name: '份额', name: '份额',
type: 'pie', type: 'pie',
...@@ -38,8 +34,20 @@ ...@@ -38,8 +34,20 @@
radius: [30, 80], radius: [30, 80],
roseType: 'area', roseType: 'area',
label: { label: {
normal: { show: true,
show: true position: 'outside',
formatter: '{c}%',
rich: {
hr: {
backgroundColor: 't',
borderRadius: 3,
width: 3,
height: 3,
padding: [3, 3, 0, -12]
},
a: {
padding: [-30, 15, -20, 15]
}
} }
}, },
labelLine: { labelLine: {
...@@ -49,26 +57,8 @@ ...@@ -49,26 +57,8 @@
length2: 10, length2: 10,
} }
}, },
data: [{ data: [
value: 33.5,
name: '33.5%', //高血压患者累计死后随访比
},
{
value: 10,
name: '10%', //高血压患者累计死后随访比
},
{
value: 23.4,
name: '23.4%' //糖尿病患者糖化血红蛋白自动上传比例
},
{
value: 13.5,
name: '13.5%' //高血压患者血压记录自动上传比例
},
{
value: 15.8,
name: '15.4%' //年内按计划随访高血压患者完成比例
}
], ],
emphasis: { emphasis: {
itemStyle: { itemStyle: {
...@@ -91,8 +81,8 @@ ...@@ -91,8 +81,8 @@
'value': 0, 'value': 0,
'name': '' 'name': ''
} }
objdata.value = this.supervisionall[i] objdata.value = this.supervisionall[i].value
objdata.name = this.supervisionall[i] + '%' objdata.name = this.supervisionall[i].name
// 释放后 则显示legend // 释放后 则显示legend
// objdata.name = this.MyList[i] // objdata.name = this.MyList[i]
objArr.push(objdata) objArr.push(objdata)
......
src/components/userJoin/screenTwoPag3.vue
...@@ -755,7 +755,7 @@ ...@@ -755,7 +755,7 @@
}, },
exitFn() { exitFn() {
this.$router.push({ this.$router.push({
path: '/' path: '/Index'
}); });
}, },
homeinit() { homeinit() {
......
src/components/userJoin/screenTwoPag4.vue
...@@ -732,7 +732,7 @@ ...@@ -732,7 +732,7 @@
}, },
exitFn() { exitFn() {
this.$router.push({ this.$router.push({
path: '/' path: '/Index'
}); });
}, },
changeReplay() { changeReplay() {
......
src/components/userJoin/screenTwoPag5.vue
...@@ -926,7 +926,7 @@ ...@@ -926,7 +926,7 @@
}, },
exitFn() { exitFn() {
this.$router.push({ this.$router.push({
path: '/' path: '/Index'
}); });
}, },
DieaChange(num) { DieaChange(num) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment