Aucune description

addWorkOrder.html 6.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <link rel="stylesheet" href="../layui/css/layui.mobile.css" />
  9. <link href="../css/mui.min.css" rel="stylesheet" />
  10. <link href="../css/mui.picker.css" rel="stylesheet" />
  11. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  12. <link href="../css/feedback-page.css" rel="stylesheet" />
  13. <link rel="stylesheet" href="../css/inits.css" />
  14. <link rel="stylesheet" href="../css/addWorkOrder.css">
  15. <title>添加工单</title>
  16. </head>
  17. <body>
  18. <div class="mui-content">
  19. <div class="mui-card">
  20. <div class="mui-card-content">
  21. <div class="titleW">
  22. <span class="mui-icon mui-icon-info-filled"></span>
  23. <span class="warning">请填写真实信息,带 “ <i>*</i> ” 为必填项</span>
  24. <span class="result" onclick="seeResult()">查看结果</span>
  25. </div>
  26. <div style="margin: 10px 0;">
  27. <label class="label reaction" style="display: block;"><i>*</i>反映类型</label>
  28. <div class="mui-radio mui-left radio_box">
  29. <input type="radio" name="phoneType" value="9" checked="checked"/>
  30. <label>咨询</label>
  31. </div>
  32. <div class="mui-radio mui-left radio_box">
  33. <input type="radio" name="phoneType" value="10" />
  34. <label>求助</label>
  35. </div>
  36. <div class="mui-radio mui-left radio_box">
  37. <input type="radio" name="phoneType" value="11" />
  38. <label>投诉</label>
  39. </div>
  40. <div class="mui-radio mui-left radio_box">
  41. <input type="radio" name="phoneType" value="12" />
  42. <label>建议</label>
  43. </div>
  44. <div class="mui-radio mui-left radio_box">
  45. <input type="radio" name="phoneType" value="13" />
  46. <label>表扬</label>
  47. </div>
  48. <div class="mui-radio mui-left radio_box">
  49. <input type="radio" name="phoneType" value="89" />
  50. <label>举报</label>
  51. </div>
  52. <div class="mui-radio mui-left radio_box">
  53. <input type="radio" name="phoneType" value="90" />
  54. <label>其他</label>
  55. </div>
  56. </div>
  57. <div class="mui-input-row phone">
  58. <label>姓名</label>
  59. <input type="text" placeholder="请输入姓名" id="cusname">
  60. </div>
  61. <div class="mui-input-row phone">
  62. <label><i>*</i> 手机号</label>
  63. <input type="text" placeholder="请输入手机号" id="cusphone">
  64. <span class="line" onclick="getCode()">获取验证码</span>
  65. <span class="codeTX">60s</span>
  66. </div>
  67. <div class="mui-input-row">
  68. <label><i>*</i> 验证码</label>
  69. <input type="text" class="mui-input-clear" placeholder="请输入验证码" id="code">
  70. </div>
  71. <div class="mui-input-row phone">
  72. <label><i>*</i> 反映标题</label>
  73. <input type="text" placeholder="请输入标题" id="title">
  74. </div>
  75. <div class="mui-input-row content">
  76. <label><i>*</i> 反映内容</label>
  77. <textarea class="ztext" name="" id="cont" placeholder="请输入您的反映内容..."></textarea>
  78. </div>
  79. <li class="mui-input-row" id="showCityPicker3">
  80. <label><i>*</i> 事发区域</label>
  81. <input type="text" id='cityResult3' data-index="" class="ui-alert type_con" placeholder="请选择区域"
  82. readonly="readonly" />
  83. <a href="javascript:void(0)"><span
  84. class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  85. </li>
  86. <li class="mui-input-row" id="showCityPicker2">
  87. <label>乡镇</label>
  88. <input type="text" id='cityResult2' data-index="" class="ui-alert type_con" placeholder="请选择乡镇"
  89. readonly="readonly" />
  90. <a href="javascript:void(0)"><span
  91. class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  92. </li>
  93. <li class="mui-input-row" id="showCityPicker1">
  94. <label>村</label>
  95. <input type="text" id='cityResult1' data-index="" class="ui-alert type_con" placeholder="请选择村"
  96. readonly="readonly" />
  97. <a href="javascript:void(0)"><span
  98. class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  99. </li>
  100. <div class="mui-input-row content">
  101. <label>详细地址</label>
  102. <textarea class="ztext" name="" id="cusaddress" placeholder="请输入详细地址..."></textarea>
  103. </div>
  104. <div class="mui-input-row feedback">
  105. <label>添加附件 <span style="color: rgb(176,176,176);">(文件格式为jpj,png,mp4,avi,wmv,mp3,pdf,doc,docx,xls,xlsx)</span></label>
  106. <input class="input" type="file" name="upFile" id="upFileHandle" multiple="multiple"
  107. style="display: none;">
  108. <div class="showFile">
  109. <div id='scwjHandle' class="row image-item"></div>
  110. <div class="fileBoxHandle" style="margin-left: 5px;float: left;width: 78%;">
  111. </div>
  112. </div>
  113. <input type="hidden" id="fileHandle" />
  114. </div>
  115. <div style="margin: 10px 0;border-bottom: 1px solid #c9c9c9;padding-bottom: 20px;">
  116. <div style="font-weight: 600; padding: 13px 15px 8px;"><i>*</i> 您是否同意把您的姓名告知承办单位,以便承办单位调查审核?</div>
  117. <div class="mui-radio mui-left radio_box">
  118. <input type="radio" name="select" value="1" checked="checked"/>
  119. <label>否</label>
  120. </div>
  121. <div class="mui-radio mui-left radio_box">
  122. <input type="radio" name="select" value="0" />
  123. <label>是</label>
  124. </div>
  125. </div>
  126. <div class="btns">
  127. <button type="button" class="btn btnLeft" onclick="Reset()">重置</button>
  128. <button type="button" class="btn btnRight" onclick="Submit()">提交</button>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <script src="../js/mui.min.js"></script>
  134. <script src="../js/mui.picker.js"></script>
  135. <script src="../js/mui.poppicker.js"></script>
  136. <script src="../js/jquery.min.js"></script>
  137. <script src="../Script/Common/huayi.config.js"></script>
  138. <script src="../Script/Common/huayi.http.js"></script>
  139. <script src="../layui/layui.js"></script>
  140. <script src="../js/addWorkOrder.js"></script>
  141. </body>
  142. </html>