1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
2 <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
3 <%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5 <html lang="en">
6 <head>
7 <meta charset="UTF-8">
8 <meta name="viewport" content="width=device-width, initial-scale=1.0">
9 <meta http-equiv="X-UA-Compatible" content="ie=edge">
10 <title></title>
11 </head>
12 <body>
13 <div class="list">
14 <div class="public_title">
15 <img src="${ctx}/statics/images/zjImages/biaoti.png" alt="">
16 </div>
17 <form action="" class="about_form">
18 <div class="about_item">
19 <c:forEach items="${applicationTypeListList}" var="applicationTypeList">
20 <div class="item_left" >
21 <img src="${ctx}/statics/images/zjImages/qiehuan.png" alt="">
22 <div class="item_name">
23 <span>${applicationTypeList.typename}</span>
24 </div>
25 </div>
26 <div class="item_right" data-id="${applicationTypeList.id}">
27 <c:forEach items="${applicationTypeList.applicationInfoList}" var="applicationInfo">
28 <c:if test='${applicationInfo.iscustomized==0}'>
29 <div>
30 <input data-id="${applicationInfo.id}" <c:if test='${applicationInfo.userStataus==0}'>checked</c:if> type="checkbox" name="hobby"/>
31 <label for="">${applicationInfo.applicationname}</label>
32 </div>
33 </c:if>
34 <c:if test='${applicationInfo.iscustomized==1}'>
35 <div class="item_pul">
36 <div>
37 <input data-id="${applicationInfo.id}" <c:if test='${applicationInfo.userStataus==0}'>checked</c:if> type="checkbox" name="hobby"/>${applicationInfo.applicationname}
38 </div>
39 <i class="art">×</i>
40 </div>
41 </c:if>
42 </c:forEach>
43 <div class="item_plus">
44 <img src="${ctx}/statics/images/zjImages/tianjia-0.png" alt="">
45 </div>
46 </div>
47 </c:forEach>
48 </div>
49 <div class="item_buttom">
50 <p>
51 <input type="button" value="取消" id="return">
52 <input type="button" value="确定" id="save">
53 </p>
54 </div>
55 </form>
56 </div>
57 <div id="bg"></div>
58 <div id="cont">
59 <form class="layui-form" enctype="multipart/form-data" method="post">
60 <div id="rec">
61 <div class="rec_top">
62 <!-- <a href="javascript:;">11</a> -->
63 <span id="colse">添加菜单</span>
64 </div>
65 <div class="layui-form-item rec_center">
66 <label ><i class="reStar">*</i>应用名称:</label>
67 <input type="text" name="applicationname" placeholder="请输入应用名称" id="applicationname" autocomplete="off" maxlength="14" lay-verify="required" value="${applicationInfo.link}" style="height: 3.5vh;width: 15vw;" >
68 </div>
69
70 <div class="layui-form-item rec_center">
71 <label ><i class="reStar">*</i>链接地址:</label>
72 <input type="text" name="link" placeholder="请输入链接地址" id="link" autocomplete="off" lay-verify="required|url" value="${applicationInfo.link}" style="height: 3.5vh;width: 15vw;" >
73 </div>
74
75 <input id="applicationtypeid" type="hidden" name="applicationtypeid" />
76 <div class="rec_buttom">
77 <button lay-submit="" lay-filter="saveForm">确认</button>
78 <button id="cancel">取消</button>
79 </div>
80 </div>
81 </form>
82 </div>
83 <script>
84 $(document).ready(function() {
85 //console.log(${applicationInfoListList});
86 $(document).on('click','.art',function(){
87 var data = {"id":$(this).prev().find("input").attr("data-id")};
88 var items = $(this).parent(".item_pul");
89 //console.log(data);
90 $.ajax({
91 type:"post",
92 url:"${ctx}/applicationuser/delete",
93 data:data,
94 dataType:"json",
95 error: function(request) {
96 layer.msg("操作失败!",{icon: 5,time:2000});
97 },
98 success :function (result) {
99 if(result.code==0){
100 items.remove();
101 }else {
102 layer.msg(result.msg,{icon: 5,time:2000});
103 }
104 }
105 })
106 })
107 $('#save').click(function() {
108 var data = [];
109 var i=0;
110 $("input[name='hobby']:checked").each(function(i){//把所有被选中的复选框的值存入数组
111 var field = {};//定义一个空数组
112 field.applicationsystemid =$(this).attr("data-id");
113 field.applicationtypeid =$(this).parents(".item_right").attr("data-id");
114 console.log(1,field.applicationtypeid);
115 data[i++]=field;
116 });
117 console.log(data);
118 $.ajax({
119 url: "${ctx}/applicationuser/save",
120 type: "POST",
121 contentType : 'application/json;charset=utf-8', //设置请求头信息
122 dataType:"json",
123 data: JSON.stringify(data), //将Json对象序列化成Json字符串，JSON.stringify()原生态方法
124 success: function(result){
125 console.log("保存页面显示应用",result);
126 if(result.code==0){
127 window.location.href="${ctx}/applicationuser/list"
128 }
129 },
130 error: function(res){
131 layer.msg("操作失败!",{icon: 5,time:2000});
132 }
133 });
134 })
135 $('#return').click(function() {
136 window.location.href="${ctx}/applicationuser/list";
137 })
138 })
139 layui.use(['element', 'form', 'upload'], function() {
140 var element = layui.element,
141 $ = layui.jquery,
142 form = layui.form;
143 //确定
144 form.on('submit(saveForm)', function(data) {
145 console.log(data.field)
146 var applicationtypeidIteam = data.field.applicationtypeid;
147 var applicationname = data.field.applicationname;
148 $.ajax({
149 type:"post",
150 url:"${ctx}/applicationuser/saveCustomizedApplication",
151 data:data.field,
152 dataType:"json",
153 error: function(request) {
154 layer.msg("操作失败!",{icon: 5,time:2000});
155 },
156 success :function (result) {
157 if(result.code==0){
158 var id = result.id;
159 //console.log("id==="+id);
160 //console.log("保存自定义应用",result);
161 $('#bg').hide();
162 $('#cont').hide();
163 var html ="";
164 $('.item_plus').each(function(index,element){
165 var applicationtypeid = $(this).parent(".item_right").attr("data-id")
166 if(applicationtypeid==applicationtypeidIteam){
167 console.log(applicationtypeid)
168 html+='<div class="item_pul"><div><input data-id="'+id+'" checked type="checkbox" name="hobby"/>'+applicationname+'</div><i class="art">×</i></div>';
169 $(this).before(html);
170 }
171 })
172 }else {
173 layer.msg(result.msg,{icon: 5,time:2000});
174 }
175 }
176 })
177 return false;
178 })
179 })
180
181 </script>
182 </body>
183
184 </html>
浙公网安备 33010602011771号