1

src/components/sale/peerInfo/contractPerson.vue

 <template>
   <div class="b2bcustomer">
-    <q-table
-      :pagination="msg"
-      :loading="loading"
-      no-data-label="暂无相关数据"
-      flat
-      class="sticky-tow-column-table"
-      separator="none"
-      :data="list"
-      :columns="columns"
-      row-key="Id"
-    >
+    <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:body-cell-StuSex="props">
         <q-td :props="props">
           <q-badge
@@ -20,24 +11,18 @@
         </q-td>
       </template> -->
       <template v-slot:bottom>
-        <q-pagination
-          class="full-width justify-end"
-          v-model="msg.pageIndex"
-          color="primary"
-          :max="pageCount"
-          :input="true"
-          @input="changePage"
-        />
+        <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 { getStudentPage } from "../../../api/school";
-// import { getCustomerStuStageStatistics } from "../../../api/sale/peemanagement";
-// import stuDetail from "../../../components/school/student/studentRight-form";
-export default {
+  import {
+    getAllCustomer
+  } from "../../../api/sale/peemanagement";
+  export default {
     props: {
       Id: {
         type: Number,
@@ -47,10 +32,9 @@ export default {
     data() {
       return {
         loading: false,
-      list: [],
+        dataList: [],
         pageCount: 0,
-      columns: [
-        {
+        columns: [{
             name: "CustomerName",
             label: "联系人名称",
             field: "CustomerName",
@@ -89,47 +73,70 @@ export default {
         ],
         msg: {
           pageIndex: 1,
-        pageSize: 10,
-        rowsPerPage: 10,
-        StuName: "",
-        StuTel: "",
-        Status: "-1",
-        School_Id: 0,
-        CustomerId: 0,
-        StuStage: 0
+          pageSize: 12,
+          rowsPerPage: 12,
+          CustomerName: "", //客户名称
+          ContactNumber: "", //联系电话
+          ApproveState: "", //审核状态
+          QCustomerState: "", //账号状态
+          CategoryName: "", //同业名称
+          CategoryId:0
         },
       };
     },
     methods: {
       changePage(val) {
         this.msg.pageIndex = val;
-    //   this.getStudent();
+        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 {
+  .b2bcustomer ::-webkit-scrollbar {
     width: 5px;
     height: 5px;
-}
-.b2bcustomer ::-webkit-scrollbar-track {
+  }
+
+  .b2bcustomer ::-webkit-scrollbar-track {
     background: #fff;
     border-radius: 2px;
-}
-.b2bcustomer ::-webkit-scrollbar-thumb {
+  }
+
+  .b2bcustomer ::-webkit-scrollbar-thumb {
     background: #444;
     border-radius: 10px;
-}
-.b2bcustomer ::-webkit-scrollbar-thumb:hover {
+  }
+
+  .b2bcustomer ::-webkit-scrollbar-thumb:hover {
     background: #999;
-}
-.b2bcustomer ::-webkit-scrollbar-corner {
+  }
+
+  .b2bcustomer ::-webkit-scrollbar-corner {
     background: #204754;
-}
+  }
+
 </style>