updateItem.jsp 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <%@ include file="addItem2Form.js"%>
  4. <html>
  5. <head>
  6. <title>修改</title>
  7. <link rel="stylesheet" href="${ctxp}/static/plugin/assets/layui/css/layui.css">
  8. <link rel="stylesheet" href="${ctxp}/static/plugin/assets/common.css"/>
  9. <script type="text/javascript" src="${ctxp}/static/plugin/assets/jquery-3.2.1.min.js"></script>
  10. <script src="${ctxp}/static/plugin/assets/layui/layui.js"></script>
  11. </head>
  12. <style>
  13. .layui-input{height: 28px;margin-top: 6px; /*background: whitesmoke;*/}
  14. .layui-form-label {float: left;display: block;padding: 9px 15px;width: 100px;font-weight: 400;line-height: 20px;text-align: right;}
  15. .layui-table-view .layui-table {width:100%}
  16. </style>
  17. <body>
  18. <c:if test="${ not empty list}">
  19. <c:forEach items="${list}" var="data" varStatus="index">
  20. <form id="updateForm">
  21. <div class="layui-form-item" style="margin-top: 10px;">
  22. <input name="id" value="${data.id}" hidden>
  23. <div class="layui-inline">
  24. <label class="layui-form-label">*单体工程名称</label>
  25. <div class="layui-input-inline">
  26. <input type="text" id="projectName" name="projectName" autocomplete="off" class="layui-input" value="${data.projectName}">
  27. </div>
  28. </div>
  29. <div class="layui-inline">
  30. <label class="layui-form-label">创建时间</label>
  31. <div class="layui-input-inline">
  32. <input type="text" name="beginUpdate" readonly="readonly" placeholder="yyyy-MM-dd" autocomplete="off"
  33. class="layui-input" value="<fmt:formatDate value="${data.createDate}" pattern="yyyy/MM/dd "/>" style="background-color: whitesmoke">
  34. </div>
  35. </div>
  36. <div class="layui-inline">
  37. <label class="layui-form-label">*单体工程编号</label>
  38. <div class="layui-input-inline">
  39. <input type="text" id="projectNo" name="projectNo" autocomplete="off" class="layui-input" value="${data.projectNo}">
  40. </div>
  41. </div>
  42. </div>
  43. </form>
  44. <div style="margin: 20px;">
  45. <fieldset class="layui-elem-field layui-field-title">
  46. <legend style="font-size: 15px;">结算书信息</legend>
  47. </fieldset>
  48. <table class="layui-hide" id="updatetable" lay-filter="updatetable"></table>
  49. </div>
  50. <input id="updatebtn" type="button" onclick="updateProject()" style="display: none" />
  51. <script>
  52. //渲染修改的 表格 表单
  53. layui.use(['table','form','layedit', 'laydate'], function(){
  54. var table = layui.table
  55. ,form = layui.form
  56. ,laydate = layui.laydate;
  57. //日期
  58. laydate.render({
  59. elem: '#beginUpdate'
  60. });
  61. laydate.render({
  62. elem: '#endUpdate'
  63. });
  64. form.render();
  65. table.render({
  66. elem: '#updatetable'
  67. ,cols: [[
  68. {field:'xmmc',title:'结算书名称'}
  69. ,{field:'sgdw',title:'供应商'}
  70. ,{field:'xmlx',title:'结算书类型'}
  71. // ,{field:'xmbh',title:'结算书编号'}
  72. ,{field:'op',align:'center',title:"操作",width:100,templet:function(d){
  73. ////对操作进行初始化
  74. var xml = "<a class='layui-btn layui-btn-xs' style='margin-top: 3px' onclick=\"view( '" + d.id +" ','" + d.type + "','" + d.projectId + "')\">编辑</a>";
  75. return xml;
  76. }}
  77. ]]
  78. ,data:[
  79. <c:if test="${ not empty data.wbsItems}">
  80. <c:forEach items="${data.wbsItems}" var="data1" varStatus="index">
  81. {
  82. "id":"${data1.id}",
  83. "projectId":"${data1.projectId}",
  84. "type":"${data1.type}",
  85. "xmmc": "${data1.itemName}",
  86. "sgdw": "${data1.unit}",
  87. "xmlx":<c:if test="${data1.type eq '1'}">"架空线路"</c:if><c:if test="${data1.type eq '2'}">"电缆线路"</c:if><c:if test="${data1.type eq '3'}">"变电站工程s"</c:if>,
  88. <%--"xmbh":"${data1.itemNo}"--%>
  89. },
  90. </c:forEach>
  91. </c:if>
  92. ]
  93. ,page: true
  94. });
  95. table.on('tool(updatetable)', function(obj){
  96. var data = obj.data;
  97. if(obj.event == 'update'){
  98. }
  99. });
  100. });
  101. </script>
  102. <script>
  103. //修改工程id
  104. function updateProject(){
  105. if ($("#projectName").val()==null||$("#projectName").val()==""){
  106. layer.msg("请输入工程名称",{icon:3});
  107. throw SyntaxError;
  108. }
  109. if($("#projectNo").val()==null||$("#projectNo").val()==""){
  110. layer.msg("请输入工程编号",{icon:3});
  111. throw SyntaxError;
  112. }
  113. $.ajax({
  114. type:"post",
  115. url:"${ctx}/project/save",
  116. // data:JSON.stringify({id:newid2,type:xmmc2,fee:fyje2}),
  117. data:$('#updateForm').serialize(),
  118. success:function(result){
  119. layer.msg(result.msg, {icon: 5,offset:['38%','38%']},function () {
  120. parent.location.reload();
  121. });
  122. }
  123. });
  124. }
  125. //编辑提交
  126. function view(id,type,projectId) {
  127. var url = '${ctx}/jkxl/list?id='+id+'&type='+type+'&projectId='+projectId;
  128. parent.location.href=url;
  129. }
  130. </script>
  131. </c:forEach>
  132. </c:if>
  133. </body>
  134. </html>