var tmpl=`
<div style="color:#ccc;text-align:center;bottom:60px;right:100px">
  <el-pagination
     @size-change="handleSizeChange"
     @current-change="handleCurrentChange"
     :currentPage="pageInfo.currentPage"
     :page-sizes="pageInfo.pageSizes"
     :page-size="pageInfo.pageSize"
     layout="total, sizes, prev, pager, next, jumper"
     :total="pageInfo.total">
  </el-pagination>
</div>
`
module.exports=
`{
   template:'${tmpl}',
   props:['type'],
   data:function(){
     return {
        pageInfo:{
           currentPage:1,
           pageSize:20,
           total:400,
           pageSizes:[20,50,80,100],
        },
     };
   },
   methods:{
     handleSizeChange(val) {
        this.pageInfo.pageSize=val;
        this.$emit("pageChange",this.pageInfo.pageSize,this.pageInfo.currentPage);
     },
     handleCurrentChange(val) {
        this.pageInfo.currentPage=val;
        this.$emit("pageChange",this.pageInfo.pageSize,this.pageInfo.currentPage);
     },
     adjustPageInfo(total){
        this.pageInfo.total=total;
     }
   },
   vname:"gsb-pager"
}`
