案件查处的已办,分页更改,数据接口的更改,全局页面分页更改
Showing
12 changed files
with
168 additions
and
93 deletions
... | @@ -3,6 +3,9 @@ var self = new Vue({ | ... | @@ -3,6 +3,9 @@ var self = new Vue({ |
3 | data(){ | 3 | data(){ |
4 | return { | 4 | return { |
5 | search:'', | 5 | search:'', |
6 | pageNum:1, | ||
7 | pageSize:10, | ||
8 | total:0, | ||
6 | projectId:null, | 9 | projectId:null, |
7 | userId:null, | 10 | userId:null, |
8 | // 表格数据 | 11 | // 表格数据 |
... | @@ -68,11 +71,46 @@ var self = new Vue({ | ... | @@ -68,11 +71,46 @@ var self = new Vue({ |
68 | } | 71 | } |
69 | } | 72 | } |
70 | }, | 73 | }, |
74 | mounted(){ | ||
75 | this.getData(); | ||
76 | }, | ||
71 | methods:{ | 77 | methods:{ |
72 | handleSizeChange(){ | 78 | //获取数据 |
79 | getData() { | ||
80 | axios.get(CONF_NEWGHSC_SERVERURL + '/dblb/list/worked', { | ||
81 | params: { | ||
82 | pageIndex:this.pageNum, | ||
83 | pageSize:this.pageSize, | ||
84 | flowIds: this.flowid.toString(), | ||
85 | userName: this.userName, | ||
86 | keyWord:this.search | ||
87 | } | ||
88 | }).then(res => { | ||
89 | this.total=res.data.total; | ||
90 | let data=res.data.data.Data; | ||
91 | let result =[] | ||
92 | if(data.length){ | ||
93 | for (let i=0;i<data.length;i++){ | ||
94 | for (let j=0;j<data[i].length;j++){ | ||
95 | result.push( data[i][[j]]); | ||
96 | } | ||
97 | } | ||
98 | } | ||
99 | this.total = result.length; | ||
100 | this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); | ||
73 | 101 | ||
102 | }).catch(res=>{ | ||
103 | console.log(res) | ||
104 | }); | ||
105 | }, | ||
106 | handleSizeChange(pageSize){ | ||
107 | this.pageSize = pageSize | ||
108 | this.getData() | ||
109 | }, | ||
110 | handleCurrentChange(pageNum){ | ||
111 | this.pageNum = pageNum | ||
112 | this.getData() | ||
74 | }, | 113 | }, |
75 | handleCurrentChange(){}, | ||
76 | click(val){ | 114 | click(val){ |
77 | this.isActive = val | 115 | this.isActive = val |
78 | }, | 116 | }, | ... | ... |
... | @@ -391,11 +391,11 @@ | ... | @@ -391,11 +391,11 @@ |
391 | <el-pagination | 391 | <el-pagination |
392 | @size-change="handleSizeChange" | 392 | @size-change="handleSizeChange" |
393 | @current-change="handleCurrentChange" | 393 | @current-change="handleCurrentChange" |
394 | :current-page="1" | 394 | :current-page="pageNum" |
395 | :page-sizes="[2, 3, 5]" | 395 | :page-sizes="[5, 10, 15]" |
396 | :page-size="4" | 396 | :page-size="pageSize" |
397 | layout="total, sizes, prev, pager, next, jumper" | 397 | layout="total, sizes, prev, pager, next, jumper" |
398 | :total="8"> | 398 | :total="total"> |
399 | </el-pagination> | 399 | </el-pagination> |
400 | </div> | 400 | </div> |
401 | 401 | ... | ... |
... | @@ -47,16 +47,21 @@ var self = new Vue({ | ... | @@ -47,16 +47,21 @@ var self = new Vue({ |
47 | userName: this.userName, | 47 | userName: this.userName, |
48 | pageIndex:this.pageNum, | 48 | pageIndex:this.pageNum, |
49 | pageSize:this.pageSize, | 49 | pageSize:this.pageSize, |
50 | keyWord:this.search | ||
50 | } | 51 | } |
51 | }).then(res => { | 52 | }).then(res => { |
52 | debugger | ||
53 | this.total=res.data.data.total; | 53 | this.total=res.data.data.total; |
54 | let data=res.data.data.Data; | 54 | let data=res.data.data.Data; |
55 | let result =[] | ||
56 | if(data.length){ | ||
55 | for (let i=0;i<data.length;i++){ | 57 | for (let i=0;i<data.length;i++){ |
56 | for (let j=0;j<data[i].length;j++){ | 58 | for (let j=0;j<data[i].length;j++){ |
57 | this.tabaledata.push( data[i][[j]]); | 59 | result.push( data[i][[j]]); |
58 | } | 60 | } |
59 | } | 61 | } |
62 | } | ||
63 | this.total = result.length; | ||
64 | this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); | ||
60 | 65 | ||
61 | }).catch(res=>{ | 66 | }).catch(res=>{ |
62 | console.log(res) | 67 | console.log(res) |
... | @@ -69,10 +74,13 @@ var self = new Vue({ | ... | @@ -69,10 +74,13 @@ var self = new Vue({ |
69 | this.$message.warning('请先输入关键字后轻敲Enter键搜索') | 74 | this.$message.warning('请先输入关键字后轻敲Enter键搜索') |
70 | } | 75 | } |
71 | }, | 76 | }, |
72 | handleSizeChange() { | 77 | handleSizeChange(pageSize){ |
73 | 78 | this.pageSize = pageSize | |
79 | this.getData() | ||
74 | }, | 80 | }, |
75 | handleCurrentChange() { | 81 | handleCurrentChange(pageNum){ |
82 | this.pageNum = pageNum | ||
83 | this.getData() | ||
76 | }, | 84 | }, |
77 | click(val) { | 85 | click(val) { |
78 | this.isActive = val | 86 | this.isActive = val | ... | ... |
... | @@ -111,6 +111,8 @@ | ... | @@ -111,6 +111,8 @@ |
111 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | 111 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> |
112 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610d86125b9a801612600a4c60003','1')">添加</el-button> | 112 | <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610d86125b9a801612600a4c60003','1')">添加</el-button> |
113 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | 113 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> |
114 | <el-button v-show="isActive == 2" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610d86125b9a801612600a4c60003','1')">添加</el-button> | ||
115 | <el-button v-show="isActive == 2" type ="primary" size="mini">删除</el-button> | ||
114 | </div> | 116 | </div> |
115 | <div style="float: right" class="div-search" > | 117 | <div style="float: right" class="div-search" > |
116 | <!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>--> | 118 | <!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>--> |
... | @@ -408,7 +410,7 @@ | ... | @@ -408,7 +410,7 @@ |
408 | @size-change="handleSizeChange" | 410 | @size-change="handleSizeChange" |
409 | @current-change="handleCurrentChange" | 411 | @current-change="handleCurrentChange" |
410 | :current-page="pageNum" | 412 | :current-page="pageNum" |
411 | :page-sizes="[2, 3, 5]" | 413 | :page-sizes="[5, 10, 15]" |
412 | :page-size="pageSize" | 414 | :page-size="pageSize" |
413 | layout="total, sizes, prev, pager, next, jumper" | 415 | layout="total, sizes, prev, pager, next, jumper" |
414 | :total="total"> | 416 | :total="total"> | ... | ... |
... | @@ -5,6 +5,10 @@ var self = new Vue({ | ... | @@ -5,6 +5,10 @@ var self = new Vue({ |
5 | search:'', | 5 | search:'', |
6 | projectId:null, | 6 | projectId:null, |
7 | userId:null, | 7 | userId:null, |
8 | pageNum:1, | ||
9 | pageSize:10, | ||
10 | flowid:['t1001_8a8610de737b99270173937337e00133','t1001_8a8610d86125b9a801612600a4c60003','t1001_402885c973b703220173b73ed4e6004d'], | ||
11 | total:0, | ||
8 | // 表格数据 | 12 | // 表格数据 |
9 | tabaledata:[ | 13 | tabaledata:[ |
10 | { | 14 | { |
... | @@ -68,11 +72,47 @@ var self = new Vue({ | ... | @@ -68,11 +72,47 @@ var self = new Vue({ |
68 | } | 72 | } |
69 | } | 73 | } |
70 | }, | 74 | }, |
75 | mounted(){ | ||
76 | this.getData(); | ||
77 | }, | ||
71 | methods:{ | 78 | methods:{ |
72 | handleSizeChange(){ | 79 | getData() { |
80 | axios.get(CONF_NEWGHSC_SERVERURL + '/dblb/list/worked', { | ||
81 | params: { | ||
82 | pageIndex:this.pageNum, | ||
83 | pageSize:this.pageSize, | ||
84 | flowIds: this.flowid.toString(), | ||
85 | userName: this.userName, | ||
86 | keyWord:this.search | ||
87 | } | ||
88 | }).then(res => { | ||
89 | console.log(res) | ||
90 | this.total=res.data.total; | ||
91 | let data=res.data.data.Data; | ||
92 | let result =[] | ||
93 | if(data.length){ | ||
94 | for (let i=0;i<data.length;i++){ | ||
95 | for (let j=0;j<data[i].length;j++){ | ||
96 | result.push( data[i][[j]]); | ||
97 | } | ||
98 | } | ||
99 | } | ||
100 | this.total = result.length; | ||
101 | this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); | ||
73 | 102 | ||
103 | }).catch(res=>{ | ||
104 | console.log(res) | ||
105 | }); | ||
106 | }, | ||
107 | handleSizeChange(pageSize){ | ||
108 | this.pageSize = pageSize | ||
109 | this.getData() | ||
110 | }, | ||
111 | handleCurrentChange(pageNum){ | ||
112 | alert(pageNum) | ||
113 | this.pageNum = pageNum | ||
114 | this.getData() | ||
74 | }, | 115 | }, |
75 | handleCurrentChange(){}, | ||
76 | click(val){ | 116 | click(val){ |
77 | this.isActive = val | 117 | this.isActive = val |
78 | }, | 118 | }, | ... | ... |
... | @@ -391,11 +391,11 @@ | ... | @@ -391,11 +391,11 @@ |
391 | <el-pagination | 391 | <el-pagination |
392 | @size-change="handleSizeChange" | 392 | @size-change="handleSizeChange" |
393 | @current-change="handleCurrentChange" | 393 | @current-change="handleCurrentChange" |
394 | :current-page="1" | 394 | :current-page="pageNum" |
395 | :page-sizes="[2, 3, 5]" | 395 | :page-sizes="[5, 10, 15]" |
396 | :page-size="4" | 396 | :page-size="pageSize" |
397 | layout="total, sizes, prev, pager, next, jumper" | 397 | layout="total, sizes, prev, pager, next, jumper" |
398 | :total="8"> | 398 | :total="total"> |
399 | </el-pagination> | 399 | </el-pagination> |
400 | </div> | 400 | </div> |
401 | </div> | 401 | </div> | ... | ... |
... | @@ -5,63 +5,13 @@ var self = new Vue({ | ... | @@ -5,63 +5,13 @@ var self = new Vue({ |
5 | search:'', | 5 | search:'', |
6 | projectId:null, | 6 | projectId:null, |
7 | userName: '案件查处', | 7 | userName: '案件查处', |
8 | flowid:[], | 8 | flowid:['t1001_8a8610de737b99270173937337e00133','t1001_8a8610d86125b9a801612600a4c60003','t1001_402885c973b703220173b73ed4e6004d'], |
9 | // params:[], | ||
9 | pageNum:1, | 10 | pageNum:1, |
10 | pageSize:10, | 11 | pageSize:10, |
11 | total:0, | 12 | total:0, |
12 | // 表格数据 | 13 | // 表格数据 |
13 | tabaledata:[ | 14 | tabaledata:[], |
14 | /* { | ||
15 | xh:'1', | ||
16 | ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
17 | anlx:'双随机', | ||
18 | zrdw:'测绘地理信息局', | ||
19 | ssqy:'高新', | ||
20 | ljr:'向小华', | ||
21 | djsh:'2020-07-05', | ||
22 | jssi:'2020-07-05', | ||
23 | }, | ||
24 | { | ||
25 | xh:'2', | ||
26 | ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
27 | anlx:"双随机", | ||
28 | zrdw:'测绘地理信息局', | ||
29 | ssqy:'高新', | ||
30 | ljr:'向小华', | ||
31 | djsh:'2020-07-05', | ||
32 | jssi:'2020-07-05', | ||
33 | }, | ||
34 | { | ||
35 | xh:'3', | ||
36 | ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
37 | anlx:'双随机', | ||
38 | zrdw:'测绘地理信息局', | ||
39 | ssqy:'高新', | ||
40 | ljr:'向小华', | ||
41 | djsh:'2020-07-05', | ||
42 | jssi:'2020-07-05', | ||
43 | }, | ||
44 | { | ||
45 | xh:'4', | ||
46 | ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
47 | anlx:'双随机', | ||
48 | zrdw:'测绘地理信息局', | ||
49 | ssqy:'高新', | ||
50 | ljr:'向小华', | ||
51 | djsh:'2020-07-05', | ||
52 | jssi:'2020-07-05', | ||
53 | }, | ||
54 | { | ||
55 | xh:'5', | ||
56 | ajmc:'关于拍卖出让87.608亩国有建设用地使用权的请示(GX3-18-25)', | ||
57 | anlx:'双随机', | ||
58 | zrdw:'测绘地理信息局', | ||
59 | ssqy:'高新', | ||
60 | ljr:'向小华', | ||
61 | djsh:'2020-07-05', | ||
62 | jssi:'2020-07-05', | ||
63 | },*/ | ||
64 | ], | ||
65 | isActive:1, | 15 | isActive:1, |
66 | } | 16 | } |
67 | }, | 17 | }, |
... | @@ -96,25 +46,37 @@ var self = new Vue({ | ... | @@ -96,25 +46,37 @@ var self = new Vue({ |
96 | params: { | 46 | params: { |
97 | pageIndex:this.pageNum, | 47 | pageIndex:this.pageNum, |
98 | pageSize:this.pageSize, | 48 | pageSize:this.pageSize, |
99 | flowIds: this.flowid, | 49 | flowIds: this.flowid.toString(), |
100 | userName: this.userName, | 50 | userName: this.userName, |
51 | keyWord:this.search | ||
101 | } | 52 | } |
102 | }).then(res => { | 53 | }).then(res => { |
103 | console.log(res) | 54 | console.log(res) |
104 | this.total=res.data.total; | 55 | this.total=res.data.total; |
105 | let data=res.data.data.Data; | 56 | let data=res.data.data.Data; |
57 | let result =[] | ||
58 | if(data.length){ | ||
106 | for (let i=0;i<data.length;i++){ | 59 | for (let i=0;i<data.length;i++){ |
107 | for (let j=0;j<data[i].length;j++){ | 60 | for (let j=0;j<data[i].length;j++){ |
108 | this.tabaledata.push( data[i][[j]]); | 61 | result.push( data[i][[j]]); |
109 | } | 62 | } |
110 | } | 63 | } |
64 | } | ||
65 | this.total = result.length; | ||
66 | this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); | ||
67 | |||
111 | }).catch(res=>{ | 68 | }).catch(res=>{ |
112 | console.log(res) | 69 | console.log(res) |
113 | }); | 70 | }); |
114 | |||
115 | }, | 71 | }, |
116 | handleSizeChange(){ | 72 | handleSizeChange(pageSize){ |
117 | 73 | this.pageSize = pageSize | |
74 | this.getData() | ||
75 | }, | ||
76 | handleCurrentChange(pageNum){ | ||
77 | alert(pageNum) | ||
78 | this.pageNum = pageNum | ||
79 | this.getData() | ||
118 | }, | 80 | }, |
119 | clickData(row, column, event) { | 81 | clickData(row, column, event) { |
120 | this.jumpdetailPage(row); | 82 | this.jumpdetailPage(row); |
... | @@ -124,6 +86,7 @@ var self = new Vue({ | ... | @@ -124,6 +86,7 @@ var self = new Vue({ |
124 | if(!this.search){ | 86 | if(!this.search){ |
125 | this.$message.warning('请先输入关键字后轻敲Enter键搜索') | 87 | this.$message.warning('请先输入关键字后轻敲Enter键搜索') |
126 | } | 88 | } |
89 | this.getData() | ||
127 | }, | 90 | }, |
128 | jumpdetailPage(data) { | 91 | jumpdetailPage(data) { |
129 | var taskid = data.TASKID; | 92 | var taskid = data.TASKID; |
... | @@ -148,20 +111,23 @@ var self = new Vue({ | ... | @@ -148,20 +111,23 @@ var self = new Vue({ |
148 | detailPage = window.open(this.handleJumpUrl(url)); | 111 | detailPage = window.open(this.handleJumpUrl(url)); |
149 | parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); | 112 | parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); |
150 | }, | 113 | }, |
151 | handleCurrentChange(){}, | ||
152 | click(val){ | 114 | click(val){ |
153 | if(val==3){ | 115 | if(val==3){ |
154 | this.flowid = [] | 116 | this.flowid = [] |
155 | this.flowid.push('t1001_8a8610de737b99270173937337e00133') | 117 | this.flowid.push('t1001_8a8610de737b99270173937337e00133') |
118 | this.getData() | ||
156 | }else if (val==5){ | 119 | }else if (val==5){ |
157 | this.flowid = [] | 120 | this.flowid = [] |
158 | this.flowid.push('t1001_8a8610d86125b9a801612600a4c60003') | 121 | this.flowid.push('t1001_8a8610d86125b9a801612600a4c60003') |
122 | this.getData() | ||
159 | }else if (val =='2'){ | 123 | }else if (val =='2'){ |
160 | this.flowid = [] | 124 | this.flowid = [] |
161 | this.flowid.push('t1001_402885c973b703220173b73ed4e6004d') | 125 | this.flowid.push('t1001_402885c973b703220173b73ed4e6004d') |
126 | this.getData() | ||
162 | }else if (val=='1'){ | 127 | }else if (val=='1'){ |
163 | this.flowid=[] | 128 | this.flowid=[] |
164 | this.flowid = ['t1001_8a8610de737b99270173937337e00133','t1001_8a8610d86125b9a801612600a4c60003','t1001_402885c973b703220173b73ed4e6004d'] | 129 | this.flowid = ['t1001_8a8610de737b99270173937337e00133','t1001_8a8610d86125b9a801612600a4c60003','t1001_402885c973b703220173b73ed4e6004d'] |
130 | this.getData() | ||
165 | } | 131 | } |
166 | this.isActive = val | 132 | this.isActive = val |
167 | console.log(this.flowid) | 133 | console.log(this.flowid) | ... | ... |
... | @@ -112,9 +112,10 @@ | ... | @@ -112,9 +112,10 @@ |
112 | </div> | 112 | </div> |
113 | <div style="line-height: 37px;margin-left: -100px"> | 113 | <div style="line-height: 37px;margin-left: -100px"> |
114 | <!--<el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>--> | 114 | <!--<el-button v-show="isActive == 3" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>--> |
115 | <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button> | 115 | <!-- <el-button v-show="isActive == 3" type ="primary" size="mini">删除</el-button>--> |
116 | <!-- <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>--> | 116 | <!-- <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>--> |
117 | <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button> | 117 | <!-- <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>--> |
118 | <!-- <el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>--> | ||
118 | </div> | 119 | </div> |
119 | <div style="float: right" class="div-search"> | 120 | <div style="float: right" class="div-search"> |
120 | <!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>--> | 121 | <!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>--> |
... | @@ -408,7 +409,7 @@ | ... | @@ -408,7 +409,7 @@ |
408 | @size-change="handleSizeChange" | 409 | @size-change="handleSizeChange" |
409 | @current-change="handleCurrentChange" | 410 | @current-change="handleCurrentChange" |
410 | :current-page="pageNum" | 411 | :current-page="pageNum" |
411 | :page-sizes="[2, 3, 5]" | 412 | :page-sizes="[5, 10, 15]" |
412 | :page-size="pageSize" | 413 | :page-size="pageSize" |
413 | layout="total, sizes, prev, pager, next, jumper" | 414 | layout="total, sizes, prev, pager, next, jumper" |
414 | :total="total"> | 415 | :total="total"> | ... | ... |
... | @@ -44,10 +44,15 @@ var self = new Vue({ | ... | @@ -44,10 +44,15 @@ var self = new Vue({ |
44 | } | 44 | } |
45 | }, | 45 | }, |
46 | methods:{ | 46 | methods:{ |
47 | handleSizeChange(){ | 47 | handleSizeChange(pageSize){ |
48 | 48 | this.pageSize = pageSize | |
49 | this.getData() | ||
50 | }, | ||
51 | handleCurrentChange(pageNum){ | ||
52 | alert(pageNum) | ||
53 | this.pageNum = pageNum | ||
54 | this.getData() | ||
49 | }, | 55 | }, |
50 | handleCurrentChange(){}, | ||
51 | //搜索事件 | 56 | //搜索事件 |
52 | SearchInfo(){ | 57 | SearchInfo(){ |
53 | if(!this.search){ | 58 | if(!this.search){ |
... | @@ -65,11 +70,16 @@ var self = new Vue({ | ... | @@ -65,11 +70,16 @@ var self = new Vue({ |
65 | }).then(res => { | 70 | }).then(res => { |
66 | this.total=res.data.total; | 71 | this.total=res.data.total; |
67 | let data=res.data.data.Data; | 72 | let data=res.data.data.Data; |
73 | let result =[] | ||
74 | if(data.length){ | ||
68 | for (let i=0;i<data.length;i++){ | 75 | for (let i=0;i<data.length;i++){ |
69 | for (let j=0;j<data[i].length;j++){ | 76 | for (let j=0;j<data[i].length;j++){ |
70 | this.tabaledata.push( data[i][[j]]); | 77 | result.push( data[i][[j]]); |
78 | } | ||
71 | } | 79 | } |
72 | } | 80 | } |
81 | this.total = result.length; | ||
82 | this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); | ||
73 | 83 | ||
74 | 84 | ||
75 | }); | 85 | }); | ... | ... |
... | @@ -210,7 +210,7 @@ | ... | @@ -210,7 +210,7 @@ |
210 | @size-change="handleSizeChange" | 210 | @size-change="handleSizeChange" |
211 | @current-change="handleCurrentChange" | 211 | @current-change="handleCurrentChange" |
212 | :current-page="pageNum" | 212 | :current-page="pageNum" |
213 | :page-sizes="[2, 5, 8]" | 213 | :page-sizes="[5, 10, 15]" |
214 | :page-size="pageSize" | 214 | :page-size="pageSize" |
215 | layout="total, sizes, prev, pager, next, jumper" | 215 | layout="total, sizes, prev, pager, next, jumper" |
216 | :total="total"> | 216 | :total="total"> | ... | ... |
... | @@ -52,11 +52,16 @@ var self = new Vue({ | ... | @@ -52,11 +52,16 @@ var self = new Vue({ |
52 | }).then(res => { | 52 | }).then(res => { |
53 | /* this.total=res.data.Data.total;*/ | 53 | /* this.total=res.data.Data.total;*/ |
54 | let data=res.data.data.Data; | 54 | let data=res.data.data.Data; |
55 | let result =[] | ||
56 | if(data.length){ | ||
55 | for (let i=0;i<data.length;i++){ | 57 | for (let i=0;i<data.length;i++){ |
56 | for (let j=0;j<data[i].length;j++){ | 58 | for (let j=0;j<data[i].length;j++){ |
57 | this.tabaledata.push( data[i][[j]]); | 59 | result.push( data[i][[j]]); |
58 | } | 60 | } |
59 | } | 61 | } |
62 | } | ||
63 | this.total = result.length; | ||
64 | this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); | ||
60 | }) | 65 | }) |
61 | 66 | ||
62 | }, | 67 | }, |
... | @@ -101,10 +106,15 @@ var self = new Vue({ | ... | @@ -101,10 +106,15 @@ var self = new Vue({ |
101 | detailPage = window.open(this.handleJumpUrl(url)); | 106 | detailPage = window.open(this.handleJumpUrl(url)); |
102 | parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); | 107 | parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); |
103 | }, | 108 | }, |
104 | handleSizeChange(){ | 109 | handleSizeChange(pageSize){ |
105 | 110 | this.pageSize = pageSize | |
111 | this.getData() | ||
112 | }, | ||
113 | handleCurrentChange(pageNum){ | ||
114 | alert(pageNum) | ||
115 | this.pageNum = pageNum | ||
116 | this.getData() | ||
106 | }, | 117 | }, |
107 | handleCurrentChange(){}, | ||
108 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { | 118 | openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { |
109 | // debugger | 119 | // debugger |
110 | var unique = this.uuid(); | 120 | var unique = this.uuid(); | ... | ... |
... | @@ -207,11 +207,11 @@ | ... | @@ -207,11 +207,11 @@ |
207 | <el-pagination | 207 | <el-pagination |
208 | @size-change="handleSizeChange" | 208 | @size-change="handleSizeChange" |
209 | @current-change="handleCurrentChange" | 209 | @current-change="handleCurrentChange" |
210 | :current-page="1" | 210 | :current-page="pageNum" |
211 | :page-sizes="[2, 3, 5]" | 211 | :page-sizes="[5, 10, 15]" |
212 | :page-size="4" | 212 | :page-size="pageSize" |
213 | layout="total, sizes, prev, pager, next, jumper" | 213 | layout="total, sizes, prev, pager, next, jumper" |
214 | :total="8"> | 214 | :total="total"> |
215 | </el-pagination> | 215 | </el-pagination> |
216 | </div> | 216 | </div> |
217 | </div> | 217 | </div> | ... | ... |
-
Please register or sign in to post a comment