my_pressure.html 12.7 KB
<!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>-->
                <!--&lt;!&ndash;<span class="iconfont icon-xiangyou"></span>&ndash;&gt;-->
            <!--</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>