商丘市柘城县——前端

Work-banli.html 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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. <style>
  9. p {
  10. font-size: 16px;
  11. color: #fe6604;
  12. }
  13. .mui-bar-nav {
  14. background-color: #00a1cb;
  15. color: #fff!important;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <header class="mui-bar mui-bar-nav" style="">
  21. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;"></a>
  22. <h1 class="mui-title" style="color: #fff;">办理工单</h1>
  23. </header>
  24. <div class="mui-content">
  25. <p>办理人(必填)</p>
  26. <div class="mui-input-row">
  27. <input id='contact' type="text" class="mui-input-clear contact" />
  28. </div>
  29. <p>办理内容(必填)</p>
  30. <div class="row mui-input-row">
  31. <textarea id='question' class="mui-input-clear question" placeholder="请详细描述你的问题和意见..."></textarea>
  32. </div>
  33. <div class="" style="padding: 10px;">
  34. <br />
  35. <button id="submit" type="button" class="mui-btn mui-btn-block mui-btn-primary submit">办理</button>
  36. </div>
  37. </div>
  38. <script src="../js/huayi.config.js"></script>
  39. <script src="../js/zepto.js"></script>
  40. <script src="../js/mui.min.js"></script>
  41. <script type="text/javascript">
  42. mui.init(
  43. );
  44. mui.plusReady(function() {
  45. var wv = plus.webview.currentWebview();
  46. var vText = wv.name;
  47. var token = wv.token;
  48. document.getElementById("submit").addEventListener('tap', function() {
  49. var username = $("#contact").val();
  50. var question = $("#question").val();
  51. if(!username) {
  52. plus.nativeUI.toast('输入办理人');
  53. } else if(!question) {
  54. plus.nativeUI.toast('输入内容');
  55. } else {
  56. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/FeedBackWorkOrder', {
  57. data: {
  58. workorderid: vText,
  59. dealman: username, //办理人
  60. result: question, //办理内容
  61. state: 1,
  62. token: token
  63. },
  64. dataType: 'json', //服务器返回json格式数据
  65. type: 'post', //HTTP请求类型
  66. timeout: 10000, //超时时间设置为10秒;
  67. success: function(data) {
  68. var btnArray = ['否', '是'];
  69. mui.confirm('是否办理工单', '提示', btnArray, function(e) {
  70. if(e.index == 1) {
  71. plus.nativeUI.toast('办理成功');
  72. var wobj = plus.webview.getWebviewById("Work-list");
  73. wobj.reload(true);
  74. } else {
  75. plus.nativeUI.toast('取消办理');
  76. }
  77. })
  78. },
  79. error: function(xhr, type, errorThrown) {
  80. }
  81. });
  82. }
  83. })
  84. })
  85. </script>
  86. </body>
  87. </html>