maintenance_print.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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-2"> 报修人:</label>
  14. <div class="formControls col-xs-8 col-sm-4">
  15. <span th:text="${maintenance?.report_user_name}" th:id="report_user_name"
  16. th:name="report_user_name"></span>
  17. </div>
  18. <label class="form-label col-xs-4 col-sm-2"> 报修日期:</label>
  19. <div class="formControls col-xs-8 col-sm-4">
  20. <span th:text="${maintenance?.create_time}" th:id="create_time" th:name="create_time"></span>
  21. </div>
  22. </div>
  23. <div class="row cl">
  24. <label class="form-label col-xs-4 col-sm-2"> 客户名称:</label>
  25. <div class="formControls col-xs-8 col-sm-4">
  26. <span th:text="${maintenance?.company_name}" th:id="company_name" th:name="company_name"></span>
  27. </div>
  28. <label class="form-label col-xs-4 col-sm-2"> 联系电话:</label>
  29. <div class="formControls col-xs-8 col-sm-4">
  30. <span th:text="${maintenance?.contact}" th:id="contact" th:name="contact"></span>
  31. </div>
  32. </div>
  33. <div class="row cl">
  34. <label class="form-label col-xs-4 col-sm-2"> 位置:</label>
  35. <div class="formControls col-xs-8 col-sm-4">
  36. <span th:text="${maintenance?.location}" th:id="location" th:name="location"></span>
  37. </div>
  38. <label class="form-label col-xs-4 col-sm-2"> 问题名称:</label>
  39. <div class="formControls col-xs-8 col-sm-4">
  40. <span th:text="${maintenance?.question_name}" th:id="question_name" th:name="question_name"></span>
  41. </div>
  42. </div>
  43. <div class="row cl">
  44. <label class="form-label col-xs-4 col-sm-2"> 具体描述:</label>
  45. <div class="formControls col-xs-8 col-sm-10">
  46. <p th:id="description" th:name="description" th:utext="${maintenance?.description}"></p>
  47. </div>
  48. </div>
  49. <div class="row cl">
  50. <!-- <label class="form-label col-xs-4 col-sm-2"> 期望完成时间:</label>
  51. <div class="formControls col-xs-8 col-sm-4">
  52. <span th:text="${maintenance?.expect_date}" th:id="expect_date" th:name="expect_date"></span>
  53. </div> -->
  54. <label class="form-label col-xs-4 col-sm-2">上门处理时间:</label>
  55. <div class="formControls col-xs-8 col-sm-10">
  56. <span th:text="${maintenance?.deal_date}" th:id="deal_date" th:name="deal_date"></span>
  57. </div>
  58. </div>
  59. <div class="row cl">
  60. <label class="form-label col-xs-4 col-sm-2">上传照片:</label>
  61. <div class="formControls col-xs-8 col-sm-10">
  62. <div class="uploader-thum-container" th:each="fileDown:${maintenance.fileDowns}"
  63. th:object="${fileDown}">
  64. <input type="hidden" name="file_url" id="img" th:value="*{file_url}"/>
  65. <img th:src="${fileUrl} +*{file_url}" width=200 height=100
  66. th:onClick="'javascript:open_dialog(\'图片预览\',\'/build/maintenance/picturePreview/'+*{file_id}+'\',\'800\',\'500\');'"/>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="row cl"></div>
  71. <div th:if="${maintenance.is_processed}">
  72. <div>
  73. <div class="row cl">
  74. <label class="form-label col-xs-4 col-sm-2">是否已处理:</label>
  75. <span class="label radius label-success">已处理</span>
  76. </div>
  77. </div>
  78. <div class="row cl">
  79. <label class="form-label col-xs-4 col-sm-2"><span>上传附件:</span></label>
  80. <div class="formControls col-xs-8 col-sm-9">
  81. <div class="uploader-thum-container">
  82. <div class="uploader-thum-container" th:each="fileDown:${maintenance.doneFileDowns}"
  83. th:object="${fileDown}">
  84. <input type="hidden" name="file_url" id="img" th:value="*{file_url}"/>
  85. <img th:src="${fileUrl} +*{file_url}" width=200 height=100
  86. th:onClick="'javascript:open_dialog(\'图片预览\',\'/build/maintenance/picturePreview/'+*{file_id}+'\',\'800\',\'500\');'"/>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="row cl">
  92. <label class="form-label col-xs-4 col-sm-2"><span>反馈:</span></label>
  93. <div class="formControls col-xs-8 col-sm-9">
  94. <textarea readonly="readonly" class="textarea readonly" th:name="feedback" th:id="feedback">[[${maintenance?.feedback}]]</textarea>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="row cl" id="manageRow">
  99. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  100. <button onClick="printMaintenance();" class="btn btn-primary radius" type="button">打印</button>
  101. <button onClick="removeIframe();" class="btn btn-default radius" type="button">取消</button>
  102. </div>
  103. </div>
  104. </form>
  105. </article>
  106. <script th:inline="javascript">
  107. /**
  108. * 取消
  109. */
  110. function removeIframe() {
  111. var index = parent.layer.getFrameIndex(window.name);
  112. parent.layer.close(index);
  113. }
  114. function printMaintenance() {
  115. $("#manageRow").hide();
  116. print();
  117. $("#manageRow").show();
  118. }
  119. </script>
  120. </body>
  121. </html>