| | |
| | | </header> |
| | | <div class="mui-content"> |
| | | <div class="g-date_box"> |
| | | <span class="day prev">前一天</span> |
| | | <span class="day prev" onclick="addAndReduceMonth(-1)">前一天</span> |
| | | <div class="inpbox" onclick="chooseDate();"> |
| | | <input id="date" type="text" value="2022-04-15" readonly class="inp" /> |
| | | <input id="date" type="text" value="" readonly class="inp" /> |
| | | </div> |
| | | <span class="day next">后一天</span> |
| | | <span class="day next" onclick="addAndReduceMonth(1)">后一天</span> |
| | | </div> |
| | | <div class="mui-scroll-wrapper jglb"> |
| | | <div class="g-in-sl"> |
| | | <div class="m-pow-dist"> |
| | | <div class="m-caution-mana"> |
| | | <ul class="ul-listmana ul-listcaut1"> |
| | | <li> |
| | | <ul class="ul-listmana ul-listcaut1" id="recordList"> |
| | | <!-- <li> |
| | | <div class="con myfancy" onclick="openPop('11')"> |
| | | <span class="type">未处理</span> |
| | | <div class="tit"> |
| | |
| | | <div class="time">2022-03-02 10:10</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | --> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <div class="h3"><span class="red">*</span> 处理说明</div> |
| | | <form class=""> |
| | | <div class="mui-input-row"> |
| | | <textarea rows="" cols="" placeholder="请输入说明"></textarea> |
| | | <textarea id="textareaPop" rows="" cols="" placeholder="请输入说明"></textarea> |
| | | </div> |
| | | </form> |
| | | <div class="btns"> |
| | | <div class="btns" id="handleWarn"> |
| | | <button type="button" class="mui-btn cancel" onclick="handleWarn('1')">忽略</button> |
| | | <button type="button" class="mui-btn confirm" onclick="handleWarn('2')">处理</button> |
| | | </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/warn-list.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 |
| | | }); |
| | | //打开弹窗 |
| | | function openPop(warnId) { |
| | | $('#m-pop').css('display', 'flex'); |
| | | } |
| | | //警告处理 |
| | | function handleWarn(tag) { |
| | | if(tag == "1"){ |
| | | mui.toast("忽略警告"); |
| | | } |
| | | if(tag == "2"){ |
| | | mui.toast("警告处理"); |
| | | } |
| | | closePop(); |
| | | } |
| | | //关闭弹窗 |
| | | function closePop() { |
| | | $("#m-pop").css('display', 'none'); |
| | | } |
| | | $('.pop-bg,.m-pop .close').click(function(e) { |
| | | e.stopPropagation(); |
| | | $('.m-pop').fadeOut(); |
| | | }); |
| | | |
| | | mui.plusReady(function() { |
| | | //数据初始化 |
| | | init(); |
| | | }) |
| | | |
| | | </script> |
| | | </html> |