lookItem.jsp 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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{
  13. height: 28px;
  14. margin-top: 6px;
  15. background: whitesmoke;
  16. }
  17. .layui-form-label {
  18. float: left;
  19. display: block;
  20. padding: 9px 15px;
  21. width: 100px;
  22. font-weight: 400;
  23. line-height: 20px;
  24. text-align: right;
  25. }
  26. .layui-table-view .layui-table {width:100%}
  27. </style>
  28. <body style="height: 100%">
  29. <c:if test="${ not empty list}">
  30. <c:forEach items="${list}" var="data" varStatus="index">
  31. <div class="layui-form-item" style="margin-top: 10px;">
  32. <div class="layui-inline">
  33. <label class="layui-form-label">工程名称</label>
  34. <div class="layui-input-inline">
  35. <input type="text" name="projectName" autocomplete="off" class="layui-input" readonly="readonly" value="${data.projectName}">
  36. </div>
  37. </div>
  38. <div class="layui-inline">
  39. <label class="layui-form-label">创建时间</label>
  40. <div class="layui-input-inline">
  41. <input type="text" name="createDate" id="beginDate1" readonly="readonly" placeholder="yyyy-MM-dd" autocomplete="off"
  42. class="layui-input" value="<fmt:formatDate value="${data.createDate}" pattern="yyyy/MM/dd "/>">
  43. </div>
  44. </div>
  45. </div>
  46. <div style="margin: 20px;">
  47. <fieldset class="layui-elem-field layui-field-title">
  48. <legend style="font-size: 20px;">项目信息</legend>
  49. </fieldset>
  50. <table class="layui-hide" id="looktable" lay-filter="looktable"></table>
  51. </div>
  52. <script>
  53. layui.use(['table','form','layedit', 'laydate'], function(){
  54. var table = layui.table
  55. ,form = layui.form;
  56. form.render();
  57. table.render({
  58. elem: '#looktable'
  59. ,cols: [[
  60. {field:'xmmc',width:100,title:'项目名称'}
  61. ,{field:'sgdw',width:120,title:'施工单位'}
  62. ,{field:'xmlx',width:100,title:'项目类型'}
  63. ,{field:'op',align:'center',title:"操作",width:100,templet:function(d){
  64. ////对操作进行初始化
  65. var xml = "<a class='layui-btn layui-btn-xs' onclick=\"view( '" + d.id + "','" + d.type + "','" + d.projectId + "')\">编辑</a>";
  66. return xml;
  67. }}
  68. ]]
  69. ,data:[
  70. <c:if test="${ not empty data.wbsItems}">
  71. <c:forEach items="${data.wbsItems}" var="data1" varStatus="index">
  72. {
  73. "id":"${data1.id}",
  74. "projectId":"${data1.projectId}",
  75. "type":"${data1.type}",
  76. "xmmc": "${data1.itemName}",
  77. "sgdw": "某施工单位一",
  78. "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>
  79. },
  80. </c:forEach>
  81. </c:if>
  82. ]
  83. ,page: true
  84. });
  85. });
  86. </script>
  87. </c:forEach>
  88. </c:if>
  89. <script>
  90. function view(id,type,projectId) {
  91. var url = '${ctx}/jkxl/list?id='+id+'&type='+type+'&projectId='+projectId;
  92. parent.location.href=url;
  93. }
  94. </script>
  95. </body>
  96. </html>