9ac66546 by 焦小希

增加点击跳转事件,修改样式

1 parent 7cb5f3f7
...@@ -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 <!-- 列表区域-->
......