<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<script src="../../assets/js/fontsize.js"></script>
<link rel="stylesheet" href="../../assets/css/jeDate-test.css">
<link rel="stylesheet" href="../../assets/css/jedate.css">
<link rel="stylesheet" href="../../assets/css/demos.css">
<link rel="stylesheet" href="../../assets/css/weui.min.css">
<link rel="stylesheet" href="../../assets/css/api.css"/>
<link rel="stylesheet" href="../../assets/css/my_f.css"/>
<link rel="stylesheet" href="../../assets/css/style.css">
<link rel="stylesheet" href="../../assets/icon/iconfont.css">
<title></title>
<style>
body, html {
background-color: #f4f4f4;
height: 100%;
}
.data_item {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0.35rem 0 0.37rem;
background-color: #fff;
padding: 0.2rem 0.27rem;
font-size: 16px;
color: #424242;
border-bottom: 1px solid #fafafa;
}
.data_item_right {
font-size: 14px;
color: #A09F9F;
display: flex;
align-items: center;
justify-content: center;
}
.data_item_right input {
text-align: center;
padding-left: 0.5rem;
color: #A09F9F;
flex: 1;
}
.data_box {
background-color: #fff;
/*display:flex;*/
/*justify-content:space-between;*/
/*align-items: center;*/
}
.icon-xiangyou {
color: #C0C0C0;
margin-left: 0.16rem;
}
#jedate{
left:0.5rem
}
#chosetime{
outline:none;
/*!*height:0.68rem;*!*/
border:none;
}
</style>
</head>
<body>
<div id="loadStart"></div>
<div id="app">
<div class="data_box">
<div class="data_item"><span>测量时间</span>
<!--<div class="data_item_right"><span>{{date_info?date_info:default_date}}</span>-->
<!--<!–<span class="iconfont icon-xiangyou"></span>–>-->
<!--</div>-->
<div class="data_item_right">
<div class="date_box" >
<!--<div class="jeinpbox" style="width:95%"><input type="text" class="jeinput" id="test04" v-model="default_date" placeholder="请选择测量时间" style="width:96%;outline:none;border:none" readonly></div>-->
<input type="datetime-local" id="chosetime" placeholder="请选择测量时间">
</div>
<p class="iconfont icon-xiangyou"></p>
</div>
</div>
<div class="data_item" @click="choose_high">
<span>高压（收缩压）</span>
<div class="data_item_right"><span>{{high}}</span><span class="iconfont icon-xiangyou"></span></div>
</div>
<div class="data_item" @click="choose_low">
<span>低压（舒张压）</span>
<div class="data_item_right"><span>{{low}}</span><span class="iconfont icon-xiangyou"></span></div>
</div>
<div class="data_item">
<span>心率</span>
<div class="data_item_right">
<input type="number" placeholder="" v-model="heart_num" style="width:1.5rem">
<span>次/分钟</span>
<span class="iconfont icon-xiangyou"></span>
</div>
</div>
</div>
<div class="save_btn" @click="save_data">保存</div>
</div>
</body>
</html>
<script type="text/javascript" src="../../assets/js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="../../assets/js/fastclick.js"></script>
<script type="text/javascript" src="../../assets/js/jquery-weui.js"></script>
<script type="text/javascript" src="../../assets/js/api.js"></script>
<script type="text/javascript" src="../../assets/js/public.js"></script>
<script type="text/javascript" src="../../assets/js/fastclick.js"></script>
<script>
new FastClick(document.body);
</script>
<script type="text/javascript" src="../../assets/js/vue.min.js"></script>
<script type="text/javascript" src="../../assets/js/weui.min.js"></script>
<script type="text/javascript" src="../../assets/js/axios.min.js"></script>
<script type="text/javascript" src="../../assets/icon/iconfont.js"></script>
<script type="text/javascript" src="../../assets/js/index.js"></script>
<script type="text/javascript" src="../../assets/js/datePicker.js"></script>
<script type="text/javascript" src="../../assets/js/jquery-1.10.1.min.js"></script>
<!--<script type="text/javascript" src="../../assets/js/mypressure.js"></script>-->
<script type="text/javascript" src="../../assets/js/jedate.js"></script>
<!--<script type="text/javascript" src="../../assets/js/demo.js"></script>-->
<script>
var app = new Vue({
el: '#app',
data: {
year: '',
month: '',
day: '',
hour: '',
minute: '',
date_info: '',
default_date: '',
popupVisible: false,
high_list: [],
low_list: [],
high: '请选择高压(mmHg)',
low: '请选择低压(mmHg)',
heart_num: '',
rid: ''
},
created: function () {
// apiready = function () {
// app.rid = api.pageParam.rid;
this.rid=localStorage.getItem("rid");
console.log(this.rid)
this.getPressure();
for (var i = 0; i < 300; i++) {
this.high_list.push({
"label": i,
"value": i,
})
}
// }
},
methods: {
// 日期选择
// dateSelect: function () {
// // if (api.systemType == 'ios') {
// // api.openPicker({
// // type: 'date_time',
// // date: new Date(),
// // maxDate: getTimeDetil(0),
// // title: '测量时间'
// // }, function (ret, err) {
// // if (ret) {
// // app.year = ret.year;
// // app.month = ret.month;
// // app.day = ret.day;
// // app.hour = ret.hour;
// // app.minute = ret.minute;
// // app.date_info = app.year + '-' + add0(app.month) + '-' + add0(app.day) + ' ' + add0(app.hour) + ':' + add0(app.minute);
// // if (checkDate(app.date_info, 2)) {
// // return app.date_info
// // } else {
// // toastMsg('请选择正确的测量时间');
// // return app.date_info = ''
// // }
// // } else {
// // console.log(err)
// // }
// // });
// // }
// // else {
// // api.openPicker({
// // type: 'date',
// // title: '测量时间',
// // }, function (ret, err) {
// // if (ret) {
// // app.year = ret.year;
// // app.month = ret.month;
// // app.day = ret.day;
// // api.openPicker({
// // type: 'time',
// // title: '测量时间'
// // }, function (rets, errs) {
// // if (rets) {
// // app.hour = rets.hour;
// // app.minute = rets.minute;
// // app.date_info = app.year + '-' + add0(app.month) + '-' + add0(app.day) + ' ' + add0(app.hour) + ':' + add0(app.minute);
// // if (checkDate(app.date_info, 2)) {
// // return app.date_info
// // } else {
// // toastMsg('请选择正确的测量时间');
// // return app.date_info = ''
// // }
// // } else {
// // console.log(errs)
// // }
// // });
// // } else {
// // console.log(err)
// // }
// // });
// // }
// },
// 选择高压
choose_high: function () {
var app=this;
weui.picker(app.high_list, {
onChange: function (result) {
},
onConfirm: function (result) {
app.high = result[0].label;
}
});
},
// 选择低压
choose_low: function () {
var app=this;
weui.picker(app.high_list, {
onChange: function (result) {
},
onConfirm: function (result) {
app.low = result[0].label;
}
});
},
// 保存数据
save_data: function () {
var app=this;
app.default_date=$("#test04").val();
if (app.default_date == '') {
toastMsg('请选择测量时间')
}
else if (app.high == '请选择高压(mmHg)') {
toastMsg('请选择高压数据')
}
else if (app.low == '请选择低压(mmHg)') {
toastMsg('请选择低压')
} else if (app.heart_num == '') {
toastMsg('请输入心率')
}
else {
var header = {
"XX-Device-Type": getDevice(),
'XX-Token': getToken()
};
var post = {
rid: app.rid,
time: app.date_info,
data: app.high + '/' + app.low,
type: 2,
rate: app.heart_num
};
getRequest('post', 'user/index/setBoolData', post, header).then(function (res) {
// alert(JSON.stringify(res))
if (res.data.code == 1) {
toastMsg('记录成功!');
setTimeout(function () {
api.sendEvent({
name: 'pressure',
});
api.closeWin()
}, 1000);
} else {
toastMsg(res.msg)
}
})
}
},
getPressure: function () {
var app=this;
var rid=localStorage.getItem("rid")
var header = {
"XX-Device-Type": getDevice(),
'XX-Token': getToken()
};
var post = {
rid: rid,
type: 2
};
getRequest('post', 'user/index/getLastBoolData', post, header).then(function (res) {
console.log(res.data.data.high)
// alert(JSON.stringify(res))
if (res.data.code == 1) {
app.date_info = res.data.data.time;
app.high = res.data.data.high;
app.low = res.data.data.low;
app.heart_num = res.data.data.rate;
} else {
toastMsg(res.data.msg)
}
loadEnd()
})
}
}
})
</script>