页面修改

src/pages/sale/mystu.vue

@@ -3,71 +3,27 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
-          <q-input
-            @input="resetSearch"
-            clearable
-            filled
-            v-model="msg.StuName"
-            label="昵称"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" clearable filled v-model="msg.StuName" label="昵称" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-input
-            @input="resetSearch"
-            clearable
-            filled
-            v-model="msg.StuTel"
-            label="电话"
-            maxlength="20"
-          />
+          <q-input @input="resetSearch" clearable filled v-model="msg.StuTel" label="电话" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select
-            @input="resetSearch"
-            filled
-            v-model="msg.StuStage"
-            :options="customState"
-            option-label="Name"
-            option-value="Id"
-            emit-value
-            map-options
-            label="客户状态"
-            clearable
-          />
+          <q-select @input="resetSearch" filled v-model="msg.StuStage" :options="customState" option-label="Name"
+            option-value="Id" emit-value map-options label="客户状态" clearable />
         </div>
         <div class="col-3">
           <q-field filled>
             <template v-slot:control>
-              <el-date-picker
-                v-model="dateArray"
-                @change="resetSearch"
-                value-format="yyyy-MM-dd"
-                type="daterange"
-                style="border:none;"
-                range-separator="至"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
-              />
+              <el-date-picker v-model="dateArray" @change="resetSearch" value-format="yyyy-MM-dd" type="daterange"
+                style="border:none;" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" />
             </template>
           </q-field>
         </div>
         <div class="col-3">
-          <q-select
-            @input="resetSearch"
-            v-model="msg.CustomerId"
-            :options="myCustomerList"
-            filled
-            use-input
-            label="同行"
-            option-label="CustomerName"
-            option-value="CustomerId"
-            ref="CustomerName"
-            class="col-6 q-pb-lg"
-            emit-value
-            map-options
-            @filter="cusfilterFn"
-          >
+          <q-select @input="resetSearch" v-model="msg.CustomerId" :options="myCustomerList" filled use-input label="同行"
+            option-label="CustomerName" option-value="CustomerId" ref="CustomerName" class="col-6 q-pb-lg" emit-value
+            map-options @filter="cusfilterFn">
             <template v-slot:no-option>
               <q-item>
                 <q-item-section class="text-grey">
@@ -77,38 +33,42 @@
             </template>
           </q-select>
         </div>
+        <div class="col-3">
+          <q-select @input="resetSearch" standout="bg-primary text-white" option-value="Id" option-label="Name"
+            v-model="msg.BelongType" :options="BelongTypeList" emit-value map-options label="归属类型" />
+        </div>
       </div>
     </div>
     <div class="page-content">
       <stulist :dataList="data" @success="refreshPage" ref="stuList"> </stulist>
       <div class="row" style="justify-content: flex-end;padding: 5px 20px">
-        <q-pagination
-          v-model="msg.pageIndex"
-          :max="pageCount"
-          @input="changePage"
-          class="full-width justify-end"
-          color="primary"
-          :input="true"
-        >
+        <q-pagination v-model="msg.pageIndex" :max="pageCount" @input="changePage" class="full-width justify-end"
+          color="primary" :input="true">
         </q-pagination>
       </div>
     </div>
   </div>
 </template>
 <script>
-import {
+  import {
     getStudentPage,
     getSchoolDropdown,
     deleteStudent,
     createStudentAccount,
     queryStuStageList
-} from "../../api/school/index";
-import { queryEmployee } from "../../api/users/user";
-import { resetPassword } from "../../api/users/user.js";
+  } from "../../api/school/index";
+  import {
+    queryEmployee
+  } from "../../api/users/user";
+  import {
+    resetPassword
+  } from "../../api/users/user.js";
 
-import stulist from "../../components/school/student/stulist";
-import { getMyCustomerList } from "../../api/sale/sale";
-export default {
+  import stulist from "../../components/school/student/stulist";
+  import {
+    getMyCustomerList
+  } from "../../api/sale/sale";
+  export default {
     meta: {
       title: "客户管理"
     },
@@ -132,14 +92,29 @@ export default {
           StuStage: "", //客户阶段
           StartTime: "", //开始时间
           EndTime: "", //结束时间
-        CustomerId: 0
+          CustomerId: 0,
+          BelongType: 1, //归属类型
         },
         dateArray: [], //日期数组
         pageCount: 0,
         //客户阶段状态列表
         customState: [],
         myCustomerList: [], //同行列表
-      allCustomerList: [] //所有同行列表
+        allCustomerList: [], //所有同行列表
+        //归属类型列表
+        BelongTypeList: [{
+            Id: 1,
+            Name: "全部"
+          },
+          {
+            Id: 2,
+            Name: "我负责的"
+          },
+          {
+            Id: 3,
+            Name: "我协同的"
+          },
+        ],
       };
     },
     created() {
@@ -198,8 +173,8 @@ export default {
           this.myCustomerList = res.Data;
           this.allCustomerList = res.Data;
           this.myCustomerList.unshift({
-          CustomerName:"不限",
-          CustomerId:0,
+            CustomerName: "不限",
+            CustomerId: 0,
           })
         });
       },
@@ -218,8 +193,8 @@ export default {
         });
       }
     }
-};
+  };
 </script>
 <style lang="sass">
-@import url('~assets/css/table.sass')
+  @import url('~assets/css/table.sass')
 </style>
\ No newline at end of file