夏邑12345_前端

Work-YSsh.html 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  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" 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' data-options='{}' 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 wv = plus.webview.currentWebview();
  61. var vText = wv.name;
  62. var token = wv.token; 
  63. var btns = mui('.btn'); 
  64. var type;
  65. //获取数据
  66. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/GetAuditInfo', {
  67. data: {
  68. workorderid: vText,
  69. type: 2,
  70. token: token
  71. },
  72. dataType: 'json', //服务器返回json格式数据
  73. type: 'get', //HTTP请求类型
  74. timeout: 10000, //超时时间设置为10秒;
  75. success: function(data) {
  76. if(data.state.toLowerCase() == "success") {
  77. if(data.data[0].F_OldTime){
  78. var Otime = data.data[0].F_OldTime.substring(0, data.data[0].F_OldTime.indexOf(' '));
  79. $("#startTime").val(Otime);
  80. }
  81. var Ntime = data.data[0].F_NewTime.substring(0, data.data[0].F_NewTime.indexOf(' '));
  82. $("#delayid").val(data.data[0].F_Id);
  83. $("#demo1").val(Ntime);
  84. $("#SQtime").text(data.data[0].F_Reason);
  85. }
  86. },
  87. error: function(xhr, type, errorThrown) {
  88. plus.nativeUI.toast('失败');
  89. }
  90. });
  91. btns.each(function(i, btn) {  
  92. btn.addEventListener('tap', function() {   
  93. var dtPicker = new mui.DtPicker({    
  94. type: "date", //设置日历初始视图模式
  95.   
  96. });  
  97. dtPicker.show(function(e) {
  98. $("#demo1").val(e)
  99. }); 
  100. }, false);
  101. document.getElementById("submit").addEventListener('tap', function() {
  102. var username = $("#demo1").val();
  103. var question = $("#question").val();
  104. if(!username) {
  105. plus.nativeUI.toast('输入时间');
  106. } else if(!question) {
  107. plus.nativeUI.toast('输入审核原因');
  108. } else {
  109. type=1;
  110. ja();
  111. // var btnArray = ['拒绝', '同意'];
  112. // plus.nativeUI.confirm('是否同意申请', '提示', btnArray, function(e) {
  113. // if(e.index == 1) {
  114. // type=1;
  115. // ja();
  116. // } else {
  117. // type=2;
  118. // ja();
  119. // }
  120. // })
  121. }
  122. });
  123. document.getElementById("submits").addEventListener('tap', function() {
  124. type=2;
  125. ja();
  126. });
  127. //延时审核
  128. function ja(){
  129. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/AuditDelayWorkOrder', {
  130. data: {
  131. workorderid: vText,
  132. reason: $("#question").val(),
  133. newlimittime: $("#demo1").val(),
  134. state: type,
  135. delayid: $("#delayid").val(),
  136. token: token
  137. },
  138. dataType: 'json', //服务器返回json格式数据
  139. type: 'post', //HTTP请求类型
  140. timeout: 10000, //超时时间设置为10秒;
  141. success: function(data) {
  142. if(data.state == "success"){
  143. plus.nativeUI.toast('审核成功');
  144. $('#question').val('');
  145. var wobj = plus.webview.getWebviewById("Work-list");
  146. wobj.reload(true);
  147. }else{
  148. }
  149. },
  150. error: function(xhr, type, errorThrown) {
  151. plus.nativeUI.toast('审核失败');
  152. }
  153. });
  154. }
  155. })
  156. })
  157. </script>
  158. </body>
  159. </html>