Skip to content

蔡永松 / fontweb-dc

Go to a project
Toggle navigation
Toggle navigation pinning
65b96fd6 by 焦小希
Options

修改了表格数据请求渲染回来，表格出现无数据的bug，优化了整体工程中表格的样式问题。注释了下拉框的值。

1 parent c1a66e0a
Inline Side-by-side
Showing 8 changed files with 850 additions and 832 deletions
...@@ -125,318 +125,326 @@ ...@@ -125,318 +125,326 @@
125 </div> 125 </div>
126 </div> 126 </div>
127 <!-- 表格区域--> 127 <!-- 表格区域-->
128 <el-table 128 <div v-if="tabaledata.length!=0">
129 v-if="isActive==1" 129 <el-table
130 :data="tabaledata" 130 v-if="isActive==1"
131 style="width: 100%;" 131 :data="tabaledata"
132 height="100%" 132 style="width: 100%;"
133 border 133 height="100%"
134 stripe 134 border
135 :default-sort = "{prop: 'xh', order: 'ascending'}" 135 stripe
136 @row-click="clickData" 136 :default-sort = "{prop: 'xh', order: 'ascending'}"
137 > 137 @row-click="clickData"
138 <el-table-column
139 type="selection"
140 width="55">
141 </el-table-column>
142 <el-table-column
143 label="序号"
144 type="index"
145 width="55">
146 </el-table-column>
147 <el-table-column
148 prop="PHXMMC"
149 width="500"
150 label="案件名称"
151 align="center"
152 ></el-table-column>
153 <el-table-column
154 prop="PHAJLX"
155 label="案件类型"
156 align="center"
157 width="100"
158 > 138 >
159 </el-table-column> 139 <el-table-column
160 <!-- <el-table-column 140 type="selection"
161 prop="PHZRDW" 141 width="55">
162 label="责任单位" 142 </el-table-column>
163 align="center" 143 <el-table-column
164 width="200" 144 label="序号"
165 > 145 type="index"
166 </el-table-column>--> 146 width="55">
167 <el-table-column 147 </el-table-column>
168 prop="PHSSQY" 148 <el-table-column
169 label="所属区域" 149 prop="PHXMMC"
170 align="center" 150 width="500"
171 width="223" 151 label="案件名称"
172 > 152 align="center"
173 </el-table-column> 153 ></el-table-column>
174 <!-- <el-table-column 154 <el-table-column
175 prop="ljr" 155 prop="PHAJLX"
176 label="来件人" 156 label="案件类型"
177 align="center" 157 align="center"
178 width="400" 158 width="100"
179 > 159 >
180 </el-table-column>--> 160 </el-table-column>
181 <el-table-column 161 <!-- <el-table-column
182 prop="CREATETIME" 162 prop="PHZRDW"
183 label="登记时间" 163 label="责任单位"
184 align="center" 164 align="center"
185 width="373" 165 width="200"
186 > 166 >
187 <template slot-scope="scope"> 167 </el-table-column>-->
188 <span v-cloak>{{ 168 <el-table-column
189 scope.row.CREATETIME | dataFormat 169 prop="PHSSQY"
190 }}</span> 170 label="所属区域"
191 </template> 171 align="center"
192 </el-table-column> 172 width="223"
193 <el-table-column 173 >
194 prop="RECEIVETIME" 174 </el-table-column>
195 label="接收时间" 175 <!-- <el-table-column
196 align="center" 176 prop="ljr"
197 width="403" 177 label="来件人"
198 > 178 align="center"
199 <template slot-scope="scope"> 179 width="400"
200 <span v-cloak>{{ 180 >
201 scope.row.RECEIVETIME | dataFormat 181 </el-table-column>-->
202 }}</span> 182 <el-table-column
203 </template> 183 prop="CREATETIME"
204 </el-table-column> 184 label="登记时间"
205 </el-table> 185 align="center"
206 <el-table 186 width="373"
207 v-if="isActive==2" 187 >
208 :data="tabaledata" 188 <template slot-scope="scope">
209 style="width: 100%;" 189 <span v-cloak>{{
210 height="100%"
211 border
212 stripe
213 :default-sort = "{prop: 'xh', order: 'ascending'}"
214 @row-click="clickData"
215 >
216 <el-table-column
217 type="selection"
218 width="55">
219 </el-table-column>
220 <el-table-column
221 type="index"
222 label="序号"
223 width="55">
224 </el-table-column>
225 <el-table-column
226 prop="PHXMMC"
227 width="500"
228 label="案件名称"
229 align="center"
230 ></el-table-column>
231 <el-table-column
232 prop="PHAJLX"
233 label="案件类型"
234 align="center"
235 width="100"
236 >
237 </el-table-column>
238 <!-- <el-table-column
239 prop="PHZRDW"
240 label="责任单位"
241 align="center"
242 width="200"
243 >
244 </el-table-column>-->
245 <el-table-column
246 prop="PHSSQY"
247 label="所属区域"
248 align="center"
249 width="223"
250 >
251 </el-table-column>
252 <!-- <el-table-column
253 prop="ljr"
254 label="来件人"
255 align="center"
256 width="400"
257 >
258 </el-table-column>-->
259 <el-table-column
260 prop="CREATETIME"
261 label="登记时间"
262 align="center"
263 width="373"
264 >
265 <template slot-scope="scope">
266 <span v-cloak>{{
267 scope.row.CREATETIME | dataFormat 190 scope.row.CREATETIME | dataFormat
268 }}</span> 191 }}</span>
269 </template> 192 </template>
270 </el-table-column> 193 </el-table-column>
271 <el-table-column 194 <el-table-column
272 prop="RECEIVETIME" 195 prop="RECEIVETIME"
273 label="接收时间" 196 label="接收时间"
274 align="center" 197 align="center"
275 width="403" 198 width="403"
276 > 199 >
277 <template slot-scope="scope"> 200 <template slot-scope="scope">
278 <span v-cloak>{{ 201 <span v-cloak>{{
279 scope.row.RECEIVETIME | dataFormat 202 scope.row.RECEIVETIME | dataFormat
280 }}</span> 203 }}</span>
281 </template> 204 </template>
282 </el-table-column> 205 </el-table-column>
283 </el-table> 206 </el-table>
284 <el-table 207 </div>
285 v-if="isActive==3" 208 <div v-if="tabaledata.length!=0">
286 :data="tabaledata" 209 <el-table
287 style="width: 100%;" 210 v-if="isActive==2"
288 height="100%" 211 :data="tabaledata"
289 border 212 style="width: 100%;"
290 stripe 213 height="100%"
291 :default-sort = "{prop: 'xh', order: 'ascending'}" 214 border
292 @row-click="clickData" 215 stripe
293 > 216 :default-sort = "{prop: 'xh', order: 'ascending'}"
294 <el-table-column 217 @row-click="clickData"
295 type="selection"
296 width="55">
297 </el-table-column>
298 <el-table-column
299 prop="xh"
300 label="序号"
301 width="55">
302 </el-table-column>
303 <el-table-column
304 prop="PHXMMC"
305 width="PHXMMC"
306 label="案件名称"
307 align="center"
308 ></el-table-column>
309 <el-table-column
310 prop="PHAJLX"
311 label="案件类型"
312 align="center"
313 width="100"
314 >
315 </el-table-column>
316 <!-- <el-table-column
317 prop="PHZRDW"
318 label="责任单位"
319 align="center"
320 width="200"
321 >
322 </el-table-column>-->
323 <el-table-column
324 prop="PHSSQY"
325 label="所属区域"
326 align="center"
327 width="223"
328 >
329 </el-table-column>
330 <!-- <el-table-column
331 prop="ljr"
332 label="来件人"
333 align="center"
334 width="400"
335 > 218 >
336 </el-table-column>--> 219 <el-table-column
337 <el-table-column 220 type="selection"
338 prop="CREATETIME" 221 width="55">
339 label="登记时间" 222 </el-table-column>
340 align="center" 223 <el-table-column
341 width="373" 224 type="index"
225 label="序号"
226 width="55">
227 </el-table-column>
228 <el-table-column
229 prop="PHXMMC"
230 width="500"
231 label="案件名称"
232 align="center"
233 ></el-table-column>
234 <el-table-column
235 prop="PHAJLX"
236 label="案件类型"
237 align="center"
238 width="100"
239 >
240 </el-table-column>
241 <!-- <el-table-column
242 prop="PHZRDW"
243 label="责任单位"
244 align="center"
245 width="200"
246 >
247 </el-table-column>-->
248 <el-table-column
249 prop="PHSSQY"
250 label="所属区域"
251 align="center"
252 width="223"
253 >
254 </el-table-column>
255 <!-- <el-table-column
256 prop="ljr"
257 label="来件人"
258 align="center"
259 width="400"
260 >
261 </el-table-column>-->
262 <el-table-column
263 prop="CREATETIME"
264 label="登记时间"
265 align="center"
266 width="373"
267 >
268 <template slot-scope="scope">
269 <span v-cloak>{{
270 scope.row.CREATETIME | dataFormat
271 }}</span>
272 </template>
273 </el-table-column>
274 <el-table-column
275 prop="RECEIVETIME"
276 label="接收时间"
277 align="center"
278 width="403"
279 >
280 <template slot-scope="scope">
281 <span v-cloak>{{
282 scope.row.RECEIVETIME | dataFormat
283 }}</span>
284 </template>
285 </el-table-column>
286 </el-table>
287 </div>
288 <div v-if="tabaledata.length!=0">
289 <el-table
290 v-if="isActive==3"
291 :data="tabaledata"
292 style="width: 100%;"
293 height="100%"
294 border
295 stripe
296 :default-sort = "{prop: 'xh', order: 'ascending'}"
297 @row-click="clickData"
342 > 298 >
343 <template slot-scope="scope"> 299 <el-table-column
344 <span v-cloak>{{ 300 type="selection"
345 scope.row.CREATETIME | dataFormat 301 width="55">
346 }}</span> 302 </el-table-column>
347 </template> 303 <el-table-column
348 </el-table-column> 304 prop="xh"
349 <el-table-column 305 label="序号"
350 prop="RECEIVETIME" 306 width="55">
351 label="接收时间" 307 </el-table-column>
352 align="center" 308 <el-table-column
353 width="403" 309 prop="PHXMMC"
310 width="PHXMMC"
311 label="案件名称"
312 align="center"
313 ></el-table-column>
314 <el-table-column
315 prop="PHAJLX"
316 label="案件类型"
317 align="center"
318 width="100"
319 >
320 </el-table-column>
321 <!-- <el-table-column
322 prop="PHZRDW"
323 label="责任单位"
324 align="center"
325 width="200"
326 >
327 </el-table-column>-->
328 <el-table-column
329 prop="PHSSQY"
330 label="所属区域"
331 align="center"
332 width="223"
333 >
334 </el-table-column>
335 <!-- <el-table-column
336 prop="ljr"
337 label="来件人"
338 align="center"
339 width="400"
340 >
341 </el-table-column>-->
342 <el-table-column
343 prop="CREATETIME"
344 label="登记时间"
345 align="center"
346 width="373"
347 >
348 <template slot-scope="scope">
349 <span v-cloak>{{
350 scope.row.CREATETIME | dataFormat
351 }}</span>
352 </template>
353 </el-table-column>
354 <el-table-column
355 prop="RECEIVETIME"
356 label="接收时间"
357 align="center"
358 width="403"
359 >
360 <template slot-scope="scope">
361 <span v-cloak>{{
362 scope.row.RECEIVETIME | dataFormat
363 }}</span>
364 </template>
365 </el-table-column>
366 </el-table>
367 </div>
368 <div v-if="tabaledata.length!=0">
369 <el-table
370 v-if="isActive==5"
371 :data="tabaledata"
372 style="width: 100%;"
373 height="100%"
374 border
375 stripe
376 :default-sort = "{prop: 'xh', order: 'ascending'}"
377 @row-click="clickData"
354 > 378 >
355 <template slot-scope="scope"> 379 <el-table-column
380 type="selection"
381 width="55">
382 </el-table-column>
383 <el-table-column
384 type="index"
385 label="序号"
386 width="55">
387 </el-table-column>
388 <el-table-column
389 prop="PHXMMC"
390 width="PHXMMC"
391 label="案件名称"
392 align="center"
393 ></el-table-column>
394 <el-table-column
395 prop="PHAJLX"
396 label="案件类型"
397 align="center"
398 width="100"
399 >
400 </el-table-column>
401 <!-- <el-table-column
402 prop="PHZRDW"
403 label="责任单位"
404 align="center"
405 width="200"
406 >
407 </el-table-column>-->
408 <el-table-column
409 prop="PHSSQY"
410 label="所属区域"
411 align="center"
412 width="223"
413 >
414 </el-table-column>
415 <!-- <el-table-column
416 prop="ljr"
417 label="来件人"
418 align="center"
419 width="400"
420 >
421 </el-table-column>-->
422 <el-table-column
423 prop="CREATETIME"
424 label="登记时间"
425 align="center"
426 width="373"
427 >
428 <template slot-scope="scope">
429 <span v-cloak>{{
430 scope.row.CREATETIME | dataFormat
431 }}</span>
432 </template>
433 </el-table-column>
434 <el-table-column
435 prop="RECEIVETIME"
436 label="接收时间"
437 align="center"
438 width="403"
439 >
440 <template slot-scope="scope">
356 <span v-cloak>{{ 441 <span v-cloak>{{
357 scope.row.RECEIVETIME | dataFormat 442 scope.row.RECEIVETIME | dataFormat
358 }}</span> 443 }}</span>
359 </template> 444 </template>
360 </el-table-column> 445 </el-table-column>
361 </el-table> 446 </el-table>
362 <el-table 447 </div>
363 v-if="isActive==5"
364 :data="tabaledata"
365 style="width: 100%;"
366 height="100%"
367 border
368 stripe
369 :default-sort = "{prop: 'xh', order: 'ascending'}"
370 @row-click="clickData"
371 >
372 <el-table-column
373 type="selection"
374 width="55">
375 </el-table-column>
376 <el-table-column
377 type="index"
378 label="序号"
379 width="55">
380 </el-table-column>
381 <el-table-column
382 prop="PHXMMC"
383 width="PHXMMC"
384 label="案件名称"
385 align="center"
386 ></el-table-column>
387 <el-table-column
388 prop="PHAJLX"
389 label="案件类型"
390 align="center"
391 width="100"
392 >
393 </el-table-column>
394 <!-- <el-table-column
395 prop="PHZRDW"
396 label="责任单位"
397 align="center"
398 width="200"
399 >
400 </el-table-column>-->
401 <el-table-column
402 prop="PHSSQY"
403 label="所属区域"
404 align="center"
405 width="223"
406 >
407 </el-table-column>
408 <!-- <el-table-column
409 prop="ljr"
410 label="来件人"
411 align="center"
412 width="400"
413 >
414 </el-table-column>-->
415 <el-table-column
416 prop="CREATETIME"
417 label="登记时间"
418 align="center"
419 width="373"
420 >
421 <template slot-scope="scope">
422 <span v-cloak>{{
423 scope.row.CREATETIME | dataFormat
424 }}</span>
425 </template>
426 </el-table-column>
427 <el-table-column
428 prop="RECEIVETIME"
429 label="接收时间"
430 align="center"
431 width="403"
432 >
433 <template slot-scope="scope">
434 <span v-cloak>{{
435 scope.row.RECEIVETIME | dataFormat
436 }}</span>
437 </template>
438 </el-table-column>
439 </el-table>
440 <!-- 分页区域--> 448 <!-- 分页区域-->
441 <div class="block"> 449 <div class="block">
442 <el-pagination 450 <el-pagination
......
...@@ -125,317 +125,325 @@ ...@@ -125,317 +125,325 @@
125 </div> 125 </div>
126 </div> 126 </div>
127 <!-- 表格区域--> 127 <!-- 表格区域-->
128 <el-table 128 <div v-if="tabaledata.length!=0">
129 v-if="isActive==1" 129 <el-table
130 :data="tabaledata" 130 v-if="isActive==1"
131 style="width: 100%;" 131 :data="tabaledata"
132 height="750px" 132 style="width: 100%;"
133 border 133 height="750px"
134 stripe 134 border
135 :default-sort = "{prop: 'xh', order: 'ascending'}" 135 stripe
136 @row-click="clickData" 136 :default-sort = "{prop: 'xh', order: 'ascending'}"
137 > 137 @row-click="clickData"
138 <el-table-column
139 type="selection"
140 width="55">
141 </el-table-column>
142 <el-table-column
143 type="index"
144 label="序号"
145 width="55">
146 </el-table-column>
147 <el-table-column
148 prop="PHXMMC"
149 width="500"
150 label="案件名称"
151 align="center"
152 ></el-table-column>
153 <el-table-column
154 prop="PHAJLX"
155 label="案件类型"
156 align="center"
157 width="100"
158 > 138 >
159 </el-table-column> 139 <el-table-column
160 <!-- <el-table-column 140 type="selection"
161 prop="PHZRDW" 141 width="55">
162 label="责任单位" 142 </el-table-column>
163 align="center" 143 <el-table-column
164 width="200" 144 type="index"
165 > 145 label="序号"
166 </el-table-column>--> 146 width="55">
167 <el-table-column 147 </el-table-column>
168 prop="PHSSQY" 148 <el-table-column
169 label="所属区域" 149 prop="PHXMMC"
170 align="center" 150 width="500"
171 width="223" 151 label="案件名称"
172 > 152 align="center"
173 </el-table-column> 153 ></el-table-column>
174 <!-- <el-table-column 154 <el-table-column
175 prop="ljr" 155 prop="PHAJLX"
176 label="来件人" 156 label="案件类型"
177 align="center" 157 align="center"
178 width="400" 158 width="100"
179 > 159 >
180 </el-table-column>--> 160 </el-table-column>
181 <el-table-column 161 <!-- <el-table-column
182 prop="CREATETIME" 162 prop="PHZRDW"
183 label="登记时间" 163 label="责任单位"
184 align="center" 164 align="center"
185 width="373" 165 width="200"
186 > 166 >
187 <template slot-scope="scope"> 167 </el-table-column>-->
168 <el-table-column
169 prop="PHSSQY"
170 label="所属区域"
171 align="center"
172 width="223"
173 >
174 </el-table-column>
175 <!-- <el-table-column
176 prop="ljr"
177 label="来件人"
178 align="center"
179 width="400"
180 >
181 </el-table-column>-->
182 <el-table-column
183 prop="CREATETIME"
184 label="登记时间"
185 align="center"
186 width="373"
187 >
188 <template slot-scope="scope">
188 <span>{{ 189 <span>{{
189 scope.row.CREATETIME | dataFormat 190 scope.row.CREATETIME | dataFormat
190 }}</span> 191 }}</span>
191 </template> 192 </template>
192 </el-table-column> 193 </el-table-column>
193 <el-table-column 194 <el-table-column
194 prop="CREATETIME" 195 prop="CREATETIME"
195 label="接收时间" 196 label="接收时间"
196 align="center" 197 align="center"
197 width="403" 198 width="403"
198 > <template slot-scope="scope"> 199 > <template slot-scope="scope">
199 <span>{{ 200 <span>{{
200 scope.row.CREATETIME | dataFormat 201 scope.row.CREATETIME | dataFormat
201 }}</span> 202 }}</span>
202 </template> 203 </template>
203 </el-table-column> 204 </el-table-column>
204 </el-table> 205 </el-table>
205 <el-table 206 </div>
206 v-if="isActive==2" 207 <div v-if="tabaledata.length!=0">
207 :data="tabaledata" 208 <el-table
208 style="width: 100%;" 209 v-if="isActive==2"
209 height="100%" 210 :data="tabaledata"
210 border 211 style="width: 100%;"
211 stripe 212 height="100%"
212 :default-sort = "{prop: 'xh', order: 'ascending'}" 213 border
213 @row-click="clickData" 214 stripe
214 > 215 :default-sort = "{prop: 'xh', order: 'ascending'}"
215 <el-table-column 216 @row-click="clickData"
216 type="selection" 217 >
217 width="55"> 218 <el-table-column
218 </el-table-column> 219 type="selection"
219 <el-table-column 220 width="55">
220 type="index" 221 </el-table-column>
221 label="序号" 222 <el-table-column
222 width="55"> 223 type="index"
223 </el-table-column> 224 label="序号"
224 <el-table-column 225 width="55">
225 prop="PHXMMC" 226 </el-table-column>
226 width="500" 227 <el-table-column
227 label="案件名称" 228 prop="PHXMMC"
228 align="center" 229 width="500"
229 ></el-table-column> 230 label="案件名称"
230 <el-table-column 231 align="center"
231 prop="PHAJLX" 232 ></el-table-column>
232 label="案件类型" 233 <el-table-column
233 align="center" 234 prop="PHAJLX"
234 width="100" 235 label="案件类型"
235 > 236 align="center"
236 </el-table-column> 237 width="100"
237 <!-- <el-table-column 238 >
238 prop="PHZRDW" 239 </el-table-column>
239 label="责任单位" 240 <!-- <el-table-column
240 align="center" 241 prop="PHZRDW"
241 width="200" 242 label="责任单位"
242 > 243 align="center"
243 </el-table-column>--> 244 width="200"
244 <el-table-column 245 >
245 prop="PHSSQY" 246 </el-table-column>-->
246 label="所属区域" 247 <el-table-column
247 align="center" 248 prop="PHSSQY"
248 width="223" 249 label="所属区域"
249 > 250 align="center"
250 </el-table-column> 251 width="223"
251 <!-- <el-table-column--> 252 >
252 <!-- prop="ljr"--> 253 </el-table-column>
253 <!-- label="来件人"--> 254 <!-- <el-table-column-->
254 <!-- align="center"--> 255 <!-- prop="ljr"-->
255 <!-- width="400"--> 256 <!-- label="来件人"-->
256 <!-- >--> 257 <!-- align="center"-->
257 </el-table-column> 258 <!-- width="400"-->
258 <el-table-column 259 <!-- >-->
259 prop="CREATETIME" 260 </el-table-column>
260 label="登记时间" 261 <el-table-column
261 align="center" 262 prop="CREATETIME"
262 width="373" 263 label="登记时间"
263 > 264 align="center"
264 <template slot-scope="scope"> 265 width="373"
266 >
267 <template slot-scope="scope">
265 <span>{{ 268 <span>{{
266 scope.row.CREATETIME | dataFormat 269 scope.row.CREATETIME | dataFormat
267 }}</span> 270 }}</span>
268 </template> 271 </template>
269 </el-table-column> 272 </el-table-column>
270 <el-table-column 273 <el-table-column
271 prop="CREATETIME" 274 prop="CREATETIME"
272 label="接收时间" 275 label="接收时间"
273 align="center" 276 align="center"
274 width="403" 277 width="403"
275 > 278 >
276 <template slot-scope="scope"> 279 <template slot-scope="scope">
277 <span>{{ 280 <span>{{
278 scope.row.CREATETIME | dataFormat 281 scope.row.CREATETIME | dataFormat
279 }}</span> 282 }}</span>
280 </template> 283 </template>
281 </el-table-column> 284 </el-table-column>
282 </el-table> 285 </el-table>
283 <el-table 286 </div>
284 v-if="isActive==3" 287 <div v-if="tabaledata.length!=0">
285 :data="tabaledata" 288 <el-table
286 style="width: 100%;" 289 v-if="isActive==3"
287 height="100%" 290 :data="tabaledata"
288 border 291 style="width: 100%;"
289 stripe 292 height="100%"
290 :default-sort = "{prop: 'xh', order: 'ascending'}" 293 border
291 @row-click="clickData" 294 stripe
292 > 295 :default-sort = "{prop: 'xh', order: 'ascending'}"
293 <el-table-column 296 @row-click="clickData"
294 type="selection" 297 >
295 width="55"> 298 <el-table-column
296 </el-table-column> 299 type="selection"
297 <el-table-column 300 width="55">
298 type="index" 301 </el-table-column>
299 label="序号" 302 <el-table-column
300 width="55"> 303 type="index"
301 </el-table-column> 304 label="序号"
302 <el-table-column 305 width="55">
303 prop="PHXMMC" 306 </el-table-column>
304 width="500" 307 <el-table-column
305 label="案件名称" 308 prop="PHXMMC"
306 align="center" 309 width="500"
307 ></el-table-column> 310 label="案件名称"
308 <el-table-column 311 align="center"
309 prop="PHAJLX" 312 ></el-table-column>
310 label="案件类型" 313 <el-table-column
311 align="center" 314 prop="PHAJLX"
312 width="100" 315 label="案件类型"
313 > 316 align="center"
314 </el-table-column> 317 width="100"
315 <!-- <el-table-column 318 >
316 prop="PHZRDW" 319 </el-table-column>
317 label="责任单位" 320 <!-- <el-table-column
318 align="center" 321 prop="PHZRDW"
319 width="200" 322 label="责任单位"
320 > 323 align="center"
321 </el-table-column>--> 324 width="200"
322 <el-table-column 325 >
323 prop="PHSSQY" 326 </el-table-column>-->
324 label="所属区域" 327 <el-table-column
325 align="center" 328 prop="PHSSQY"
326 width="223" 329 label="所属区域"
327 > 330 align="center"
328 </el-table-column> 331 width="223"
329 <!-- <el-table-column--> 332 >
330 <!-- prop="ljr"--> 333 </el-table-column>
331 <!-- label="来件人"--> 334 <!-- <el-table-column-->
332 <!-- align="center"--> 335 <!-- prop="ljr"-->
333 <!-- width="400"--> 336 <!-- label="来件人"-->
334 <!-- >--> 337 <!-- align="center"-->
335 </el-table-column> 338 <!-- width="400"-->
336 <el-table-column 339 <!-- >-->
337 prop="CREATETIME" 340 </el-table-column>
338 label="登记时间" 341 <el-table-column
339 align="center" 342 prop="CREATETIME"
340 width="373" 343 label="登记时间"
341 > 344 align="center"
342 <template slot-scope="scope"> 345 width="373"
346 >
347 <template slot-scope="scope">
343 <span>{{ 348 <span>{{
344 scope.row.CREATETIME | dataFormat 349 scope.row.CREATETIME | dataFormat
345 }}</span> 350 }}</span>
346 </template> 351 </template>
347 </el-table-column> 352 </el-table-column>
348 <el-table-column 353 <el-table-column
349 prop="CREATETIME" 354 prop="CREATETIME"
350 label="接收时间" 355 label="接收时间"
351 align="center" 356 align="center"
352 width="403" 357 width="403"
353 > 358 >
354 <template slot-scope="scope"> 359 <template slot-scope="scope">
355 <span>{{ 360 <span>{{
356 scope.row.CREATETIME | dataFormat 361 scope.row.CREATETIME | dataFormat
357 }}</span> 362 }}</span>
358 </template> 363 </template>
359 </el-table-column> 364 </el-table-column>
360 </el-table> 365 </el-table>
361 <el-table 366 </div>
362 v-if="isActive==5" 367 <div v-if="tabaledata.length!=0">
363 :data="tabaledata" 368 <el-table
364 style="width: 100%;" 369 v-if="isActive==5"
365 height="100%" 370 :data="tabaledata"
366 border 371 style="width: 100%;"
367 stripe 372 height="100%"
368 :default-sort = "{prop: 'xh', order: 'ascending'}" 373 border
369 @row-click="clickData" 374 stripe
370 > 375 :default-sort = "{prop: 'xh', order: 'ascending'}"
371 <el-table-column 376 @row-click="clickData"
372 type="selection" 377 >
373 width="55"> 378 <el-table-column
374 </el-table-column> 379 type="selection"
375 <el-table-column 380 width="55">
376 type="index" 381 </el-table-column>
377 label="序号" 382 <el-table-column
378 width="55"> 383 type="index"
379 </el-table-column> 384 label="序号"
380 <el-table-column 385 width="55">
381 prop="PHXMMC" 386 </el-table-column>
382 width="500" 387 <el-table-column
383 label="案件名称" 388 prop="PHXMMC"
384 align="center" 389 width="500"
385 ></el-table-column> 390 label="案件名称"
386 <el-table-column 391 align="center"
387 prop="PHAJLX" 392 ></el-table-column>
388 label="案件类型" 393 <el-table-column
389 align="center" 394 prop="PHAJLX"
390 width="100" 395 label="案件类型"
391 > 396 align="center"
392 </el-table-column> 397 width="100"
393 <!-- <el-table-column--> 398 >
394 <!-- prop="PHZRDW"--> 399 </el-table-column>
395 <!-- label="责任单位"--> 400 <!-- <el-table-column-->
396 <!-- align="center"--> 401 <!-- prop="PHZRDW"-->
397 <!-- width="200"--> 402 <!-- label="责任单位"-->
398 <!-- >--> 403 <!-- align="center"-->
399 <!-- </el-table-column>--> 404 <!-- width="200"-->
400 <el-table-column 405 <!-- >-->
401 prop="PHSSQY" 406 <!-- </el-table-column>-->
402 label="所属区域" 407 <el-table-column
403 align="center" 408 prop="PHSSQY"
404 width="223" 409 label="所属区域"
405 > 410 align="center"
406 </el-table-column> 411 width="223"
407 <!-- <el-table-column--> 412 >
408 <!-- prop="ljr"--> 413 </el-table-column>
409 <!-- label="来件人"--> 414 <!-- <el-table-column-->
410 <!-- align="center"--> 415 <!-- prop="ljr"-->
411 <!-- width="400"--> 416 <!-- label="来件人"-->
412 <!-- >--> 417 <!-- align="center"-->
413 <!-- </el-table-column>--> 418 <!-- width="400"-->
414 <el-table-column 419 <!-- >-->
415 prop="CREATETIME" 420 <!-- </el-table-column>-->
416 label="登记时间" 421 <el-table-column
417 align="center" 422 prop="CREATETIME"
418 width="373" 423 label="登记时间"
419 > 424 align="center"
420 <template slot-scope="scope"> 425 width="373"
426 >
427 <template slot-scope="scope">
421 <span>{{ 428 <span>{{
422 scope.row.CREATETIME | dataFormat 429 scope.row.CREATETIME | dataFormat
423 }}</span> 430 }}</span>
424 </template> 431 </template>
425 </el-table-column> 432 </el-table-column>
426 <el-table-column 433 <el-table-column
427 prop="CREATETIME" 434 prop="CREATETIME"
428 label="接收时间" 435 label="接收时间"
429 align="center" 436 align="center"
430 width="403" 437 width="403"
431 > 438 >
432 <template slot-scope="scope"> 439 <template slot-scope="scope">
433 <span>{{ 440 <span>{{
434 scope.row.CREATETIME | dataFormat 441 scope.row.CREATETIME | dataFormat
435 }}</span> 442 }}</span>
436 </template> 443 </template>
437 </el-table-column> 444 </el-table-column>
438 </el-table> 445 </el-table>
446 </div>
439 </div> 447 </div>
440 <!-- 分页区域--> 448 <!-- 分页区域-->
441 <div class="block"> 449 <div class="block">
......
...@@ -49,7 +49,6 @@ var self = new Vue({ ...@@ -49,7 +49,6 @@ var self = new Vue({
49 this.getData() 49 this.getData()
50 }, 50 },
51 handleCurrentChange(pageNum){ 51 handleCurrentChange(pageNum){
52 alert(pageNum)
53 this.pageNum = pageNum 52 this.pageNum = pageNum
54 this.getData() 53 this.getData()
55 }, 54 },
...@@ -80,10 +79,7 @@ var self = new Vue({ ...@@ -80,10 +79,7 @@ var self = new Vue({
80 } 79 }
81 this.total = result.length; 80 this.total = result.length;
82 this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); 81 this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize);
83
84
85 }); 82 });
86
87 }, 83 },
88 clickData(row){ 84 clickData(row){
89 this.jumpdetailPage(row) 85 this.jumpdetailPage(row)
......
...@@ -121,87 +121,89 @@ ...@@ -121,87 +121,89 @@
121 </el-col> 121 </el-col>
122 </el-row> 122 </el-row>
123 <!-- 列表区域--> 123 <!-- 列表区域-->
124 <el-table 124 <div v-if="tabaledata.length!=0">
125 :data="tabaledata" 125 <el-table
126 style="width: 100%;margin-top:10px;" 126 :data="tabaledata"
127 height="100%" 127 style="width: 100%;margin-top:10px;"
128 border 128 height="100%"
129 stripe 129 border
130 @row-click="clickData" 130 stripe
131 @selection-change="handleSelectionChange" 131 @row-click="clickData"
132 > 132 @selection-change="handleSelectionChange"
133 <el-table-column
134 type="selection"
135 width="55">
136 </el-table-column>
137 <el-table-column
138 prop="PHXMBH"
139 width="130"
140 label="项目编号"
141 align="center"
142 ></el-table-column>
143 <el-table-column
144 prop="PHXMMC"
145 label="项目名称"
146 align="center"
147 width="400"
148 > 133 >
149 </el-table-column> 134 <el-table-column
150 <el-table-column 135 type="selection"
151 prop="PHDJBH" 136 width="55">
152 label="地籍编号" 137 </el-table-column>
153 align="center" 138 <el-table-column
154 width="100" 139 prop="PHXMBH"
155 > 140 width="130"
156 </el-table-column> 141 label="项目编号"
157 <el-table-column 142 align="center"
158 prop="PHYDMJ" 143 ></el-table-column>
159 label="用地面积（亩）" 144 <el-table-column
160 align="center" 145 prop="PHXMMC"
161 width="180" 146 label="项目名称"
162 > 147 align="center"
163 </el-table-column> 148 width="400"
164 <el-table-column 149 >
165 prop="PHZDWZ" 150 </el-table-column>
166 label="宗地位置" 151 <el-table-column
167 align="center" 152 prop="PHDJBH"
168 width="387" 153 label="地籍编号"
169 > 154 align="center"
170 </el-table-column> 155 width="100"
171 <el-table-column 156 >
172 prop="PHTDYT" 157 </el-table-column>
173 label="土地用途" 158 <el-table-column
174 align="center" 159 prop="PHYDMJ"
175 width="150" 160 label="用地面积（亩）"
176 > 161 align="center"
177 </el-table-column> 162 width="180"
178 <!-- <el-table-column 163 >
179 prop="PHZRDW" 164 </el-table-column>
180 label="责任单位" 165 <el-table-column
181 align="center" 166 prop="PHZDWZ"
182 width="100" 167 label="宗地位置"
183 > 168 align="center"
184 </el-table-column>--> 169 width="387"
185 <el-table-column 170 >
186 prop="PHSSQY" 171 </el-table-column>
187 label="所属区域" 172 <el-table-column
188 align="center" 173 prop="PHTDYT"
189 width="100" 174 label="土地用途"
190 > 175 align="center"
191 </el-table-column> 176 width="150"
192 <el-table-column 177 >
193 prop="CREATETIME" 178 </el-table-column>
194 label="创建时间" 179 <!-- <el-table-column
195 align="center" 180 prop="PHZRDW"
196 width="218" 181 label="责任单位"
197 > 182 align="center"
198 <template slot-scope="scope"> 183 width="100"
199 <span>{{ 184 >
200 scope.row.CREATETIME | dataFormat 185 </el-table-column>-->
201 }}</span> 186 <el-table-column
202 </template> 187 prop="PHSSQY"
203 </el-table-column> 188 label="所属区域"
204 </el-table> 189 align="center"
190 width="100"
191 >
192 </el-table-column>
193 <el-table-column
194 prop="CREATETIME"
195 label="创建时间"
196 align="center"
197 width="218"
198 >
199 <template slot-scope="scope">
200 <span>{{
201 scope.row.CREATETIME | dataFormat
202 }}</span>
203 </template>
204 </el-table-column>
205 </el-table>
206 </div>
205 <!-- 分页区域--> 207 <!-- 分页区域-->
206 208
207 </div> 209 </div>
......
...@@ -121,87 +121,90 @@ ...@@ -121,87 +121,90 @@
121 </el-col> 121 </el-col>
122 </el-row> 122 </el-row>
123 <!-- 列表区域--> 123 <!-- 列表区域-->
124 <el-table 124 <div v-if ="tabaledata.length!=0">
125 :data="tabaledata" 125 <el-table
126 style="width: 100%;margin-top:10px;" 126 :data="tabaledata"
127 height="100%" 127 style="width: 100%;margin-top:10px;"
128 border 128 height="100%"
129 stripe 129 border
130 @row-click="clickData" 130 stripe
131 @selection-change="handleSelectionChange" 131 @row-click="clickData"
132 > 132 @selection-change="handleSelectionChange"
133 <el-table-column
134 type="selection"
135 width="55">
136 </el-table-column>
137 <el-table-column
138 prop="PHXMBH"
139 width="130"
140 label="项目编号"
141 align="center"
142 ></el-table-column>
143 <el-table-column
144 prop="PHXMMC"
145 label="项目名称"
146 align="center"
147 width="400"
148 > 133 >
149 </el-table-column> 134 <el-table-column
150 <el-table-column 135 type="selection"
151 prop="PHDJBH" 136 width="55">
152 label="地籍编号" 137 </el-table-column>
153 align="center" 138 <el-table-column
154 width="100" 139 prop="PHXMBH"
155 > 140 width="130"
156 </el-table-column> 141 label="项目编号"
157 <el-table-column 142 align="center"
158 prop="PHYDMJ" 143 ></el-table-column>
159 label="用地面积（亩）" 144 <el-table-column
160 align="center" 145 prop="PHXMMC"
161 width="180" 146 label="项目名称"
162 > 147 align="center"
163 </el-table-column> 148 width="400"
164 <el-table-column 149 >
165 prop="PHZDWZ" 150 </el-table-column>
166 label="宗地位置" 151 <el-table-column
167 align="center" 152 prop="PHDJBH"
168 width="400" 153 label="地籍编号"
169 > 154 align="center"
170 </el-table-column> 155 width="100"
171 <el-table-column 156 >
172 prop="PHTDYT" 157 </el-table-column>
173 label="土地用途" 158 <el-table-column
174 align="center" 159 prop="PHYDMJ"
175 width="150" 160 label="用地面积（亩）"
176 > 161 align="center"
177 </el-table-column> 162 width="180"
178 <!-- <el-table-column 163 >
179 prop="PHZZDW" 164 </el-table-column>
180 label="责任单位" 165 <el-table-column
181 align="center" 166 prop="PHZDWZ"
182 width="100" 167 label="宗地位置"
183 > 168 align="center"
184 </el-table-column>--> 169 width="400"
185 <el-table-column 170 >
186 prop="PHSSQY" 171 </el-table-column>
187 label="所属区域" 172 <el-table-column
188 align="center" 173 prop="PHTDYT"
189 width="100" 174 label="土地用途"
190 > 175 align="center"
191 </el-table-column> 176 width="150"
192 <el-table-column 177 >
193 prop="CREATETIME" 178 </el-table-column>
194 label="创建时间" 179 <!-- <el-table-column
195 align="center" 180 prop="PHZZDW"
196 width="180" 181 label="责任单位"
197 > 182 align="center"
198 <template slot-scope="scope"> 183 width="100"
184 >
185 </el-table-column>-->
186 <el-table-column
187 prop="PHSSQY"
188 label="所属区域"
189 align="center"
190 width="115"
191 >
192 </el-table-column>
193 <el-table-column
194 prop="CREATETIME"
195 label="创建时间"
196 align="center"
197 width="180"
198 >
199 <template slot-scope="scope">
199 <span>{{ 200 <span>{{
200 scope.row.CREATETIME | dataFormat 201 scope.row.CREATETIME | dataFormat
201 }}</span> 202 }}</span>
202 </template> 203 </template>
203 </el-table-column> 204 </el-table-column>
204 </el-table> 205 </el-table>
206 </div>
207
205 <!-- 分页区域--> 208 <!-- 分页区域-->
206 <div class="block"> 209 <div class="block">
207 <el-pagination 210 <el-pagination
......
...@@ -5,24 +5,24 @@ var self = new Vue({ ...@@ -5,24 +5,24 @@ var self = new Vue({
5 FloatRightTitle: '图片', 5 FloatRightTitle: '图片',
6 imgtabaledata: [ 6 imgtabaledata: [
7 { 7 {
8 wjmc: '微信截图.png', 8 wjmc: '昆仑东路辅路违法搭建现场拍照(1).jpg',
9 size: '5k', 9 size: '5k',
10 scsj: '2020-8-06' 10 scsj: '2020-8-06'
11 }, 11 },
12 { 12 {
13 wjmc: '微信截图.png', 13 wjmc: '昆仑东路辅路违法搭建现场拍照(2)jpg',
14 size: '5k', 14 size: '5k',
15 scsj: '2020-8-06' 15 scsj: '2020-8-06'
16 } 16 }
17 ], 17 ],
18 filetabeldata: [ 18 filetabeldata: [
19 { 19 {
20 wjmc: 'test.txt', 20 wjmc: '昆仑东路违法占道搭建便民市场汇总文档(1).txt',
21 size: '15k', 21 size: '10k',
22 scsj: '2020-8-01' 22 scsj: '2020-8-01'
23 }, 23 },
24 { 24 {
25 wjmc: '违法结果.txt', 25 wjmc: '昆仑东路违法占道搭建便民市场汇总文档(2).txt',
26 size: '10k', 26 size: '10k',
27 scsj: '2020-8-01' 27 scsj: '2020-8-01'
28 }, 28 },
......
...@@ -123,64 +123,65 @@ ...@@ -123,64 +123,65 @@
123 </el-col> 123 </el-col>
124 </el-row> 124 </el-row>
125 <!-- 列表区域--> 125 <!-- 列表区域-->
126 <el-table 126 <div v-if="tabaledata.length!=0">
127 :data="tabaledata" 127 <el-table
128 style="width: 100%;margin-top:10px;" 128 :data="tabaledata"
129 height="100%" 129 style="width: 100%;margin-top:10px;"
130 border 130 height="100%"
131 stripe 131 border
132 @row-click="clickData" 132 stripe
133 @selection-change="handleSelectionChange" 133 @row-click="clickData"
134 > 134 @selection-change="handleSelectionChange"
135 <el-table-column
136 type="selection"
137 width="55">
138 </el-table-column>
139 <el-table-column
140 prop="procjectName"
141 width="330"
142 label="项目名称"
143 align="center"
144 ></el-table-column>
145 <el-table-column
146 prop="procjectAddress"
147 label="项目地址"
148 align="center"
149 width="450"
150 > 135 >
151 </el-table-column> 136 <el-table-column
152 <el-table-column 137 type="selection"
153 prop="taskYear" 138 width="55">
154 label="任务年份" 139 </el-table-column>
155 align="center" 140 <el-table-column
156 width="100" 141 prop="procjectName"
157 > 142 width="330"
158 </el-table-column> 143 label="项目名称"
159 <el-table-column 144 align="center"
160 prop="dutyUnit" 145 ></el-table-column>
161 label="责任单位" 146 <el-table-column
162 align="center" 147 prop="procjectAddress"
163 width="300" 148 label="项目地址"
164 > 149 align="center"
165 </el-table-column> 150 width="450"
166 <el-table-column 151 >
167 prop="distict" 152 </el-table-column>
168 label="所属区域" 153 <el-table-column
169 align="center" 154 prop="taskYear"
170 width="200" 155 label="任务年份"
171 > 156 align="center"
172 </el-table-column> 157 width="100"
173 <el-table-column 158 >
174 prop="evdlveStage" 159 </el-table-column>
175 label="进展阶段" 160 <el-table-column
176 align="center" 161 prop="dutyUnit"
177 width="275" 162 label="责任单位"
178 > 163 align="center"
179 </el-table-column> 164 width="300"
180 </el-table> 165 >
181 <!-- 分页区域--> 166 </el-table-column>
182 167 <el-table-column
168 prop="distict"
169 label="所属区域"
170 align="center"
171 width="200"
172 >
173 </el-table-column>
174 <el-table-column
175 prop="evdlveStage"
176 label="进展阶段"
177 align="center"
178 width="275"
179 >
180 </el-table-column>
181 </el-table>
182 </div>
183 </div> 183 </div>
184 <!-- 分页区域-->
184 <div class="block"> 185 <div class="block">
185 <el-pagination 186 <el-pagination
186 @size-change="handleSizeChange" 187 @size-change="handleSizeChange"
......
...@@ -146,31 +146,31 @@ ...@@ -146,31 +146,31 @@
146 </div> 146 </div>
147 147
148 <!-- 地区选择以及要素分布 --> 148 <!-- 地区选择以及要素分布 -->
149 <div class="right-top-select"> 149 <!-- <div class="right-top-select">-->
150 <div id="info-div"> 150 <!-- <div id="info-div">-->
151 <select id="region_select"> 151 <!-- <select id="region_select">-->
152 <option value="610100" selected>西安市</option> 152 <!-- <option value="610100" selected>西安市</option>-->
153 <option value="610102">新城区</option> 153 <!-- <option value="610102">新城区</option>-->
154 <option value="610103">碑林区</option> 154 <!-- <option value="610103">碑林区</option>-->
155 <option value="610104">莲湖区</option> 155 <!-- <option value="610104">莲湖区</option>-->
156 <option value="610111">灞桥区</option> 156 <!-- <option value="610111">灞桥区</option>-->
157 <option value="610112">未央区</option> 157 <!-- <option value="610112">未央区</option>-->
158 <option value="610113">雁塔区</option> 158 <!-- <option value="610113">雁塔区</option>-->
159 <option value="610114">阎良区</option> 159 <!-- <option value="610114">阎良区</option>-->
160 <option value="610115">临潼区</option> 160 <!-- <option value="610115">临潼区</option>-->
161 <option value="610116">长安区</option> 161 <!-- <option value="610116">长安区</option>-->
162 <option value="610122">蓝田县</option> 162 <!-- <option value="610122">蓝田县</option>-->
163 <option value="610124">周至县</option> 163 <!-- <option value="610124">周至县</option>-->
164 <option value="610118">鄠邑区</option> 164 <!-- <option value="610118">鄠邑区</option>-->
165 <option value="610117">高陵区</option> 165 <!-- <option value="610117">高陵区</option>-->
166 </select> 166 <!-- </select>-->
167 <div class="features"> 167 <!-- <div class="features">-->
168 <input type="checkbox" name="feature_area" id="features"> 168 <!-- <input type="checkbox" name="feature_area" id="features">-->
169 <label style="font-weight:normal">要素分布</label> 169 <!-- <label style="font-weight:normal">要素分布</label>-->
170 <!-- <input type="checkbox" name="switch" lay-skin="switch">--> 170 <!-- &lt;!&ndash; <input type="checkbox" name="switch" lay-skin="switch">&ndash;&gt;-->
171 </div> 171 <!-- </div>-->
172 </div> 172 <!-- </div>-->
173 </div> 173 <!-- </div>-->
174 <!-- 总量变化趋势echart --> 174 <!-- 总量变化趋势echart -->
175 <div class="layui-card sum-change" id="layui-card-bottom" style="opacity: 0.8"> 175 <div class="layui-card sum-change" id="layui-card-bottom" style="opacity: 0.8">
176 <div class="layui-card-header" style="height:18px">总量变化趋势</div> 176 <div class="layui-card-header" style="height:18px">总量变化趋势</div>
......