const listMixin = {
    data(){
        return {
            tableData:{rows:[]}
             , // 品牌表格数据
            limit:10, // 当前的行数
            offset:1, //当前页
            queryInfo:{} ,  // 搜索的数据
            isFristPage:false
        }
    },
    mounted(){
        //获取 表格列表
      
         this.refresh()
      },
    methods: {
        //  页面行数改变
        setLimit(crrentSize) {
            this.limit = crrentSize
        },
        setOffset(offset) {
            this.offset = offset
        },
          //  搜索
        selectData(){
        this.queryInfo = {...this.selectInfo}  // 加入搜索内容
        // 回到初始页
        if(this.offset ==1){
          this.refresh()
          return
        }
        this.offset =1 
        // this.getListPage(this.limit,this.offset) 
        this.isFristPage= true
        //  将分页组件 调到第一页
      },
      // 刷新
         refresh(){
         this.$nextTick(()=>{
          this.getListPage(this.limit,this.offset)   
        })
       },
    },
    computed: {
        total() {
            let index = this.tableData.total / this.limit
            return Math.ceil(index)
        }
    },
    //  监听当前页 和当前页总条数的改变 
    watch: {
        limit(newVls) {
            this.getListPage(newVls, this.offset)
        },
        offset(newVls) {
            this.getListPage(this.limit, newVls)
        }
    }
}
// 详情弹框相关数据
const elDataDialog = {
    data() {
      return {
          rowInfo:null,
          isShowInfo:false,  
      }
    },
    methods: {
         // 关闭详情 
         closeInfo() {
          this.isShowInfo = false;
        },
         //  打开详情
         showInfo(row){
          console.log(row);
          this.isShowInfo = true
          // 改变当前行的数据
          this.rowInfo = row
        },
    },
  }
export {
    listMixin,elDataDialog
}