页面修改

src/components/school/student/stulist.vue

 <style lang="scss">
-.stuList .q-table__bottom {
+  .stuList .q-table__bottom {
     min-height: 0;
-}
+  }
 </style>
 <template>
   <div class="stuList">
-    <q-table
-      :pagination="pageMsg"
-      :loading="loading"
-      no-data-label="暂无相关数据"
-      flat
-      selection="multiple"
-      :selected.sync="selection"
-      class="sticky-right-column-table sticky-tow-column-table"
-      separator="none"
-      :data="dataList"
-      :columns="columns"
-      row-key="StuId"
-      hide-bottom
-    >
+    <q-table :pagination="pageMsg" :loading="loading" no-data-label="暂无相关数据" flat selection="multiple"
+      :selected.sync="selection" class="sticky-right-column-table sticky-tow-column-table" separator="none"
+      :data="dataList" :columns="columns" row-key="StuId" hide-bottom>
       <template v-slot:top="props">
         <div class="col-2 q-table__title">我的客户</div>
         <q-space />
         <div class="page-option">
-        <q-btn
-            color="accent"
-            class="q-mr-md"
-            size="sm"
-            icon="swap_horiz"
-            label="转订单"
-            :disable="selection.length===0"
-            @click="transferOrder"
-          />
-          <q-btn
-            color="accent"
-            class="q-mr-md"
-            size="sm"
-            icon="add"
-            label="新增客户"
-            @click="EditStudent(null)"
-          />
+          <q-btn color="accent" class="q-mr-md" size="sm" icon="swap_horiz" label="转订单" :disable="selection.length===0"
+            @click="transferOrder" />
+          <q-btn color="accent" class="q-mr-md" size="sm" icon="add" label="新增客户" @click="EditStudent(null)" />
         </div>
       </template>
       <template v-slot:body-cell-StuIcon="props">
@@ -47,14 +22,8 @@
           <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-avatar size="md" color="teal-10" text-color="white" v-if="!props.value">
+            {{ props.row.StuName.substring(0, 1) }}</q-avatar>
         </q-td>
       </template>
       <template v-slot:body-cell-StuName="props">
@@ -66,62 +35,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>
     </q-table>
-    <student-form
-      v-if="isShowStuForm"
-      :save-obj="stuOption"
-      @close="closeStuForm"
-      @success="refreshStuList"
-    >
+    <student-form v-if="isShowStuForm" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
     </student-form>
-    <studentRight-form
-      v-if="isShowStuRight"
-      :save-obj="stuOption"
-      @close="closeStuForm"
-      @success="refreshStuList"
-    >
+    <studentRight-form v-if="isShowStuRight" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
     </studentRight-form>
-    <studentAdd-form
-      v-if="isShowAdd"
-      :save-obj="stuOption"
-      @close="closeStuForm"
-      @success="refreshStuList"
-    >
+    <studentAdd-form v-if="isShowAdd" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
     </studentAdd-form>
-    <transfer-order
-      v-if="isShowTransfer"
-      :select="selection"
-      @close="closeStuForm"
-      @success="refreshStuList"
-    >
+    <transfer-order v-if="isShowTransfer" :select="selection" @close="closeStuForm" @success="refreshStuList">
     </transfer-order>
   </div>
 </template>
 <script>
-import studentForm from "./student-form";
-import studentRightForm from "./studentRight-form";
-import studentAddForm from "./studentAdd-form";
-import transferOrder from "./transfer-order"
-export default {
+  import studentForm from "./student-form";
+  import studentRightForm from "./studentRight-form";
+  import studentAddForm from "./studentAdd-form";
+  import transferOrder from "./transfer-order"
+  export default {
     props: {
       dataList: {
         type: Array,
@@ -136,8 +75,7 @@ export default {
     },
     data() {
       return {
-      columns: [
-        {
+        columns: [{
             name: "StuIcon",
             label: "",
             field: "StuIcon",
@@ -157,33 +95,33 @@ export default {
             align: "left"
           },
           {
-          name: "StuBirth",
-          label: "出生日期",
-          field: "StuBirth",
+            name: "StuTel",
+            label: "电话",
+            field: "StuTel",
             align: "left"
           },
           {
-          name: "StuTel",
-          label: "手机号码",
-          field: "StuTel",
+            name: "StuStageName",
+            label: "客户阶段",
+            field: "StuStageName",
             align: "left"
           },
           {
-          name: "CreateTypeStr",
-          label: "客户来源",
-          field: "CreateTypeStr",
+            name: "StuProfession",
+            label: "职业",
+            field: "StuProfession",
             align: "left"
           },
           {
-          name: "StuStageName",
-          label: "客户阶段",
-          field: "StuStageName",
+            name: "StuEducationName",
+            label: "学历",
+            field: "StuEducationName",
             align: "left"
           },
           {
-          name: "CreateTimeStr",
-          label: "创建时间",
-          field: "CreateTimeStr",
+            name: "StuPurposeName",
+            label: "目的",
+            field: "StuPurposeName",
             align: "left"
           },
           {
@@ -191,6 +129,42 @@ export default {
             label: "负责人",
             align: "left",
             field: "CreateByName"
+          },
+          {
+            name: "AssistList",
+            label: "协同人",
+            align: "left",
+            field: "AssistList"
+          },
+          {
+            name: "CreateTypeStr",
+            label: "获取渠道",
+            field: "CreateTypeStr",
+            align: "left"
+          },
+          {
+            name: "StuSourceIdName",
+            label: "关联人",
+            field: "StuSourceIdName",
+            align: "left"
+          },
+          {
+            name: "VisitCount",
+            label: "到访次数",
+            field: "VisitCount",
+            align: "left"
+          },
+          {
+            name: "TrialLessonCount",
+            label: "试听次数",
+            field: "TrialLessonCount",
+            align: "left"
+          },
+          {
+            name: "CreateTimeStr",
+            label: "创建时间",
+            field: "CreateTimeStr",
+            align: "left"
           }
         ],
         pageMsg: {
@@ -203,7 +177,7 @@ export default {
         stuOption: null,
         isShowAdd: false,
         selection: [],
-      isShowTransfer:false,
+        isShowTransfer: false,
 
       };
     },
@@ -287,8 +261,7 @@ export default {
         this.$q
           .dialog({
             title: str + "学员",
-          message:
-            "你正在进行" + str + "学员行为，一旦执行无法找回，是否确认执行？",
+            message: "你正在进行" + str + "学员行为，一旦执行无法找回，是否确认执行？",
             persistent: true,
             cancel: {
               label: "取消",
@@ -335,7 +308,7 @@ export default {
         this.isShowStuForm = false;
         this.isShowStuRight = false;
         this.isShowAdd = false;
-      this.isShowTransfer=false;
+        this.isShowTransfer = false;
       },
       //点击学生姓名弹出
       getStuRight(obj) {
@@ -346,12 +319,12 @@ export default {
         }
         this.isShowStuRight = true;
       },
-    transferOrder(){
-      const firstId=this.selection[0].CustomerId
-      const flag= this.selection.every(e=>{
-        return e.CustomerId==firstId
+      transferOrder() {
+        const firstId = this.selection[0].CustomerId
+        const flag = this.selection.every(e => {
+          return e.CustomerId == firstId
         })
-      if(!flag){
+        if (!flag) {
           this.$q.notify({
             type: 'negative',
             position: "top",
@@ -359,8 +332,8 @@ export default {
           })
           return
         }
-      this.isShowTransfer=true
+        this.isShowTransfer = true
       }
     }
-};
+  };
 </script>
\ No newline at end of file