maintenance_update.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>维修处理</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <article class="page-container">
  10. <form class="form form-horizontal" id="form-maintenance-update">
  11. <input type="hidden" id="hiddenId" th:name="id" th:value="${maintenance?.id}"/>
  12. <div class="row cl">
  13. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>报修人:</label>
  14. <div class="formControls col-xs-8 col-sm-3">
  15. <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.report_user_name}" placeholder="" th:id="report_user_name" th:name="report_user_name"/>
  16. </div>
  17. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>报修日期:</label>
  18. <div class="formControls col-xs-8 col-sm-3">
  19. <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.create_time}" placeholder="" th:id="create_time" th:name="create_time"/>
  20. </div>
  21. </div>
  22. <div class="row cl">
  23. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户名称:</label>
  24. <div class="formControls col-xs-8 col-sm-8">
  25. <input type="text" readonly class="input-text readonly" th:value="${maintenance?.company_name}" placeholder="" th:id="company_name" th:name="company_name"/>
  26. </div>
  27. </div>
  28. <div class="row cl">
  29. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>联系电话:</label>
  30. <div class="formControls col-xs-8 col-sm-8">
  31. <input type="text" class="input-text readonly" th:value="${maintenance?.contact}" readonly placeholder="" th:id="contact" th:name="contact"/>
  32. </div>
  33. </div>
  34. <div class="row cl">
  35. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>位置:</label>
  36. <div class="formControls col-xs-8 col-sm-8">
  37. <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.location}" placeholder="" th:id="location" th:name="location"/>
  38. </div>
  39. </div>
  40. <div class="row cl">
  41. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>问题名称:</label>
  42. <div class="formControls col-xs-8 col-sm-8">
  43. <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.question_name}"placeholder="" th:id="question_name" th:name="question_name"/>
  44. </div>
  45. </div>
  46. <div class="row cl">
  47. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>具体描述:</label>
  48. <div class="formControls col-xs-8 col-sm-8">
  49. <textarea class="input-text readonly" readonly="readonly" th:id="description" th:name="description">[[${maintenance?.description}]]</textarea>
  50. </div>
  51. </div>
  52. <!-- <div class="row cl">
  53. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>期望完成时间:</label>
  54. <div class="formControls col-xs-8 col-sm-9">
  55. <input type="date" readonly="readonly" class="input-text" th:value="${maintenance?.expect_date}" placeholder="" th:id="expect_date" th:name="expect_date"/>
  56. </div>
  57. </div> -->
  58. <div class="row cl">
  59. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>上门处理时间:</label>
  60. <div class="formControls col-xs-8 col-sm-8">
  61. <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.deal_date}" placeholder="" th:id="deal_date" th:name="deal_date"/>
  62. </div>
  63. </div>
  64. <div class="row cl">
  65. <label class="form-label col-xs-4 col-sm-3">上传照片:</label>
  66. <div class="formControls col-xs-8 col-sm-8">
  67. <div class="uploader-thum-container" th:each="fileDown:${maintenance.fileDowns}" th:object="${fileDown}">
  68. <input type="hidden" name="file_url" id="img" th:value="${maintenance.fileDowns[0].file_url}"/>
  69. <ul class="gallery" style="float:left; margin-left: 10px;">
  70. <li><a th:href="${fileUrl} +*{file_url}"><img th:src="${fileUrl} +*{file_url}" width=200 /></a></li>
  71. </ul>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="row cl">
  76. <input type="hidden" value="1" th:name="is_processed" th:id="is_processed"/>
  77. </div>
  78. <!-- <div class="row cl">
  79. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>已完成:</label>
  80. <div class="formControls col-xs-8 col-sm-9">
  81. <input type="checkbox" value="1" th:name="is_processed" th:id="is_processed"/>
  82. </div>
  83. </div> -->
  84. <div class="row cl">
  85. <label class="form-label col-xs-4 col-sm-3"><span>上传附件:</span></label>
  86. <div class="formControls col-xs-8 col-sm-8">
  87. <div class="uploader-thum-container">
  88. <div id="fileListPre" class="uploader-list">
  89. </div>
  90. <div id="filePicker">选择文件</div>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="row cl">
  95. <label class="form-label col-xs-4 col-sm-3"><span>反馈:</span></label>
  96. <div class="formControls col-xs-8 col-sm-8">
  97. <textarea class="textarea" th:name="feedback" th:id="feedback"></textarea>
  98. </div>
  99. </div>
  100. <div class="row cl">
  101. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  102. <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 提交</button>
  103. <!--<button onClick="article_save();" class="btn btn-secondary radius" type="button"><i-->
  104. <!--class="Hui-iconfont">&#xe632;</i> 保存草稿-->
  105. <!--</button>-->
  106. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  107. </div>
  108. </div>
  109. </form>
  110. </article>
  111. <script type="text/javascript" th:src="@{/js/common/zoom.min.js}"></script>
  112. <script type="text/javascript" th:src="@{/js/build/maintenance/maintenance_update.js}"></script>
  113. <script th:inline="javascript">
  114. $(function () {
  115. // 初始化图片上传
  116. var options = {
  117. auto: false,
  118. uploadBtnId: '#filePicker',
  119. picturePreId: 'fileListPre',
  120. hiddenPictureUrl: 'fileDown.file_id',
  121. hiddenPictureName: 'imgName',
  122. accept: {
  123. title: 'Images',
  124. extensions: 'gif,jpg,jpeg,bmp,png',
  125. mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  126. },
  127. width: 81,
  128. height: 81,
  129. fileSizeLimit: 100 * 1024 * 1024,
  130. fileSingleSizeLimit: 100 * 1024 * 1024,
  131. fileNumLimit: 3,
  132. append:true
  133. };
  134. var webUploadPicture = new $WebUploadPicture(options);
  135. webUploadPicture.init();
  136. });
  137. /**
  138. * 取消
  139. */
  140. function removeIframe() {
  141. var index = parent.layer.getFrameIndex(window.name);
  142. if(index){
  143. parent.layer.close(index);
  144. }else{
  145. history.back(-1);
  146. }
  147. }
  148. function getName(obj) {
  149. $("input[name='company_name']").val($(obj).find("option:selected").text());
  150. }
  151. </script>
  152. </body>
  153. </html>