viewContractPurchase.jsp 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
  1. <%@page import="com.yw.bpm.system.util.SystemUtil" %>
  2. <%@page import="com.yw.core.session.OASession" %>
  3. <%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
  4. <jsp:useBean id="oasession" class="com.yw.core.session.OASession" scope="session"/>
  5. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  6. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  8. <html class="width960">
  9. <head>
  10. <title>流程查看</title>
  11. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  12. <META http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge;">
  14. <link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css"/>
  15. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css"/>
  16. <link href="${pageContext.request.contextPath}/yw/bpm/form.css" rel="stylesheet" type="text/css"/>
  17. <script type="text/javascript" src="/shares/js/jquery-1.8.2.js"></script>
  18. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  19. <script type="text/javascript" src="/shares/js/constant.js"></script>
  20. <script type="text/javascript" src="/shares/js/common.js"></script>
  21. <script type="text/javascript" src="/shares/js/yw/bpm/oa.js"></script>
  22. <script type="text/javascript" src="/shares/js/yw/bpm/customflow/customFlow.js"></script>
  23. <script type="text/javascript" src="/shares/js/file.js"></script>
  24. <script type="text/javascript" src="/shares/datePicker/WdatePicker.js"></script>
  25. <script type="text/javascript" src="${pageContext.request.contextPath}/yw/contract/purchaseNoContract/js/contractPurchase.js"></script>
  26. <script type="text/javascript" src="/shares/js/yw/bpm/seal/seal.js"></script>
  27. <script type="text/javascript">
  28. var insId = "${requestScope.flow.insId}";
  29. var formId = "${requestScope.flow.formId.formId}";
  30. var se = "0";
  31. $(function () {
  32. // 合并相同applyId的申请人和用途列
  33. mergeCellsByApplyId();
  34. if (se != 1) {
  35. $("#addBuyInfo").remove();
  36. $(".substract1").remove();
  37. $(".TextDisplay").each(function (i, v) { // 将input隐藏,显示该input的文本值(不带文本框)
  38. $(v).hide();
  39. if ($(v).val() == '') {
  40. $(v).after('');
  41. } else {
  42. $(v).after($(v).val());
  43. }
  44. });
  45. }else{
  46. addIdAndName();
  47. }
  48. //点击添加tr
  49. $("#addBuyInfo").click(function () {
  50. getMaterial();
  51. });
  52. //删除某行数据
  53. $(".substract1").live('click', function () {
  54. var obj = $(this).parent().parent();
  55. $.ligerDialog.confirm('确定删除该行', function (yes) {
  56. if (yes == true) {
  57. obj.remove();
  58. addIdAndName();
  59. }
  60. });
  61. });
  62. //计算物品合计金额
  63. $(".qty").live('blur', function () {
  64. calTotalAmount();
  65. });
  66. $(".price").live('blur', function () {
  67. calTotalAmount();
  68. });
  69. $(".cess").live('blur', function () {
  70. calTotalAmount();
  71. });
  72. });
  73. // 合并相同applyId的单元格
  74. function mergeCellsByApplyId() {
  75. // 判断是否需要显示申请人和用途列
  76. var fromType = '${contractPurchaseForm.fromType}';
  77. if (fromType !== 'emcs') {
  78. return; // 不是emcs类型则不执行合并
  79. }
  80. var table = $('.l-table-edit-new').first();
  81. var applyUserCol = 5; // 申请人列索引(从0开始)
  82. var remarkCol = 6; // 用途列索引
  83. // 合并申请人列
  84. mergeColumn(table, applyUserCol);
  85. // 合并用途列
  86. mergeColumn(table, remarkCol);
  87. }
  88. // 合并指定列中相同applyId的单元格
  89. function mergeColumn(table, colIndex) {
  90. var rows = table.find('tr.startTr1');
  91. if (rows.length === 0) return; // 没有数据行直接返回
  92. var startIndex = 0;
  93. var currentApplyId = rows.eq(0).find('td').eq(colIndex).attr('data-applyId') || '';
  94. for (var i = 1; i <= rows.length; i++) {
  95. var applyId = '';
  96. if (i < rows.length) {
  97. applyId = rows.eq(i).find('td').eq(colIndex).attr('data-applyId') || '';
  98. }
  99. if (i == rows.length || applyId != currentApplyId) {
  100. // 合并从startIndex到i-1的行
  101. if (i - startIndex > 1) {
  102. var firstCell = rows.eq(startIndex).find('td').eq(colIndex);
  103. var rowspan = i - startIndex;
  104. firstCell.attr('rowspan', rowspan);
  105. firstCell.css('vertical-align', 'middle');
  106. // 隐藏其他行的单元格
  107. for (var j = startIndex + 1; j < i; j++) {
  108. rows.eq(j).find('td').eq(colIndex).hide();
  109. }
  110. }
  111. if (i < rows.length) {
  112. startIndex = i;
  113. currentApplyId = applyId;
  114. }
  115. }
  116. }
  117. }
  118. </script>
  119. <style type="text/css">
  120. .l-table-edit-new {
  121. width: 100px;
  122. font-size: 14px;
  123. font-weight: normal;
  124. line-height: 20px;
  125. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  126. }
  127. .input-width {
  128. width: 100px;
  129. text-align: center;
  130. padding-left: 0px;
  131. }
  132. .placeholder {
  133. display: inline-block;
  134. min-height: 90px;
  135. min-width: 310px;
  136. border: 0px solid #ccc;
  137. vertical-align:middle; /* 垂直对齐方式 */
  138. }
  139. /* 表格样式 */
  140. table.l-table-edit-custom {
  141. border-collapse: collapse;
  142. width: 99%;
  143. }
  144. table.l-table-edit-custom th,
  145. table.l-table-edit-custom td {
  146. border: 1px solid #000;
  147. padding: 8px;
  148. }
  149. table.l-table-edit-custom th {
  150. background-color: #f2f2f2;
  151. }
  152. table.l-table-edit-new {
  153. border-collapse: collapse;
  154. width: 99%;
  155. text-align: center;
  156. }
  157. table.l-table-edit-new th,
  158. table.l-table-edit-new td {
  159. border: 1px solid #000;
  160. padding: 8px 0 !important;
  161. text-align: center;
  162. }
  163. table.l-table-edit-new th {
  164. background-color: #f2f2f2;
  165. }
  166. </style>
  167. </head>
  168. <body>
  169. <form action="applianceBuyAction.do" method="post" id="formIns" name="formIns">
  170. <div>
  171. <div style="height: auto; width: 189px;">
  172. <img src="${pageContext.request.contextPath}/images/yzlogo.png"
  173. style="max-height: 77px; width: auto;">
  174. </div>
  175. <div style="text-align:center;">
  176. <div style="font-size: 20px;">
  177. 湖南韫珠环保科技有限公司
  178. </div>
  179. <div style="font-size: 20px;">
  180. 采购申请单
  181. </div>
  182. </div>
  183. <div style="text-align:right;padding-right: 100px;">流程流水号:${contractPurchaseForm.processId}</div>
  184. </div>
  185. <table class="l-table-edit line l-table-edit-custom" width="99%">
  186. <tr>
  187. <td class="l-table-edit-text" style="width: 100px;">申请部门:</td>
  188. <td class="l-table-edit-td" style="width: 250px;">
  189. ${contractPurchaseForm.department}
  190. </td>
  191. <td class="l-table-edit-text" style="width: 100px;">申请日期:</td>
  192. <td class="l-table-edit-td" style="width: 250px;">
  193. ${contractPurchaseForm.applyDate}
  194. </td>
  195. </tr>
  196. <tr>
  197. <td class="l-table-edit-text">采购单编号:</td>
  198. <td class="l-table-edit-td">
  199. ${contractPurchaseForm.contractPurchaseNumber}
  200. </td>
  201. <td class="l-table-edit-text">采购单名称:</td>
  202. <td class="l-table-edit-td">
  203. ${contractPurchaseForm.contractPurchaseName}
  204. </td>
  205. </tr>
  206. <tr>
  207. <td class="l-table-edit-text">部门意见:
  208. </td>
  209. <td class="l-table-edit-td" colspan="3">
  210. <div id="departmental_opinion_span" style="width: 100%; overflow: auto; padding: 5px 5px;;position: relative; font-size: 15px;">
  211. <img src="${departmentalOpinion_sealpath}" class="dragme" style="left:${departmentalOpinion_x}px;top:${departmentalOpinion_y}px;" id="departmental_opinion_img" name="departmental_opinion_img" value="departmental_opinion|${departmentalOpinion_sealId}">
  212. <input id="departmental_opinionbtn" value="盖章" name="departmental_opinionbtn" type="button" style="float: left; display: none;" onclick="selectSeal('departmental_opinion')">
  213. <div style="font-size: 15px;">${departmentalOpinion_time}</div>
  214. </div>
  215. <input id="departmental_opinion" value="${departmentalOpinion_formSealInsId}" name="departmental_opinion" type="hidden">
  216. <input id="departmental_opinion_imgval" name="departmental_opinion_imgval" type="hidden" value="${departmentalOpinion_imgval}">
  217. </td>
  218. </tr>
  219. <tr>
  220. <td class="l-table-edit-text">分管副总:
  221. </td>
  222. <td class="l-table-edit-td" colspan="3">
  223. <div id="deputy_general_manager_opinion_span" style="width: 100%; overflow: auto; padding: 5px 5px;;position: relative; font-size: 15px;">
  224. <img src="${dgmOpinion_sealpath}" class="dragme" style="left:${dgmOpinion_x}px;top:${dgmOpinion_y}px;" id="deputy_general_manager_opinion_img" name="deputy_general_manager_opinion_img" value="deputy_general_manager_opinion|${dgmOpinion_sealId}">
  225. <input id="deputy_general_manager_opinionbtn" value="盖章" name="deputy_general_manager_opinionbtn" type="button" style="float: left; display: none;" onclick="selectSeal('deputy_general_manager_opinion')">
  226. <div style="font-size: 15px;">${dgmOpinion_time}</div>
  227. </div>
  228. <input id="deputy_general_manager_opinion" value="${dgmOpinion_formSealInsId}" name="deputy_general_manager_opinion" type="hidden">
  229. <input id="deputy_general_manager_opinion_imgval" name="deputy_general_manager_opinion_imgval" type="hidden" value="${dgmOpinion_imgval}">
  230. </td>
  231. </tr>
  232. <tr>
  233. <td class="l-table-edit-text">分管副总:
  234. </td>
  235. <td class="l-table-edit-td" colspan="3">
  236. <div id="audit_deputy_general_manager_opinion_span" style="width: 100%; overflow: auto; padding: 5px 5px;;position: relative; font-size: 15px;">
  237. <img src="${auditDgmOpinion_sealpath}" class="dragme" style="left:${auditDgmOpinion_x}px;top:${auditDgmOpinion_y}px;" id="audit_deputy_general_manager_opinion_img" name="audit_deputy_general_manager_opinion_img" value="audit_deputy_general_manager_opinion|${auditDgmOpinion_sealId}">
  238. <input id="audit_deputy_general_manager_opinionbtn" value="盖章" name="audit_deputy_general_manager_opinionbtn" type="button" style="float: left; display: none;" onclick="selectSeal('audit_deputy_general_manager_opinion')">
  239. <div style="font-size: 15px;">${auditDgmOpinion_time}</div>
  240. </div>
  241. <input id="audit_deputy_general_manager_opinion" value="${auditDgmOpinion_formSealInsId}" name="audit_deputy_general_manager_opinion" type="hidden">
  242. <input id="audit_deputy_general_manager_opinion_imgval" name="audit_deputy_general_manager_opinion_imgval" type="hidden" value="${auditDgmOpinion_imgval}">
  243. </td>
  244. </tr>
  245. <tr>
  246. <td class="l-table-edit-text">总经理:
  247. </td>
  248. <td class="l-table-edit-td" colspan="3">
  249. <div id="general_manager_opinion_span" style="width: 100%; overflow: auto; padding: 5px 5px;;position: relative; font-size: 15px;">
  250. <img src="${gmOpinion_sealpath}" class="dragme" style="left:${gmOpinion_x}px;top:${gmOpinion_y}px;" id="general_manager_opinion_img" name="general_manager_opinion_img" value="general_manager_opinion|${gmOpinion_sealId}">
  251. <input id="general_manager_opinionbtn" value="盖章" name="general_manager_opinionbtn" type="button" style="float: left; display: none;" onclick="selectSeal('general_manager_opinion')">
  252. <div style="font-size: 15px;">${gmOpinion_time}</div>
  253. </div>
  254. <input id="general_manager_opinion" value="${gmOpinion_formSealInsId}" name="general_manager_opinion" type="hidden">
  255. <input id="general_manager_opinion_imgval" name="general_manager_opinion_imgval" type="hidden" value="${gmOpinion_imgval}">
  256. </td>
  257. </tr>
  258. </table>
  259. <div id="firstDiv" <c:if test="${empty contractPurchaseDetailList}">style="display:none;"</c:if>>
  260. <table id="headTable" class="l-table-edit line" style="width:99%">
  261. <tr>
  262. <td colspan="2" style="text-align:center; font-size:16px;font-weight:bold;">
  263. <span style="font-size: 20px;">物品信息</span>
  264. <img align="bottom" id="addBuyInfo" style="cursor: pointer" class="add"
  265. src="${pageContext.request.contextPath}/liger/lib/ligerUI/skins/${sessionScope.css}/images/index/jia.png">
  266. </td>
  267. </tr>
  268. </table>
  269. <table class="l-table-edit-new" width="99%" border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
  270. <tr>
  271. <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;text-align: center;">物料编码</th>
  272. <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;text-align: center;">物料名称</th>
  273. <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;text-align: center;">型号/规格</th>
  274. <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;text-align: center;">单位</th>
  275. <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;text-align: center;">数量</th>
  276. <c:if test="${contractPurchaseForm.fromType == 'emcs'}">
  277. <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;text-align: center;">申请人</th>
  278. <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;text-align: center;">用途</th>
  279. </c:if>
  280. <!-- <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">单价</th>
  281. <th class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">税率</th> -->
  282. </tr>
  283. <c:forEach items="${contractPurchaseDetailList}" var="items" varStatus="status">
  284. <tr class="startTr1">
  285. <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">
  286. <input type="hidden" name="" class="input-width universalid" value="${items.universalid}">
  287. <input type="text" name="" class="input-width materialCode TextDisplay" value="${items.materialCode}" readonly>
  288. </td>
  289. <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">
  290. <input type="text" name="" class="input-width materialName TextDisplay" value="${items.materialName}" readonly>
  291. </td>
  292. <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">
  293. <input type="text" name="" class="input-width materialModel TextDisplay" value="${items.materialModel}" readonly>
  294. </td>
  295. <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">
  296. <input type="text" name="" class="input-width measureName TextDisplay" value="${items.measureName}" readonly>
  297. </td>
  298. <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">
  299. <input type="text" name="" class="input-width qty TextDisplay" onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')" value="${items.qty}">
  300. <img align="bottom" style="cursor: pointer" class="substract1" src="${pageContext.request.contextPath}/liger/lib/ligerUI/skins/${sessionScope.css}/images/index/jian.png">
  301. </td>
  302. <c:if test="${contractPurchaseForm.fromType == 'emcs'}">
  303. <td class="l-table-edit-new" colspan="1" style="width:100px; padding-right: 0px;padding-left: 0px;" data-applyId="${items.applyId}" data-col="applyUser">
  304. <input type="text" name="" class="input-width applyUser TextDisplay" value="${items.applyDeptName}-${items.applyUser}" readonly>
  305. </td>
  306. <td class="l-table-edit-new" colspan="1" style="width:150px; padding-right: 0px;padding-left: 0px;" data-applyId="${items.applyId}" data-col="remark">
  307. <input type="text" name="" class="input-width remark TextDisplay" value="${items.remark}" readonly>
  308. </td>
  309. </c:if>
  310. <%-- <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">
  311. <input type="text" name="" class="input-width price TextDisplay" onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')" value="${items.price}">
  312. </td>
  313. <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;">
  314. <input type="text" name="" class="input-width cess TextDisplay" onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')" value="${items.cess}">
  315. <img align="bottom" style="cursor: pointer" class="substract1" src="${pageContext.request.contextPath}/liger/lib/ligerUI/skins/${sessionScope.css}/images/index/jian.png">
  316. </td> --%>
  317. </tr>
  318. </c:forEach>
  319. <tr id="firstPoint"></tr>
  320. <%-- <tr>
  321. <td class="l-table-edit-new" colspan="3" style="padding-right: 0px;padding-left: 0px;"></td>
  322. <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;"> 合计(元):</td>
  323. <td class="l-table-edit-new" colspan="1"
  324. style="padding-right: 0px;padding-left: 0px;text-align: center;">
  325. ${contractPurchaseForm.totalAmount}
  326. </td>
  327. <td class="l-table-edit-new" colspan="1" style="padding-right: 0px;padding-left: 0px;"></td>
  328. </tr> --%>
  329. </table>
  330. </div>
  331. <br>
  332. <br>
  333. <br>
  334. <br>
  335. </form>
  336. </body>
  337. </html>