| | |
| | | </div> |
| | | <div class="mui-scroll-wrapper index-dzxg"> |
| | | <div class="mui-scroll"> |
| | | <ul class="ul-cardb1"> |
| | | <li> |
| | | <ul class="ul-cardb1" id="recordList"> |
| | | <!-- <li> |
| | | <div class="item"> |
| | | <div class="top"> |
| | | <div class="date">2022-03-10 11:00</div> |
| | |
| | | </div> |
| | | </div> |
| | | </li> |
| | | --> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <div class="m-bot_btn"> |
| | | <div class="box"> |
| | | <button type="button" class="mui-btn mui-btn-block bot-btn">拍照打卡</button> |
| | | <button type="button" class="mui-btn mui-btn-block bot-btn" onclick="cameraImg()">拍照打卡</button> |
| | | </div> |
| | | </div> |
| | | <!-- 预览图片 --> |
| | | <div class="m-pop"> |
| | | <div class="pop-bg"></div> |
| | | <div class="inner"> |
| | | <div class="m-viewer"> |
| | | <div class="m-viewer" id="viewerImg"> |
| | | <img src="images/p-j1.jpg" alt="" class="img" /> |
| | | </div> |
| | | <div class="close"><span class="mui-icon mui-icon-close"></span></div> |
| | |
| | | <script src="./js/mui.min.js"></script> |
| | | <script src="./js/mui.picker.min.js"></script> |
| | | <script src="./js/jquery.js"></script> |
| | | <script src="./js/admin/security-patrol.js"></script> |
| | | <script type="text/javascript" charset="utf-8"> |
| | | //mui初始化 |
| | | mui.init(); |
| | | |
| | | function chooseDate() { |
| | | var dtpicker = new mui.DtPicker({ |
| | | type: "date", //设置日历初始视图模式 |
| | | // beginDate: new Date(2015, 04, 25), //设置开始日期 |
| | | // endDate: new Date(2016, 04, 25), //设置结束日期 |
| | | |
| | | }) |
| | | dtpicker.show(function(e) { |
| | | document.getElementById("date").value = e.value |
| | | }) |
| | | } |
| | | |
| | | mui('.mui-scroll-wrapper').scroll({ |
| | | indicators: false, //是否显示滚动条 |
| | | deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 |
| | | bounce: false, //是否启用回弹 |
| | | deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 |
| | | }); |
| | | |
| | | mui(".mui-content").on("tap", ".g-date_box .prev", function() { |
| | | var curDate = document.getElementById("date").value; |
| | | document.getElementById("date").value = e.value |
| | | }); |
| | | mui(".mui-content").on("tap", ".g-date_box .next", function() { |
| | | var curDate = document.getElementById("date").value; |
| | | document.getElementById("date").value = e.value |
| | | }); |
| | | |
| | | //查看照片 |
| | | mui(".mui-content").on("tap", ".ul-cardb1 li .r-btn", function() { |
| | | $('.m-pop').css('display', 'flex'); |
| | | }); |
| | | //关闭照片 |
| | | $('.pop-bg,.m-pop .close').click(function(e) { |
| | | e.stopPropagation(); |
| | | $('.m-pop').fadeOut(); |
| | | }); |
| | | mui.plusReady(function(){ |
| | | //数据初始化 |
| | | init(); |
| | | }) |
| | | </script> |
| | | </html> |