lookItem.jsp 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>查看详情</title>
  6. <link rel="stylesheet" href="${ctxp}/static/plugin/assets/layui/css/layui.css">
  7. <link rel="stylesheet" href="${ctxp}/static/plugin/assets/common.css"/>
  8. <script type="text/javascript" src="${ctxp}/static/plugin/assets/jquery-3.2.1.min.js"></script>
  9. <script src="${ctxp}/static/plugin/assets/layui/layui.js"></script>
  10. </head>
  11. <style>
  12. .layui-input{height: 28px;margin-top: 6px;background: whitesmoke;}
  13. .layui-form-label {float: left;display: block;padding: 9px 15px;width: 100px;font-weight: 400;line-height: 20px;text-align: right;}
  14. .layui-table-view .layui-table {width:100%}
  15. </style>
  16. <body style="height: 100%">
  17. <c:if test="${ not empty list}">
  18. <c:forEach items="${list}" var="data" varStatus="index">
  19. <div class="layui-form-item" style="margin-top: 10px;">
  20. <div class="layui-inline">
  21. <label class="layui-form-label">工程名称</label>
  22. <div class="layui-input-inline">
  23. <input type="text" name="projectName" autocomplete="off" class="layui-input" readonly="readonly" value="${data.projectName}">
  24. </div>
  25. </div>
  26. <div class="layui-inline">
  27. <label class="layui-form-label">创建时间</label>
  28. <div class="layui-input-inline">
  29. <input type="text" name="createDate" id="beginDate1" readonly="readonly" placeholder="yyyy-MM-dd" autocomplete="off"
  30. class="layui-input" value="<fmt:formatDate value="${data.createDate}" pattern="yyyy/MM/dd "/>">
  31. </div>
  32. </div>
  33. </div>
  34. <div style="margin: 20px;">
  35. <fieldset class="layui-elem-field layui-field-title">
  36. <legend style="font-size: 15px;">结算书信息</legend>
  37. </fieldset>
  38. <table class="layui-hide" id="looktable" lay-filter="looktable"></table>
  39. </div>
  40. <script>
  41. //生成layui 表格
  42. layui.use(['table','form','layedit', 'laydate'], function(){
  43. var table = layui.table
  44. ,form = layui.form;
  45. form.render();
  46. table.render({
  47. elem: '#looktable'
  48. ,cols: [[
  49. {field:'xmmc',title:'结算书名称'}
  50. ,{field:'sgdw',title:'供应商'}
  51. ,{field:'xmlx',title:'结算书类型'}
  52. // ,{field:'xmbh',title:'结算书编号'}
  53. ,{field:'op',align:'center',title:"操作",templet:function(d){
  54. ////对操作进行初始化
  55. var xml = "<a class='layui-btn layui-btn-xs' style='margin-top: 3px' onclick=\"view( '" + d.id + "','" + d.type + "','" + d.projectId + "')\">编辑</a>";
  56. return xml;
  57. }}
  58. ]]
  59. ,data:[
  60. <c:if test="${ not empty data.wbsItems}">
  61. <c:forEach items="${data.wbsItems}" var="data1" varStatus="index">
  62. {
  63. "id":"${data1.id}",
  64. "projectId":"${data1.projectId}",
  65. "type":"${data1.type}",
  66. "xmmc": "${data1.itemName}",
  67. "sgdw": "${data1.unit}",
  68. "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'}">"变电站工程"</c:if>,
  69. <%--"xmbh":"${data1.itemNo}"--%>
  70. },
  71. </c:forEach>
  72. </c:if>
  73. ]
  74. ,page: true
  75. });
  76. });
  77. </script>
  78. </c:forEach>
  79. </c:if>
  80. <script>
  81. //编辑进行页面跳转
  82. function view(id,type,projectId) {
  83. var url = '${ctx}/jkxl/list?id='+id+'&type='+type+'&projectId='+projectId;
  84. parent.location.href=url;
  85. }
  86. </script>
  87. </body>
  88. </html>