虞城12345_前端

Work-YSsh.html 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  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. </style>
  23. </head>
  24. <body>
  25. <header class="mui-bar mui-bar-nav" style="">
  26. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;"></a>
  27. <h1 class="mui-title" style="color: #fff;">延时审核</h1>
  28. </header>
  29. <div class="mui-content">
  30. <p>原超时间</p>
  31. <div class="mui-input-row">
  32. <input id='startTime' type="text" disabled="disabled" class="mui-input-clear btn contact" />
  33. </div>
  34. <p>申请延时原因</p>
  35. <div class="row mui-input-row">
  36. <textarea id='SQtime' class="mui-input-clear question" readonly="readonly"></textarea>
  37. </div>
  38. <p>申请超时时间(必填)</p>
  39. <div class="mui-input-row">
  40. <input id='demo1' disabled="disabled" data-options='{"type":"datetime","beginYear":year,"beginMonth":month,"beginDay":day}' type="text" class="mui-input-clear btn contact" />
  41. </div>
  42. <p>审核意见(必填)</p>
  43. <div class="row mui-input-row">
  44. <textarea id='question' class="mui-input-clear question" placeholder="请详细描述你的问题和意见..."></textarea>
  45. </div>
  46. <div class="" style="padding: 10px;">
  47. <br />
  48. <button id="submit" type="button" class="mui-btn mui-btn-block mui-btn-primary submit">同意</button>
  49. <button id="submits" type="button" class="mui-btn mui-btn-block submit">拒绝</button>
  50. </div>
  51. <input type="hidden" id="delayid" />
  52. </div>
  53. <script src="../js/huayi.config.js"></script>
  54. <script src="../js/zepto.js"></script>
  55. <script src="../js/mui.min.js"></script>
  56. <script src="../js/mui.picker.min.js"></script>
  57. <script type="text/javascript">
  58. mui.init();
  59. mui.plusReady(function() {
  60. var year=new Date().getFullYear();
  61. var month=new Date().getMonth();
  62. var day=new Date().getDate();
  63. var wv = plus.webview.currentWebview();
  64. var vText = wv.name;
  65. var token = wv.token; 
  66. var btns = mui('.btn'); 
  67. var type;
  68. //获取数据
  69. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/GetAuditInfo', {
  70. data: {
  71. workorderid: vText,
  72. type: 2,
  73. token: token
  74. },
  75. dataType: 'json', //服务器返回json格式数据
  76. type: 'get', //HTTP请求类型
  77. timeout: 10000, //超时时间设置为10秒;
  78. success: function(data) {
  79. if(data.state.toLowerCase() == "success") {
  80. if(data.data[0].F_OldTime){
  81. var Otime = data.data[0].F_OldTime.substring(0, data.data[0].F_OldTime.indexOf(' '));
  82. $("#startTime").val(Otime);
  83. }
  84. var Ntime = data.data[0].F_NewTime.substring(0, data.data[0].F_NewTime.indexOf(' '));
  85. $("#delayid").val(data.data[0].F_Id);
  86. $("#demo1").val(Ntime);
  87. $("#SQtime").text(data.data[0].F_Reason);
  88. }
  89. },
  90. error: function(xhr, type, errorThrown) {
  91. plus.nativeUI.toast('失败');
  92. }
  93. });
  94. btns.each(function(i, btn) {  
  95. btn.addEventListener('tap', function() {   
  96. var dtPicker = new mui.DtPicker({    
  97. type: "date", //设置日历初始视图模式
  98. beginDate: new Date(year, month, day),//设置开始日期
  99.   
  100. });  
  101. dtPicker.show(function(e) {
  102. $("#demo1").val(e)
  103. }); 
  104. }, false);
  105. document.getElementById("submit").addEventListener('tap', function() {
  106. var username = $("#demo1").val();
  107. var question = $("#question").val();
  108. if(!username) {
  109. plus.nativeUI.toast('输入时间');
  110. } else if(!question) {
  111. plus.nativeUI.toast('输入审核原因');
  112. } else {
  113. type=1;
  114. ja();
  115. // var btnArray = ['拒绝', '同意'];
  116. // plus.nativeUI.confirm('是否同意申请', '提示', btnArray, function(e) {
  117. // if(e.index == 1) {
  118. // type=1;
  119. // ja();
  120. // } else {
  121. // type=2;
  122. // ja();
  123. // }
  124. // })
  125. }
  126. });
  127. document.getElementById("submits").addEventListener('tap', function() {
  128. type=2;
  129. ja();
  130. });
  131. //延时审核
  132. function ja(){
  133. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/AuditDelayWorkOrder', {
  134. data: {
  135. workorderid: vText,
  136. reason: $("#question").val(),
  137. newlimittime: $("#demo1").val(),
  138. state: type,
  139. delayid: $("#delayid").val(),
  140. token: token
  141. },
  142. dataType: 'json', //服务器返回json格式数据
  143. type: 'post', //HTTP请求类型
  144. timeout: 10000, //超时时间设置为10秒;
  145. success: function(data) {
  146. if(data.state == "success"){
  147. plus.nativeUI.toast('审核成功');
  148. $('#question').val('');
  149. var wobj = plus.webview.getWebviewById("Work-listDCL");
  150. wobj.reload(true);
  151. }else{
  152. }
  153. },
  154. error: function(xhr, type, errorThrown) {
  155. plus.nativeUI.toast('审核失败');
  156. }
  157. });
  158. }
  159. })
  160. })
  161. </script>
  162. </body>
  163. </html>