management.js 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <script type="text/javascript">
  3. layui.use(['form', 'layedit', 'laydate'], function(){
  4. var form = layui.form
  5. ,layer = layui.layer
  6. ,layedit = layui.layedit
  7. ,laydate = layui.laydate;
  8. //日期
  9. laydate.render({
  10. elem: '#beginDate1'
  11. });
  12. laydate.render({
  13. elem: '#endDate1'
  14. });
  15. laydate.render({
  16. elem: '#beginDate2'
  17. });
  18. laydate.render({
  19. elem: '#endDate2'
  20. });
  21. });
  22. layui.config({
  23. base: '${ctxp}/static/plugin/assets/'
  24. }).extend({
  25. treetable: 'treetable-lay/treetable'
  26. }).use(['layer', 'table', 'treetable'], function () {
  27. var $ = layui.jquery;
  28. var table = layui.table;
  29. var layer = layui.layer;
  30. var treetable = layui.treetable;
  31. var renderTable1 = function () {
  32. layer.load(2);
  33. treetable.render({
  34. treeColIndex: 0,
  35. treeSpid: -1,
  36. treeIdName: 'id',
  37. treePidName: 'pid',
  38. treeDefaultClose: false,
  39. treeLinkage: false,
  40. elem: '#table1',
  41. cols: [[
  42. {field: 'gcmc',width:200,title: '工程名称'},
  43. {field:'xmsl',width:180,title:"项目数量"},
  44. {field:'cjsq',width:200,title: '创建时期'},
  45. {field:'djr',width:200,title:'登记人'},
  46. {field:'op',align:'center',title:"操作",minWidth:200,templet:function(d){
  47. ////对操作进行初始化
  48. var xml = "";
  49. if(d.status==1){
  50. xml += "<a class='layui-btn layui-btn-primary layui-btn-xs' onclick=\"look( '${ctx}/project/form?id=" + d.id + "&tabId=1')\">查看</a>"
  51. +"<a class='layui-btn layui-btn-xs' onclick=\"update( '${ctx}/project/form?id=" + d.id + "&tabId=2')\">修改</a>"
  52. +"<a class='layui-btn layui-btn-normal layui-btn-xs' lay-event='add'>添加项目</a>"
  53. +"<a class='layui-btn layui-btn-warm layui-btn-xs' lay-event=''href=\"${ctx}/project/export?id=" + d.id+"\">导出</a>"
  54. +"<a class='layui-btn layui-btn-xs layui-btn-danger' onclick=\"deleteProject('"+d.id+"')\">删除</a>";
  55. }
  56. if(d.status==2){
  57. xml +="<span class='myspan'>操作</span>";
  58. }
  59. if(d.status==3){
  60. xml +="<a class='layui-btn layui-btn-xs' href=\"${ctx}/jkxl/list?id="+d.id+"&type="+d.type+"\">编辑</a>"
  61. +"<a class='layui-btn layui-btn-xs layui-btn-danger' onclick=\"deleteItem('" + d.id + "')\">删除</a>";
  62. }
  63. return xml;
  64. }}
  65. ]],
  66. data: [
  67. <c:if test="${ not empty page.list}">
  68. <c:forEach items="${page.list}" var="data" varStatus="index">
  69. {
  70. "id": "${data.id}",
  71. "gcmc":"${data.projectName}",
  72. "xmsl": "${data.number}",
  73. "cjsq": "<fmt:formatDate value="${data.createDate}" pattern="yyyy/MM/dd"/>",
  74. "djr":"${data.userName}",
  75. "status":"1",
  76. "pid": -1
  77. },
  78. {
  79. "id": "2",
  80. "gcmc":"项目名称",
  81. "xmsl": "施工单位",
  82. "cjsq": "项目划分",
  83. "djr":"创建时间",
  84. "status":"2",
  85. "pid": "${data.id}"
  86. },
  87. </c:forEach>
  88. </c:if>
  89. <c:forEach items="${page.list}" var="item" varStatus="index">
  90. <c:forEach items="${item.wbsItems}" var="items" varStatus="index">
  91. {
  92. "id": "${items.id}",
  93. "type":"${items.type}",
  94. "gcmc":"${items.itemName}",
  95. "xmsl": "${items.unit}",
  96. "cjsq":"<c:if test="${items.type eq '1'}">架空线路</c:if><c:if test="${items.type eq '2'}">电缆线路</c:if><c:if test="${items.type eq '3'}">变电站线路</c:if>",
  97. "djr":"<fmt:formatDate value="${items.createDate}" pattern="yyyy/MM/dd"/>",
  98. "status":"3",
  99. "pid": "${items.projectId}"
  100. },
  101. </c:forEach>
  102. </c:forEach>
  103. ],
  104. done: function () {
  105. $(".myspan").closest("tr").css('background-color','#f2f2f2');
  106. layer.closeAll('loading');
  107. }
  108. });
  109. };
  110. renderTable1();
  111. treetable.foldAll('#table1');
  112. table.on('tool(table1)', function(obj,target){
  113. var data = obj.data;
  114. if(obj.event == 'add'){
  115. $("#addtext").val(data.id);
  116. layui.use(['table','layer'],function(){
  117. layer.open({
  118. type: 2,
  119. title: '添加项目',
  120. area: ['50%', '70%'],
  121. shade: 0.8,
  122. shadeClose: true,
  123. content: '${ctxp}/webpage/modules/sg/project/addItemForm.jsp'
  124. , btn: ['确定','关闭']
  125. ,yes: function(index, layero){
  126. // var bodyparent = layer.getChildFrame('body', index);
  127. // bodyparent.find('#newProject').click();
  128. var body = layer.getChildFrame('body', index);
  129. var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
  130. var inputForm = body.find('#inputForm');
  131. var top_iframe;
  132. if(target){
  133. top_iframe = target;//如果指定了iframe,则在改frame中跳转
  134. }else{
  135. top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
  136. }
  137. inputForm.attr("target",top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
  138. iframeWin.contentWindow.doSubmit();
  139. layer.close(index);//关闭对话框。
  140. }
  141. ,btn2: function(index, layero){
  142. layer.close(index);
  143. }
  144. })
  145. })
  146. }
  147. });
  148. });
  149. function refresh(){
  150. window.location.reload();
  151. }
  152. function addProject(){
  153. layer.prompt({title: '请输入工程名称', formType: 3}, function(text, index){
  154. layer.close(index);
  155. $.ajax({
  156. type: "post",
  157. url: "${ctx}/project/save",
  158. data:{projectName:text},
  159. dataType: "json",
  160. success: function(data){
  161. if(data.success){
  162. layer.msg(data.msg, {icon: 6});
  163. window.location.reload();
  164. }else{
  165. layer.msg(data.msg, {icon: 5});
  166. }
  167. }
  168. });
  169. });
  170. }
  171. function look(url) {
  172. layer.open({
  173. type: 2,
  174. title: '查看',
  175. area: ['70%', '90%'],
  176. shade: 0.8,
  177. shadeClose: true,
  178. fixed: true, //不固定
  179. maxmin: true,
  180. content: url
  181. , btn: ['关闭']
  182. })
  183. }
  184. function update(url) {
  185. layer.open({
  186. type: 2,
  187. title: '修改工程',
  188. area: ['70%', '90%'],
  189. shade: 0.8,
  190. shadeClose: true,
  191. fixed: false, //不固定
  192. maxmin: true,
  193. content: url
  194. , btn: ['确定','关闭']
  195. ,yes: function(index, layero){
  196. var bodyparent = layer.getChildFrame('body', index);
  197. bodyparent.find('#updatebtn').click();
  198. }
  199. ,btn2: function(index, layero){
  200. layer.close(index);
  201. }
  202. })
  203. }
  204. //逻辑删除项目
  205. function deleteItem(id) {
  206. $.ajax({
  207. type: "post",
  208. url: "${ctx}/project/tem/deleteItem",
  209. data:{'id':id},
  210. dataType: "json",
  211. success: function(data){
  212. if(data.success){
  213. layer.msg(data.msg, {icon: 6});
  214. window.location.reload();
  215. }else{
  216. layer.msg(data.msg, {icon: 5});
  217. }
  218. }
  219. })
  220. }
  221. //删除工程
  222. function deleteProject(id) {
  223. $.ajax({
  224. type: "post",
  225. url: "${ctx}/project/deleteProject",
  226. data:{'id':id},
  227. dataType: "json",
  228. success: function(data){
  229. if(data.success){
  230. layer.msg(data.msg, {icon: 6});
  231. window.location.reload();
  232. }else{
  233. layer.msg(data.msg, {icon: 5});
  234. }
  235. }
  236. })
  237. }
  238. $(document).ready(function(e) {
  239. $("#noneBtn").click(function(e) {
  240. $("#noneDiv").toggle();
  241. })
  242. });
  243. </script>