修改点击进入详情页2
Showing
7 changed files
with
105 additions
and
26 deletions
... | @@ -96,7 +96,7 @@ var self = new Vue({ | ... | @@ -96,7 +96,7 @@ var self = new Vue({ |
96 | jumpdetailPage(data) { | 96 | jumpdetailPage(data) { |
97 | var taskid = data.TASKID; | 97 | var taskid = data.TASKID; |
98 | var detailType = data.detailType; | 98 | var detailType = data.detailType; |
99 | var projectid = data.PROJECTID; | 99 | var projectid = data.id; |
100 | var flowInstanceId =data.INSTANCEID; | 100 | var flowInstanceId =data.INSTANCEID; |
101 | var titleEncode = encodeURI(encodeURI(data.PROJECTNAME)); | 101 | var titleEncode = encodeURI(encodeURI(data.PROJECTNAME)); |
102 | var stats = data.stats ? data.stats : ''; | 102 | var stats = data.stats ? data.stats : ''; |
... | @@ -109,7 +109,7 @@ var self = new Vue({ | ... | @@ -109,7 +109,7 @@ var self = new Vue({ |
109 | var layerid=""; | 109 | var layerid=""; |
110 | var coverage=""; | 110 | var coverage=""; |
111 | var url = CONF_FRONT_SERVERURL | 111 | var url = CONF_FRONT_SERVERURL |
112 | + 'view/projecttask/detailproject.jsp?projectid=' + 20190 + "&referer=''&stats=" | 112 | + 'view/projecttask/detailproject.jsp?projectid=' + projectid + "&referer=''&stats=" |
113 | + stats +"&projectcode="+projectcode+"&taskId=" + taskid + "&flowInstanceId=" + flowInstanceId+'&titleEncode=' | 113 | + stats +"&projectcode="+projectcode+"&taskId=" + taskid + "&flowInstanceId=" + flowInstanceId+'&titleEncode=' |
114 | + titleEncode + "&projectStatus=" + PROJECTSTATUS+"&flowRevisionId="+FLOWREVISIONID+flowItemTypeKvStr+"&FLOWVERSION="+version+"&detailType="+detailType; | 114 | + titleEncode + "&projectStatus=" + PROJECTSTATUS+"&flowRevisionId="+FLOWREVISIONID+flowItemTypeKvStr+"&FLOWVERSION="+version+"&detailType="+detailType; |
115 | 115 | ... | ... |
... | @@ -166,7 +166,7 @@ | ... | @@ -166,7 +166,7 @@ |
166 | width="55"> | 166 | width="55"> |
167 | </el-table-column> | 167 | </el-table-column> |
168 | <el-table-column | 168 | <el-table-column |
169 | prop="xh" | 169 | type="index" |
170 | label="序号" | 170 | label="序号" |
171 | width="55"> | 171 | width="55"> |
172 | </el-table-column> | 172 | </el-table-column> |
... | @@ -302,7 +302,7 @@ | ... | @@ -302,7 +302,7 @@ |
302 | width="55"> | 302 | width="55"> |
303 | </el-table-column> | 303 | </el-table-column> |
304 | <el-table-column | 304 | <el-table-column |
305 | prop="xh" | 305 | type="index" |
306 | label="序号" | 306 | label="序号" |
307 | width="55"> | 307 | width="55"> |
308 | </el-table-column> | 308 | </el-table-column> | ... | ... |
... | @@ -4,7 +4,11 @@ var self = new Vue({ | ... | @@ -4,7 +4,11 @@ var self = new Vue({ |
4 | return { | 4 | return { |
5 | search:'', | 5 | search:'', |
6 | projectId:null, | 6 | projectId:null, |
7 | userId:null, | 7 | userId:'t0101_8a8610de737b99270173941e5c50017e', |
8 | flowid: 't1001_8a8610de737b99270173937337e00133', | ||
9 | pageNum:1, | ||
10 | pageSize:10, | ||
11 | total:0, | ||
8 | // 表格数据 | 12 | // 表格数据 |
9 | tabaledata:[ | 13 | tabaledata:[ |
10 | { | 14 | { |
... | @@ -61,9 +65,53 @@ var self = new Vue({ | ... | @@ -61,9 +65,53 @@ var self = new Vue({ |
61 | isActive:1, | 65 | isActive:1, |
62 | } | 66 | } |
63 | }, | 67 | }, |
68 | mounted(){ | ||
69 | this.getData(); | ||
70 | }, | ||
64 | methods:{ | 71 | methods:{ |
72 | getData() { | ||
73 | axios.get(CONF_NEWGHSC_SERVERURL + '/ghjg/haveToDo/'+this.pageNum+'/'+this.pageSize, { | ||
74 | params: { | ||
75 | flowid: this.flowid, | ||
76 | userId: this.userId, | ||
77 | keyword: this.search | ||
78 | } | ||
79 | }).then(res => { | ||
80 | console.log(res) | ||
81 | this.total=res.data.data.total; | ||
82 | this.tabaledata = res.data.data.list; | ||
83 | }).catch(res=>{ | ||
84 | console.log(res) | ||
85 | }); | ||
86 | |||
87 | }, | ||
65 | handleSizeChange(){ | 88 | handleSizeChange(){ |
66 | 89 | ||
90 | }, clickData(row, column, event) { | ||
91 | this.jumpdetailPage(row); | ||
92 | }, | ||
93 | jumpdetailPage(data) { | ||
94 | var taskid = data.TASKID; | ||
95 | var detailType = data.detailType; | ||
96 | var projectid = data.id; | ||
97 | var flowInstanceId =data.INSTANCEID; | ||
98 | var titleEncode = encodeURI(encodeURI(data.PROJECTNAME)); | ||
99 | var stats = data.stats ? data.stats : ''; | ||
100 | var projecttype = data.FLOWNAME; | ||
101 | var PROJECTSTATUS = encodeURI(encodeURI(data.PROJECTSTATUS)); | ||
102 | var FLOWREVISIONID = data.FLOWREVISIONID; | ||
103 | var projectcode = data.PROJECTCODE; | ||
104 | var flowItemTypeKvStr = data.FLOWITEMTYPE?"&flowItemTypeId=" + data.FLOWITEMTYPE:""; | ||
105 | var version = data.FLOWVERSION; | ||
106 | var layerid=""; | ||
107 | var coverage=""; | ||
108 | var url = CONF_FRONT_SERVERURL | ||
109 | + 'view/projecttask/detailproject.jsp?projectid=' + projectid + "&referer=''&stats=" | ||
110 | + stats +"&projectcode="+projectcode+"&taskId=" + taskid + "&flowInstanceId=" + flowInstanceId+'&titleEncode=' | ||
111 | + titleEncode + "&projectStatus=" + PROJECTSTATUS+"&flowRevisionId="+FLOWREVISIONID+flowItemTypeKvStr+"&FLOWVERSION="+version+"&detailType="+detailType; | ||
112 | |||
113 | detailPage = window.open(this.handleJumpUrl(url)); | ||
114 | parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); | ||
67 | }, | 115 | }, |
68 | handleCurrentChange(){}, | 116 | handleCurrentChange(){}, |
69 | click(val){ | 117 | click(val){ | ... | ... |
... | @@ -93,28 +93,29 @@ | ... | @@ -93,28 +93,29 @@ |
93 | v-if="isActive==1" | 93 | v-if="isActive==1" |
94 | :data="tabaledata" | 94 | :data="tabaledata" |
95 | style="width: 100%;" | 95 | style="width: 100%;" |
96 | height="100%" | 96 | height="750px" |
97 | border | 97 | border |
98 | stripe | 98 | stripe |
99 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 99 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
100 | @row-click="clickData" | ||
100 | > | 101 | > |
101 | <el-table-column | 102 | <el-table-column |
102 | type="selection" | 103 | type="selection" |
103 | width="55"> | 104 | width="55"> |
104 | </el-table-column> | 105 | </el-table-column> |
105 | <el-table-column | 106 | <el-table-column |
106 | prop="xh" | 107 | type="index" |
107 | label="序号" | 108 | label="序号" |
108 | width="55"> | 109 | width="55"> |
109 | </el-table-column> | 110 | </el-table-column> |
110 | <el-table-column | 111 | <el-table-column |
111 | prop="ajmc" | 112 | prop="xmmc" |
112 | width="300" | 113 | width="300" |
113 | label="案件名称" | 114 | label="案件名称" |
114 | align="center" | 115 | align="center" |
115 | ></el-table-column> | 116 | ></el-table-column> |
116 | <el-table-column | 117 | <el-table-column |
117 | prop="anlx" | 118 | prop="ajlx" |
118 | label="案件类型" | 119 | label="案件类型" |
119 | align="center" | 120 | align="center" |
120 | width="100" | 121 | width="100" |
... | @@ -142,7 +143,7 @@ | ... | @@ -142,7 +143,7 @@ |
142 | > | 143 | > |
143 | </el-table-column> | 144 | </el-table-column> |
144 | <el-table-column | 145 | <el-table-column |
145 | prop="djsh" | 146 | prop="djsj" |
146 | label="登记时间" | 147 | label="登记时间" |
147 | align="center" | 148 | align="center" |
148 | width="200" | 149 | width="200" |
... | @@ -164,24 +165,25 @@ | ... | @@ -164,24 +165,25 @@ |
164 | border | 165 | border |
165 | stripe | 166 | stripe |
166 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 167 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
168 | @row-click="clickData" | ||
167 | > | 169 | > |
168 | <el-table-column | 170 | <el-table-column |
169 | type="selection" | 171 | type="selection" |
170 | width="55"> | 172 | width="55"> |
171 | </el-table-column> | 173 | </el-table-column> |
172 | <el-table-column | 174 | <el-table-column |
173 | prop="xh" | 175 | type="index" |
174 | label="序号" | 176 | label="序号" |
175 | width="55"> | 177 | width="55"> |
176 | </el-table-column> | 178 | </el-table-column> |
177 | <el-table-column | 179 | <el-table-column |
178 | prop="ajmc" | 180 | prop="xmmc" |
179 | width="300" | 181 | width="300" |
180 | label="案件名称" | 182 | label="案件名称" |
181 | align="center" | 183 | align="center" |
182 | ></el-table-column> | 184 | ></el-table-column> |
183 | <el-table-column | 185 | <el-table-column |
184 | prop="anlx" | 186 | prop="ajlx" |
185 | label="案件类型" | 187 | label="案件类型" |
186 | align="center" | 188 | align="center" |
187 | width="100" | 189 | width="100" |
... | @@ -209,7 +211,7 @@ | ... | @@ -209,7 +211,7 @@ |
209 | > | 211 | > |
210 | </el-table-column> | 212 | </el-table-column> |
211 | <el-table-column | 213 | <el-table-column |
212 | prop="djsh" | 214 | prop="djsj" |
213 | label="登记时间" | 215 | label="登记时间" |
214 | align="center" | 216 | align="center" |
215 | width="200" | 217 | width="200" |
... | @@ -231,24 +233,25 @@ | ... | @@ -231,24 +233,25 @@ |
231 | border | 233 | border |
232 | stripe | 234 | stripe |
233 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 235 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
236 | @row-click="clickData" | ||
234 | > | 237 | > |
235 | <el-table-column | 238 | <el-table-column |
236 | type="selection" | 239 | type="selection" |
237 | width="55"> | 240 | width="55"> |
238 | </el-table-column> | 241 | </el-table-column> |
239 | <el-table-column | 242 | <el-table-column |
240 | prop="xh" | 243 | type="index" |
241 | label="序号" | 244 | label="序号" |
242 | width="55"> | 245 | width="55"> |
243 | </el-table-column> | 246 | </el-table-column> |
244 | <el-table-column | 247 | <el-table-column |
245 | prop="ajmc" | 248 | prop="xmmc" |
246 | width="300" | 249 | width="300" |
247 | label="案件名称" | 250 | label="案件名称" |
248 | align="center" | 251 | align="center" |
249 | ></el-table-column> | 252 | ></el-table-column> |
250 | <el-table-column | 253 | <el-table-column |
251 | prop="anlx" | 254 | prop="ajlx" |
252 | label="案件类型" | 255 | label="案件类型" |
253 | align="center" | 256 | align="center" |
254 | width="100" | 257 | width="100" |
... | @@ -276,7 +279,7 @@ | ... | @@ -276,7 +279,7 @@ |
276 | > | 279 | > |
277 | </el-table-column> | 280 | </el-table-column> |
278 | <el-table-column | 281 | <el-table-column |
279 | prop="djsh" | 282 | prop="djsj" |
280 | label="登记时间" | 283 | label="登记时间" |
281 | align="center" | 284 | align="center" |
282 | width="200" | 285 | width="200" |
... | @@ -298,24 +301,25 @@ | ... | @@ -298,24 +301,25 @@ |
298 | border | 301 | border |
299 | stripe | 302 | stripe |
300 | :default-sort = "{prop: 'xh', order: 'ascending'}" | 303 | :default-sort = "{prop: 'xh', order: 'ascending'}" |
304 | @row-click="clickData" | ||
301 | > | 305 | > |
302 | <el-table-column | 306 | <el-table-column |
303 | type="selection" | 307 | type="selection" |
304 | width="55"> | 308 | width="55"> |
305 | </el-table-column> | 309 | </el-table-column> |
306 | <el-table-column | 310 | <el-table-column |
307 | prop="xh" | 311 | type="index" |
308 | label="序号" | 312 | label="序号" |
309 | width="55"> | 313 | width="55"> |
310 | </el-table-column> | 314 | </el-table-column> |
311 | <el-table-column | 315 | <el-table-column |
312 | prop="ajmc" | 316 | prop="xmmc" |
313 | width="300" | 317 | width="300" |
314 | label="案件名称" | 318 | label="案件名称" |
315 | align="center" | 319 | align="center" |
316 | ></el-table-column> | 320 | ></el-table-column> |
317 | <el-table-column | 321 | <el-table-column |
318 | prop="anlx" | 322 | prop="ajlx" |
319 | label="案件类型" | 323 | label="案件类型" |
320 | align="center" | 324 | align="center" |
321 | width="100" | 325 | width="100" |
... | @@ -343,7 +347,7 @@ | ... | @@ -343,7 +347,7 @@ |
343 | > | 347 | > |
344 | </el-table-column> | 348 | </el-table-column> |
345 | <el-table-column | 349 | <el-table-column |
346 | prop="djsh" | 350 | prop="djsj" |
347 | label="登记时间" | 351 | label="登记时间" |
348 | align="center" | 352 | align="center" |
349 | width="200" | 353 | width="200" |
... | @@ -363,11 +367,11 @@ | ... | @@ -363,11 +367,11 @@ |
363 | <el-pagination | 367 | <el-pagination |
364 | @size-change="handleSizeChange" | 368 | @size-change="handleSizeChange" |
365 | @current-change="handleCurrentChange" | 369 | @current-change="handleCurrentChange" |
366 | :current-page="1" | 370 | :current-page="pageNum" |
367 | :page-sizes="[2, 3, 5]" | 371 | :page-sizes="[2, 3, 5]" |
368 | :page-size="4" | 372 | :page-size="pageSize" |
369 | layout="total, sizes, prev, pager, next, jumper" | 373 | layout="total, sizes, prev, pager, next, jumper" |
370 | :total="8"> | 374 | :total="total"> |
371 | </el-pagination> | 375 | </el-pagination> |
372 | </div> | 376 | </div> |
373 | </div> | 377 | </div> | ... | ... |
... | @@ -128,7 +128,7 @@ var self = new Vue({ | ... | @@ -128,7 +128,7 @@ var self = new Vue({ |
128 | jumpdetailPage(data) { | 128 | jumpdetailPage(data) { |
129 | var taskid = data.TASKID; | 129 | var taskid = data.TASKID; |
130 | var detailType = data.detailType; | 130 | var detailType = data.detailType; |
131 | var projectid = data.PROJECTID; | 131 | var projectid = data.id; |
132 | var flowInstanceId =data.INSTANCEID; | 132 | var flowInstanceId =data.INSTANCEID; |
133 | var titleEncode = encodeURI(encodeURI(data.PROJECTNAME)); | 133 | var titleEncode = encodeURI(encodeURI(data.PROJECTNAME)); |
134 | var stats = data.stats ? data.stats : ''; | 134 | var stats = data.stats ? data.stats : ''; | ... | ... |
... | @@ -117,6 +117,32 @@ var self = new Vue({ | ... | @@ -117,6 +117,32 @@ var self = new Vue({ |
117 | }); | 117 | }); |
118 | 118 | ||
119 | }, | 119 | }, |
120 | clickData(row){ | ||
121 | this.jumpdetailPage(row) | ||
122 | }, | ||
123 | jumpdetailPage(data) { | ||
124 | var taskid = data.TASKID; | ||
125 | var detailType = data.detailType; | ||
126 | var projectid = data.id; | ||
127 | var flowInstanceId =data.INSTANCEID; | ||
128 | var titleEncode = encodeURI(encodeURI(data.PROJECTNAME)); | ||
129 | var stats = data.stats ? data.stats : ''; | ||
130 | var projecttype = data.FLOWNAME; | ||
131 | var PROJECTSTATUS = encodeURI(encodeURI(data.PROJECTSTATUS)); | ||
132 | var FLOWREVISIONID = data.FLOWREVISIONID; | ||
133 | var projectcode = data.PROJECTCODE; | ||
134 | var flowItemTypeKvStr = data.FLOWITEMTYPE?"&flowItemTypeId=" + data.FLOWITEMTYPE:""; | ||
135 | var version = data.FLOWVERSION; | ||
136 | var layerid=""; | ||
137 | var coverage=""; | ||
138 | var url = CONF_FRONT_SERVERURL | ||
139 | + 'view/projecttask/detailproject.jsp?projectid=' + projectid + "&referer=''&stats=" | ||
140 | + stats +"&projectcode="+projectcode+"&taskId=" + taskid + "&flowInstanceId=" + flowInstanceId+'&titleEncode=' | ||
141 | + titleEncode + "&projectStatus=" + PROJECTSTATUS+"&flowRevisionId="+FLOWREVISIONID+flowItemTypeKvStr+"&FLOWVERSION="+version+"&detailType="+detailType; | ||
142 | |||
143 | detailPage = window.open(this.handleJumpUrl(url)); | ||
144 | parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); | ||
145 | }, | ||
120 | handleSizeChange(){ | 146 | handleSizeChange(){ |
121 | 147 | ||
122 | }, | 148 | }, | ... | ... |
-
Please register or sign in to post a comment