view.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>浏览</title>
  7. <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
  8. <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
  9. <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
  10. <style>
  11. body {
  12. background-color: #ffffff;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <form class="layui-form" action="" lay-filter="formDemo">
  18. <div class="layui-tab layui-tab-card">
  19. <ul class="layui-tab-title">
  20. <li class="layui-this">常规</li>
  21. <li>付款计划</li>
  22. </ul>
  23. <div class="layui-tab-content">
  24. <!--常规开始-->
  25. <div class="layui-tab-item layui-show" style="min-height: 550px; margin-bottom: 5px">
  26. <form class="layui-form" action="" lay-filter="formDemo">
  27. <div class="layui-form layuimini-form">
  28. <div class="layui-form-item layui-inline" style="width: 100%">
  29. <label class="layui-form-label" style="width: 60px">任务书</label>
  30. <div class="layui-input-inline" style="width: 790px">
  31. <input type="hidden" id="rws" name="rws" class="layui-input" th:value="${contract.rws}" readonly>
  32. <input type="text" id="rwsmc" name="rwsmc" class="layui-input" th:value="${contract.rwsmc}" readonly>
  33. </div>
  34. </div>
  35. <div class="layui-form-item layui-inline" style="width: 100%">
  36. <label class="layui-form-label" style="width: 60px">合同名称</label>
  37. <div class="layui-input-inline" style="width: 380px">
  38. <input type="hidden" id="id" name="id" class="layui-input" th:value="${contract.id}">
  39. <input type="text" id="htmc" name="htmc" th:value="${contract.htmc}" class="layui-input" readonly>
  40. </div>
  41. <label class="layui-form-label" style="width: 100px">合同金额(万元)</label>
  42. <div class="layui-input-inline" style="width: 270px">
  43. <input type="number" id="htje" name="htje" class="layui-input" th:value="${contract.htje}" readonly>
  44. </div>
  45. </div>
  46. <div class="layui-form-item layui-inline" style="width: 100%">
  47. <label class="layui-form-label " style="width: 60px">招标批次</label>
  48. <div class="layui-input-inline" style="width: 380px">
  49. <input type="text" id="zbpc" name="zbpc" autocomplete="off" class="layui-input" th:value="${contract.zbpc}" readonly>
  50. </div>
  51. <label class="layui-form-label " style="width: 100px">中选单位</label>
  52. <div class="layui-input-inline" style="width: 290px">
  53. <input type="text" id="zxdw" name="zxdw" class="layui-input" autocomplete="off" th:value="${contract.zxdw}" readonly>
  54. </div>
  55. </div>
  56. <div class="layui-form-item layui-inline" style="width: 100%">
  57. <label class="layui-form-label" style="width: 60px">合同文件</label>
  58. <div class="layuimini-container" style="margin-left: 90px; margin-right: 20px; padding-bottom: 10px">
  59. <input type="hidden" id="wj" name="wj" class="layui-input" th:value="${contract.wj}">
  60. <div class="layui-btn-group" style="margin-bottom: -8px">
  61. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm upload" id="upLoad1" lay-data="{fileType:'htwj'}"><i class="layui-icon"></i>上传</button>
  62. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-filter="deleteFile1"><i class="layui-icon"></i>删除</button>
  63. </div>
  64. <table class="layui-hide" id="currentTableId1" name="currentTableId1" lay-filter="currentTableFilter1" style=" padding-top: 0px;margin-top: 0px"></table>
  65. <label>上传招标合同、中标通知书、合同流转单。</label>
  66. </div>
  67. </div>
  68. <div class="layui-form-item layui-inline" style="width: 100%">
  69. <label class="layui-form-label" style="width: 60px">验收资料</label>
  70. <div class="layuimini-container" style="margin-left: 90px; margin-right: 20px; margin-bottom: -30px">
  71. <input type="hidden" id="yszl" name="yszl" class="layui-input" th:value="${contract.yszl}">
  72. <table class="layui-hide" id="currentTableId2" name="currentTableId2" lay-filter="currentTableFilter2"></table>
  73. </div>
  74. </div>
  75. <!-- 右侧悬浮按钮 -->
  76. <div class="right-bottom-btn">
  77. <button type="button" class="layui-btn" lay-filter="cancleBtn">
  78. <i class="layui-icon layui-icon-close"></i>关闭
  79. </button>
  80. </div>
  81. </div>
  82. </form>
  83. </div>
  84. <!--常规结束-->
  85. <!--付款计划开始-->
  86. <div class="layui-tab-item" style="min-height: 550px; padding-left: 30px; padding-right: 30px">
  87. <form class="layui-form" action="" lay-filter="formDemo">
  88. <div class="layui-form layuimini-form">
  89. <table class="layui-hide" id="currentTableId3" name="currentTableId3" lay-filter="currentTableFilter3"></table>
  90. <!-- 右侧悬浮按钮 -->
  91. <div class="right-bottom-btn" style="margin-bottom: 5px">
  92. <button class="layui-btn" lay-filter="cancleBtn">
  93. <i class="layui-icon layui-icon-close"></i>关闭
  94. </button>
  95. </div>
  96. </div>
  97. </form>
  98. </div>
  99. <!--付款计划结束-->
  100. </div>
  101. </div>
  102. </form>
  103. <script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
  104. <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
  105. <script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
  106. <script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
  107. <script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
  108. <script type="text/javascript" th:inline="javascript">
  109. AjaxUtil.ctx = /*[[@{/}]]*/'';
  110. layui.use(['form', 'table'], function () {
  111. var table = layui.table;
  112. var htId = $("#id").val();
  113. // 用于存放表格数据
  114. var dataHtwj = new Array();
  115. if([[${contract.wj}]] != null && [[${contract.wj}]] != ""){
  116. dataHtwj = eval('('+[[${contract.wj}]]+')');
  117. }
  118. //合同文件
  119. table.render({
  120. elem: '#currentTableId1',
  121. data: dataHtwj,
  122. cols: [
  123. [
  124. {type: 'numbers', align: 'center'},
  125. {field: 'wjm', title: '文件名', width: '40%'},
  126. {field: 'scrq', title: '上传日期', width: '15%', align: 'center'},
  127. {field: 'sm', title: '说明', edit: 'text'}
  128. ]
  129. ],
  130. autoSort: false,
  131. limits: Number.MAX_VALUE,
  132. limit: 10,
  133. page: false,
  134. skin: 'grid',
  135. done: function(res, curr, count) { // done为数据渲染完的回调
  136. }
  137. });
  138. //双击(合同文件)
  139. table.on('rowDouble(currentTableFilter1)', function (obj) {
  140. window.open(obj.data.Url);
  141. });
  142. //付款计划
  143. table.render({
  144. elem: '#currentTableId3',
  145. url: AjaxUtil.ctx + 'prjPayplan/list/' + htId,
  146. method: 'post',
  147. cols: [
  148. [
  149. {type: 'numbers', align: 'center'},
  150. {field: 'jhmc', title: '计划名称', width: '15%'},
  151. {field: 'fkyq', title: '付款要求', width: '20%'},
  152. {field: 'zfbl', title: '支付比例(%)', width: '14%'},
  153. {field: 'zfje', title: '支付金额(万元)', width: '16%'},
  154. {field: 'cjsj', title: '创建时间', align: 'center'}
  155. ]
  156. ],
  157. autoSort: false,
  158. limits: [10, 15, 20, 25, 50, 100],
  159. limit: 10,
  160. page: true,
  161. skin: 'grid',
  162. parseData: function(res){ //res 即为原始返回的数据
  163. return {
  164. "code": res.code, //解析接口状态
  165. "msg": res.message, //解析提示文本
  166. "count": res.data.total, //解析数据长度
  167. "data": res.data.rows //解析数据列表
  168. };
  169. }
  170. });
  171. //双击(付款计划)
  172. table.on('rowDouble(currentTableFilter3)', function (obj) {
  173. var data = obj.data;
  174. layer.open({
  175. title: '浏览付款计划',
  176. type: 2,
  177. maxmin: true,
  178. shade: 0.2,
  179. area: [layerwidth + 'px', layerheight + 'px'],
  180. content: AjaxUtil.ctx + 'prjPayplan/forView/' + data.id,
  181. end: function (index) {
  182. layer.close(index);
  183. }
  184. });
  185. });
  186. // 用于存放表格数据
  187. var dataYszl = new Array();
  188. if([[${contract.yszl}]] != null && [[${contract.yszl}]] != ""){
  189. dataYszl = eval('('+[[${contract.yszl}]]+')');
  190. }
  191. //验收资料
  192. var currTable2 = table.render({
  193. elem: '#currentTableId2',
  194. data: dataYszl,
  195. cols: [
  196. [
  197. {type: 'numbers', align: 'center'},
  198. {field: 'wjm', title: '文件名', width: '30%'},
  199. {field: 'scrq', title: '上传日期', width: '15%', align: 'center'},
  200. {field: 'sm', title: '说明'}
  201. ]
  202. ],
  203. autoSort: false,
  204. limits: [10, 15, 20, 25, 50, 100],
  205. limit: 10,
  206. page: false,
  207. skin: 'grid',
  208. done: function(res, curr, count) { // done为数据渲染完的回调
  209. }
  210. });
  211. //双击(验收资料)
  212. table.on('rowDouble(currentTableFilter2)', function (obj) {
  213. window.open(obj.data.Url);
  214. });
  215. // 监听取消按钮
  216. $("button[lay-filter='cancleBtn']").click(function(){
  217. var iframeIndex = parent.layer.getFrameIndex(window.name);
  218. parent.layer.close(iframeIndex);
  219. });
  220. });
  221. function setUpdateFlag()
  222. {
  223. updateflag = 1;
  224. }
  225. </script>
  226. </body>
  227. </html>