| | |
| | | <meta charset="utf-8"> |
| | | <meta name="viewport" |
| | | content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> |
| | | <title工单申请< /title> |
| | | <title>工单申请</title> |
| | | <!-- MUI样式 --> |
| | | <link rel="stylesheet" href="./css/mui.min.css" /> |
| | | <link rel="stylesheet" href="css/mui.poppicker.css"> |
| | |
| | | </header> |
| | | <div class="mui-content"> |
| | | |
| | | <div class="mui-scroll-wrapper g-src_box"> |
| | | <div class="mui-scroll-wrapper g-src_box" > |
| | | <div class="mui-scroll"> |
| | | <div class="wp"> |
| | | <form action=""> |
| | | <form action="" id="refresh"> |
| | | |
| | | <div class="m-gd"> |
| | | <div class="m-gd" > |
| | | <div class="group"> |
| | | <div class="l">业务类型:</div> |
| | | <div class="r"> |
| | | <div class="val" id="ywlx"> |
| | | <div class="placeholder">请选择</div> |
| | | <div class="real-val" id="ywlx-val" onclick="searchType()"></div> |
| | | <div class="real-val" id="ywlx-val" ></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="group"> |
| | | <div class="l">所属分库:</div> |
| | | <div class="r"> |
| | | <div class="val" id="ssfk"> |
| | | <div class="placeholder">请选择</div> |
| | | <div class="real-val" id="ssfk-val" onclick="searchType()"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="group"> |
| | | <div class="l">关联仓库:</div> |
| | | <div class="r"> |
| | | <div class="val" id="glck"> |
| | | <div class="placeholder">请选择</div> |
| | | <div class="real-val" id="glck-val" onclick="searchType()"></div> |
| | | <div class="real-val" id="glck-val" ></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </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" /> |
| | | <!-- <input type="submit" value="提交" class="submit"/> --> |
| | | <div type="submit" class="submit">提交</div> |
| | | </div> |
| | | </form> |
| | | |
| | | </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> |
| | |
| | | <script src="./js/mui.min.js"></script> |
| | | <script src="./js/mui.poppicker.js"></script> |
| | | <script src="./js/mui.picker.min.js"></script> |
| | | <script src="./js/admin/work-apply.js"></script> |
| | | <script src="./js/jquery.js"></script> |
| | | |
| | | <script type="text/javascript" charset="utf-8"> |
| | | mui.init(); |
| | | |
| | | mui('.mui-scroll-wrapper').scroll({ |
| | | indicators: false, //是否显示滚动条 |
| | | deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 |
| | | bounce: false, //是否启用回弹 |
| | | deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 |
| | | }); |
| | | |
| | | 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) { |
| | | var date_el = document.getElementById("date1-val") |
| | | date_el.innerText = e.value |
| | | jQuery(date_el).prev().hide() |
| | | }) |
| | | } |
| | | |
| | | function chooseDate1() { |
| | | var dtpicker = new mui.DtPicker({ |
| | | type: "date", //设置日历初始视图模式 |
| | | // beginDate: new Date(2015, 04, 25), //设置开始日期 |
| | | // endDate: new Date(2016, 04, 25), //设置结束日期 |
| | | |
| | | }) |
| | | dtpicker.show(function(e) { |
| | | var date_el = document.getElementById("date2-val") |
| | | date_el.innerText = e.value |
| | | jQuery(date_el).prev().hide() |
| | | }) |
| | | } |
| | | |
| | | (function($, doc) { |
| | | $.init(); |
| | | $.ready(function() { |
| | | /** |
| | | * 获取对象属性的值 |
| | | * 主要用于过滤三级联动中,可能出现的最低级的数据不存在的情况,实际开发中需要注意这一点; |
| | | * @param {Object} obj 对象 |
| | | * @param {String} param 属性名 |
| | | */ |
| | | var _getParam = function(obj, param) { |
| | | return obj[param] || ''; |
| | | }; |
| | | //普通示例 |
| | | var userPicker = new $.PopPicker(); |
| | | userPicker.setData([{ |
| | | value: 'ywj', |
| | | text: '董事长 叶文洁' |
| | | }, { |
| | | value: 'aaa', |
| | | text: '总经理 艾AA' |
| | | }, { |
| | | value: 'lj', |
| | | text: '罗辑' |
| | | }, { |
| | | value: 'ymt', |
| | | text: '云天明' |
| | | }, { |
| | | value: 'shq', |
| | | text: '史强' |
| | | }, { |
| | | value: 'zhbh', |
| | | text: '章北海' |
| | | }, { |
| | | value: 'zhy', |
| | | text: '庄颜' |
| | | }, { |
| | | value: 'gyf', |
| | | text: '关一帆' |
| | | }, { |
| | | value: 'zhz', |
| | | text: '智子' |
| | | }, { |
| | | value: 'gezh', |
| | | text: '歌者' |
| | | }]); |
| | | var showUserPickerButton = doc.getElementById('ywlx'); |
| | | var userResult = doc.getElementById('ywlx-val'); |
| | | showUserPickerButton.addEventListener('tap', function(event) { |
| | | userPicker.show(function(items) { |
| | | // userResult.innerText = JSON.stringify(items[0]); |
| | | userResult.innerText = items[0].text; |
| | | // userResult.previousSibling.style.display="none" |
| | | jQuery(userResult).prev().hide() |
| | | //返回 false 可以阻止选择框的关闭 |
| | | //return false; |
| | | }); |
| | | }, false); |
| | | //----------------------------------------- |
| | | //所属分库: |
| | | var picker1 = new $.PopPicker(); |
| | | picker1.setData([{ |
| | | value: 'ywj', |
| | | text: '董事长 叶文洁' |
| | | }, { |
| | | value: 'aaa', |
| | | text: '总经理 艾AA' |
| | | }, { |
| | | value: 'lj', |
| | | text: '罗辑' |
| | | }, { |
| | | value: 'ymt', |
| | | text: '云天明' |
| | | }, { |
| | | value: 'shq', |
| | | text: '史强' |
| | | }, { |
| | | value: 'zhbh', |
| | | text: '章北海' |
| | | }, { |
| | | value: 'zhy', |
| | | text: '庄颜' |
| | | }, { |
| | | value: 'gyf', |
| | | text: '关一帆' |
| | | }, { |
| | | value: 'zhz', |
| | | text: '智子' |
| | | }, { |
| | | value: 'gezh', |
| | | text: '歌者' |
| | | }]); |
| | | var showPicker1Button = doc.getElementById('ssfk'); |
| | | var picker1Result = doc.getElementById('ssfk-val'); |
| | | showPicker1Button.addEventListener('tap', function(event) { |
| | | picker1.show(function(items) { |
| | | // userResult.innerText = JSON.stringify(items[0]); |
| | | picker1Result.innerText = items[0].text; |
| | | // userResult.previousSibling.style.display="none" |
| | | jQuery(picker1Result).prev().hide() |
| | | //返回 false 可以阻止选择框的关闭 |
| | | //return false; |
| | | }); |
| | | }, false); |
| | | //----------------------------------------- |
| | | //关联仓库: |
| | | var picker2 = new $.PopPicker(); |
| | | picker2.setData([{ |
| | | value: 'ywj', |
| | | text: '董事长 叶文洁' |
| | | }, { |
| | | value: 'aaa', |
| | | text: '总经理 艾AA' |
| | | }, { |
| | | value: 'lj', |
| | | text: '罗辑' |
| | | }, { |
| | | value: 'ymt', |
| | | text: '云天明' |
| | | }, { |
| | | value: 'shq', |
| | | text: '史强' |
| | | }, { |
| | | value: 'zhbh', |
| | | text: '章北海' |
| | | }, { |
| | | value: 'zhy', |
| | | text: '庄颜' |
| | | }, { |
| | | value: 'gyf', |
| | | text: '关一帆' |
| | | }, { |
| | | value: 'zhz', |
| | | text: '智子' |
| | | }, { |
| | | value: 'gezh', |
| | | text: '歌者' |
| | | }]); |
| | | var showPicker2Button = doc.getElementById('glck'); |
| | | var picker2Result = doc.getElementById('glck-val'); |
| | | showPicker2Button.addEventListener('tap', function(event) { |
| | | picker2.show(function(items) { |
| | | // userResult.innerText = JSON.stringify(items[0]); |
| | | picker2Result.innerText = items[0].text; |
| | | // userResult.previousSibling.style.display="none" |
| | | jQuery(picker2Result).prev().hide() |
| | | //返回 false 可以阻止选择框的关闭 |
| | | //return false; |
| | | }); |
| | | }, false); |
| | | |
| | | }); |
| | | })(mui, document); |
| | | mui.plusReady(function(){ |
| | | init(); |
| | | }) |
| | | |
| | | </script> |
| | | </html> |