新增高级筛选

src/pages/sale/guestConsultation.vue

@@ -32,8 +32,17 @@
                         option-label="Name" option-value="Id" emit-value map-options label="客户类型" />
                     </div>
                 <div class="col-3">
-                    <q-select @input="resetSearch" dense filled v-model="msg.StuStage" :options="customState" option-label="Name"
-                        option-value="Id" emit-value map-options label="客户状态" clearable />
+                    <q-select filled @input="resetSearch" v-model="msg.StuChannel"  dense :options="StuChannelList"
+                         option-label="Name" option-value="Id" emit-value map-options use-input label="收客渠道"
+                        @filter="filterStuChannel">
+                        <template v-slot:no-option>
+                        <q-item>
+                            <q-item-section class="text-grey">
+                            未找到相关数据
+                            </q-item-section>
+                        </q-item>
+                        </template>
+                    </q-select>
                 </div>
                 <div class="col-3">
                     <q-select @input="resetSearch" dense filled option-value="Id" option-label="Name" v-model="msg.BelongType"
@@ -68,6 +77,44 @@
                 </div> -->
 
             </div>
+        </div>
+          <div style="width: 100%;text-align: right;padding: 0 20px;margin-bottom: 10px;">
+             <span @click="morequery=!morequery" style="display:inline-flex;align-items:center;cursor: pointer;" >
+                <span style="margin-right:5px;color: #089bab;">高级查询</span>
+                <img v-show="!morequery" style="width:12px;height:12px" src="../../assets/images/more.png" alt="">
+                <img v-show="morequery" class="roatImg" style="width:12px;height:12px" src="../../assets/images/more.png" alt="">
+            </span>
+        </div>
+         <div class="page-search row items-center" v-if="morequery">
+            <div class="col row wrap q-mr-lg q-col-gutter-md">
+                <div class="col-3">
+                    <q-select @input="resetSearch" dense 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-select  @input="resetSearch" dense filled option-value="Id" option-label="EmployeeName" v-model="msg.ConsultantId" clearable
+                        :options="RoleListData" emit-value map-options label="课程顾问"
+                    />
+                </div>
+              
+                
+                <div class="col-3">
+                    <q-field filled dense>
+                        <template v-slot:control>
+                        <el-date-picker v-model="dateArray" size="mini" @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-radio size="xs" v-model="msg.Q_FType" val="1" label="范围内有跟进记录" />
+                     <q-radio size="xs" v-model="msg.Q_FType" val="2" label="范围内没有跟进记录" />）
+                   
+                </div>
+            </div>
         </div>
          <div  class="page-content">
                 <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat 
@@ -145,6 +192,11 @@ import {
     getStudentConsultPageList,
     
 } from '../../api/studyabroad/index'
+import { queryEmployee } from "../../api/users/user";
+  import {
+    GetStuChannelList,
+  } from "../../api/sale/sale";
+
 import {
     queryStuStageList,
     GetStudentTypeList,
@@ -179,7 +231,11 @@ export default {
                 IsQueryMyStu:'1',//是否我协助的 1是 2否
                 CreateIds: [],
                  StuStage:'',//客户状态
-
+                 ConsultantId:'',//课程顾问
+                 SFTime:'',
+                EFTime:'',
+                 Q_FType:'1',//跟进类型 1范围内有跟进记录 2范围内没有跟进记录	
+                StuChannel:'',//渠道
             },
 
             loading: false,
@@ -192,6 +248,13 @@ export default {
             BelongTypeList:[{Id:'1',Name:'全部'},{Id:'2',Name:'我负责的'},{Id:'3',Name:'我协同的'},{Id: 4, Name: "我下属的" }],
             hetongList:[{Id:'1',Name:'正常'},{Id:'2',Name:'退学'},{Id:'5',Name:'停课'},{Id:'7',Name:'毕业'},],
             dateArray: [], //日期数组
+             morequery:false,
+            CompanyList:[],
+            allCourseList: [],//课程
+            myCourseList:[],
+            RoleListData: [], //课程顾问下拉数据
+            StuChannelList: [], //收客渠道
+            allStuChannelList: [], //所有收客渠道
             columns: [{
                 name: "StuName",
                 label: "学生",
@@ -297,8 +360,43 @@ export default {
         this.getStuStageList()
         this.getCustomTypeList()
         this.GetSubordList()
+        this.getRole()
+        this.GetStuChannelList();
+
     },
     methods: {
+        //获取收客渠道
+        GetStuChannelList() {
+            GetStuChannelList({}).then(res => {
+            if (res.Code == 1) {
+                this.StuChannelList = res.Data;
+                this.allStuChannelList = res.Data;
+            }
+            });
+        },
+        //筛选渠道
+        filterStuChannel(val, update) {
+            update(() => {
+            if (val === "") {
+                this.StuChannelList = JSON.parse(
+                JSON.stringify(this.allStuChannelList)
+                );
+            } else {
+                const needle = val.toLowerCase();
+                this.StuChannelList = this.allStuChannelList.filter(
+                v => v.Name.toLowerCase().indexOf(needle) > -1
+                );
+            }
+            });
+        },
+        getRole() {
+            queryEmployee({
+                IsLeave: 1,
+                UserRole: 2
+            }).then(res => {
+                this.RoleListData = res.Data;
+            });
+        },
         //获取我下属的下拉数据
         GetSubordList() {
             GetPersonalDimension().then(res => {
@@ -329,6 +427,13 @@ export default {
         getList() {
             this.loading = true;
             let msg = JSON.parse(JSON.stringify(this.msg))
+              if (this.dateArray && this.dateArray.length > 0) {
+                msg.SFTime = this.dateArray[0];
+                msg.EFTime = this.dateArray[1];
+            } else {
+                msg.SFTime = "";
+                msg.EFTime = "";
+            }
             if(msg.StuType=='' || msg.StuType==null){
                 msg.StuType = 0
             }
@@ -416,5 +521,8 @@ export default {
   .w500text .text-r{
       flex:1
   }
+  .roatImg{
+      transform: rotate(180deg);
+  }
  
 </style>