增加点击跳转事件,修改样式
Showing
12 changed files
with
723 additions
and
302 deletions
... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
3 | data(){ | 3 | data(){ |
4 | return { | 4 | return { |
5 | search:'', | 5 | search:'', |
6 | projectId:null, | ||
7 | userId:null, | ||
6 | // 表格数据 | 8 | // 表格数据 |
7 | tabaledata:[ | 9 | tabaledata:[ |
8 | { | 10 | { |
... | @@ -66,6 +68,89 @@ var self = new Vue({ | ... | @@ -66,6 +68,89 @@ var self = new Vue({ |
66 | handleCurrentChange(){}, | 68 | handleCurrentChange(){}, |
67 | click(val){ | 69 | click(val){ |
68 | this.isActive = val | 70 | this.isActive = val |
71 | }, | ||
72 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
73 | // debugger | ||
74 | var unique = this.uuid(); | ||
75 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
76 | url += 'stats=' + _stats; | ||
77 | url += '&flowid=' + flowId; | ||
78 | url += '&create=' + (this.projectId ? 1 : 0); | ||
79 | url += '&projectid=' + (this.projectId || ""); | ||
80 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
81 | url += '&uniquePath=' + unique; | ||
82 | window.open(this.handleJumpUrl(url)); | ||
83 | this.addFlowUserCount(flowId); | ||
84 | }, | ||
85 | addFlowUserCount (flowId) { | ||
86 | if (flowId === null || flowId === undefined) { | ||
87 | return false; | ||
88 | } | ||
89 | |||
90 | this.ajaxPromise({ | ||
91 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
92 | contentType: "application/json", | ||
93 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
94 | }).catch((error)=> { | ||
95 | console.error(error); | ||
96 | }); | ||
97 | }, | ||
98 | handleJumpUrl(url){ | ||
99 | var myid = "guid" + this.guid(); | ||
100 | var tempArr = url.split("?"); | ||
101 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
102 | var urlValue = tempArr[1]; | ||
103 | var cacheUrlValue = null; | ||
104 | var data = { | ||
105 | paramUrl:urlValue, | ||
106 | ftoken:$.cookie('ftoken') | ||
107 | }; | ||
108 | if(window.globalLocalCache){ | ||
109 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
110 | } | ||
111 | return returnStr; | ||
112 | }, | ||
113 | S4() { | ||
114 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
115 | }, | ||
116 | guid() { | ||
117 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
118 | }, | ||
119 | uuid(){ | ||
120 | var s = []; | ||
121 | var hexDigits = "0123456789abcdef"; | ||
122 | for (var i = 0; i < 36; i++) { | ||
123 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
124 | } | ||
125 | s[14] = "4"; | ||
126 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
127 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
128 | |||
129 | var uuid = s.join(""); | ||
130 | return uuid; | ||
131 | }, | ||
132 | ajaxPromise(options) { | ||
133 | return new Promise(function (resolve, reject) { | ||
134 | if ( typeof options !== "object" ) { | ||
135 | return reject("参数错误!"); | ||
136 | } | ||
137 | let _type = options.type || "POST"; | ||
138 | //'application/json' | ||
139 | $.ajax({ | ||
140 | type: _type, | ||
141 | url: options.url, | ||
142 | data: options.data, | ||
143 | dataType: options.dataType, | ||
144 | contentType: options.contentType, | ||
145 | headers: {"token":$.cookie('ftoken') }, | ||
146 | success: function(result){ | ||
147 | resolve(result); | ||
148 | }, | ||
149 | error: function (error) { | ||
150 | reject(error); | ||
151 | } | ||
152 | }); | ||
153 | }) | ||
69 | } | 154 | } |
70 | } | 155 | } |
71 | }) | 156 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
11 | <style> | 15 | <style> |
12 | .contanier{ | 16 | .contanier{ |
13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
... | @@ -29,11 +33,11 @@ | ... | @@ -29,11 +33,11 @@ |
29 | cursor: pointer; | 33 | cursor: pointer; |
30 | } | 34 | } |
31 | .optspan:hover{ | 35 | .optspan:hover{ |
32 | color:#05C6B4 | 36 | color:#409EFF |
33 | } | 37 | } |
34 | .select{ | 38 | .select{ |
35 | color:#05C6B4; | 39 | color:#409EFF; |
36 | border-bottom:5px solid #05C6B4 | 40 | border-bottom:5px solid #409EFF |
37 | } | 41 | } |
38 | .el-table{ | 42 | .el-table{ |
39 | margin-top: 20px; | 43 | margin-top: 20px; |
... | @@ -62,12 +66,17 @@ | ... | @@ -62,12 +66,17 @@ |
62 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> | 66 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> |
63 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> | 67 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> |
64 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> | 68 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> |
65 | <span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span> | ||
66 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> | 69 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> |
67 | </div> | 70 | </div> |
71 | <div style="line-height: 37px;margin-left: -100px"> | ||
72 | <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
73 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | ||
74 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
75 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | ||
76 | </div> | ||
68 | <div style="float: right"> | 77 | <div style="float: right"> |
69 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> | 78 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> |
70 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button> |
71 | </div> | 80 | </div> |
72 | </div> | 81 | </div> |
73 | <!-- 表格区域--> | 82 | <!-- 表格区域--> |
... | @@ -273,73 +282,6 @@ | ... | @@ -273,73 +282,6 @@ |
273 | </el-table-column> | 282 | </el-table-column> |
274 | </el-table> | 283 | </el-table> |
275 | <el-table | 284 | <el-table |
276 | v-if="isActive==4" | ||
277 | :data="tabaledata" | ||
278 | style="width: 100%;" | ||
279 | height="100%" | ||
280 | border | ||
281 | stripe | ||
282 | :default-sort = "{prop: 'xh', order: 'ascending'}" | ||
283 | > | ||
284 | <el-table-column | ||
285 | type="selection" | ||
286 | width="55"> | ||
287 | </el-table-column> | ||
288 | <el-table-column | ||
289 | prop="xh" | ||
290 | label="序号" | ||
291 | width="55"> | ||
292 | </el-table-column> | ||
293 | <el-table-column | ||
294 | prop="ajmc" | ||
295 | width="300" | ||
296 | label="案件名称" | ||
297 | align="center" | ||
298 | ></el-table-column> | ||
299 | <el-table-column | ||
300 | prop="anlx" | ||
301 | label="案件类型" | ||
302 | align="center" | ||
303 | width="100" | ||
304 | > | ||
305 | </el-table-column> | ||
306 | <el-table-column | ||
307 | prop="zrdw" | ||
308 | label="责任单位" | ||
309 | align="center" | ||
310 | width="200" | ||
311 | > | ||
312 | </el-table-column> | ||
313 | <el-table-column | ||
314 | prop="ssqy" | ||
315 | label="所属区域" | ||
316 | align="center" | ||
317 | width="200" | ||
318 | > | ||
319 | </el-table-column> | ||
320 | <el-table-column | ||
321 | prop="ljr" | ||
322 | label="来件人" | ||
323 | align="center" | ||
324 | width="400" | ||
325 | > | ||
326 | </el-table-column> | ||
327 | <el-table-column | ||
328 | prop="djsh" | ||
329 | label="登记时间" | ||
330 | align="center" | ||
331 | width="200" | ||
332 | > | ||
333 | </el-table-column> | ||
334 | <el-table-column | ||
335 | prop="jssi" | ||
336 | label="接受时间" | ||
337 | align="center" | ||
338 | width="200" | ||
339 | > | ||
340 | </el-table-column> | ||
341 | </el-table> | ||
342 | <el-table | ||
343 | v-if="isActive==5" | 285 | v-if="isActive==5" |
344 | :data="tabaledata" | 286 | :data="tabaledata" |
345 | style="width: 100%;" | 287 | style="width: 100%;" |
... | @@ -418,6 +360,7 @@ | ... | @@ -418,6 +360,7 @@ |
418 | :total="8"> | 360 | :total="8"> |
419 | </el-pagination> | 361 | </el-pagination> |
420 | </div> | 362 | </div> |
363 | |||
421 | </div> | 364 | </div> |
422 | </div> | 365 | </div> |
423 | <script src="./js/widget.js"></script> | 366 | <script src="./js/widget.js"></script> | ... | ... |
... | @@ -66,6 +66,139 @@ var self = new Vue({ | ... | @@ -66,6 +66,139 @@ var self = new Vue({ |
66 | handleCurrentChange(){}, | 66 | handleCurrentChange(){}, |
67 | click(val){ | 67 | click(val){ |
68 | this.isActive = val | 68 | this.isActive = val |
69 | }, | ||
70 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
71 | var unique = uuid(); | ||
72 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
73 | url += 'stats=' + _stats; | ||
74 | url += '&flowid=' + flowId; | ||
75 | url += '&create=' + (projectId ? 1 : 0); | ||
76 | url += '&projectid=' + (projectId || ""); | ||
77 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
78 | url += '&uniquePath=' + unique; | ||
79 | window.open(this.handleJumpUrl(url)); | ||
80 | this.addFlowUserCount(flowId); | ||
81 | }, | ||
82 | addFlowUserCount (flowId) { | ||
83 | if (flowId === null || flowId === undefined) { | ||
84 | return false; | ||
85 | } | ||
86 | |||
87 | ajaxPromise({ | ||
88 | data: JSON.stringify({"flowId": flowId,"userId": userId}), | ||
89 | contentType: "application/json", | ||
90 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
91 | }).catch((error)=> { | ||
92 | console.error(error); | ||
93 | }); | ||
94 | }, | ||
95 | handleJumpUrl(url){ | ||
96 | var myid = "guid" + guid(); | ||
97 | var tempArr = url.split("?"); | ||
98 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
99 | var urlValue = tempArr[1]; | ||
100 | var cacheUrlValue = null; | ||
101 | var data = { | ||
102 | paramUrl:urlValue, | ||
103 | ftoken:$.cookie('ftoken') | ||
104 | }; | ||
105 | if(window.globalLocalCache){ | ||
106 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
107 | } | ||
108 | return returnStr; | ||
109 | }, | ||
110 | S4() { | ||
111 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
112 | }, | ||
113 | guid() { | ||
114 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
115 | }, | ||
116 | clickData(row, column, event){ | ||
117 | // console.log(row, column, event) | ||
118 | alert(1111) | ||
119 | }, | ||
120 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
121 | // debugger | ||
122 | var unique = this.uuid(); | ||
123 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
124 | url += 'stats=' + _stats; | ||
125 | url += '&flowid=' + flowId; | ||
126 | url += '&create=' + (this.projectId ? 1 : 0); | ||
127 | url += '&projectid=' + (this.projectId || ""); | ||
128 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
129 | url += '&uniquePath=' + unique; | ||
130 | window.open(this.handleJumpUrl(url)); | ||
131 | this.addFlowUserCount(flowId); | ||
132 | }, | ||
133 | addFlowUserCount (flowId) { | ||
134 | if (flowId === null || flowId === undefined) { | ||
135 | return false; | ||
136 | } | ||
137 | |||
138 | this.ajaxPromise({ | ||
139 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
140 | contentType: "application/json", | ||
141 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
142 | }).catch((error)=> { | ||
143 | console.error(error); | ||
144 | }); | ||
145 | }, | ||
146 | handleJumpUrl(url){ | ||
147 | var myid = "guid" + this.guid(); | ||
148 | var tempArr = url.split("?"); | ||
149 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
150 | var urlValue = tempArr[1]; | ||
151 | var cacheUrlValue = null; | ||
152 | var data = { | ||
153 | paramUrl:urlValue, | ||
154 | ftoken:$.cookie('ftoken') | ||
155 | }; | ||
156 | if(window.globalLocalCache){ | ||
157 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
158 | } | ||
159 | return returnStr; | ||
160 | }, | ||
161 | S4() { | ||
162 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
163 | }, | ||
164 | guid() { | ||
165 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
166 | }, | ||
167 | uuid(){ | ||
168 | var s = []; | ||
169 | var hexDigits = "0123456789abcdef"; | ||
170 | for (var i = 0; i < 36; i++) { | ||
171 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
172 | } | ||
173 | s[14] = "4"; | ||
174 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
175 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
176 | |||
177 | var uuid = s.join(""); | ||
178 | return uuid; | ||
179 | }, | ||
180 | ajaxPromise(options) { | ||
181 | return new Promise(function (resolve, reject) { | ||
182 | if ( typeof options !== "object" ) { | ||
183 | return reject("参数错误!"); | ||
184 | } | ||
185 | let _type = options.type || "POST"; | ||
186 | //'application/json' | ||
187 | $.ajax({ | ||
188 | type: _type, | ||
189 | url: options.url, | ||
190 | data: options.data, | ||
191 | dataType: options.dataType, | ||
192 | contentType: options.contentType, | ||
193 | headers: {"token":$.cookie('ftoken') }, | ||
194 | success: function(result){ | ||
195 | resolve(result); | ||
196 | }, | ||
197 | error: function (error) { | ||
198 | reject(error); | ||
199 | } | ||
200 | }); | ||
201 | }) | ||
69 | } | 202 | } |
70 | } | 203 | } |
71 | }) | 204 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
11 | <style> | 15 | <style> |
12 | .contanier{ | 16 | .contanier{ |
13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
... | @@ -29,11 +33,11 @@ | ... | @@ -29,11 +33,11 @@ |
29 | cursor: pointer; | 33 | cursor: pointer; |
30 | } | 34 | } |
31 | .optspan:hover{ | 35 | .optspan:hover{ |
32 | color:#05C6B4 | 36 | color:#409EFF |
33 | } | 37 | } |
34 | .select{ | 38 | .select{ |
35 | color:#05C6B4; | 39 | color:#409EFF; |
36 | border-bottom:5px solid #05C6B4 | 40 | border-bottom:5px solid #409EFF |
37 | } | 41 | } |
38 | .el-table{ | 42 | .el-table{ |
39 | margin-top: 20px; | 43 | margin-top: 20px; |
... | @@ -62,12 +66,17 @@ | ... | @@ -62,12 +66,17 @@ |
62 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> | 66 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> |
63 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> | 67 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> |
64 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> | 68 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> |
65 | <span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span> | ||
66 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> | 69 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> |
67 | </div> | 70 | </div> |
71 | <div style="line-height: 37px;margin-left: -100px"> | ||
72 | <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
73 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | ||
74 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
75 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | ||
76 | </div> | ||
68 | <div style="float: right"> | 77 | <div style="float: right"> |
69 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> | 78 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> |
70 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button> |
71 | </div> | 80 | </div> |
72 | </div> | 81 | </div> |
73 | <!-- 表格区域--> | 82 | <!-- 表格区域--> |
... | @@ -79,6 +88,7 @@ | ... | @@ -79,6 +88,7 @@ |
79 | border | 88 | border |
80 | stripe | 89 | stripe |
81 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 90 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
91 | @row-click="clickData" | ||
82 | > | 92 | > |
83 | <el-table-column | 93 | <el-table-column |
84 | type="selection" | 94 | type="selection" |
... | @@ -146,6 +156,7 @@ | ... | @@ -146,6 +156,7 @@ |
146 | border | 156 | border |
147 | stripe | 157 | stripe |
148 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 158 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
159 | @row-click="clickData" | ||
149 | > | 160 | > |
150 | <el-table-column | 161 | <el-table-column |
151 | type="selection" | 162 | type="selection" |
... | @@ -213,73 +224,7 @@ | ... | @@ -213,73 +224,7 @@ |
213 | border | 224 | border |
214 | stripe | 225 | stripe |
215 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 226 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
216 | > | 227 | @row-click="clickData" |
217 | <el-table-column | ||
218 | type="selection" | ||
219 | width="55"> | ||
220 | </el-table-column> | ||
221 | <el-table-column | ||
222 | prop="xh" | ||
223 | label="序号" | ||
224 | width="55"> | ||
225 | </el-table-column> | ||
226 | <el-table-column | ||
227 | prop="ajmc" | ||
228 | width="300" | ||
229 | label="案件名称" | ||
230 | align="center" | ||
231 | ></el-table-column> | ||
232 | <el-table-column | ||
233 | prop="anlx" | ||
234 | label="案件类型" | ||
235 | align="center" | ||
236 | width="100" | ||
237 | > | ||
238 | </el-table-column> | ||
239 | <el-table-column | ||
240 | prop="zrdw" | ||
241 | label="责任单位" | ||
242 | align="center" | ||
243 | width="200" | ||
244 | > | ||
245 | </el-table-column> | ||
246 | <el-table-column | ||
247 | prop="ssqy" | ||
248 | label="所属区域" | ||
249 | align="center" | ||
250 | width="200" | ||
251 | > | ||
252 | </el-table-column> | ||
253 | <el-table-column | ||
254 | prop="ljr" | ||
255 | label="来件人" | ||
256 | align="center" | ||
257 | width="400" | ||
258 | > | ||
259 | </el-table-column> | ||
260 | <el-table-column | ||
261 | prop="djsh" | ||
262 | label="登记时间" | ||
263 | align="center" | ||
264 | width="200" | ||
265 | > | ||
266 | </el-table-column> | ||
267 | <el-table-column | ||
268 | prop="jssi" | ||
269 | label="接受时间" | ||
270 | align="center" | ||
271 | width="200" | ||
272 | > | ||
273 | </el-table-column> | ||
274 | </el-table> | ||
275 | <el-table | ||
276 | v-if="isActive==4" | ||
277 | :data="tabaledata" | ||
278 | style="width: 100%;" | ||
279 | height="100%" | ||
280 | border | ||
281 | stripe | ||
282 | :default-sort = "{prop: 'xh', order: 'ascending'}" | ||
283 | > | 228 | > |
284 | <el-table-column | 229 | <el-table-column |
285 | type="selection" | 230 | type="selection" |
... | @@ -347,6 +292,7 @@ | ... | @@ -347,6 +292,7 @@ |
347 | border | 292 | border |
348 | stripe | 293 | stripe |
349 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 294 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
295 | @row-click="clickData" | ||
350 | > | 296 | > |
351 | <el-table-column | 297 | <el-table-column |
352 | type="selection" | 298 | type="selection" | ... | ... |
... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
3 | data(){ | 3 | data(){ |
4 | return { | 4 | return { |
5 | search:'', | 5 | search:'', |
6 | projectId:null, | ||
7 | userId:null, | ||
6 | // 表格数据 | 8 | // 表格数据 |
7 | tabaledata:[ | 9 | tabaledata:[ |
8 | { | 10 | { |
... | @@ -66,6 +68,89 @@ var self = new Vue({ | ... | @@ -66,6 +68,89 @@ var self = new Vue({ |
66 | handleCurrentChange(){}, | 68 | handleCurrentChange(){}, |
67 | click(val){ | 69 | click(val){ |
68 | this.isActive = val | 70 | this.isActive = val |
71 | }, | ||
72 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
73 | // debugger | ||
74 | var unique = this.uuid(); | ||
75 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
76 | url += 'stats=' + _stats; | ||
77 | url += '&flowid=' + flowId; | ||
78 | url += '&create=' + (this.projectId ? 1 : 0); | ||
79 | url += '&projectid=' + (this.projectId || ""); | ||
80 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
81 | url += '&uniquePath=' + unique; | ||
82 | window.open(this.handleJumpUrl(url)); | ||
83 | this.addFlowUserCount(flowId); | ||
84 | }, | ||
85 | addFlowUserCount (flowId) { | ||
86 | if (flowId === null || flowId === undefined) { | ||
87 | return false; | ||
88 | } | ||
89 | |||
90 | this.ajaxPromise({ | ||
91 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
92 | contentType: "application/json", | ||
93 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
94 | }).catch((error)=> { | ||
95 | console.error(error); | ||
96 | }); | ||
97 | }, | ||
98 | handleJumpUrl(url){ | ||
99 | var myid = "guid" + this.guid(); | ||
100 | var tempArr = url.split("?"); | ||
101 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
102 | var urlValue = tempArr[1]; | ||
103 | var cacheUrlValue = null; | ||
104 | var data = { | ||
105 | paramUrl:urlValue, | ||
106 | ftoken:$.cookie('ftoken') | ||
107 | }; | ||
108 | if(window.globalLocalCache){ | ||
109 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
110 | } | ||
111 | return returnStr; | ||
112 | }, | ||
113 | S4() { | ||
114 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
115 | }, | ||
116 | guid() { | ||
117 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
118 | }, | ||
119 | uuid(){ | ||
120 | var s = []; | ||
121 | var hexDigits = "0123456789abcdef"; | ||
122 | for (var i = 0; i < 36; i++) { | ||
123 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
124 | } | ||
125 | s[14] = "4"; | ||
126 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
127 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
128 | |||
129 | var uuid = s.join(""); | ||
130 | return uuid; | ||
131 | }, | ||
132 | ajaxPromise(options) { | ||
133 | return new Promise(function (resolve, reject) { | ||
134 | if ( typeof options !== "object" ) { | ||
135 | return reject("参数错误!"); | ||
136 | } | ||
137 | let _type = options.type || "POST"; | ||
138 | //'application/json' | ||
139 | $.ajax({ | ||
140 | type: _type, | ||
141 | url: options.url, | ||
142 | data: options.data, | ||
143 | dataType: options.dataType, | ||
144 | contentType: options.contentType, | ||
145 | headers: {"token":$.cookie('ftoken') }, | ||
146 | success: function(result){ | ||
147 | resolve(result); | ||
148 | }, | ||
149 | error: function (error) { | ||
150 | reject(error); | ||
151 | } | ||
152 | }); | ||
153 | }) | ||
69 | } | 154 | } |
70 | } | 155 | } |
71 | }) | 156 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
11 | <style> | 15 | <style> |
12 | .contanier{ | 16 | .contanier{ |
13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
... | @@ -29,11 +33,11 @@ | ... | @@ -29,11 +33,11 @@ |
29 | cursor: pointer; | 33 | cursor: pointer; |
30 | } | 34 | } |
31 | .optspan:hover{ | 35 | .optspan:hover{ |
32 | color:#05C6B4 | 36 | color:#409EFF |
33 | } | 37 | } |
34 | .select{ | 38 | .select{ |
35 | color:#05C6B4; | 39 | color:#409EFF; |
36 | border-bottom:5px solid #05C6B4 | 40 | border-bottom:5px solid #409EFF |
37 | } | 41 | } |
38 | .el-table{ | 42 | .el-table{ |
39 | margin-top: 20px; | 43 | margin-top: 20px; |
... | @@ -62,12 +66,17 @@ | ... | @@ -62,12 +66,17 @@ |
62 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> | 66 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> |
63 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> | 67 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> |
64 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> | 68 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> |
65 | <span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span> | ||
66 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> | 69 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> |
67 | </div> | 70 | </div> |
71 | <div style="line-height: 37px;margin-left: -100px"> | ||
72 | <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
73 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | ||
74 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
75 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | ||
76 | </div> | ||
68 | <div style="float: right"> | 77 | <div style="float: right"> |
69 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> | 78 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> |
70 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button> |
71 | </div> | 80 | </div> |
72 | </div> | 81 | </div> |
73 | <!-- 表格区域--> | 82 | <!-- 表格区域--> |
... | @@ -273,73 +282,6 @@ | ... | @@ -273,73 +282,6 @@ |
273 | </el-table-column> | 282 | </el-table-column> |
274 | </el-table> | 283 | </el-table> |
275 | <el-table | 284 | <el-table |
276 | v-if="isActive==4" | ||
277 | :data="tabaledata" | ||
278 | style="width: 100%;" | ||
279 | height="100%" | ||
280 | border | ||
281 | stripe | ||
282 | :default-sort = "{prop: 'xh', order: 'ascending'}" | ||
283 | > | ||
284 | <el-table-column | ||
285 | type="selection" | ||
286 | width="55"> | ||
287 | </el-table-column> | ||
288 | <el-table-column | ||
289 | prop="xh" | ||
290 | label="序号" | ||
291 | width="55"> | ||
292 | </el-table-column> | ||
293 | <el-table-column | ||
294 | prop="ajmc" | ||
295 | width="300" | ||
296 | label="案件名称" | ||
297 | align="center" | ||
298 | ></el-table-column> | ||
299 | <el-table-column | ||
300 | prop="anlx" | ||
301 | label="案件类型" | ||
302 | align="center" | ||
303 | width="100" | ||
304 | > | ||
305 | </el-table-column> | ||
306 | <el-table-column | ||
307 | prop="zrdw" | ||
308 | label="责任单位" | ||
309 | align="center" | ||
310 | width="200" | ||
311 | > | ||
312 | </el-table-column> | ||
313 | <el-table-column | ||
314 | prop="ssqy" | ||
315 | label="所属区域" | ||
316 | align="center" | ||
317 | width="200" | ||
318 | > | ||
319 | </el-table-column> | ||
320 | <el-table-column | ||
321 | prop="ljr" | ||
322 | label="来件人" | ||
323 | align="center" | ||
324 | width="400" | ||
325 | > | ||
326 | </el-table-column> | ||
327 | <el-table-column | ||
328 | prop="djsh" | ||
329 | label="登记时间" | ||
330 | align="center" | ||
331 | width="200" | ||
332 | > | ||
333 | </el-table-column> | ||
334 | <el-table-column | ||
335 | prop="jssi" | ||
336 | label="接受时间" | ||
337 | align="center" | ||
338 | width="200" | ||
339 | > | ||
340 | </el-table-column> | ||
341 | </el-table> | ||
342 | <el-table | ||
343 | v-if="isActive==5" | 285 | v-if="isActive==5" |
344 | :data="tabaledata" | 286 | :data="tabaledata" |
345 | style="width: 100%;" | 287 | style="width: 100%;" | ... | ... |
... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
3 | data(){ | 3 | data(){ |
4 | return { | 4 | return { |
5 | search:'', | 5 | search:'', |
6 | projectId:null, | ||
7 | userId:null, | ||
6 | // 表格数据 | 8 | // 表格数据 |
7 | tabaledata:[ | 9 | tabaledata:[ |
8 | { | 10 | { |
... | @@ -66,6 +68,89 @@ var self = new Vue({ | ... | @@ -66,6 +68,89 @@ var self = new Vue({ |
66 | handleCurrentChange(){}, | 68 | handleCurrentChange(){}, |
67 | click(val){ | 69 | click(val){ |
68 | this.isActive = val | 70 | this.isActive = val |
71 | }, | ||
72 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
73 | // debugger | ||
74 | var unique = this.uuid(); | ||
75 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
76 | url += 'stats=' + _stats; | ||
77 | url += '&flowid=' + flowId; | ||
78 | url += '&create=' + (this.projectId ? 1 : 0); | ||
79 | url += '&projectid=' + (this.projectId || ""); | ||
80 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
81 | url += '&uniquePath=' + unique; | ||
82 | window.open(this.handleJumpUrl(url)); | ||
83 | this.addFlowUserCount(flowId); | ||
84 | }, | ||
85 | addFlowUserCount (flowId) { | ||
86 | if (flowId === null || flowId === undefined) { | ||
87 | return false; | ||
88 | } | ||
89 | |||
90 | this.ajaxPromise({ | ||
91 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
92 | contentType: "application/json", | ||
93 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
94 | }).catch((error)=> { | ||
95 | console.error(error); | ||
96 | }); | ||
97 | }, | ||
98 | handleJumpUrl(url){ | ||
99 | var myid = "guid" + this.guid(); | ||
100 | var tempArr = url.split("?"); | ||
101 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
102 | var urlValue = tempArr[1]; | ||
103 | var cacheUrlValue = null; | ||
104 | var data = { | ||
105 | paramUrl:urlValue, | ||
106 | ftoken:$.cookie('ftoken') | ||
107 | }; | ||
108 | if(window.globalLocalCache){ | ||
109 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
110 | } | ||
111 | return returnStr; | ||
112 | }, | ||
113 | S4() { | ||
114 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
115 | }, | ||
116 | guid() { | ||
117 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
118 | }, | ||
119 | uuid(){ | ||
120 | var s = []; | ||
121 | var hexDigits = "0123456789abcdef"; | ||
122 | for (var i = 0; i < 36; i++) { | ||
123 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
124 | } | ||
125 | s[14] = "4"; | ||
126 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
127 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
128 | |||
129 | var uuid = s.join(""); | ||
130 | return uuid; | ||
131 | }, | ||
132 | ajaxPromise(options) { | ||
133 | return new Promise(function (resolve, reject) { | ||
134 | if ( typeof options !== "object" ) { | ||
135 | return reject("参数错误!"); | ||
136 | } | ||
137 | let _type = options.type || "POST"; | ||
138 | //'application/json' | ||
139 | $.ajax({ | ||
140 | type: _type, | ||
141 | url: options.url, | ||
142 | data: options.data, | ||
143 | dataType: options.dataType, | ||
144 | contentType: options.contentType, | ||
145 | headers: {"token":$.cookie('ftoken') }, | ||
146 | success: function(result){ | ||
147 | resolve(result); | ||
148 | }, | ||
149 | error: function (error) { | ||
150 | reject(error); | ||
151 | } | ||
152 | }); | ||
153 | }) | ||
69 | } | 154 | } |
70 | } | 155 | } |
71 | }) | 156 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
11 | <style> | 15 | <style> |
12 | .contanier{ | 16 | .contanier{ |
13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
... | @@ -30,11 +34,11 @@ | ... | @@ -30,11 +34,11 @@ |
30 | cursor: pointer; | 34 | cursor: pointer; |
31 | } | 35 | } |
32 | .optspan:hover{ | 36 | .optspan:hover{ |
33 | color:#05C6B4 | 37 | color:#409EFF |
34 | } | 38 | } |
35 | .select{ | 39 | .select{ |
36 | color:#05C6B4; | 40 | color:#409EFF; |
37 | border-bottom:5px solid #05C6B4 | 41 | border-bottom:5px solid #409EFF |
38 | } | 42 | } |
39 | .el-table{ | 43 | .el-table{ |
40 | margin-top: 20px; | 44 | margin-top: 20px; |
... | @@ -69,12 +73,17 @@ | ... | @@ -69,12 +73,17 @@ |
69 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> | 73 | <span class="optspan" :class="isActive==1? 'select':''" @click="click(1)">全部</span> |
70 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> | 74 | <span class="optspan" :class="isActive==2? 'select':''" @click="click(2)">批后</span> |
71 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> | 75 | <span class="optspan" :class="isActive==3? 'select':''" @click="click(3)">巡查</span> |
72 | <span class="optspan" :class="isActive==4? 'select':''" @click="click(4)">举报</span> | ||
73 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> | 76 | <span class="optspan" :class="isActive==5? 'select':''" @click="click(5)">转办</span> |
74 | </div> | 77 | </div> |
78 | <div style="line-height: 37px;margin-left: -100px"> | ||
79 | <el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
80 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | ||
81 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button> | ||
82 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | ||
83 | </div> | ||
75 | <div style="float: right"> | 84 | <div style="float: right"> |
76 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> | 85 | <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input> |
77 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 86 | <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button> |
78 | </div> | 87 | </div> |
79 | </div> | 88 | </div> |
80 | <!-- 表格区域--> | 89 | <!-- 表格区域--> |
... | @@ -280,73 +289,6 @@ | ... | @@ -280,73 +289,6 @@ |
280 | </el-table-column> | 289 | </el-table-column> |
281 | </el-table> | 290 | </el-table> |
282 | <el-table | 291 | <el-table |
283 | v-if="isActive==4" | ||
284 | :data="tabaledata" | ||
285 | style="width: 100%;" | ||
286 | height="100%" | ||
287 | border | ||
288 | stripe | ||
289 | :default-sort = "{prop: 'xh', order: 'ascending'}" | ||
290 | > | ||
291 | <el-table-column | ||
292 | type="selection" | ||
293 | width="55"> | ||
294 | </el-table-column> | ||
295 | <el-table-column | ||
296 | prop="xh" | ||
297 | label="序号" | ||
298 | width="55"> | ||
299 | </el-table-column> | ||
300 | <el-table-column | ||
301 | prop="ajmc" | ||
302 | width="300" | ||
303 | label="案件名称" | ||
304 | align="center" | ||
305 | ></el-table-column> | ||
306 | <el-table-column | ||
307 | prop="anlx" | ||
308 | label="案件类型" | ||
309 | align="center" | ||
310 | width="100" | ||
311 | > | ||
312 | </el-table-column> | ||
313 | <el-table-column | ||
314 | prop="zrdw" | ||
315 | label="责任单位" | ||
316 | align="center" | ||
317 | width="200" | ||
318 | > | ||
319 | </el-table-column> | ||
320 | <el-table-column | ||
321 | prop="ssqy" | ||
322 | label="所属区域" | ||
323 | align="center" | ||
324 | width="200" | ||
325 | > | ||
326 | </el-table-column> | ||
327 | <el-table-column | ||
328 | prop="ljr" | ||
329 | label="来件人" | ||
330 | align="center" | ||
331 | width="400" | ||
332 | > | ||
333 | </el-table-column> | ||
334 | <el-table-column | ||
335 | prop="djsh" | ||
336 | label="登记时间" | ||
337 | align="center" | ||
338 | width="200" | ||
339 | > | ||
340 | </el-table-column> | ||
341 | <el-table-column | ||
342 | prop="jssi" | ||
343 | label="接受时间" | ||
344 | align="center" | ||
345 | width="200" | ||
346 | > | ||
347 | </el-table-column> | ||
348 | </el-table> | ||
349 | <el-table | ||
350 | v-if="isActive==5" | 292 | v-if="isActive==5" |
351 | :data="tabaledata" | 293 | :data="tabaledata" |
352 | style="width: 100%;" | 294 | style="width: 100%;" | ... | ... |
... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
3 | data(){ | 3 | data(){ |
4 | return { | 4 | return { |
5 | search:'', | 5 | search:'', |
6 | projectId:null, | ||
7 | userId:null, | ||
6 | // 表格数据 | 8 | // 表格数据 |
7 | tabaledata:[ | 9 | tabaledata:[ |
8 | { | 10 | { |
... | @@ -100,6 +102,89 @@ var self = new Vue({ | ... | @@ -100,6 +102,89 @@ var self = new Vue({ |
100 | handleSizeChange(){ | 102 | handleSizeChange(){ |
101 | 103 | ||
102 | }, | 104 | }, |
103 | handleCurrentChange(){} | 105 | handleCurrentChange(){}, |
106 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
107 | // debugger | ||
108 | var unique = this.uuid(); | ||
109 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
110 | url += 'stats=' + _stats; | ||
111 | url += '&flowid=' + flowId; | ||
112 | url += '&create=' + (this.projectId ? 1 : 0); | ||
113 | url += '&projectid=' + (this.projectId || ""); | ||
114 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
115 | url += '&uniquePath=' + unique; | ||
116 | window.open(this.handleJumpUrl(url)); | ||
117 | this.addFlowUserCount(flowId); | ||
118 | }, | ||
119 | addFlowUserCount (flowId) { | ||
120 | if (flowId === null || flowId === undefined) { | ||
121 | return false; | ||
122 | } | ||
123 | |||
124 | this.ajaxPromise({ | ||
125 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
126 | contentType: "application/json", | ||
127 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
128 | }).catch((error)=> { | ||
129 | console.error(error); | ||
130 | }); | ||
131 | }, | ||
132 | handleJumpUrl(url){ | ||
133 | var myid = "guid" + this.guid(); | ||
134 | var tempArr = url.split("?"); | ||
135 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
136 | var urlValue = tempArr[1]; | ||
137 | var cacheUrlValue = null; | ||
138 | var data = { | ||
139 | paramUrl:urlValue, | ||
140 | ftoken:$.cookie('ftoken') | ||
141 | }; | ||
142 | if(window.globalLocalCache){ | ||
143 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
144 | } | ||
145 | return returnStr; | ||
146 | }, | ||
147 | S4() { | ||
148 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
149 | }, | ||
150 | guid() { | ||
151 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
152 | }, | ||
153 | uuid(){ | ||
154 | var s = []; | ||
155 | var hexDigits = "0123456789abcdef"; | ||
156 | for (var i = 0; i < 36; i++) { | ||
157 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
158 | } | ||
159 | s[14] = "4"; | ||
160 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
161 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
162 | |||
163 | var uuid = s.join(""); | ||
164 | return uuid; | ||
165 | }, | ||
166 | ajaxPromise(options) { | ||
167 | return new Promise(function (resolve, reject) { | ||
168 | if ( typeof options !== "object" ) { | ||
169 | return reject("参数错误!"); | ||
170 | } | ||
171 | let _type = options.type || "POST"; | ||
172 | //'application/json' | ||
173 | $.ajax({ | ||
174 | type: _type, | ||
175 | url: options.url, | ||
176 | data: options.data, | ||
177 | dataType: options.dataType, | ||
178 | contentType: options.contentType, | ||
179 | headers: {"token":$.cookie('ftoken') }, | ||
180 | success: function(result){ | ||
181 | resolve(result); | ||
182 | }, | ||
183 | error: function (error) { | ||
184 | reject(error); | ||
185 | } | ||
186 | }); | ||
187 | }) | ||
188 | } | ||
104 | } | 189 | } |
105 | }) | 190 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
11 | <style> | 15 | <style> |
12 | .contanier{ | 16 | .contanier{ |
13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
... | @@ -19,6 +23,7 @@ | ... | @@ -19,6 +23,7 @@ |
19 | } | 23 | } |
20 | .el-input{ | 24 | .el-input{ |
21 | margin-top:15px; | 25 | margin-top:15px; |
26 | margin-left:-100px; | ||
22 | } | 27 | } |
23 | .el-button{ | 28 | .el-button{ |
24 | margin-top: 20px; | 29 | margin-top: 20px; |
... | @@ -40,19 +45,42 @@ | ... | @@ -40,19 +45,42 @@ |
40 | .el-table__row{ | 45 | .el-table__row{ |
41 | cursor: pointer; | 46 | cursor: pointer; |
42 | } | 47 | } |
48 | .btns{ | ||
49 | width: 73px; | ||
50 | height: 30px; | ||
51 | border-radius: 2px; | ||
52 | background-color: white; | ||
53 | border: 1px solid #0096eb; | ||
54 | color: #0096eb; | ||
55 | cursor: pointer; | ||
56 | padding: 4px 10px; | ||
57 | margin-right: 7px; | ||
58 | outline: 0; | ||
59 | } | ||
60 | .btns:hover{ | ||
61 | background: #0096eb; | ||
62 | color: #fff; | ||
63 | } | ||
64 | .el-col-5{ | ||
65 | margin-top:20px | ||
66 | } | ||
43 | </style> | 67 | </style> |
44 | </head> | 68 | </head> |
45 | <body> | 69 | <body> |
46 | <div id="app"> | 70 | <div id="app"> |
47 | <div class='contanier'> | 71 | <div class='contanier'> |
48 | <el-row :gutter="20"> | 72 | <el-row :gutter="20"> |
49 | <el-col :span="6"> | 73 | <el-col :span="5"> |
50 | <el-input v-model="search" placeholder="请输入查询内容"></el-input> | 74 | <!-- <button class="btns">查询</button>--> |
75 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> | ||
76 | <button class="btns">删除</button> | ||
51 | </el-col> | 77 | </el-col> |
52 | <el-col :span="10"> | 78 | <el-col :span="6"> |
53 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-input v-model="search" placeholder="请输入查询内容" suffix-icon="el-icon-search"></el-input> |
54 | <el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button> | 80 | <!-- 等完成后调节--> |
55 | <el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button> | 81 | <!-- <img id="searchBtn"--> |
82 | <!-- src="../../../../image/projecttask/search.png"--> | ||
83 | <!-- style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;" />--> | ||
56 | </el-col> | 84 | </el-col> |
57 | </el-row> | 85 | </el-row> |
58 | <!-- 列表区域--> | 86 | <!-- 列表区域--> | ... | ... |
... | @@ -3,6 +3,8 @@ var self = new Vue({ | ... | @@ -3,6 +3,8 @@ var self = new Vue({ |
3 | data(){ | 3 | data(){ |
4 | return { | 4 | return { |
5 | search:'', | 5 | search:'', |
6 | projectId:null, | ||
7 | userId:null, | ||
6 | // 表格数据 | 8 | // 表格数据 |
7 | tabaledata:[ | 9 | tabaledata:[ |
8 | { | 10 | { |
... | @@ -14,6 +16,7 @@ var self = new Vue({ | ... | @@ -14,6 +16,7 @@ var self = new Vue({ |
14 | tdyt:'住宅', | 16 | tdyt:'住宅', |
15 | zrdw:'高新分局', | 17 | zrdw:'高新分局', |
16 | ssqy:'高新分局', | 18 | ssqy:'高新分局', |
19 | cjsj:'2020-07-05' | ||
17 | }, | 20 | }, |
18 | { | 21 | { |
19 | xmbh:'QJ202000028', | 22 | xmbh:'QJ202000028', |
... | @@ -24,6 +27,7 @@ var self = new Vue({ | ... | @@ -24,6 +27,7 @@ var self = new Vue({ |
24 | tdyt:'商铺', | 27 | tdyt:'商铺', |
25 | zrdw:'高新分局', | 28 | zrdw:'高新分局', |
26 | ssqy:'高新分局', | 29 | ssqy:'高新分局', |
30 | cjsj:'2020-07-05' | ||
27 | }, | 31 | }, |
28 | { | 32 | { |
29 | xmbh:'QJ202000028', | 33 | xmbh:'QJ202000028', |
... | @@ -34,6 +38,7 @@ var self = new Vue({ | ... | @@ -34,6 +38,7 @@ var self = new Vue({ |
34 | tdyt:'商铺', | 38 | tdyt:'商铺', |
35 | zrdw:'高新分局', | 39 | zrdw:'高新分局', |
36 | ssqy:'高新分局', | 40 | ssqy:'高新分局', |
41 | cjsj:'2020-07-05' | ||
37 | }, | 42 | }, |
38 | { | 43 | { |
39 | xmbh:'QJ202000028', | 44 | xmbh:'QJ202000028', |
... | @@ -44,6 +49,7 @@ var self = new Vue({ | ... | @@ -44,6 +49,7 @@ var self = new Vue({ |
44 | tdyt:'商铺', | 49 | tdyt:'商铺', |
45 | zrdw:'高新分局', | 50 | zrdw:'高新分局', |
46 | ssqy:'高新分局', | 51 | ssqy:'高新分局', |
52 | cjsj:'2020-07-05' | ||
47 | }, | 53 | }, |
48 | { | 54 | { |
49 | xmbh:'QJ202000028', | 55 | xmbh:'QJ202000028', |
... | @@ -54,6 +60,40 @@ var self = new Vue({ | ... | @@ -54,6 +60,40 @@ var self = new Vue({ |
54 | tdyt:'商铺', | 60 | tdyt:'商铺', |
55 | zrdw:'高新分局', | 61 | zrdw:'高新分局', |
56 | ssqy:'高新分局', | 62 | ssqy:'高新分局', |
63 | cjsj:'2020-07-05' | ||
64 | }, | ||
65 | { | ||
66 | xmbh:'QJ202000028', | ||
67 | xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
68 | djbh:'GX3-18-25', | ||
69 | ydmj:'87.608', | ||
70 | zdwz:'高新区纬二十六路以北,西太路以西,纬二十四路以北', | ||
71 | tdyt:'商铺', | ||
72 | zrdw:'高新分局', | ||
73 | ssqy:'高新分局', | ||
74 | cjsj:'2020-07-05' | ||
75 | }, | ||
76 | { | ||
77 | xmbh:'QJ202000028', | ||
78 | xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
79 | djbh:'GX3-18-25', | ||
80 | ydmj:'87.608', | ||
81 | zdwz:'高新区纬二十六路以北,西太路以西,纬二十四路以北', | ||
82 | tdyt:'商铺', | ||
83 | zrdw:'高新分局', | ||
84 | ssqy:'高新分局', | ||
85 | cjsj:'2020-07-05' | ||
86 | }, | ||
87 | { | ||
88 | xmbh:'QJ202000028', | ||
89 | xmmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
90 | djbh:'GX3-18-25', | ||
91 | ydmj:'87.608', | ||
92 | zdwz:'高新区纬二十六路以北,西太路以西,纬二十四路以北', | ||
93 | tdyt:'商铺', | ||
94 | zrdw:'碑林分局', | ||
95 | ssqy:'碑林分局', | ||
96 | cjsj:'2020-07-05' | ||
57 | }, | 97 | }, |
58 | ] | 98 | ] |
59 | } | 99 | } |
... | @@ -62,6 +102,89 @@ var self = new Vue({ | ... | @@ -62,6 +102,89 @@ var self = new Vue({ |
62 | handleSizeChange(){ | 102 | handleSizeChange(){ |
63 | 103 | ||
64 | }, | 104 | }, |
65 | handleCurrentChange(){} | 105 | handleCurrentChange(){}, |
106 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | ||
107 | // debugger | ||
108 | var unique = this.uuid(); | ||
109 | let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?'; | ||
110 | url += 'stats=' + _stats; | ||
111 | url += '&flowid=' + flowId; | ||
112 | url += '&create=' + (this.projectId ? 1 : 0); | ||
113 | url += '&projectid=' + (this.projectId || ""); | ||
114 | url += '&flowItemTypeId=' + (itemTypeId || ""); | ||
115 | url += '&uniquePath=' + unique; | ||
116 | window.open(this.handleJumpUrl(url)); | ||
117 | this.addFlowUserCount(flowId); | ||
118 | }, | ||
119 | addFlowUserCount (flowId) { | ||
120 | if (flowId === null || flowId === undefined) { | ||
121 | return false; | ||
122 | } | ||
123 | |||
124 | this.ajaxPromise({ | ||
125 | data: JSON.stringify({"flowId": flowId,"userId": this.userId}), | ||
126 | contentType: "application/json", | ||
127 | url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do" | ||
128 | }).catch((error)=> { | ||
129 | console.error(error); | ||
130 | }); | ||
131 | }, | ||
132 | handleJumpUrl(url){ | ||
133 | var myid = "guid" + this.guid(); | ||
134 | var tempArr = url.split("?"); | ||
135 | var returnStr = tempArr[0] + "?guid=" + myid; | ||
136 | var urlValue = tempArr[1]; | ||
137 | var cacheUrlValue = null; | ||
138 | var data = { | ||
139 | paramUrl:urlValue, | ||
140 | ftoken:$.cookie('ftoken') | ||
141 | }; | ||
142 | if(window.globalLocalCache){ | ||
143 | cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data); | ||
144 | } | ||
145 | return returnStr; | ||
146 | }, | ||
147 | S4() { | ||
148 | return (((1+Math.random())*0x10000)|0).toString(16).substring(1); | ||
149 | }, | ||
150 | guid() { | ||
151 | return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()); | ||
152 | }, | ||
153 | uuid(){ | ||
154 | var s = []; | ||
155 | var hexDigits = "0123456789abcdef"; | ||
156 | for (var i = 0; i < 36; i++) { | ||
157 | s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); | ||
158 | } | ||
159 | s[14] = "4"; | ||
160 | s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); | ||
161 | s[8] = s[13] = s[18] = s[23] = "-"; | ||
162 | |||
163 | var uuid = s.join(""); | ||
164 | return uuid; | ||
165 | }, | ||
166 | ajaxPromise(options) { | ||
167 | return new Promise(function (resolve, reject) { | ||
168 | if ( typeof options !== "object" ) { | ||
169 | return reject("参数错误!"); | ||
170 | } | ||
171 | let _type = options.type || "POST"; | ||
172 | //'application/json' | ||
173 | $.ajax({ | ||
174 | type: _type, | ||
175 | url: options.url, | ||
176 | data: options.data, | ||
177 | dataType: options.dataType, | ||
178 | contentType: options.contentType, | ||
179 | headers: {"token":$.cookie('ftoken') }, | ||
180 | success: function(result){ | ||
181 | resolve(result); | ||
182 | }, | ||
183 | error: function (error) { | ||
184 | reject(error); | ||
185 | } | ||
186 | }); | ||
187 | }) | ||
188 | } | ||
66 | } | 189 | } |
67 | }) | 190 | }) |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -8,6 +8,10 @@ | ... | @@ -8,6 +8,10 @@ |
8 | <script src="/frontweb/libs/vue/vue.js"></script> | 8 | <script src="/frontweb/libs/vue/vue.js"></script> |
9 | <script src="/frontweb/libs/element/index.js"></script> | 9 | <script src="/frontweb/libs/element/index.js"></script> |
10 | <script src="/frontweb/libs/axios/axios.min.js"></script> | 10 | <script src="/frontweb/libs/axios/axios.min.js"></script> |
11 | <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script> | ||
12 | <script src="/frontweb/libs/jquery/jquery.cookie.js"></script> | ||
13 | <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> | ||
14 | <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> | ||
11 | <style> | 15 | <style> |
12 | .contanier{ | 16 | .contanier{ |
13 | margin:10px 10px 0 10px; | 17 | margin:10px 10px 0 10px; |
... | @@ -19,6 +23,7 @@ | ... | @@ -19,6 +23,7 @@ |
19 | } | 23 | } |
20 | .el-input{ | 24 | .el-input{ |
21 | margin-top:15px; | 25 | margin-top:15px; |
26 | margin-left:-100px; | ||
22 | } | 27 | } |
23 | .el-button{ | 28 | .el-button{ |
24 | margin-top: 20px; | 29 | margin-top: 20px; |
... | @@ -40,19 +45,38 @@ | ... | @@ -40,19 +45,38 @@ |
40 | .el-table__row{ | 45 | .el-table__row{ |
41 | cursor: pointer; | 46 | cursor: pointer; |
42 | } | 47 | } |
48 | .btns{ | ||
49 | width: 73px; | ||
50 | height: 30px; | ||
51 | border-radius: 2px; | ||
52 | background-color: white; | ||
53 | border: 1px solid #0096eb; | ||
54 | color: #0096eb; | ||
55 | cursor: pointer; | ||
56 | padding: 4px 10px; | ||
57 | margin-right: 7px; | ||
58 | outline: 0; | ||
59 | } | ||
60 | .btns:hover{ | ||
61 | background: #0096eb; | ||
62 | color: #fff; | ||
63 | } | ||
64 | .el-col-5{ | ||
65 | margin-top:20px | ||
66 | } | ||
43 | </style> | 67 | </style> |
44 | </head> | 68 | </head> |
45 | <body> | 69 | <body> |
46 | <div id="app"> | 70 | <div id="app"> |
47 | <div class='contanier'> | 71 | <div class='contanier'> |
48 | <el-row :gutter="20"> | 72 | <el-row :gutter="20"> |
49 | <el-col :span="6"> | 73 | <el-col :span="5"> |
50 | <el-input v-model="search" placeholder="请输入查询内容"></el-input> | 74 | <!-- <button class="btns">查询</button>--> |
75 | <button class="btns" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</button> | ||
76 | <button class="btns">删除</button> | ||
51 | </el-col> | 77 | </el-col> |
52 | <el-col :span="10"> | 78 | <el-col :span="6"> |
53 | <el-button type="success" size="mini" icon="el-icon-search">查询</el-button> | 79 | <el-input v-model="search" placeholder="请输入查询内容" suffix-icon="el-icon-search"></el-input> |
54 | <el-button type="info" size="mini" icon="el-icon-plus" >添加</el-button> | ||
55 | <el-button type="danger" size="mini" icon='el-icon-delete'>删除</el-button> | ||
56 | </el-col> | 80 | </el-col> |
57 | </el-row> | 81 | </el-row> |
58 | <!-- 列表区域--> | 82 | <!-- 列表区域--> | ... | ... |
-
Please register or sign in to post a comment