三元财务UI

AddWorkolder.html 6.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>新建工单</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  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/iconfont.css" rel="stylesheet"/>
  13. <link href="css/AddWorkolder.css" rel="stylesheet"/>
  14. </head>
  15. <body>
  16. <div class="mui-nav">
  17. <a class="mui-icon mui-icon-arrowleft" href="client_index.html"></a>
  18. 创建工单
  19. </div>
  20. <div class="mui-content" style="margin-top: 44px;">
  21. <ul class="mui-table-view">
  22. <li class="mui-table-view-cell" style="display: none;">
  23. <div class="mui-input-row">
  24. <label class="label">工单来源:</label>
  25. <input type="text" id='order_source' class="ui-alert type_con size-14" data-index="467" readonly="readonly" />
  26. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  27. </div>
  28. </li>
  29. <li class="mui-table-view-cell mui-table-view-cell-line">
  30. <div class="mui-input-row">
  31. <label class="label">工单类型:</label>
  32. <div class="mui-input-row mui-radio mui-left radio_box order_type">
  33. <label>咨询</label>
  34. <input type="radio" type="radio" name="form" checked="checked" value="107" class="size-14" />
  35. </div>
  36. <div class="mui-input-row mui-radio mui-left radio_box order_type">
  37. <label>投诉</label>
  38. <input type="radio" type="radio" name="form" value="108" class="size-14" />
  39. </div>
  40. </div>
  41. </li>
  42. <li class="mui-table-view-cell">
  43. <div class="mui-input-row">
  44. <label class="label">客户姓名:</label>
  45. <input type="text" id="order_name" placeholder="请输入客户名称" class="size-14">
  46. </div>
  47. </li>
  48. <li class="mui-table-view-cell">
  49. <div class="mui-input-row">
  50. <label class="label">联系方式:</label>
  51. <input type="number" id="order_tel" placeholder="请输入联系方式" class="size-14">
  52. </div>
  53. </li>
  54. <li class="mui-table-view-cell" id="showZhuTiPicker">
  55. <div class="mui-input-row">
  56. <label class="label">项目名称:</label>
  57. <input type="text" id='order_rengin' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  58. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  59. <div id="order_pro" style="display: none;"></div>
  60. <div id="order_floor" style="display: none;"></div>
  61. <input id='order_rengValue' style="display: none;"/>
  62. <input id='order_proValue' style="display: none;"/>
  63. <input id='order_floorValue' style="display: none;"/>
  64. </div>
  65. </li>
  66. <li class="mui-table-view-cell" id="showZhuTiPicker">
  67. <div class="mui-input-row">
  68. <label class="label">楼层房间:</label>
  69. <input type="number" id="order_room" placeholder="请输入房间号" class="size-14">
  70. </div>
  71. </li>
  72. <li class="mui-table-view-cell" id="showCityPicker3">
  73. <div class="mui-input-row">
  74. <label class="label">房主关系:</label>
  75. <input type="text" id='ower_relationship' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  76. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  77. </div>
  78. </li>
  79. <li class="mui-table-view-cell mui-table-view-cell-line">
  80. <div class="mui-input-row" id="order_response">
  81. <label class="label">客户反应:</label>
  82. <div class="mui-input-row mui-radio mui-left radio_box">
  83. <label>一般</label>
  84. <input type="radio" type="radio" name="secret" checked="checked" value="476" class="size-14" />
  85. </div>
  86. <div class="mui-input-row mui-radio mui-left radio_box">
  87. <label>中等</label>
  88. <input type="radio" type="radio" name="secret" value="477" class="size-14" />
  89. </div>
  90. <div class="mui-input-row mui-radio mui-left radio_box">
  91. <label>特级</label>
  92. <input type="radio" type="radio" name="secret" value="478" class="size-14" />
  93. </div>
  94. </div>
  95. </li>
  96. <li class="mui-table-view-cell complaintOrder" id="showUserPicker" style="display: none;">
  97. <div class="mui-input-row">
  98. <label class="label">投诉分类:</label>
  99. <input type="text" id='complaintOrder_type' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  100. <a href=""><span class="type_down mui-icon mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  101. </div>
  102. </li>
  103. <li class="mui-table-view-cell complaintOrder" id="showUserPicker2" style="display: none;">
  104. <div class="mui-input-row">
  105. <label class="label">选择受理人:</label>
  106. <input type="text" id='order_responsible' class="ui-alert type_con size-14 selectreceiver" data-index="" readonly="readonly" />
  107. <a href=""><span class="type_down mui-icon mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  108. <input id="complaintOrder_type1" style="display: none;"/>
  109. </div>
  110. <!--<div class="form-group col-md-4">
  111. <label for="order_responsible">受理人:</label>
  112. <select class="form-control input-sm selectpicker" id="order_responsible" data-live-search="true">
  113. <option value="0">请选择</option>
  114. </select>
  115. </div>-->
  116. </li>
  117. <li class="mui-table-view-cell">
  118. <div class="mui-input-row">
  119. <label class="label">详细描述:</label>
  120. <textarea class="ztext content size-14" placeholder="请输入详细描述" name="" id="order_reception" rows="3" cols="" placeholder="请详细描述您的问题和建议..."></textarea>
  121. </div>
  122. </li>
  123. </ul>
  124. <div class="submit-btn">
  125. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit" id="submit">提交工单</button>
  126. </div>
  127. </div>
  128. <script src="../js/mui.js"></script>
  129. <script src="../js/mui.picker.js"></script>
  130. <script src="../js/mui.poppicker.js"></script>
  131. <script src="js/city.data-3.js"></script>
  132. <script src="../js/jquery.min.js"></script>
  133. <!--<script src="../js/feedback-page.js"></script>-->
  134. <script src="js/AddWorkolder.js"></script>
  135. <script src="../Script/Common/huayi.config.js"></script>
  136. </body>
  137. </html>