页面修改

src/components/sale/peerInfo/customer.vue

 <template>
   <div class="b2bcustomer">
     <div class="full-width flex no-wrap items-center q-mb-sm">
-      <q-tabs
-        v-model="msg.StuStage"
-        active-color="primary"
-        dense
-        outside-arrows
-        align="left"
-        style="width:70%"
-        @input="getStudent"
-      >
-        <q-tab
-          v-for="(item, index) in stagelist"
-          :key="index"
-          :name="item.StuStage"
-        >
+      <q-tabs v-model="msg.StuStage" active-color="primary" dense outside-arrows align="left" style="width:70%"
+        @input="getStudent">
+        <q-tab v-for="(item, index) in stagelist" :key="index" :name="item.StuStage">
           {{ item.StuStageName }}({{ item.StuNum }})
         </q-tab>
       </q-tabs>
-      <q-input
-        outlined
-        dense
-        v-model="msg.StuName"
-        label="昵称"
-        @input="getStudent"
-      />
+      <q-input outlined dense v-model="msg.StuName" label="昵称" @input="getStudent" />
     </div>
-    <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-StuIcon="props">
-        <q-td auto-width :props="props">
-          <q-avatar size="md" v-if="props.value">
-            <img :src="props.value" />
-          </q-avatar>
-          <q-avatar
-            size="md"
-            color="teal-10"
-            text-color="white"
-            v-if="!props.value"
-          >
-            {{ props.row.StuName.substring(0, 1) }}</q-avatar
-          >
-        </q-td>
-      </template> -->
+    <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-StuName="props">
         <q-td :props="props">
           <div class="text-blue cursor-pointer" @click="getStuRight(props.row)">
@@ -61,49 +21,32 @@
       </template>
       <template v-slot:body-cell-StuSex="props">
         <q-td :props="props">
-          <q-badge
-            :color="props.value == 1 ? 'negative' : 'primary'"
-            :label="props.value == 1 ? '女' : '男'"
-          />
+          <q-badge :color="props.value == 1 ? 'negative' : 'primary'" :label="props.value == 1 ? '女' : '男'" />
         </q-td>
       </template>
       <template v-slot:body-cell-Status="props">
         <q-td :props="props">
-          <q-toggle
-            size="md"
-            color="primary"
-            :false-value="1"
-            :true-value="0"
-            v-model="props.row.Status"
-            title="注意：关闭后，学员将无法正常使用."
-            @input="deleteStudentInfo(props.row)"
-          />
+          <q-toggle size="md" color="primary" :false-value="1" :true-value="0" v-model="props.row.Status"
+            title="注意：关闭后，学员将无法正常使用." @input="deleteStudentInfo(props.row)" />
         </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>
-    <stuDetail
-      v-if="isShowStuRight"
-      :save-obj="stuOption"
-      @close="closeStuForm"
-    ></stuDetail>
+    <stuDetail v-if="isShowStuRight" :save-obj="stuOption" @close="closeStuForm"></stuDetail>
   </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 {
+    getStudentPage
+  } from "../../../api/school";
+  import {
+    getCustomerStuStageStatistics
+  } from "../../../api/sale/peemanagement";
+  import stuDetail from "../../../components/school/student/studentRight-form";
+  export default {
     components: {
       stuDetail
     },
@@ -119,12 +62,6 @@ export default {
         list: [],
         pageCount: 0,
         columns: [
-        // {
-        //   name: "StuIcon",
-        //   label: "",
-        //   field: "StuIcon",
-        //   align: "left"
-        // },
           {
             name: "StuName",
             required: true,
@@ -168,12 +105,6 @@ export default {
             field: "CreateTimeStr",
             align: "left"
           }
-        // {
-        //   name: "CreateByName",
-        //   label: "负责人",
-        //   align: "left",
-        //   field: "CreateByName"
-        // }
         ],
         msg: {
           pageIndex: 1,
@@ -193,7 +124,7 @@ export default {
     },
     methods: {
       getStudent() {
-      this.msg.CustomerId = this.Id;
+        this.msg.CategoryId = this.Id;
         this.loading = true;
         getStudentPage(this.msg)
           .then(res => {
@@ -206,7 +137,9 @@ export default {
           });
       },
       getStage() {
-      getCustomerStuStageStatistics({ CustomerId: this.Id }).then(res => {
+        getCustomerStuStageStatistics({
+          CategoryId: this.Id
+        }).then(res => {
           this.stagelist = res.Data;
           const total = res.Data.reduce((pre, cur) => {
             return cur.StuNum + pre;
@@ -240,25 +173,29 @@ export default {
       this.getStudent();
       this.getStage();
     }
-};
+  };
 </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>
\ No newline at end of file

src/pages/sale/b2bAllCustomer.vue

@@ -109,7 +109,7 @@
           "QQ",
           "WeChatNo",
         ],
-        tabCheck: 1,
+        tabCheck: 2,
         //审核状态列表
         ApproveStateList: [
           {