viewRepairOrder.php 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
  1. <?php
  2. $priority_arr = array(1=>'紧急维修',2=>'巡检');
  3. $repairType_arr = array(0=>'远程维修',1=>'上门维修');
  4. $allocationType_arr = array(0=>'内部派单',1=>'外部派单');
  5. ?>
  6. <!DOCTYPE html>
  7. <html lang="en">
  8. <head>
  9. <meta charset="UTF-8">
  10. <title>查看维修工单</title>
  11. <link href="/css/base.css" rel="stylesheet">
  12. <link href="/css/ims/ims.css" rel="stylesheet">
  13. <link rel="stylesheet" type="text/css" href="/css/ims/bootstrap.min.css"/>
  14. <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css"/>
  15. <link rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css"/>
  16. <style>
  17. .ims-box {
  18. margin: 20px;
  19. }
  20. .screen {
  21. padding-left: 20px;
  22. height: 44px;
  23. line-height: 44px;
  24. background-color: #eff4fa;
  25. }
  26. .screen li {
  27. float: left;
  28. margin-right: 65px;
  29. }
  30. .bg-d9bf6e {
  31. margin-left: 5px;
  32. padding: 0 20px;
  33. color: #fff;
  34. background-color: #d9bf6e;
  35. }
  36. .list {
  37. padding: 0 40px;
  38. /*margin-top: 40px;*/
  39. overflow: hidden;
  40. }
  41. .list h2 {
  42. line-height: 30px;
  43. font-size: 14px;
  44. }
  45. .list .student-list_box {
  46. width: 300px;
  47. }
  48. .list .student-list_box > ul {
  49. height: 260px;
  50. overflow: auto;
  51. padding: 20px;
  52. background-color: #eef3ff;
  53. }
  54. .list .student-list_box li {
  55. line-height: 30px;
  56. cursor: pointer;
  57. }
  58. .list .student-selected_box {
  59. margin-left: 60px;
  60. }
  61. .list .student-list {
  62. display: none;
  63. margin-left: 20px;
  64. }
  65. .list .student-list li.active .btn-select_all {
  66. display: inline-block;
  67. }
  68. .list .student-list span {
  69. cursor: pointer;
  70. }
  71. .list .btn-select_all {
  72. margin-left: 84px;
  73. color: #008000;
  74. }
  75. .student-name_box li {
  76. position: relative;
  77. margin-left: 28px;
  78. line-height: 30px;
  79. }
  80. .student-name_box input {
  81. position: absolute;
  82. left: 155px;
  83. top: 8px;
  84. }
  85. .btn-select_all,
  86. .student-name_box {
  87. display: none;
  88. }
  89. .student-selected {
  90. width: 320px;
  91. height: 220px;
  92. overflow: auto;
  93. }
  94. .student-selected li {
  95. float: left;
  96. margin-right: 24px;
  97. margin-bottom: 12px;
  98. height: 26px;
  99. line-height: 26px;
  100. text-indent: 20px;
  101. background-color: #f2f2f2;
  102. }
  103. .student-selected .btn-delete {
  104. float: right;
  105. margin-right: 20px;
  106. color: red;
  107. cursor: pointer;
  108. }
  109. .btn-confirm_purchase {
  110. display: block;
  111. margin: 0 auto;
  112. margin-top: 100px;
  113. margin-bottom: 50px;
  114. width: 430px;
  115. line-height: 54px;
  116. color: #fff;
  117. font-family: PingFangSC-Regular, "PingFang SC";
  118. font-weight: 400;
  119. font-style: normal;
  120. font-size: 20px;
  121. text-align: center;
  122. background-color: rgba(0, 153, 102, 1);
  123. cursor: pointer;
  124. }
  125. #imgPreview {
  126. display: inline-block;
  127. margin-top: 12px;
  128. }
  129. #imgPreview > img {
  130. max-width: 100px;
  131. max-height: 100px;
  132. margin-right: 5px;
  133. }
  134. .layui-layer-btn .layui-layer-btn0 {
  135. border-color: #15ae68 !important;
  136. background-color: #15ae68 !important;
  137. color: #fff;
  138. }
  139. .stop-layer-box, .resubmit-layer-box, .delete-layer-box {
  140. line-height: 140px;
  141. text-align: center;
  142. }
  143. </style>
  144. </head>
  145. <body>
  146. <h3 class="sale-title">新增维修工单</h3>
  147. <input type="hidden" name="oldOrderId" id="oldOrderId" value="0">
  148. <div class="sale-table">
  149. <table width="100%">
  150. <tr>
  151. <th><em class="red">*</em>工单标题</th>
  152. <td colspan="3"><input type="text" style="width:100%;" placeholder="请输入标题" name="title" value="<?php echo $title;?>"></td>
  153. </tr>
  154. <tr>
  155. <th><em class="red">*</em>学校名称</th>
  156. <td>
  157. <?php echo $schoolName;?>
  158. </td>
  159. <th><em class="red">*</em>申请人</th>
  160. <td>
  161. <?php echo $coachName;?>
  162. </td>
  163. </tr>
  164. <tr>
  165. <th><em class="red">*</em>预约维修日期</th>
  166. <td>
  167. <input id="outTimet" readonly type="text" style="width:100%;" placeholder="请输入日期" name="reserveTime" value="<?php echo $reserveTime;?>">
  168. </td>
  169. <th>工单类型</th>
  170. <td>
  171. <?php echo isset($priority_arr[$priority])?$priority_arr[$priority]:'';?>
  172. </td>
  173. </tr>
  174. <tr>
  175. <td colspan="4" class="sale-num">&nbsp;</td>
  176. </tr>
  177. <tr>
  178. <th><em class="red">*</em>故障图片</th>
  179. <td colspan="3">
  180. <div id="imgPreview">
  181. <?php foreach ($imgUrls as $val):?>
  182. <img src="<?php echo $val;?>">
  183. <?php endforeach;?>
  184. </div>
  185. </td>
  186. </tr>
  187. <tr>
  188. <th><em class="red">*</em>故障描述</th>
  189. <td colspan="3">
  190. <input type="text" style="width:100%;" placeholder="输入故障描述" name="remarks" value="<?php echo $remarks;?>">
  191. </td>
  192. </tr>
  193. </table>
  194. </div>
  195. <div class="clearfix student-list">
  196. <div class="fl">维修品目</div>
  197. </div>
  198. <div style="font-size:12px;max-height: 350px;overflow-y: scroll;margin-left:10px;margin-bottom: 25px;">
  199. <table class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable" style="margin-bottom: 20px;">
  200. <thead>
  201. <tr>
  202. <th>品目名称</th>
  203. <th>编号</th>
  204. <th>类型</th>
  205. <th>规格</th>
  206. </tr>
  207. </thead>
  208. <tbody id="active-submit-stu">
  209. <tr>
  210. <td>
  211. <?php echo $itemName;?>
  212. </td>
  213. <td>
  214. <?php echo $fixedCode;?>
  215. </td>
  216. <td>
  217. <?php echo $itemType;?>
  218. </td>
  219. <td>
  220. <?php echo $itemSpec;?>
  221. </td>
  222. </tr>
  223. </tbody>
  224. </table>
  225. </div>
  226. <div class="clearfix student-list">
  227. <div class="fl">派单</div>
  228. </div>
  229. <p style="margin-left: 10px;">派单类型:<?php echo isset($allocationType) && isset($allocationType_arr[$allocationType]) ? $allocationType_arr[$allocationType]: '';?> &nbsp;&nbsp;&nbsp;&nbsp; 维修方式:<?php echo isset($repairType) && isset($repairType_arr[$repairType]) ? $repairType_arr[$repairType] :'';?></p>
  230. <div style="font-size:12px;max-height: 350px;overflow-y: scroll;margin-left:10px;margin-bottom: 25px;">
  231. <table class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable" style="margin-bottom: 120px;">
  232. <thead>
  233. <tr>
  234. <th>姓名</th>
  235. <th>工号</th>
  236. <th>电话号码</th>
  237. </tr>
  238. </thead>
  239. <tbody id="active-submit-stu">
  240. <tr>
  241. <td>
  242. <?php echo isset($userName)?$userName:'';?>
  243. </td>
  244. <td>
  245. <?php echo isset($jobNumber)?$jobNumber:'';?>
  246. </td>
  247. <td>
  248. <?php echo isset($mobile)?$mobile:'';?>
  249. </td>
  250. </tr>
  251. </tbody>
  252. </table>
  253. </div>
  254. <div class="clearfix student-list" style="margin-top: -100px;">
  255. <div class="fl">派单说明</div>
  256. </div>
  257. <div style="font-size:12px;max-height: 350px;overflow-y: scroll;margin-left:10px;margin-bottom: 25px;">
  258. <table class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable" style="margin-bottom: 120px;">
  259. <thead>
  260. <tr>
  261. <th><input type="text" style="width:100%;" placeholder="派单说明" value="<?php echo $allocationRemarks;?>"></th>
  262. </tr>
  263. </thead>
  264. </table>
  265. </div>
  266. <div class="sale-submit">
  267. <button type="button" id="returnList" class="label-primary-s bth-s">返回</button>
  268. </div>
  269. <script src="/js/productset/jquery.min.js"></script>
  270. <script src="/js/ims/jquery.datetimepicker.js"></script>
  271. <script src="/js/ims/layer/layer.js"></script>
  272. <script src="/js/ims/xsgl.js"></script>
  273. <script>
  274. $(document).ready(function () {
  275. $('#outTimet').datetimepicker({
  276. format: "Y-m-d", //格式化日期
  277. timepicker: false //关闭时间选项
  278. });
  279. $('#returnList').click(function () {
  280. window.history.go(-1);
  281. });
  282. })
  283. </script>
  284. </body>
  285. </html>