| | |
| | | position: relative; |
| | | font-size: 15px; |
| | | color: #fff; |
| | | margin: 15px 0 10px 0; |
| | | margin: 15px 0 5px 0; |
| | | } |
| | | .ul-cardb1 .tit::before{ |
| | | content: ""; |
| | |
| | | font-size: 16px; |
| | | color: #000; |
| | | } |
| | | |
| | | .m-gd .l{ |
| | | min-width: 80px; |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .m-gd .r{ |
| | | float: none; |
| | | width: auto; |
| | |
| | | background: url(../../images/a2.png) no-repeat right center; |
| | | background-size: 6px; |
| | | } |
| | | |
| | | .m-gd .placeholder{ |
| | | color: #c3c3c3; |
| | | } |
| | | |
| | | .m-gd .submit{ |
| | | display: block; |
| | | width: 77%; |
| | |
| | | padding: 0; |
| | | margin: 30px auto 0; |
| | | } |
| | | |
| | | .m-pop-caution { |
| | | padding: 15px 15px 25px; |
| | | } |
| | | |
| | | .m-pop-caution .btns { |
| | | display: block; |
| | | text-align: center; |
| | | } |
| | | |
| | | .m-pop-caution .btns button { |
| | | margin: 0 6px; |
| | | } |
| | | |
| | | .m-pop-caution .h3 { |
| | | text-align: left; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .m-pop-caution .h3 span { |
| | | color: #ff2323; |
| | | |
| | | } |
| | | |
| | | .m-pop-caution textarea { |
| | | background-color: #f5f6f7; |
| | | border-radius: 10px; |
| | | margin-bottom: 15px; |
| | | border: none; |
| | | min-height: 100px; |
| | | |
| | | } |
| | | |
| | | .m-pop-caution .mui-input-row { |
| | | margin-bottom: 25px; |
| | | } |
| | | |
| | | .m-server { |
| | | width: 300px; |
| | | background-color: #fff; |
| | | border-radius: 10px; |
| | | overflow: hidden; |
| | | padding: 28px 25px 30px; |
| | | } |
| | | |
| | | .m-server .h3 { |
| | | text-align: center; |
| | | font-size: 18px; |
| | | font-weight: bold; |
| | | color: #000; |
| | | margin-bottom: 18px; |
| | | } |
| | | |
| | | |
| | | .m-server .mui-input-row { |
| | | background-color: #f5f6f7; |
| | | border-radius: 10px; |
| | | margin-bottom: 15px; |
| | | padding: 4px 0; |
| | | } |
| | | |
| | | .m-server .mui-input-row label { |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | width: 27%; |
| | | padding-right: 0; |
| | | } |
| | | |
| | | .m-server .mui-input-row input { |
| | | font-size: 16px; |
| | | color: #000; |
| | | width: 73%; |
| | | } |
| | | |
| | | .m-server .btns { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | margin-top: 25px; |
| | | } |
| | | |
| | | .m-server .mui-btn { |
| | | width: 110px; |
| | | border-radius: 20px; |
| | | font-size: 15px; |
| | | padding-top: 10px; |
| | | padding-bottom: 10px; |
| | | border: none; |
| | | } |
| | | |
| | | .m-server .mui-btn.cancel { |
| | | color: #888888; |
| | | background-color: #eeeeee; |
| | | } |
| | | |
| | | .m-server .mui-btn.confirm { |
| | | color: #fff; |
| | | background: linear-gradient(90deg, #52b88f, #64c388); |
| | | } |
| | |
| | | } else { |
| | | html += '<div class="wp"><div class="m-ck-cont"><div class="g-titck1">暂无能耗详情信息</div>' |
| | | html += '<div class="m-energy1"><div class="inner"><div class="con con1">' |
| | | html += '<div class="num"><div class="l"></div><span>KWh</span></div><div class="desc">起始能耗</div></div></div>' |
| | | html += '<div class="num"><div class="l"></div>0<span> KWh</span></div><div class="desc">起始能耗</div></div></div>' |
| | | html += '<div class="inner"><div class="con con2">' |
| | | html += '<div class="num"><div class="l"></div><span>KWh</span></div><div class="desc">截止能耗</div></div></div></div>' |
| | | html += '<div class="num"><div class="l"></div>0<span> KWh</span></div><div class="desc">截止能耗</div></div></div></div>' |
| | | html += '<div class="m-energy2"><div class="tit">能耗统计信息</div><ul class="ul-txtliste1">' |
| | | html += '<li><div class="con"><div class="num"><span>KWh</span></div><div class="desc">有功电能</div></div></li>' |
| | | html += '<li><div class="con"><div class="num"><span>KWh</span></div><div class="desc">无功电能</div></div></li>' |
| | | html += '<li><div class="con"><div class="num"><span>KWh</span></div><div class="desc">总电能</div></div></li>' |
| | | html += '<li><div class="con"><div class="num">0<span> KWh</span></div><div class="desc">有功电能</div></div></li>' |
| | | html += '<li><div class="con"><div class="num">0<span> KWh</span></div><div class="desc">无功电能</div></div></li>' |
| | | html += '<li><div class="con"><div class="num">0<span> KWh</span></div><div class="desc">总电能</div></div></li>' |
| | | html += '</ul></div></div></div>' |
| | | |
| | | } |
| | |
| | | type: "date", //设置日历初始视图模式 |
| | | // beginDate: new Date(2015, 04, 25), //设置开始日期 |
| | | // endDate: new Date(2016, 04, 25), //设置结束日期 |
| | | |
| | | value:dateTime |
| | | }) |
| | | var time = dateTime; |
| | | dtpicker.show(function(e) { |
| | | dateTime = e.value; |
| | | document.getElementById("date").value = e.value |
| | | if(time != dateTime){ |
| | | getMeterList(); |
| | | } |
| | | }) |
| | | } |
| | | //加减日期(天数) |
| | |
| | | mui.alert("系统繁忙,请重试!", "提示", ["确定"], function() {}, "div") |
| | | } |
| | | }) |
| | | meterList = [{ |
| | | "depotId": "40", |
| | | "depotName": "里消第角务意志", |
| | | "epSum": 36, |
| | | "eqSum": 51, |
| | | "updateTime": "2004-04-04 17:19:14", |
| | | "esSum": 13 |
| | | }, |
| | | { |
| | | "depotId": "84", |
| | | "depotName": "石老权及地土", |
| | | "epSum": 48, |
| | | "eqSum": 57, |
| | | "updateTime": "1973-05-07 03:38:11", |
| | | "esSum": 7 |
| | | }, |
| | | { |
| | | "depotId": "39", |
| | | "depotName": "决听军经格型命", |
| | | "epSum": 36, |
| | | "eqSum": 3, |
| | | "updateTime": "2003-09-19 06:57:50", |
| | | "esSum": 72 |
| | | }, |
| | | { |
| | | "depotId": "77", |
| | | "depotName": "院什期由信自般", |
| | | "epSum": 44, |
| | | "eqSum": 59, |
| | | "updateTime": "1984-02-29 20:11:43", |
| | | "esSum": 92 |
| | | }, |
| | | { |
| | | "depotId": "21", |
| | | "depotName": "报候联有", |
| | | "epSum": 40, |
| | | "eqSum": 15, |
| | | "updateTime": "2016-03-20 19:38:43", |
| | | "esSum": "" |
| | | } |
| | | ] |
| | | // meterList = [{ |
| | | // "depotId": "40", |
| | | // "depotName": "里消第角务", |
| | | // "epSum": 36, |
| | | // "eqSum": 51, |
| | | // "updateTime": "2004-04-04 17:19:14", |
| | | // "esSum": 13 |
| | | // }, |
| | | // { |
| | | // "depotId": "84", |
| | | // "depotName": "石老权及", |
| | | // "epSum": 48, |
| | | // "eqSum": 57, |
| | | // "updateTime": "1973-05-07 03:38:11", |
| | | // "esSum": 7 |
| | | // }, |
| | | // { |
| | | // "depotId": "39", |
| | | // "depotName": "决听军经格", |
| | | // "epSum": 36, |
| | | // "eqSum": 3, |
| | | // "updateTime": "2003-09-19 06:57:50", |
| | | // "esSum": 72 |
| | | // }, |
| | | // { |
| | | // "depotId": "77", |
| | | // "depotName": "院什期由信", |
| | | // "epSum": 44, |
| | | // "eqSum": 59, |
| | | // "updateTime": "1984-02-29 20:11:43", |
| | | // "esSum": 92 |
| | | // }, |
| | | // { |
| | | // "depotId": "21", |
| | | // "depotName": "报候联有", |
| | | // "epSum": 40, |
| | | // "eqSum": 15, |
| | | // "updateTime": "2016-03-20 19:38:43", |
| | | // "esSum": "" |
| | | // } |
| | | // ] |
| | | |
| | | |
| | | } |
| | | //渲染页面 |
| | | function renderData() { |
| | |
| | | html += '</ul></div></div>'; |
| | | }) |
| | | } else { |
| | | html += |
| | | '<div class="m-ck-cont"><div style="text-align: center;font-size: 20px;color:#dd524d;">暂无远程抄表信息</div></div>'; |
| | | html += '<div class="m-ck-cont"><div class="g-titck1">暂无信息 <span class="right">更新时间: 2023-01-01 00:00:00</span></div>'; |
| | | html += '<div class="m-energy2"><ul class="ul-txtliste1"><li><div class="con">'; |
| | | html += '<div class="num">0<span> KWh</span></div><div class="desc">有功电能</div></div></li>'; |
| | | html += '<li><div class="con"><div class="num">0<span> KWh</span></div>' |
| | | html += '<div class="desc">无功电能</div></div></li>'; |
| | | html += '<li><div class="con"><div class="num">0<span> KWh</span></div>'; |
| | | html += '<div class="desc">总电能</div></div></li>' |
| | | html += '</ul></div></div>'; |
| | | |
| | | } |
| | | $("#recordList").html(html); |
| | | } |
| | |
| | | html += '<span class="bg" style="background-image: url(images/d1.png);"></span>'; |
| | | html += '<span>暂无配电数据</span></div></div>'; |
| | | html += '<div class="inner"><div class="info">更新时间: <span style="font-size:15px"></span></div>'; |
| | | html += '<div class="txt"><div class="num"><span> V</span></div><div class="desc">A相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num"><span> V</span></div><div class="desc">B相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num"><span> V</span></div><div class="desc">B相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num"><span> V</span></div><div class="desc">A相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num"><span> V</span></div><div class="desc">B相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num"><span> V</span></div><div class="desc">C相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">A相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">A相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">C相电流</div></div>'; |
| | | html += '</div></div></li>' |
| | | } |
| | | $("#recordList").html(html); |
| | |
| | | $("#depot").val(depotName); |
| | | //获取仓库列表 |
| | | getDepotList(); |
| | | getHistoryList(); |
| | | } |
| | | |
| | | //查询历史数据 |
| | |
| | | date = new Date(date); |
| | | dateTime = getDate(date); |
| | | $("#dateTime").val(dateTime); |
| | | getHistoryList() |
| | | } |
| | | |
| | | //选择日期 |
| | | function chooseDate() { |
| | | var dtpicker = new mui.DtPicker({ |
| | | type: "month", //设置日历初始视图模式 |
| | | value: dateTime |
| | | }) |
| | | var time = dateTime |
| | | dtpicker.show(function(e) { |
| | | dateTime = e.value; |
| | | $("#dateTime").val(dateTime); |
| | | }) |
| | | if(time != dateTime){ |
| | | getHistoryList() |
| | | } |
| | | } |
| | | |
| | | //选择仓库 |
| | | function chooseDepot() { |
| | | var groupPicker = new mui.PopPicker(); |
| | | |
| | | console.log(JSON.stringify(depotData)) |
| | | groupPicker.setData(depotData); |
| | | |
| | | groupPicker.show(function(items) { |
| | |
| | | success: function(result) { |
| | | if (result.code == "0000") { |
| | | depotList = result.data; |
| | | // console.log(JSON.stringify(depotList)) |
| | | renderDepotData(); |
| | | } else { |
| | | mui.toast("没有仓库信息!"); |
| | |
| | | |
| | | //渲染仓库选择数据 |
| | | function renderDepotData() { |
| | | depotData = []; |
| | | var fenl = {}; |
| | | $.each(depotList, function(index, item) { |
| | | depotData.push({ |
| | | value: item.depotId, |
| | | text: item.depotName |
| | | }); |
| | | fenl = { |
| | | value: item.id, |
| | | text: item.name, |
| | | } |
| | | depotData.push(fenl); |
| | | }) |
| | | } |
| | | |
| | | mui('.mui-scroll-wrapper').scroll({ |
| | | indicators: false, //是否显示滚动条 |
| | | indicators: true, //是否显示滚动条 |
| | | deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 |
| | | bounce: false, //是否启用回弹 |
| | | deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 |
| | |
| | | inRecordData = result.data; |
| | | renderData(); |
| | | } else { |
| | | |
| | | renderData(); |
| | | mui.toast(result.msg); |
| | | console.log(JSON.stringify(result)) |
| | |
| | | mui.alert("系统繁忙,请重试!", "提示", ["确定"], function() {}, "div") |
| | | } |
| | | }) |
| | | inRecordData = { |
| | | "sum": "55", |
| | | "listInout": [{ |
| | | "id": "98", |
| | | "plateNum": "39", |
| | | "depotId": "83", |
| | | "depotName": "能始际法高等", |
| | | "foodVariety": "quis Ut", |
| | | "foodVarietyName": "被龙济来", |
| | | "recordWeight": "25", |
| | | "completeTime": "1971-10-20 14:45:38" |
| | | }, |
| | | { |
| | | "id": "37", |
| | | "plateNum": "50", |
| | | "depotId": "16", |
| | | "depotName": "准民青共工", |
| | | "foodVariety": "aliquip eiusmod laborum nulla", |
| | | "foodVarietyName": "号走根形", |
| | | "recordWeight": "30", |
| | | "completeTime": "1971-04-09 06:42:06" |
| | | } |
| | | ], |
| | | } |
| | | // inRecordData = { |
| | | // "sum": "55", |
| | | // "listInout": [{ |
| | | // "id": "98", |
| | | // "plateNum": "39", |
| | | // "depotId": "83", |
| | | // "depotName": "能始际法高等", |
| | | // "foodVariety": "quis Ut", |
| | | // "foodVarietyName": "被龙济来", |
| | | // "recordWeight": "25", |
| | | // "completeTime": "1971-10-20 14:45:38" |
| | | // }, |
| | | // { |
| | | // "id": "37", |
| | | // "plateNum": "50", |
| | | // "depotId": "16", |
| | | // "depotName": "准民青共工", |
| | | // "foodVariety": "aliquip eiusmod laborum nulla", |
| | | // "foodVarietyName": "号走根形", |
| | | // "recordWeight": "30", |
| | | // "completeTime": "1971-04-09 06:42:06" |
| | | // } |
| | | // ], |
| | | // } |
| | | |
| | | |
| | | } |
| | | |
| | |
| | | type: "date" ,//设置日历初始视图模式 |
| | | value: dateTime |
| | | }) |
| | | var time = dateTime |
| | | dtpicker.show(function(e) { |
| | | dateTime = e.value; |
| | | $("#dateTime").val(dateTime); |
| | | }) |
| | | |
| | | if(time != dateTime){ |
| | | getInRecordList(); |
| | | } |
| | | }) |
| | | } |
| | | |
| | | //默认获取当前日期(yyyy-MM-dd) |
| | | function getDate(date) { |
| | |
| | | type: "date" ,//设置日历初始视图模式 |
| | | value: dateTime |
| | | }) |
| | | var time = dateTime |
| | | dtpicker.show(function(e) { |
| | | dateTime = e.value; |
| | | $("#dateTime").val(dateTime); |
| | | }) |
| | | |
| | | if(time != dateTime){ |
| | | getOutRecordList(); |
| | | } |
| | | }) |
| | | } |
| | | |
| | | //默认获取当前日期(yyyy-MM-dd) |
| | | function getDate(date) { |
| | |
| | | $("#outSumNum").html("0"); |
| | | $("#outCompleteNum").html("0"); |
| | | $("#perOutComplete").html("0"); |
| | | $("#time").html("更新时间:" + recordData.time); |
| | | $("#time").html("更新时间:2023-01-01 00:00:00"); |
| | | html += '<div class="id" style="text-align: center;">暂无实时信息</div>'; |
| | | } |
| | | $("#listInout").html(html); |
| | |
| | | data1.data.deptId = selectDeptId; |
| | | dateTime = getDate(new Date()) |
| | | document.getElementById("date").value = dateTime; |
| | | console.log(JSON.stringify(data.data),"电子巡更记录","security-patrol") |
| | | //获取巡更记录 |
| | | getPatrolList() |
| | | |
| | |
| | | // endDate: new Date(2016, 04, 25), //设置结束日期 |
| | | value: dateTime |
| | | }) |
| | | var time = dateTime; |
| | | dtpicker.show(function(e) { |
| | | dateTime = e.value; |
| | | document.getElementById("date").value = e.value |
| | | if(time != dateTime){ |
| | | getPatrolList(); |
| | | } |
| | | }) |
| | | } |
| | | //获取巡更记录 |
| | | function getPatrolList() { |
| | | //赋值参数的日期 |
| | | data.data.dataTime = dateTime; |
| | | console.log(JSON.stringify(data.data),"电子巡更记录","security-patrol") |
| | | mui.ajax(url, { |
| | | type: "POST", |
| | | dataType: "json", |
| | |
| | | } |
| | | |
| | | mui('.mui-scroll-wrapper').scroll({ |
| | | indicators: false, //是否显示滚动条 |
| | | indicators: true, //是否显示滚动条 |
| | | deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 |
| | | bounce: false, //是否启用回弹 |
| | | deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 |
| | |
| | | // endDate: new Date(2016, 04, 25), //设置结束日期 |
| | | value: dateTime |
| | | }) |
| | | var time = dateTime |
| | | dtpicker.show(function(e) { |
| | | dateTime = e.value; |
| | | document.getElementById("date").value = e.value |
| | | if(time != dateTime){ |
| | | getWarnList(); |
| | | } |
| | | }) |
| | | } |
| | | |
| | |
| | | |
| | | //滑动 |
| | | mui('.mui-scroll-wrapper').scroll({ |
| | | indicators: false, //是否显示滚动条 |
| | | indicators: true, //是否显示滚动条 |
| | | deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 |
| | | bounce: false, //是否启用回弹 |
| | | deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 |
| | |
| | | var url = null; |
| | | var depotData; |
| | | var typeData; |
| | | var startTime = ''; |
| | | var endTime = ''; |
| | | var name = '' |
| | | var info = ''; |
| | | var listPicker2 = []; |
| | | var listPicker1 = []; |
| | | var list = [{ |
| | | value: 'ywj', |
| | | text: '董事长 叶文洁' |
| | |
| | | "type": "", |
| | | "startTime": "", |
| | | "endTime": "", |
| | | "info": "" |
| | | } |
| | | }; |
| | | //获取库区列表 |
| | | var data1 = { |
| | | "interfaceId": "5002", |
| | | "outId": "10002", |
| | | "reqDateTime": new Date(), |
| | | "tokenAuth": "", |
| | | "data": {} |
| | | }; |
| | | |
| | | //获取仓库列表 |
| | | var data2 = { |
| | | "interfaceId": "5102", |
| | | "sign": "10102", |
| | | "outId": "10102", |
| | | "reqDateTime": new Date(), |
| | | "tokenAuth": "", |
| | |
| | | } |
| | | }; |
| | | |
| | | //获取业务类型 |
| | | var data1 = { |
| | | "interfaceId": "6101", |
| | | "outId": "11101", |
| | | "reqDateTime": new Date(), |
| | | "tokenAuth": "", |
| | | "data": { |
| | | |
| | | } |
| | | }; |
| | | |
| | | function init() { |
| | | var user = JSON.parse(localStorage.getItem('user')); |
| | | var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId')); |
| | | url = user.url + "/api-phone/v35/gateway"; |
| | | data.tokenAuth = user.tokenAuth; |
| | | data1.tokenAuth = user.tokenAuth; |
| | | data2.tokenAuth = user.tokenAuth; |
| | | data2.data.deptId = selectDeptId; |
| | | |
| | | depotList(); |
| | | typeList(); |
| | | |
| | | } |
| | | |
| | | //开始时间 |
| | | function chooseDate() { |
| | | var dtpicker = new mui.DtPicker({ |
| | | // type: "hour", //设置日历初始视图模式 |
| | | type: "datetime", |
| | | // beginDate: new Date(2015, 04, 25), //设置开始日期 |
| | | // endDate: new Date(2016, 04, 25), //设置结束日期 |
| | | |
| | | value: startTime |
| | | }) |
| | | dtpicker.show(function(e) { |
| | | var date_el = document.getElementById("date1-val") |
| | | date_el.innerText = e.value |
| | | data.data.startTime = e.value; |
| | | startTime = e.value |
| | | data.data.startTime = startTime; |
| | | jQuery(date_el).prev().hide() |
| | | }) |
| | | } |
| | | |
| | | // |
| | | function chooseDate1() { |
| | | var dtpicker = new mui.DtPicker({ |
| | | // type: "hour", //设置日历初始视图模式 |
| | | type: "datetime", |
| | | // beginDate: new Date(2015, 04, 25), //设置开始日期 |
| | | // endDate: new Date(2016, 04, 25), //设置结束日期 |
| | | value: dateTime |
| | | value:endTime |
| | | }) |
| | | dtpicker.show(function(e) { |
| | | var date_el = document.getElementById("date2-val") |
| | | date_el.innerText = e.value |
| | | data.data.endTime = e.value |
| | | endTime = e.value |
| | | data.data.endTime = endTime |
| | | jQuery(date_el).prev().hide() |
| | | }) |
| | | } |
| | |
| | | } |
| | | }) |
| | | } |
| | | |
| | | function typeList() { |
| | | //获取仓库列表 |
| | | mui.ajax(url, { |
| | | type: "POST", |
| | | dataType: "json", |
| | | crossDomain: true, |
| | | contentType: "application/json;charset=utf-8", |
| | | data: JSON.stringify(data1), |
| | | success: function(result) { |
| | | if (result.code == "0000") { |
| | | typeData = result.data |
| | | conversionType(typeData); |
| | | // console.log(JSON.stringify(result)) |
| | | } else { |
| | | mui.alert(result.msg, '提示', ["确定"], function() {}, "div"); |
| | | } |
| | | }, |
| | | error: function() { |
| | | mui.alert('系统繁忙,请重新登录尝试!', '提示', ["确定"], function() {}, "div"); |
| | | } |
| | | }) |
| | | } |
| | | function conversion(data) { |
| | | var fenl = {} |
| | | $.each(data, function(index, item) { |
| | |
| | | listPicker2.push(fenl) |
| | | }) |
| | | } |
| | | |
| | | function conversionType(data){ |
| | | var fenl = {} |
| | | $.each(data, function(index, item) { |
| | | fenl = { |
| | | value: item.name, |
| | | text: item.id, |
| | | } |
| | | listPicker1.push(fenl) |
| | | }) |
| | | } |
| | | function refresh(){ |
| | | var html = ''; |
| | | html += '<div class="m-gd"><div class="group"><div class="l">业务类型:</div><div class="r">' |
| | |
| | | html += '<div class="group"><div class="l">有效结束时间:</div><div class="r">'; |
| | | html += '<div class="val" id="date2" onclick="chooseDate1();"><div class="placeholder">请选择</div>'; |
| | | html += '<div class="real-val" id="date2-val"></div></div></div></div>'; |
| | | html += '<div class="group"><div class="l">工单内容:</div><div class="r">' |
| | | html += '<div class="gdnr" id="gdnr" "><div class="placeholder">请选择</div>' |
| | | html += '<div class="real-val" id="gdnr-val"></div></div></div></div>' |
| | | html += '<div type="submit" class="submit">提交</div></div>'; |
| | | $("#refresh").html(html); |
| | | data.data.depotId = ''; |
| | | data.data.type = '' |
| | | data.data.startTime = '' |
| | | data.data.endTime = '' |
| | | info = '' |
| | | data.data.info = info |
| | | |
| | | } |
| | | |
| | | //提交 |
| | | mui(".mui-scroll").on("tap", ".wp form .submit", function() { |
| | | data.data.info = info; |
| | | workApply(); |
| | | // window.location.reload(); |
| | | window.setTimeout(function() { |
| | |
| | | showUserPickerButton.addEventListener('tap', function(event) { |
| | | var userResult = doc.getElementById('ywlx-val'); |
| | | var userPicker = new $.PopPicker(); |
| | | userPicker.setData(list); |
| | | userPicker.setData(listPicker1); |
| | | userPicker.show(function(items) { |
| | | // userResult.innerText = JSON.stringify(items[0]); |
| | | console.log(JSON.stringify(items)) |
| | |
| | | }, false); |
| | | }); |
| | | })(mui, document); |
| | | |
| | | //打开弹窗 |
| | | mui(".mui-scroll").on("tap", ".wp form .gdnr", function() { |
| | | document.getElementById("textareaPop").value = info; |
| | | $("#m-pop").css('display', 'flex'); |
| | | }) |
| | | |
| | | //关闭弹窗 |
| | | function closePop() { |
| | | $("#m-pop").css('display', 'none'); |
| | | } |
| | | //弹窗确定按钮 |
| | | mui(".mui-content").on("tap", ".m-pop .inner .confirm", function() { |
| | | info = document.getElementById("textareaPop").value; |
| | | if(info){ |
| | | document.getElementById("gdnr").innerText = info |
| | | } |
| | | closePop(); |
| | | }) |
| | |
| | | '<div class="box"><ul class="gd-list"><li><a href="" class="con" style="background-image: url(images/icons/a-bg12.png);">'; |
| | | html += '<div class="tit">业务类型:</div><div class="name">' + item.type + '</div></a></li>'; |
| | | html += '<li><a href="" class="con" style="background-image: url(images/icons/a-bg13.png);">'; |
| | | html += '<div class="tit">关联仓库:</div><div class="name">' + (item.depotName == null ? "--" : item |
| | | .depotName) + '</div></a></li></ul>'; |
| | | html += '<div class="tit">关联仓库:</div><div class="name">' + (item.depotName == null ? "--" : item.depotName) + '</div></a></li></ul>'; |
| | | html += '<div class="time">有效期: ' + item.startTime + '至' + item.endTime + ' </div>'; |
| | | html += '<div class="btns"><a href="" id = "' + item.id + |
| | | '" class="btn refuse">拒绝</a><a href="" id = "' + item.id + '" class="btn adopt">通过</a></div>'; |
| | |
| | | } |
| | | |
| | | mui('.mui-scroll-wrapper').scroll({ |
| | | indicators: false, //是否显示滚动条 |
| | | indicators: true, //是否显示滚动条 |
| | | deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 |
| | | bounce: false, //是否启用回弹 |
| | | deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 |
| | |
| | | renderRecordList(); |
| | | } else { |
| | | renderRecordList(); |
| | | mui.alert(result.msg, '提示', ["确定"], function() {}, "div"); |
| | | mui.toast(result.msg, '提示', ["确定"], function() {}, "div"); |
| | | } |
| | | }, |
| | | error: function() { |
| | |
| | | "depotName": "人离它军题" |
| | | } |
| | | ] |
| | | |
| | | |
| | | } |
| | | |
| | | function renderRecordList() { |
| | |
| | | html += '<li><a href="" class="con"style="background-image: url(images/icons/a-bg12.png);">'; |
| | | html += '<div class="tit">业务类型:</div><div class="name">' + item.type + '</div></a></li>'; |
| | | html += '<li><a href="" class="con"style="background-image: url(images/icons/a-bg13.png);">'; |
| | | html += '<div class="tit">关联仓库:</div><div class="name">' + (item.depotName == null ? "--" : item |
| | | .depotName) + '</div></a></li></ul>'; |
| | | html += '<div class="tit">关联仓库:</div><div class="name">' + (item.depotName == null ? "--" : item.depotName) + '</div></a></li></ul>'; |
| | | html += '<div class="time"><p>有效开始时间: <span>' + item.startTime + '</span></p><p>有效结束时间: <span>' + |
| | | item.endTime + '</span></p></div>'; |
| | | }) |
| | |
| | | } |
| | | |
| | | mui('.mui-scroll-wrapper').scroll({ |
| | | indicators: false, //是否显示滚动条 |
| | | indicators: true, //是否显示滚动条 |
| | | deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 |
| | | bounce: false, //是否启用回弹 |
| | | deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 |
| | |
| | | <div class="mui-scroll-wrapper index-dzxg"> |
| | | <div class="mui-scroll"> |
| | | <ul class="ul-cardb1" id="recordList"> |
| | | <li> |
| | | <!-- <li> |
| | | <div class="item"> |
| | | <div class="top"> |
| | | <div class="date">2022-03-10 11:00</div> |
| | |
| | | </div> |
| | | </div> |
| | | </li> |
| | | --> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | class="video" webkit-playsinline="true" playsinline="true" controls></video> |
| | | </div> |
| | | <ul class="ul-locb1" id="recordList"> |
| | | <li> |
| | | <!-- <li> |
| | | <a onclick="getVideo(1,1)" class="con" style="background-image: url(images/icons/g-i15.png);"> |
| | | <div class="left"> |
| | | <div class="icon"> |
| | |
| | | <div class="right"><span class="mui-icon mui-icon-forward"></span></div> |
| | | </a> |
| | | </li> |
| | | --> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="m-pow-dist"> |
| | | <div class="m-caution-mana"> |
| | | <ul class="ul-listmana ul-listcaut1" id="recordList"> |
| | | <li> |
| | | <!-- <li> |
| | | <div class="con myfancy" onclick="openPop('11')"> |
| | | <span class="type">未处理</span> |
| | | <div class="tit"> |
| | |
| | | <div type="button" class="mui-btn confirm" onclick="handleWarn('2')">处理</div> |
| | | </div> |
| | | </div> |
| | | <div class="close" onclick="closePop()"><span class="mui-icon mui-icon-close"></span></div> |
| | | <div class="close"><span class="mui-icon mui-icon-close" onclick="closePop()"></span></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </body> |
| | |
| | | //数据初始化 |
| | | init(); |
| | | }) |
| | | |
| | | </script> |
| | | </html> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="group"> |
| | | <div class="l">工单内容:</div> |
| | | <div class="r"> |
| | | <div class="gdnr" id="gdnr" "> |
| | | <div class="placeholder">请填写</div> |
| | | <div class="real-val" id="gdnr-val"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- <input type="submit" value="提交" class="submit"/> --> |
| | | <div type="submit" class="submit">提交</div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 编辑说明 --> |
| | | <div id="m-pop" class="m-pop"> |
| | | <div class="pop-bg"></div> |
| | | <div class="inner"> |
| | | <div class="m-server m-pop-caution"> |
| | | <div class="h3"><span class="red">*</span> 工单内容</div> |
| | | <form class=""> |
| | | <div class="mui-input-row"> |
| | | <textarea id="textareaPop" rows="" cols="" placeholder="请输入说明"></textarea> |
| | | </div> |
| | | </form> |
| | | <div class="btns"> |
| | | <div type="button" class="mui-btn confirm" ">确定</div> |
| | | </div> |
| | | </div> |
| | | <div class="close"><span class="mui-icon mui-icon-close" onclick="closePop()"></span></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </body> |
| | | <script src="./js/mui.min.js"></script> |
| | |
| | | <div class="mui-scroll"> |
| | | <div class="wp"> |
| | | <ul class="ul-gdsh" id="handleList"> |
| | | <li> |
| | | <!-- <li> |
| | | <div class="con"> |
| | | <div class="top"> |
| | | <div class="left"> |
| | |
| | | </div> |
| | | </div> |
| | | </li> |
| | | --> |
| | | </ul> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="mui-scroll"> |
| | | <div class="wp"> |
| | | <ul class="ul-sqjl" id="handleList"> |
| | | <li> |
| | | <!-- <li> |
| | | <div class="con conInfo" info="111"> |
| | | <span class="status"> |
| | | <img src="images/icons/g-i28.png" alt=""> |
| | |
| | | </div> |
| | | </div> |
| | | </li> |
| | | --> |
| | | </ul> |
| | | |
| | | </div> |