商丘12345 前端

Work-cb.html 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <!doctype html>
  2. <html lang="en" class="feedback">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>延时审核</title>
  7. <link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
  8. <link rel="stylesheet" type="text/css" href="../../css/feedback.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/mui.picker.min.css" />
  10. <style>
  11. p {
  12. font-size: 16px;
  13. color: #fe6604;
  14. }
  15. .mui-bar-nav {
  16. background-color: #00a1cb;
  17. color: #fff!important;
  18. }
  19. .mui-btn-block{
  20. padding: 10px;
  21. }
  22. .type_down {
  23. position: absolute;
  24. right: 10px;
  25. top: 8px;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <header class="mui-bar mui-bar-nav" style="">
  31. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;"></a>
  32. <h1 class="mui-title" style="color: #fff;">重办</h1>
  33. </header>
  34. <div class="mui-content">
  35. <p>重办超时时间(必填)</p>
  36. <div class="mui-input-row">
  37. <input id="demo1" data-options="{'type':'datetime','beginYear':year,'beginMonth':month,'beginDay':day}" type="text"
  38. class="mui-input-clear btn contact" />
  39. </div>
  40. <p>督办意见(必填)</p>
  41. <div class="row mui-input-row">
  42. <textarea id="question" class="mui-input-clear question" placeholder="请详细描述你的问题和意见..."></textarea>
  43. </div>
  44. <p>交办单位(必填)</p>
  45. <div class="mui-input-row" id="DW">
  46. <input type="text" id="DWResult" class="ui-alert type_con" data-index="" readonly="readonly" />
  47. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  48. </div>
  49. <div class="" style="padding: 10px;">
  50. <br />
  51. <button id="submit" type="button" class="mui-btn mui-btn-block mui-btn-primary submit">保存</button>
  52. </div>
  53. <input type="hidden" id="delayid" />
  54. </div>
  55. <script src="../../js/huayi.config.js"></script>
  56. <script src="../../js/zepto.js"></script>
  57. <script src="../../js/mui.min.js"></script>
  58. <script src="../../js/mui.picker.min.js"></script>
  59. <script type="text/javascript">
  60. mui.init();
  61. mui.plusReady(function() {
  62. var wv = plus.webview.currentWebview();
  63. var vText = wv.name;
  64. var token = wv.token;
  65. document.getElementById("submit").addEventListener('tap', function() {
  66. var username = $("#demo1").val();
  67. var question = $("#question").val();
  68. if (!username) {
  69. plus.nativeUI.toast('输入时间');
  70. } else if (!question) {
  71. plus.nativeUI.toast('输入督办意见');
  72. } else {
  73. ja();
  74. }
  75. });
  76. //延时审核
  77. function ja() {
  78. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/ReloadWorkOrder', {
  79. data: {
  80. workorderid: vText,
  81. newlimittime: $("#demo1").val(),
  82. overseeopinion: $("#question").val(),
  83. token: token
  84. },
  85. dataType: 'json', //服务器返回json格式数据
  86. type: 'post', //HTTP请求类型
  87. timeout: 10000, //超时时间设置为10秒;
  88. success: function(data) {
  89. if (data.state == "success") {
  90. plus.nativeUI.toast('审核成功');
  91. $('#question').val('');
  92. if(localStorage.getItem("organizer")=="1"){
  93. wobj = plus.webview.getWebviewById("Work-listDCL");
  94. }
  95. //var wobj = plus.webview.getWebviewById("Work-jlist");
  96. wobj.reload(true);
  97. } else{
  98. alert(JSON.stringify(data))
  99. }
  100. },
  101. error: function(xhr, type, errorThrown) {
  102. plus.nativeUI.toast('审核失败');
  103. }
  104. });
  105. }
  106. //获取时间数据
  107. var year = new Date().getFullYear();
  108. var month = new Date().getMonth();
  109. var day = new Date().getDate();
  110. var btns = mui('.btn');
  111. btns.each(function(i, btn) {
  112. btn.addEventListener('tap', function() {
  113. var dtPicker = new mui.DtPicker({
  114. type: "date", //设置日历初始视图模式
  115. beginDate: new Date(year, month, day), //设置开始日期
  116. });
  117. dtPicker.show(function(e) {
  118. $("#demo1").val(e)
  119. });
  120. }, false);
  121. })
  122. //交办单位
  123. var dwList = [];
  124. $.ajax({
  125. type: "get",
  126. //GetDeptList
  127. url: huayi.config.callcenter_url + 'Department/GetDeptListtree',
  128. async: false,
  129. data: {
  130. token: token
  131. },
  132. dataType: 'json',
  133. success: function(data) {
  134. console.log(data)
  135. dwList = data.data;
  136. // alert(JSON.stringify(data));
  137. }
  138. });
  139. (function($, doc) {
  140. $.ready(function() {
  141. //交办单位
  142. var ZTiPickers = new $.PopPicker({
  143. layer: 3
  144. });
  145. ZTiPickers.setData(dwList);
  146. var ZXs = doc.getElementById('DW');
  147. var ZXResults = doc.getElementById('DWResult');
  148. ZXs.addEventListener('tap', function(event) {
  149. ZTiPickers.show(function(items) {
  150. console.log(items)
  151. ZXResults.value = items[2].text;
  152. ZXResults.setAttribute("data-index", items[2].id);
  153. //返回 false 可以阻止选择框的关闭
  154. //return false;
  155. });
  156. }, false);
  157. })
  158. })(mui, document);
  159. })
  160. </script>
  161. </body>
  162. </html>