<template>
  <div class="b2bcustomer">
    <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
      separator="none" :data="dataList" :columns="columns" row-key="Id">
      <template v-slot:bottom>
        <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
          :input="true" @input="changePage" />
      </template>
    </q-table>
  </div>
</template>

<script>
  import {
    getAllCustomer
  } from "../../../api/sale/peemanagement";
  export default {
    props: {
      Id: {
        type: Number,
        default: 0
      }
    },
    data() {
      return {
        loading: false,
        dataList: [],
        pageCount: 0,
        columns: [{
            name: "CustomerName",
            label: "联系人名称",
            field: "CustomerName",
            align: "left"
          },
          {
            name: "CustomerTypeName",
            label: "类型",
            field: "CustomerTypeName",
            align: "left"
          },
          {
            name: "CategoryName",
            label: "同业名称",
            field: "CategoryName",
            align: "left"
          },
          {
            name: "ContactNumber",
            label: "电话",
            field: "ContactNumber",
            align: "left"
          },
          {
            name: "QQ",
            label: "QQ号",
            field: "QQ",
            align: "left"
          },
          {
            name: "WeChatNo",
            label: "微信号",
            field: "WeChatNo",
            align: "left"
          }
        ],
        msg: {
          pageIndex: 1,
          pageSize: 12,
          rowsPerPage: 12,
          CustomerName: "", //客户名称
          ContactNumber: "", //联系电话
          ApproveState: "", //审核状态
          QCustomerState: "", //账号状态
          CategoryName: "", //同业名称
          CategoryId:0
        },
      };
    },
    methods: {
      changePage(val) {
        this.msg.pageIndex = val;
        this.getList();
      },
      closeStuForm() {
        this.isShowStuRight = false;
      },
      //获取分页数据
      getList() {
        this.loading = true;
        this.dataList = [];
        this.msg.QCustomerState = this.tabCheck;
        getAllCustomer(this.msg)
          .then(res => {
            this.dataList = res.Data.PageData;
            this.loading = false;
            this.pageCount = res.Data.PageCount;
          })
          .catch(() => {
            this.loading = false;
          });
      }
    },
    mounted() {
       this.msg.CategoryId = this.Id;
       this.getList();
    }
  };

</script>
<style lang="scss">
  .b2bcustomer ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  .b2bcustomer ::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 2px;
  }

  .b2bcustomer ::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 10px;
  }

  .b2bcustomer ::-webkit-scrollbar-thumb:hover {
    background: #999;
  }

  .b2bcustomer ::-webkit-scrollbar-corner {
    background: #204754;
  }

</style>
