updateItem.jsp 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  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{
  14. height: 28px;
  15. margin-top: 6px;
  16. /*background: whitesmoke;*/
  17. }
  18. .layui-form-label {
  19. float: left;
  20. display: block;
  21. padding: 9px 15px;
  22. width: 100px;
  23. font-weight: 400;
  24. line-height: 20px;
  25. text-align: right;
  26. }
  27. .layui-table-view .layui-table {width:100%}
  28. </style>
  29. <body>
  30. <c:if test="${ not empty list}">
  31. <c:forEach items="${list}" var="data" varStatus="index">
  32. <form id="updateForm">
  33. <div class="layui-form-item" style="margin-top: 10px;">
  34. <input name="id" value="${data.id}" hidden>
  35. <div class="layui-inline">
  36. <label class="layui-form-label">工程名称</label>
  37. <div class="layui-input-inline">
  38. <input type="text" name="projectName" autocomplete="off" class="layui-input" value="${data.projectName}">
  39. </div>
  40. </div>
  41. <div class="layui-inline">
  42. <label class="layui-form-label">创建时间</label>
  43. <div class="layui-input-inline">
  44. <input type="text" name="beginUpdate" readonly="readonly" placeholder="yyyy-MM-dd" autocomplete="off"
  45. class="layui-input" value="<fmt:formatDate value="${data.createDate}" pattern="yyyy/MM/dd "/>">
  46. </div>
  47. </div>
  48. </div>
  49. </form>
  50. <div style="margin: 20px;">
  51. <fieldset class="layui-elem-field layui-field-title">
  52. <legend style="font-size: 20px;">项目信息</legend>
  53. </fieldset>
  54. <table class="layui-hide" id="updatetable" lay-filter="updatetable"></table>
  55. </div>
  56. <input id="updatebtn" type="button" onclick="updateProject()" style="display: none" />
  57. <script>
  58. layui.use(['table','form','layedit', 'laydate'], function(){
  59. var table = layui.table
  60. ,form = layui.form
  61. ,laydate = layui.laydate;
  62. laydate.render({
  63. elem: '#beginUpdate'
  64. });
  65. laydate.render({
  66. elem: '#endUpdate'
  67. });
  68. //日期
  69. form.render();
  70. table.render({
  71. elem: '#updatetable'
  72. ,cols: [[
  73. {field:'xmmc',width:100,title:'项目名称'}
  74. ,{field:'sgdw',width:120,title:'施工单位'}
  75. ,{field:'xmlx',width:100,title:'项目类型'}
  76. ,{field:'op',align:'center',title:"操作",width:100,templet:function(d){
  77. ////对操作进行初始化
  78. var xml = "<a class='layui-btn layui-btn-xs' onclick=\"view( '" + d.id +" ','" + d.type + "','" + d.projectId + "')\">编辑</a>";
  79. return xml;
  80. }}
  81. ]]
  82. ,data:[
  83. <c:if test="${ not empty data.wbsItems}">
  84. <c:forEach items="${data.wbsItems}" var="data1" varStatus="index">
  85. {
  86. "id":"${data1.id}",
  87. "projectId":"${data1.projectId}",
  88. "type":"${data1.type}",
  89. "xmmc": "${data1.itemName}",
  90. "sgdw": "某施工单位一",
  91. "xmlx":<c:if test="${data1.type eq '1'}">"架空线路"</c:if><c:if test="${data1.type eq '2'}">"电缆线路"</c:if>
  92. },
  93. </c:forEach>
  94. </c:if>
  95. ]
  96. ,page: true
  97. });
  98. table.on('tool(updatetable)', function(obj){
  99. var data = obj.data;
  100. if(obj.event == 'update'){
  101. }
  102. });
  103. });
  104. </script>
  105. <script>
  106. function updateProject(){
  107. $.ajax({
  108. type:"post",
  109. url:"${ctx}/project/save",
  110. // data:JSON.stringify({id:newid2,type:xmmc2,fee:fyje2}),
  111. data:$('#updateForm').serialize(),
  112. success:function(result){
  113. parent.location.reload();
  114. }
  115. });
  116. }
  117. function view(id,type,projectId) {
  118. var url = '${ctx}/jkxl/list?id='+id+'&type='+type+'&projectId='+projectId;
  119. parent.location.href=url;
  120. }
  121. </script>
  122. </c:forEach>
  123. </c:if>
  124. </body>
  125. </html>