<!doctype html> <html lang="en"> <head> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!--<link rel="stylesheet" href="../../assets/css/jeDate-test.css">--> <!--<link rel="stylesheet" href="../../assets/css/jedate.css">--> <link rel="stylesheet" href="../../assets/css/weui.min.css"> <link rel="stylesheet" href="../../assets/css/base.css"> <link rel="stylesheet" href="../../assets/css/style1.css"> <link rel="stylesheet" href="../../assets/css/common1.css"> <link rel="stylesheet" href="../../assets/icon/iconfont.css"> <title></title> <style type="text/css"> body { background-color: #f5f5f5; margin: 0; } .sugar_type { display: flex; align-items: center; flex-wrap: wrap; font-size: 16px; padding: 25px 0 20px 15px; background-color: #fff; } #background { box-sizing: border-box; background-color: #d8b25f; color: #FFF; border-radius: 50%; display: inline-block; padding: 10px 10px 6px 10px; } .sugar_type span { width: 30%; background-color: #e9e9e9; color: #424242; padding: 5px 0; text-align: center; border-radius: 5px; margin: 0 10px 10px 0; } .sugar_type .spanactive { color: #fff; background-color: #dbb25f; } .date_box { position:relative; display: flex; align-items: center; justify-content: space-between; padding: 10px 13px; margin: 20px 0 0 0; background-color: #fff; /*overflow: hidden;*/ } .date_item { font-size: 14px; color: #999; } .date_box .iconfont { color: #c0c0c0; position:absolute; right:0.9rem; top:0.4rem; } .save_btn { text-align: center; font-size: 18px; color: #fff; padding: 0.15rem 0; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 100; background-color: #dbb25f; } #loadStart { position: fixed; left: 0; right: 0; top: 0; bottom: 0; /*background: #bbb;*/ z-index: 100000; transition: 1s; background: #fff url("../../assets/image/loading.gif") center center no-repeat; background-size: 12%; } #chosetime{ outline:none; height:0.68rem; border:none; } .jebody{ width: 100%; overflow: hidden; } body .weui-toast{ min-height: 40px; line-height: 40px; top: 50%; } </style> </head> <body class="jebody"> <div id="loadStart"></div> <div class="perpart1 center"> <div style="position: relative;color: #fff;top: 2.5rem;">mmol/L</div> <div id="background"> <input type="number" step="0.1" name="test" class="knob" data-width="140" data-height='140' data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="0.0" placeholder="" id="circle_value"> </div> </div> <div class="sugar_type" data-type=""> <span data-id="1">空腹</span> <span data-id="2">早餐后</span> <span data-id="3">午餐前</span> <span data-id="4">午餐后</span> <span data-id="5">晚餐前</span> <span data-id="6">晚餐后</span> <span data-id="7">睡前</span> <span data-id="8">凌晨</span> </div> <!--<div class="date_box">--> <!--<div class="date_item">请选择测量时间</div>--> <!--<div class="iconfont icon-xiangyou"></div>--> <!--</div>--> <div class="jeitem"> <div class="date_box" id="choose_times"> <input type="text" readonly id="chosetime" placeholder="请选择测量时间"> </div> </div> <div class="save_btn">保存</div> </body> </html> <script type="text/javascript" src="../../assets/js/api.js"></script> <script type="text/javascript" src="../../assets/js/weui.min.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 src="../../assets/js/jquery.js" type="text/javascript"></script> <script src="../../assets/js/jquery.knob.js" type="text/javascript"></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/datePicker.js"></script> <script type="text/javascript" src="../../assets/js/jedate.js"></script> <script type="text/javascript"> $(document).ready(function () { var type=1; $(".knob").knob(); loadEnd(); var rid=localStorage.getItem("rid"); function getSugar() { var header = { "XX-Device-Type": getDevice(), 'XX-Token': getToken() }; var post = { rid: rid, type: 1 }; getRequest('post', 'user/index/getLastBoolData', post, header).then(function (res) { if (res.data.code == 1) { $('.knob').val(res.data.data.data); $('#chosetime').val(res.data.data.time); $('.date_item').text(res.data.data.time); $('.sugar_type span').removeClass('spanactive').eq(res.data.data.time_type-1).addClass('spanactive'); } else { toastMsg(res.data.msg) } }) } getSugar(); $('.sugar_type span').click(function () { $(this).addClass('spanactive').siblings().removeClass('spanactive'); if ($(this).hasClass('spanactive')) { $('.sugar_type').attr('data-type', $(this).attr('data-id')) } else { $('.sugar_type').removeAttribute('data-type') } }); $('.date_box').click(function () { }); //时间选择 $('#choose_times').click(function(){ var calendar = new datePicker(); calendar.init({ 'trigger': '#choose_times', /*按钮选择器,用于触发弹出插件*/ 'type': 'datetime', /*模式:date日期;datetime日期时间;time时间;ym年月;*/ // 'minDate':getTimeDetil(3), /*最小日期*/ 'minDate': '', /*最小日期*/ 'maxDate': '', /*最大日期*/ 'onSubmit': function () {/*确认时触发事件*/ if (calendar.value) { $('#chosetime').val(calendar.value); calendar.onClose() } }, 'onClose': function () {/*取消时触发事件*/ // api.closeWin(); } }); }) $('.save_btn').click(function () { var rid=localStorage.getItem("rid"); var value = $('.knob').val(); var date = $('#chosetime').val(); type = $('.spanactive').attr('data-id') // console.log(type) var post = { rid: rid, time_type: type, time: date, data: value, type:1 }; var header = { "XX-Device-Type": getDevice(), 'XX-Token': getToken() }; if (value == '') { toastMsg('请记录血糖值'); return false } else if (type == '') { toastMsg('请选择选择测量节点'); return false } else if (date == '') { toastMsg('请选择测量时间'); return false } else { getRequest('post', 'user/index/setBoolData', post, header).then(function (res) { // alert(JSON.stringify(res)) if (res.data.code == 1) { toastMsg('记录成功'); } else { toastMsg(res.data.msg) } console.log($('.weui-toast').html()) }) } }); }) </script>