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,116 +11,132 @@
         </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 {
-  props: {
-    Id: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      loading: false,
-      list: [],
-      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: "StuStageName",
-          label: "客户阶段",
-          field: "StuStageName",
-          align: "left"
+  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: "StuStageName",
+            label: "客户阶段",
+            field: "StuStageName",
+            align: "left"
+          },
+          {
+            name: "QQ",
+            label: "QQ号",
+            field: "QQ",
+            align: "left"
+          }
+        ],
+        msg: {
+          pageIndex: 1,
+          pageSize: 12,
+          rowsPerPage: 12,
+          CustomerName: "", //客户名称
+          ContactNumber: "", //联系电话
+          ApproveState: "", //审核状态
+          QCustomerState: "", //账号状态
+          CategoryName: "", //同业名称
+          CategoryId:0
         },
-        {
-          name: "QQ",
-          label: "QQ号",
-          field: "QQ",
-          align: "left"
-        }
-      ],
-      msg: {
-        pageIndex: 1,
-        pageSize: 10,
-        rowsPerPage: 10,
-        StuName: "",
-        StuTel: "",
-        Status: "-1",
-        School_Id: 0,
-        CustomerId: 0,
-        StuStage: 0
-      },
-    };
-  },
-  methods: {
-    changePage(val) {
-      this.msg.pageIndex = val;
-    //   this.getStudent();
+      };
     },
-    closeStuForm() {
-      this.isShowStuRight = false;
+    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() {
-  }
-};
+    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;
-}
+  .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>