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"
+    >
+      <!-- <template v-slot:body-cell-StuSex="props">
+        <q-td :props="props">
+          <q-badge
+            :color="props.value == 1 ? 'negative' : 'primary'"
+            :label="props.value == 1 ? '女' : '男'"
+          />
+        </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"
+        />
+      </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"
+        },
+        {
+          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;
+    },
+  },
+  mounted() {
+  }
+};
+</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>