案件查处的已办,分页更改,数据接口的更改,全局页面分页更改
Showing
12 changed files
with
176 additions
and
101 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 | for (let i=0;i<data.length;i++){ | 55 | let result =[] |
| 56 | for (let j=0;j<data[i].length;j++){ | 56 | if(data.length){ |
| 57 | this.tabaledata.push( data[i][[j]]); | 57 | for (let i=0;i<data.length;i++){ |
| 58 | for (let j=0;j<data[i].length;j++){ | ||
| 59 | result.push( data[i][[j]]); | ||
| 60 | } | ||
| 58 | } | 61 | } |
| 59 | } | 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; |
| 106 | for (let i=0;i<data.length;i++){ | 57 | let result =[] |
| 107 | for (let j=0;j<data[i].length;j++){ | 58 | if(data.length){ |
| 108 | this.tabaledata.push( data[i][[j]]); | 59 | for (let i=0;i<data.length;i++){ |
| 60 | for (let j=0;j<data[i].length;j++){ | ||
| 61 | result.push( data[i][[j]]); | ||
| 62 | } | ||
| 109 | } | 63 | } |
| 110 | } | 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; |
| 68 | for (let i=0;i<data.length;i++){ | 73 | let result =[] |
| 69 | for (let j=0;j<data[i].length;j++){ | 74 | if(data.length){ |
| 70 | this.tabaledata.push( data[i][[j]]); | 75 | for (let i=0;i<data.length;i++){ |
| 76 | for (let j=0;j<data[i].length;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 | for (let i=0;i<data.length;i++){ | 55 | let result =[] |
| 56 | for (let j=0;j<data[i].length;j++){ | 56 | if(data.length){ |
| 57 | this.tabaledata.push( data[i][[j]]); | 57 | for (let i=0;i<data.length;i++){ |
| 58 | for (let j=0;j<data[i].length;j++){ | ||
| 59 | result.push( data[i][[j]]); | ||
| 60 | } | ||
| 58 | } | 61 | } |
| 59 | } | 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