修改
This commit is contained in:
闫晓茹
parent
5b1ba2bf71
commit
f5c0952b56
@ -10,7 +10,7 @@
|
|||||||
<view class="health" v-if="tabscurrent==0">
|
<view class="health" v-if="tabscurrent==0">
|
||||||
<healthindex></healthindex>
|
<healthindex></healthindex>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 疾病预警 -->
|
<!-- 疾病预警 -->
|
||||||
<view class="disease">
|
<view class="disease">
|
||||||
</view>
|
</view>
|
||||||
@ -45,7 +45,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
riskWarning,
|
||||||
|
} from '@/api/pagesB/threeHundredAndSixty/threeHundredAndSixty.js'
|
||||||
import Precords from '../Precords/Precords.vue'
|
import Precords from '../Precords/Precords.vue'
|
||||||
import Healthindex from '../Healthindex/Healthindex.vue'
|
import Healthindex from '../Healthindex/Healthindex.vue'
|
||||||
export default {
|
export default {
|
||||||
@ -56,8 +58,64 @@
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
showhealth: false, //健康指数弹框
|
lookopen: false,
|
||||||
|
open: false,
|
||||||
|
openfeiai: false,
|
||||||
|
lookopenck: false,
|
||||||
chartData: {},
|
chartData: {},
|
||||||
|
opts: {
|
||||||
|
color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
|
||||||
|
"#ea7ccc"
|
||||||
|
],
|
||||||
|
padding: [15, 10, 0, 15],
|
||||||
|
enableScroll: false,
|
||||||
|
legend: {},
|
||||||
|
xAxis: {
|
||||||
|
disableGrid: true
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
gridType: "dash",
|
||||||
|
dashLength: 2
|
||||||
|
},
|
||||||
|
extra: {
|
||||||
|
line: {
|
||||||
|
type: "straight",
|
||||||
|
width: 2,
|
||||||
|
activeType: "hollow"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
line_opts: {
|
||||||
|
color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
|
||||||
|
"#ea7ccc"
|
||||||
|
],
|
||||||
|
dataLabel: true,
|
||||||
|
enableScroll: true,
|
||||||
|
touchMoveLimit: 24,
|
||||||
|
padding: [15, 10, 0, 15],
|
||||||
|
xAxis: {
|
||||||
|
lineHeight: 40,
|
||||||
|
disableGrid: true,
|
||||||
|
boundaryGap: "center",
|
||||||
|
fontSize: 10,
|
||||||
|
type: 'grid',
|
||||||
|
gridType: 'dash',
|
||||||
|
itemCount: 3, //x轴单屏显示数据的数量，默认为5个
|
||||||
|
scrollShow: true, //新增是否显示滚动条，默认false
|
||||||
|
scrollAlign: 'left', //滚动条初始位置
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
gridType: "dash",
|
||||||
|
dashLength: 2
|
||||||
|
},
|
||||||
|
extra: {
|
||||||
|
line: {
|
||||||
|
type: "straight",
|
||||||
|
width: 2,
|
||||||
|
activeType: "hollow"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
tabscurrent: 0,
|
tabscurrent: 0,
|
||||||
tabslist: [{
|
tabslist: [{
|
||||||
name: '健康指数',
|
name: '健康指数',
|
||||||
@ -75,30 +133,107 @@
|
|||||||
background: {
|
background: {
|
||||||
backgroundColor: '#26A888',
|
backgroundColor: '#26A888',
|
||||||
},
|
},
|
||||||
|
datalist: null,
|
||||||
|
identity: '370522196411282177',
|
||||||
|
cvdEvaRecord: {},
|
||||||
|
lcdEvaRecord: {},
|
||||||
|
ckdEvaRecord: {},
|
||||||
|
lucaEvaRecord: {},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onReady() {
|
onReady() {
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
// 健康指数弹框
|
goodsOrderinfo() {
|
||||||
healthtap() {
|
// this.identity=uni.getStorageSync('userinfo').cardNo
|
||||||
this.showhealth = true
|
// console.log(this.identity)
|
||||||
|
riskWarning(this.identity).then(res => {
|
||||||
|
console.log(res)
|
||||||
|
this.cvdEvaRecord = res.data.cvdEvaRecord
|
||||||
|
this.lucaEvaRecord = res.data.lucaEvaRecord
|
||||||
|
this.lcdEvaRecord = res.data.lcdEvaRecord
|
||||||
|
this.ckdEvaRecord = res.data.ckdEvaRecord
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 脑
|
||||||
|
diseasecv() {
|
||||||
|
this.open = true
|
||||||
|
},
|
||||||
|
// 心
|
||||||
|
diseaselc() {
|
||||||
|
this.lookopen = true
|
||||||
|
},
|
||||||
|
// 肺癌
|
||||||
|
diseaselu() {
|
||||||
|
this.openfeiai = true
|
||||||
|
},
|
||||||
|
diseaseck() {
|
||||||
|
this.lookopenck = true
|
||||||
|
},
|
||||||
|
getServerData() {
|
||||||
|
//模拟从服务器获取数据时的延时
|
||||||
|
setTimeout(() => {
|
||||||
|
//模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
|
||||||
|
let res = {
|
||||||
|
categories: ["2018", "2019", "2020", "2021", "2022", "2023"],
|
||||||
|
series: [{
|
||||||
|
name: "成交量A",
|
||||||
|
data: [35, 8, 25, 37, 4, 20]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "成交量B",
|
||||||
|
data: [70, 40, 65, 100, 44, 68]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "成交量C",
|
||||||
|
data: [100, 80, 95, 150, 112, 132]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
this.chartData = JSON.parse(JSON.stringify(res));
|
||||||
|
}, 500);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
getServerData1() {
|
||||||
|
if (this.echartData) {
|
||||||
|
setTimeout(() => {
|
||||||
|
// let res = {
|
||||||
|
// categories: [],
|
||||||
|
// series: [{
|
||||||
|
// name: "血糖值",
|
||||||
|
// data: []
|
||||||
|
// }]
|
||||||
|
// }
|
||||||
|
res.series[0].data = this.echartData.list.map(e => e.bg)
|
||||||
|
res.categories = this.echartData.list.map(e => e.timename + e.measureTime)
|
||||||
|
this.datalist = res
|
||||||
|
// let restwo = {
|
||||||
|
// series: [{
|
||||||
|
// data: [{
|
||||||
|
// "name": "偏低" + this.echartData.calc.lowerNum + "次",
|
||||||
|
// "value": this.echartData.calc.lowerNum
|
||||||
|
// }, {
|
||||||
|
// "name": "正常" + this.echartData.calc.normalNum + "次",
|
||||||
|
// "value": this.echartData.calc.normalNum
|
||||||
|
// }, {
|
||||||
|
// "name": "偏高" + this.echartData.calc.higherNum + "次",
|
||||||
|
// "value": this.echartData.calc.higherNum
|
||||||
|
// }]
|
||||||
|
// }]
|
||||||
|
// };
|
||||||
|
this.datalisttwo = restwo
|
||||||
|
}, 500)
|
||||||
|
}
|
||||||
|
},
|
||||||
//点击tabs
|
//点击tabs
|
||||||
tabschange(index) {
|
tabschange(index) {
|
||||||
|
console.log(index)
|
||||||
this.tabscurrent = index;
|
this.tabscurrent = index;
|
||||||
console.log(this.tabscurrent, 'this.tabscurrent')
|
if (this.tabscurrent == 1) {
|
||||||
// if (this.tabscurrent == 0) {
|
this.goodsOrderinfo();
|
||||||
// }
|
}
|
||||||
// this.orderTypeList.orderStatus = this.tabslist[index].orderStatus
|
// this.orderTypeList.orderStatus = this.tabslist[index].orderStatus
|
||||||
// this.goodsOrderinfo();
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
@ -116,47 +251,6 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
|
|
||||||
.toppopup {
|
|
||||||
justify-content: space-between;
|
|
||||||
padding-top: 75rpx;
|
|
||||||
line-height: 35px;
|
|
||||||
height: 70rpx;
|
|
||||||
display: flex;
|
|
||||||
/* margin-top: 49rpx; */
|
|
||||||
width: 87%;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
.rightpopup {
|
|
||||||
margin-top: 17rpx;
|
|
||||||
background: red;
|
|
||||||
// position: relative;
|
|
||||||
font-size: 20rpx;
|
|
||||||
width: 30rpx;
|
|
||||||
height: 30rpx;
|
|
||||||
// background: red;
|
|
||||||
// top: 30rpx;
|
|
||||||
line-height: 30rpx;
|
|
||||||
left: 471rpx;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.text {
|
|
||||||
font-weight: 600;
|
|
||||||
text-align: left;
|
|
||||||
width: 87%;
|
|
||||||
margin: 66rpx auto auto auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.words {
|
|
||||||
// font-weight: 600;
|
|
||||||
text-align: left;
|
|
||||||
width: 87%;
|
|
||||||
margin: 26rpx auto auto auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.top {
|
.top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
@ -180,6 +274,70 @@
|
|||||||
|
|
||||||
.disease {}
|
.disease {}
|
||||||
|
|
||||||
|
.healths {
|
||||||
|
font-size: 22rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.health_body {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.healthitem {
|
||||||
|
text-align: left;
|
||||||
|
padding: 0 0 40rpx 62rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.zx {
|
||||||
|
width: 100%;
|
||||||
|
height: 300rpx;
|
||||||
|
// background: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.disease {
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
.btnleftalls {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnleftall {
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnleft {
|
||||||
|
margin-top: 27%;
|
||||||
|
margin-left: 2%;
|
||||||
|
line-height: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
height: 100rpx;
|
||||||
|
font-size: 22rpx;
|
||||||
|
background-color: #F2F2F2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnright {
|
||||||
|
// position: absolute;
|
||||||
|
// left: 5%;
|
||||||
|
width: 70%;
|
||||||
|
|
||||||
|
// height: 100rpx;
|
||||||
|
// background-color: yellow;
|
||||||
|
image {
|
||||||
|
height: 362px;
|
||||||
|
// position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
// left: 21%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user