Skip to content

C
confucius
Commit eb1c6048 authored by Mac's avatar Mac
Browse files
Options

新增高级筛选

parent f56996d8
Hide whitespace changes
Inline Side-by-side
Showing with 113 additions and 5 deletions
src/pages/sale/guestConsultation.vue
View file @ eb1c6048
......@@ -32,9 +32,18 @@
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 />
</div>
<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"
:options="BelongTypeList" emit-value map-options label="归属类型" />
......@@ -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,
......@@ -152,7 +204,7 @@ import {
} from "../../api/school/index";
import studentRightForm from "../../components/school/student/studentRight-form";
import studentFUForm from "../../components/school/student/studentFu-form";
export default {
meta: {
title: "客户咨询"
......@@ -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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment