开封利通水务前端

addOrEditWorkOrder.html 6.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>添加或编辑工单</title>
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  10. <link rel="stylesheet" type="text/css" href="../js/bootstrap-treeview/bootstrap-treeview.min.css" />
  11. <link href="../callScreen/css/call.css" rel="stylesheet" />
  12. <style type="text/css">
  13. i.tub {
  14. position: absolute;
  15. right: 130px;
  16. top: 8px;
  17. font-size: 18px;
  18. color: #1ab494;
  19. }
  20. .tub+input {
  21. padding-right: 30px;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="clearfix wrapper wrapper-content">
  27. <div class="order_form">
  28. <form class="form-inline clearfix" id="order_form">
  29. <div class="form-group col-md-4">
  30. <label for="order_source">工单来源:</label>
  31. <select class="form-control input-sm selectpicker" disabled id="order_source" data-live-search="true">
  32. <option value="0">请选择工单来源</option>
  33. </select>
  34. </div>
  35. <div class="form-group col-md-8 clearfix">
  36. <label class="col-md-2">工单类型:</label>
  37. <div id="order_type" class="col-md-6 r_order_type">
  38. </div>
  39. </div>
  40. <!--<div class="form-group col-md-12" id="order_handles">
  41. <label for="order_handle">业务办理:</label>
  42. <select class="form-control input-sm selectpicker" id="order_handle" data-live-search="true">
  43. <option value="0">请选择业务办理</option>
  44. </select>
  45. </div>-->
  46. <div class="form-group col-md-4" id="order_handles">
  47. <label for="order_handle">工单子类:</label>
  48. <select class="form-control input-sm selectpicker" id="order_godant" data-live-search="true">
  49. <option value="0">请选择工单子类</option>
  50. <option value="管道泡水">管道泡水</option>
  51. <option value="闸井设施">闸井设施</option>
  52. <option value="表井设施">表井设施</option>
  53. <option value="消防设施">消防设施</option>
  54. <option value="水压低">水压低</option>
  55. <option value="无水">无水</option>
  56. <option value="水费水量">水费水量</option>
  57. <option value="停水复装">停水复装</option>
  58. <option value="水质">水质</option>
  59. <option value="表位插花">表位插花</option>
  60. <option value="户表安装">户表安装</option>
  61. <option value="违章用水">违章用水</option>
  62. <option value="水域不洁">水域不洁</option>
  63. <option value="施工围挡">施工围挡</option>
  64. <option value="垃圾渣土">垃圾渣土</option>
  65. <option value="道路破损">道路破损</option>
  66. <option value="其他">其他</option>
  67. </select>
  68. </div>
  69. <div class="form-group col-md-4">
  70. <label for="order_name">客户姓名:</label>
  71. <input type="text" class="form-control input-sm" id="order_name" placeholder="请输入客户姓名">
  72. </div>
  73. <div class="form-group col-md-4">
  74. <label for="order_tel">电话:</label>
  75. <input type="text" class="form-control input-sm" id="order_tel" placeholder="请输入电话">
  76. </div>
  77. <div class="form-group col-md-4">
  78. <label for="order_name">截止日期:</label>
  79. <i class="tub fa fa-calendar"></i>
  80. <input class="form-control search_time" type="text" id="sc_time" placeholder="请选择截止时间">
  81. </div>
  82. <!--<div class="form-group col-md-4">
  83. <label for="order_company"><b class="text-red">*</b>公司名称:</label>
  84. <input type="text" class="form-control input-sm" id="order_company" placeholder="请输入公司名称">
  85. </div>-->
  86. <div class="form-group col-md-12">
  87. <label for="order_reception">反馈内容:</label>
  88. <textarea id="order_reception" rows="3" cols="20" class="form-control" placeholder="请输入反馈内容"></textarea>
  89. </div>
  90. <div class="form-group col-md-8 clearfix">
  91. <label class="col-md-2">工单有效性:</label>
  92. <div id="order_iseffective" class="r_order_type col-md-6">
  93. <label class="radio-inline">
  94. <input type="radio" name="radioOptions" value="0" checked="checked">有效
  95. </label>
  96. <label class="radio-inline">
  97. <input type="radio" name="radioOptions" value="1">无效
  98. </label>
  99. </div>
  100. </div>
  101. <div class="form-group col-md-8 clearfix">
  102. <label class="col-md-2">特殊案件:</label>
  103. <div id="order_specialcase" class="r_order_type col-md-6">
  104. <label class="radio-inline">
  105. <input type="radio" name="specialCase" value="1">特殊
  106. </label>
  107. <label class="radio-inline">
  108. <input type="radio" name="specialCase" value="0" checked="checked">非特殊
  109. </label>
  110. </div>
  111. </div>
  112. <div class="form-group col-md-12 order_note">
  113. <label for="order_note"><b class="text-red">*</b>无效原因:</label>
  114. <textarea id="order_note" rows="3" cols="20" class="form-control" placeholder="请输入无效原因"></textarea>
  115. </div>
  116. <!-- <div class="form-group col-md-12 clearfix">
  117. <label class="col-md-2">立即处理:</label>
  118. <div id="order_isover" class="r_order_type col-md-10">
  119. <label class="radio-inline">
  120. <input type="radio" name="isoverOptions" value="1">是
  121. </label>
  122. <label class="radio-inline">
  123. <input type="radio" name="isoverOptions" value="0" checked="checked">否
  124. </label>
  125. </div>
  126. </div> -->
  127. <div class="form-group text-center col-sm-12">
  128. <button type="button" class="btn btn-primary btn-sm" id="save_order">保存</button>
  129. </div>
  130. </form>
  131. </div>
  132. </div>
  133. <script src="../js/autosize/autosize.min.js"></script>
  134. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  135. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  136. <script src="../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
  137. <script src="../Script/Common/regexs.js"></script>
  138. <script src="../js/laydate/laydate.js"></script>
  139. <script src="../js/WorkOrder/addOrEditWorkOrder.js"></script>
  140. </body>
  141. </html>