商丘12345 前端

work-cb.html 4.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  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. var wobj = plus.webview.getWebviewById("Work-listDCL");
  93. wobj.reload(true);
  94. }
  95. },
  96. error: function(xhr, type, errorThrown) {
  97. plus.nativeUI.toast('审核失败');
  98. }
  99. });
  100. }
  101. //获取时间数据
  102. var year = new Date().getFullYear();
  103. var month = new Date().getMonth();
  104. var day = new Date().getDate();
  105. var btns = mui('.btn');
  106. btns.each(function(i, btn) {
  107. btn.addEventListener('tap', function() {
  108. var dtPicker = new mui.DtPicker({
  109. type: "date", //设置日历初始视图模式
  110. beginDate: new Date(year, month, day), //设置开始日期
  111. });
  112. dtPicker.show(function(e) {
  113. $("#demo1").val(e)
  114. });
  115. }, false);
  116. })
  117. //交办单位
  118. var dwList = [];
  119. $.ajax({
  120. type: "get",
  121. //GetDeptList
  122. url: huayi.config.callcenter_url + 'Department/GetDeptListtree',
  123. async: false,
  124. data: {
  125. token: token
  126. },
  127. dataType: 'json',
  128. success: function(data) {
  129. console.log(data)
  130. dwList = data.data;
  131. // alert(JSON.stringify(data));
  132. }
  133. });
  134. (function($, doc) {
  135. $.ready(function() {
  136. //交办单位
  137. var ZTiPickers = new $.PopPicker({
  138. layer: 3
  139. });
  140. ZTiPickers.setData(dwList);
  141. var ZXs = doc.getElementById('DW');
  142. var ZXResults = doc.getElementById('DWResult');
  143. ZXs.addEventListener('tap', function(event) {
  144. ZTiPickers.show(function(items) {
  145. console.log(items)
  146. ZXResults.value = items[2].text;
  147. ZXResults.setAttribute("data-index", items[2].id);
  148. //返回 false 可以阻止选择框的关闭
  149. //return false;
  150. });
  151. }, false);
  152. })
  153. })(mui, document);
  154. })
  155. </script>
  156. </body>
  157. </html>