优化体征检测,新增选择用户1/2

This commit is contained in:
2024-02-23 11:13:21 +08:00
parent ba1c0dbd6f
commit bdfc2aabe8
5 changed files with 117 additions and 40 deletions

View File

@ -426,6 +426,12 @@
// z-index: 99; // z-index: 99;
// } // }
// } // }
::v-deep .uni-select {
border: 2rpx solid #e5e5e5;
height: 70rpx !important;
line-height: 70rpx !important;
}
::v-deep .inputBox .focusBox .inputStyle.data-v-36ae0e32 { ::v-deep .inputBox .focusBox .inputStyle.data-v-36ae0e32 {
height: 70rpx !important; height: 70rpx !important;
// color: #006DF7; // color: #006DF7;

View File

@ -28,6 +28,9 @@
</view> </view>
<view class="bottomlist"> <view class="bottomlist">
<view class="timelist"> <view class="timelist">
<uni-data-select class="item" v-model="deviceUserId" :localdata="deviceUserslist" @change="changePro"
:clear="false">
</uni-data-select>
<view class="item" v-for="(item,index) in timelist" :class="timeindex == index?'timeitem':''" <view class="item" v-for="(item,index) in timelist" :class="timeindex == index?'timeitem':''"
@tap='taptimeindex(index)'> @tap='taptimeindex(index)'>
{{item.name}} {{item.name}}
@ -110,8 +113,7 @@
timelist: [{ timelist: [{
name: '全部', name: '全部',
id: 0 id: 0
}, }, {
{
name: '周', name: '周',
id: 1 id: 1
}, { }, {
@ -120,13 +122,23 @@
}, { }, {
name: '年', name: '年',
id: 3 id: 3
}, }, ],
],
timeindex: 0, timeindex: 0,
socketOpen: false, socketOpen: false,
timer: null, timer: null,
datalist: null, datalist: null,
datalisttwo: null, datalisttwo: null,
deviceUserId: '',
deviceUserslist: [{
value: '',
text: '全部',
}, {
value: 1,
text: '用户1',
}, {
value: 2,
text: '用户2',
}],
pie_opts: { pie_opts: {
color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4", color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
"#ea7ccc" "#ea7ccc"
@ -212,6 +224,9 @@
} }
}, },
methods: { methods: {
changePro(e) {
this.$emit('tapdeviceUser', e);
},
taptimeindex(index) { taptimeindex(index) {
this.timeindex = index this.timeindex = index
this.$emit('taptimeindex', index); this.$emit('taptimeindex', index);
@ -336,6 +351,10 @@
background-color: #F7F5F5; background-color: #F7F5F5;
} }
::v-deep .uni-select {
border: none !important;
}
.app { .app {
width: 96%; width: 96%;
margin: 0 auto; margin: 0 auto;
@ -382,7 +401,7 @@
.item { .item {
width: 25%; width: 25%;
height: 56rpx; // height: 56rpx;
border-radius: 5rpx 0rpx 0rpx 5rpx; border-radius: 5rpx 0rpx 0rpx 5rpx;
text-align: center; text-align: center;
line-height: 56rpx; line-height: 56rpx;

View File

@ -20,6 +20,9 @@
</view> </view>
<view class="bottomlist"> <view class="bottomlist">
<view class="timelist"> <view class="timelist">
<uni-data-select class="item" v-model="deviceUserId" :localdata="deviceUserslist" @change="changePro"
:clear="false">
</uni-data-select>
<view class="item" v-for="(item,index) in timelist" :class="timeindex == index?'timeitem':''" <view class="item" v-for="(item,index) in timelist" :class="timeindex == index?'timeitem':''"
@tap='taptimeindex(index)'> @tap='taptimeindex(index)'>
{{item.name}} {{item.name}}
@ -111,6 +114,17 @@
timer: null, timer: null,
datalist: null, datalist: null,
datalisttwo: null, datalisttwo: null,
deviceUserId: '',
deviceUserslist: [{
value: '',
text: '全部',
}, {
value: 1,
text: '用户1',
}, {
value: 2,
text: '用户2',
}],
pie_opts: { pie_opts: {
color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4", color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
"#ea7ccc" "#ea7ccc"
@ -196,6 +210,9 @@
} }
}, },
methods: { methods: {
changePro(e) {
this.$emit('tapdeviceUser', e);
},
taptimeindex(index) { taptimeindex(index) {
this.timeindex = index this.timeindex = index
this.$emit('taptimeindex', index); this.$emit('taptimeindex', index);
@ -314,6 +331,10 @@
background-color: #F7F5F5; background-color: #F7F5F5;
} }
::v-deep .uni-select {
border: none !important;
}
.app { .app {
width: 96%; width: 96%;
margin: 0 auto; margin: 0 auto;
@ -360,7 +381,7 @@
.item { .item {
width: 25%; width: 25%;
height: 56rpx; // height: 56rpx;
border-radius: 5rpx 0rpx 0rpx 5rpx; border-radius: 5rpx 0rpx 0rpx 5rpx;
text-align: center; text-align: center;
line-height: 56rpx; line-height: 56rpx;

View File

@ -8,8 +8,9 @@
v-on:websocket-message="handleWebSocketMessage"></blood-sugar> v-on:websocket-message="handleWebSocketMessage"></blood-sugar>
</view> </view>
<view v-if="tabindex == 1"> <view v-if="tabindex == 1">
<blood-pressure :current="tabindex" :echartData="list" @taptimeindex='taptimeindex' <blood-pressure :tablelist='tablelist' @tapdeviceUser='tapdeviceUser' :current="tabindex"
:tablelist='tablelist' v-on:websocket-message="handleWebSocketMessage"></blood-pressure> :echartData="list" @taptimeindex='taptimeindex'
v-on:websocket-message="handleWebSocketMessage"></blood-pressure>
</view> </view>
<view v-if="tabindex == 2"> <view v-if="tabindex == 2">
<BloodFat :current="tabindex" :echartData="list" @taptimeindex='taptimeindex' :tablelist='tablelist' <BloodFat :current="tabindex" :echartData="list" @taptimeindex='taptimeindex' :tablelist='tablelist'
@ -25,7 +26,7 @@
</view> </view>
<view v-if="tabindex == 5"> <view v-if="tabindex == 5">
<Heart-rate :current="tabindex" :echartData="list" @taptimeindex='taptimeindex' :tablelist='tablelist' <Heart-rate :current="tabindex" :echartData="list" @taptimeindex='taptimeindex' :tablelist='tablelist'
v-on:websocket-message="handleWebSocketMessage"></Heart-rate> @tapdeviceUser='tapdeviceUser' v-on:websocket-message="handleWebSocketMessage"></Heart-rate>
</view> </view>
<view v-if="tabindex == 6"> <view v-if="tabindex == 6">
<Temperature :current="tabindex" :echartData="list" @taptimeindex='taptimeindex' :tablelist='tablelist' <Temperature :current="tabindex" :echartData="list" @taptimeindex='taptimeindex' :tablelist='tablelist'
@ -77,6 +78,7 @@
}, ], }, ],
list: null, list: null,
type: 0, type: 0,
deviceUser: '',
tabletotal: 0, tabletotal: 0,
tablelist: [], tablelist: [],
pageNum: 1, pageNum: 1,
@ -90,6 +92,11 @@
this.getinfo(); this.getinfo();
}, },
methods: { methods: {
tapdeviceUser(e) {
this.deviceUser = e
this.info()
this.getinfo();
},
taptimeindex(e) { taptimeindex(e) {
this.type = e this.type = e
this.info() this.info()
@ -97,10 +104,20 @@
}, },
info() { info() {
let userinfo = uni.getStorageSync('userinfo'); let userinfo = uni.getStorageSync('userinfo');
var obj = { var obj
if (this.tabindex == 1 || this.tabindex == 5) {
obj = {
label: Number(this.tabindex) + 1, label: Number(this.tabindex) + 1,
identity: userinfo.cardNo, identity: userinfo.cardNo,
type: this.type, type: this.type,
deviceUser: this.deviceUser,
}
} else {
obj = {
label: Number(this.tabindex) + 1,
identity: userinfo.cardNo,
type: this.type,
}
} }
record(obj).then(res => { record(obj).then(res => {
this.list = res.data this.list = res.data
@ -121,13 +138,25 @@
this.tabletotal = 0 this.tabletotal = 0
this.pageNum = 1 this.pageNum = 1
let userinfo = uni.getStorageSync('userinfo'); let userinfo = uni.getStorageSync('userinfo');
var obj = { var obj
if (this.tabindex == 1 || this.tabindex == 5) {
obj = {
label: Number(this.tabindex) + 1,
identity: userinfo.cardNo,
type: this.type,
deviceUser: this.deviceUser,
pageNum: this.pageNum,
pageSize: 15,
}
} else {
obj = {
label: Number(this.tabindex) + 1, label: Number(this.tabindex) + 1,
identity: userinfo.cardNo, identity: userinfo.cardNo,
type: this.type, type: this.type,
pageNum: this.pageNum, pageNum: this.pageNum,
pageSize: 15, pageSize: 15,
} }
}
getList(obj).then(res => { getList(obj).then(res => {
this.tablelist = res.data.list.list this.tablelist = res.data.list.list
this.tabletotal = res.data.list.total this.tabletotal = res.data.list.total
@ -145,6 +174,7 @@
}, },
tabchange(e) { tabchange(e) {
this.type = 0 this.type = 0
this.deviceUser = ''
this.list = null this.list = null
this.tabindex = e this.tabindex = e
setTimeout(() => { setTimeout(() => {

View File

@ -357,8 +357,10 @@
} }
.uni-select { .uni-select {
height: 56rpx;
font-size: 14px; font-size: 14px;
border: 1px solid $uni-border-3; line-height: 56rpx;
// border: 1px solid $uni-border-3;
box-sizing: border-box; box-sizing: border-box;
border-radius: 4px; border-radius: 4px;
padding: 0 5px; padding: 0 5px;
@ -370,10 +372,9 @@
/* #endif */ /* #endif */
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
border-bottom: solid 1px $uni-border-3; // border-bottom: solid 1px $uni-border-3;
width: 100%; width: 100%;
flex: 1; flex: 1;
height: 35px;
&--disabled { &--disabled {
background-color: #f5f7fa; background-color: #f5f7fa;
@ -384,13 +385,13 @@
.uni-select__label { .uni-select__label {
font-size: 16px; font-size: 16px;
// line-height: 22px; // line-height: 22px;
height: 35px; height: 56rpx;
padding-right: 10px; padding-right: 10px;
color: $uni-secondary-color; color: $uni-secondary-color;
} }
.uni-select__input-box { .uni-select__input-box {
height: 35px; height: 56rpx;
position: relative; position: relative;
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
@ -449,7 +450,7 @@
display: flex; display: flex;
cursor: pointer; cursor: pointer;
/* #endif */ /* #endif */
line-height: 35px; line-height: 56rpx;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
/* border-bottom: solid 1px $uni-border-3; */ /* border-bottom: solid 1px $uni-border-3; */