123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>血压</title>
- <meta name="author" content="yihu.com"/>
- <meta name="format-detection" content="telephone=no"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
- <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
- <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
- <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
- <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
- <link rel="stylesheet" type="text/css" href="../../../widget/swiper/3.1/swiper.min.css">
- <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
- <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
- <link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
- <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
- <style type="text/css">
- .swiper-container{
- overflow: inherit;
- padding-bottom: 53px;
- }
- .c-time{
- width: 100%;
- padding: 25px 0 10px 0;
- color: #323232;
- font-size: 12px;
- text-align: center;
- background: #fff;
- }
- #wrapper6{
- position: fixed;
- width: 100%;
- top: 107px;
- bottom: 0;
- overflow: hidden;
- }
-
- .iScroller{
- padding-bottom: 70px;
- }
- </style>
- </head>
- <body>
- <div class="c-les-hold pt15">
- <div class="c-les-div bgc-f3f3f3 plr10">
- <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
- <li class="curr"><a href="javascript:;">趋势图</a></li>
- <li><a href="javascript:;">列表</a></li>
- </ul>
- </div>
- </div>
- <!--趋势图-->
- <div id="qushiView">
- <div class="plr5 mt15 c-border-t bgc-fff ptb5">
- <ul class="c-blocks-4 option-card c-t-center c-f14" id="selDate">
- <li class="ptb5 plr10 curr" data-days="7">
- <p>7天</p>
- </li>
- <li class="ptb5 plr10" data-days="30">
- <p>30天</p>
- </li>
- <li class="ptb5 plr10" data-days="90">
- <p>90天</p>
- </li>
- <li class="ptb5 plr10" data-days="180">
- <p>半年</p>
- </li>
- </ul>
- </div>
- <div class="bgc-fff ptb5 plr10">
- <ul class="c-blocks-3 c-t-center">
- <li class="c-f12 c-323232"><span class="plr5">●</span>正常: <span class="zc-num"></span>次</li>
- <li class="c-f12 c-ff6a56"><span class="plr5">●</span>偏高: <span class="pg-num"></span>次</li>
- <li class="c-f12 c-47a8ef"><span class="plr5">●</span>偏低: <span class="pd-num"></span>次</li>
- </ul>
- </div>
- <div class="bgc-fff">
- <div class="swiper-container">
- <ul class="swiper-wrapper">
-
- </ul>
- </div>
- </div>
- </div>
- <!--列表-->
- <div id="liebiaoView" style="display: none;margin-top: 15px;">
- <ul class="xy-list">
- <li class="xy-list-tit">
- <div class="xy-time xy-tit-time">时间</div>
- <div class="xy-ssy">收缩压</div>
- <div class="xy-szy">舒张压</div>
- </li>
- </ul>
-
- <div id="wrapper6" class="mb20">
- <div class="iScroller">
- <!--列表数据-->
- <ul class="xy-list xy-list-con">
- </ul>
- </div>
- </div>
- </div>
- <div class="btns" style="display: none;">
- <a class="cancel-btn" href="javascript:;">取消</a>
- <a class="ok-btn" href="javascript:;">完成</a>
- </div>
- <div class="xt-edit" style="display: none;">
- <a href="javascript:;">编辑</a>
- </div>
-
- <div class="xt-add">
- <a href="health-index-add-bloodpressure.html">添加</a>
- </div>
-
- <div class="pop-main"></div>
- <div class="pop-btns">
- <div class="pop-btn pop-edit-btn">修改</div>
- <div class="pop-btn pop-del-btn">删除</div>
- <div class="pop-btn pop-cancel-btn">取消</div>
- </div>
- <script type="text/html" id="xyTmp">
- {{each data as o}}
- <li class="xy-item l-item" data-id="{{o.id}}" data-time="{{o.date}}" data-sn="{{o.deviceSn}}" data-val-one="{{o.value1}}" data-val-two="{{o.value2}}">
- <div class="l-edit-icon"></div>
- <div class="xy-time">{{o.date}}</div>
- {{if o.value1 > 139}}
- <div class="xy-ssy"><span class="xy-ssy-hei">{{o.value1}}</span></div>
- {{/if}}
- {{if o.value1 < 90}}
- <div class="xy-ssy"><span class="xy-ssy-low">{{o.value1}}</span></div>
- {{/if}}
- {{if o.value1 >= 90 && o.value1 <= 139}}
- <div class="xy-ssy">{{o.value1}}</div>
- {{/if}}
-
- {{if o.value2 > 89}}
- <div class="xy-ssy"><span class="xy-ssy-hei">{{o.value2}}</span></div>
- {{/if}}
- {{if o.value2 < 60}}
- <div class="xy-ssy"><span class="xy-ssy-low">{{o.value2}}</span></div>
- {{/if}}
- {{if o.value2 >= 60 && o.value2 <= 89}}
- <div class="xy-ssy">{{o.value2}}</div>
- {{/if}}
- </li>
- {{/each}}
- </script>
- <script type="text/javascript" src="../../../js/mui.min.js"></script>
- <script type="text/javascript" src="../../../js/app.js"></script>
- <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
- <script type="text/javascript" src="../../../js/common_http.js"></script>
- <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
- <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
- <script src="../../../widget/echarts/echarts.js"></script>
- <script src="../../../js/iscroll-probe.js"></script>
- <script src="../../../js/iscroll-pull-up-down.js"></script>
- <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
- <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" src="../../../widget/swiper/3.1/swiper.jquery.min.js"></script>
- <script src="../../../js/family-members.js"></script>
- <script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
- <script type="text/javascript" src="../js/health-chart.js"></script>
- <script type="text/javascript" src="../js/xueya-view.js"></script>
- </body>
- </html>
|