Skip to content

C
confucius
Commit bb245a36 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent d01c14b6
Hide whitespace changes
Inline Side-by-side
Showing with 860 additions and 1257 deletions
src/components/school/student/student-left.vue
View file @ bb245a36
<style>
.info_title {
padding: 0 22px;
margin-bottom: 20px;
flex-shrink: 0;
font-size: 16px;
font-weight: 700;
font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif !important;
}
.info_title {
padding: 0 22px;
margin-bottom: 20px;
flex-shrink: 0;
font-size: 16px;
font-weight: 700;
font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif !important;
}
.customer_info_component {
width: 100%;
}
.customer_info_component {
width: 100%;
}
.customer_info_Stage {
width: 100%;
padding: 0 7px;
cursor: pointer;
display: flex;
align-items: center;
width: 100%;
padding: 12px 22px;
justify-content: space-between;
}
.customer_info_Stage {
width: 100%;
padding: 0 7px;
cursor: pointer;
display: flex;
align-items: center;
width: 100%;
padding: 12px 22px;
justify-content: space-between;
}
.stage_label {
color: #606266;
flex-shrink: 0;
width: 65px;
text-align: right;
}
.stage_label {
color: #606266;
flex-shrink: 0;
width: 65px;
text-align: right;
}
.stage_value {
text-overflow: ellipsis;
white-space: nowrap;
}
.stage_value {
text-overflow: ellipsis;
white-space: nowrap;
}
.info_content {
margin-bottom: 30px;
}
.info_content {
margin-bottom: 30px;
}
.info_item {
position: relative;
display: flex;
padding: 12px 22px;
align-items: center;
}
.info_item {
position: relative;
display: flex;
padding: 12px 22px;
align-items: center;
}
.item_value {
flex: 1;
font-size: 14px;
word-break: break-all;
overflow: hidden;
}
.item_value {
flex: 1;
font-size: 14px;
word-break: break-all;
overflow: hidden;
}
.item_label {
color: #606266;
flex-shrink: 0;
width: 120px;
font-size: 14px;
}
.item_label {
color: #606266;
flex-shrink: 0;
width: 120px;
font-size: 14px;
}
.student_require {
color: red;
}
.student_require {
color: red;
}
.stuHeadImg {
width: 80px;
height: 80px;
position: relative;
}
.stuHeadImg {
width: 80px;
height: 80px;
position: relative;
}
</style>
<template>
<div>
......@@ -79,19 +79,10 @@
<div class="stage_label">头像</div>
<div class="stage_value">
<div class="stuHeadImg">
<el-upload
:before-upload="uploadFile"
:multiple="false"
action=""
:show-file-list="false"
>
<el-upload :before-upload="uploadFile" :multiple="false" action="" :show-file-list="false">
<q-avatar size="80px" font-size="36px" text-color="white">
<img :src="customObj.StuIcon" v-if="customObj.StuIcon" />
<img
v-else
src="../../../assets/images/administration/litheader.png"
alt=""
/>
<img v-else src="../../../assets/images/administration/litheader.png" alt="" />
</q-avatar>
</el-upload>
</div>
......@@ -104,14 +95,7 @@
<span class="student_require">*</span>客户名称
</div>
<div class="stage_value">
<q-input
filled
v-model="customObj.StuName"
style="width:185px;"
ref="StuName"
dense
:disable="noEdit"
>
<q-input filled v-model="customObj.StuName" style="width:185px;" ref="StuName" dense :disable="noEdit">
</q-input>
</div>
</div>
......@@ -122,15 +106,8 @@
客户电话
</div>
<div class="stage_value">
<q-input
filled
v-model="customObj.formatTel"
style="width:185px;"
@blur="CheckExistsStu(1)"
ref="StuTel"
:disable="noEdit"
dense
>
<q-input filled v-model="customObj.StuTel" style="width:185px;"
ref="StuRealMobile" :disable="noEdit" dense>
</q-input>
</div>
</div>
......@@ -141,15 +118,8 @@
客户电话
</div>
<div class="stage_value">
<q-input
filled
v-model="customObj.StuTel"
style="width:185px;"
@blur="CheckExistsStu(1)"
ref="StuTel"
:disable="noEdit"
dense
>
<q-input filled v-model="customObj.StuRealMobile" style="width:185px;" @blur="CheckExistsStu(1)"
ref="StuRealMobile" :disable="noEdit" dense>
</q-input>
</div>
</div>
......@@ -160,16 +130,8 @@
QQ
</div>
<div class="stage_value">
<q-input
filled
v-model="customObj.QQ"
style="width:185px;"
@blur="CheckExistsStu(2)"
:disable="noEdit"
@keyup.native="checkInteger(customObj, 'QQ')"
ref="QQ"
dense
></q-input>
<q-input filled v-model="customObj.QQ" style="width:185px;" @blur="CheckExistsStu(2)" :disable="noEdit"
@keyup.native="checkInteger(customObj, 'QQ')" ref="QQ" dense></q-input>
</div>
</div>
</div>
......@@ -179,15 +141,8 @@
微信号
</div>
<div class="stage_value">
<q-input
filled
v-model="customObj.WeChatNo"
@blur="CheckExistsStu(3)"
style="width:185px;"
ref="WeChatNo"
:disable="noEdit"
dense
></q-input>
<q-input filled v-model="customObj.WeChatNo" @blur="CheckExistsStu(3)" style="width:185px;" ref="WeChatNo"
:disable="noEdit" dense></q-input>
</div>
</div>
</div>
......@@ -197,19 +152,8 @@
<span class="student_require">*</span>客户状态
</div>
<div class="stage_value">
<q-select
filled
v-model="customObj.StuStage"
dense
:options="customState"
option-label="Name"
:disable="noEdit"
style="width:185px;"
option-value="Id"
emit-value
map-options
label="客户状态"
/>
<q-select filled v-model="customObj.StuStage" dense :options="customState" option-label="Name"
:disable="noEdit" style="width:185px;" option-value="Id" emit-value map-options label="客户状态" />
</div>
</div>
</div>
......@@ -220,21 +164,9 @@
<span class="student_require">*</span>客户来源
</div>
<div class="stage_value">
<q-select
filled
v-model="customObj.CreateType"
@change="clearStuMsg()"
style="width:185px;"
:disable="noEdit || isHaveOrder"
@input="resetStuSource()"
dense
:options="customFromList"
option-label="Name"
option-value="Id"
emit-value
map-options
label="客户来源"
/>
<q-select filled v-model="customObj.CreateType" @change="clearStuMsg()" style="width:185px;"
:disable="noEdit || isHaveOrder" @input="resetStuSource()" dense :options="customFromList"
option-label="Name" option-value="Id" emit-value map-options label="客户来源" />
</div>
</div>
</div>
......@@ -244,20 +176,9 @@
<span class="student_require">*</span>介绍人
</div>
<div class="stage_value">
<q-select
filled
v-model="customObj.StuSourceId"
style="width:185px;"
dense
@filter="filterEmployee"
:disable="noEdit || isHaveOrder"
use-input
:options="myEmployeeList"
option-label="EmployeeName"
option-value="Id"
emit-value
map-options
/>
<q-select filled v-model="customObj.StuSourceId" style="width:185px;" dense @filter="filterEmployee"
:disable="noEdit || isHaveOrder" use-input :options="myEmployeeList" option-label="EmployeeName"
option-value="Id" emit-value map-options />
</div>
</div>
</div>
......@@ -267,20 +188,9 @@
<span class="student_require">*</span>转介人
</div>
<div class="stage_value">
<q-select
filled
v-model="customObj.StuSourceId"
style="width:185px;"
use-input
@filter="filterStudent"
:disable="noEdit || isHaveOrder"
dense
:options="MyTransListData"
option-label="StuName"
option-value="StuId"
emit-value
map-options
/>
<q-select filled v-model="customObj.StuSourceId" style="width:185px;" use-input @filter="filterStudent"
:disable="noEdit || isHaveOrder" dense :options="MyTransListData" option-label="StuName"
option-value="StuId" emit-value map-options />
</div>
</div>
</div>
......@@ -290,20 +200,9 @@
<span class="student_require">*</span>收客渠道
</div>
<div class="stage_value">
<q-select
filled
v-model="customObj.StuChannel"
style="width:185px;"
dense
:options="StuChannelList"
:disable="noEdit || isHaveOrder"
option-label="Name"
option-value="Id"
emit-value
map-options
use-input
@filter="filterStuChannel"
>
<q-select filled v-model="customObj.StuChannel" style="width:185px;" dense :options="StuChannelList"
:disable="noEdit || isHaveOrder" option-label="Name" option-value="Id" emit-value map-options use-input
@filter="filterStuChannel">
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
......@@ -321,20 +220,9 @@
<span class="student_require">*</span>关联同行
</div>
<div class="stage_value">
<q-select
filled
v-model="customObj.CustomerId"
style="width:185px"
dense
:options="customList"
use-input
:disable="noEdit || isHaveOrder"
@filter="filterFn"
option-label="CustomerName"
option-value="CustomerId"
emit-value
map-options
>
<q-select filled v-model="customObj.CustomerId" style="width:185px" dense :options="customList" use-input
:disable="noEdit || isHaveOrder" @filter="filterFn" option-label="CustomerName"
option-value="CustomerId" emit-value map-options>
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
......@@ -350,23 +238,13 @@
<div class="info_item" v-if="customObj.StuChannel == 17">
<div class="item_label">第三方平台名称</div>
<div class="item_value">
<q-input
filled
v-model="customObj.PlatformName"
dense
:disable="noEdit"
></q-input>
<q-input filled v-model="customObj.PlatformName" dense :disable="noEdit"></q-input>
</div>
</div>
<div class="info_item" v-if="customObj.StuChannel == 20">
<div class="item_label">其他平台名称</div>
<div class="item_value">
<q-input
filled
v-model="customObj.PlatformName"
dense
:disable="noEdit"
></q-input>
<q-input filled v-model="customObj.PlatformName" dense :disable="noEdit"></q-input>
</div>
</div>
</template>
......@@ -377,19 +255,8 @@
<span class="student_require">*</span>客户类型
</div>
<div class="stage_value">
<q-select
filled
v-model="customObj.StuType"
style="width:185px"
dense
:options="customTypeList"
:disable="noEdit"
option-label="Name"
option-value="Id"
emit-value
map-options
label="客户类型"
/>
<q-select filled v-model="customObj.StuType" style="width:185px" dense :options="customTypeList"
:disable="noEdit" option-label="Name" option-value="Id" emit-value map-options label="客户类型" />
</div>
</div>
</div>
......@@ -399,19 +266,8 @@
客户需求
</div>
<div class="stage_value">
<q-select
filled
v-model="customObj.StuNeeds"
style="width:185px"
dense
:options="NeedData"
:disable="noEdit"
option-label="Name"
option-value="Id"
emit-value
map-options
label="客户需求"
/>
<q-select filled v-model="customObj.StuNeeds" style="width:185px" dense :options="NeedData"
:disable="noEdit" option-label="Name" option-value="Id" emit-value map-options label="客户需求" />
</div>
</div>
</div>
......@@ -421,18 +277,8 @@
<div class="info_item">
<div class="item_label">性别</div>
<div class="item_value">
<q-radio
v-model="customObj.StuSex"
:val="0"
label="男"
:disable="noEdit"
/>
<q-radio
v-model="customObj.StuSex"
:val="1"
label="女"
:disable="noEdit"
/>
<q-radio v-model="customObj.StuSex" :val="0" label="男" :disable="noEdit" />
<q-radio v-model="customObj.StuSex" :val="1" label="女" :disable="noEdit" />
</div>
</div>
<div class="info_item studentDate">
......@@ -440,14 +286,8 @@
<div class="item_value">
<q-field filled dense>
<template v-slot:control>
<el-date-picker
v-model="customObj.StuBirth"
size="mini"
style="width:150px"
type="date"
:disabled="noEdit"
placeholder="选择日期"
>
<el-date-picker v-model="customObj.StuBirth" size="mini" style="width:150px" type="date"
:disabled="noEdit" placeholder="选择日期">
</el-date-picker>
</template>
</q-field>
......@@ -457,60 +297,28 @@
<div class="info_item">
<div class="item_label">日语基础</div>
<div class="item_value">
<q-select
filled
v-model="customObj.JapanBaseInfo"
dense
:options="basicList"
option-label="Name"
:disable="noEdit"
option-value="Id"
emit-value
map-options
/>
<q-select filled v-model="customObj.JapanBaseInfo" dense :options="basicList" option-label="Name"
:disable="noEdit" option-value="Id" emit-value map-options />
</div>
</div>
<div class="info_item">
<div class="item_label">职业</div>
<div class="item_value">
<q-input
filled
v-model="customObj.StuProfession"
dense
:disable="noEdit"
></q-input>
<q-input filled v-model="customObj.StuProfession" dense :disable="noEdit"></q-input>
</div>
</div>
<div class="info_item">
<div class="item_label">学历</div>
<div class="item_value">
<q-select
filled
v-model="customObj.StuEducation"
dense
:options="educationList"
option-label="Name"
:disable="noEdit"
option-value="Id"
emit-value
map-options
/>
<q-select filled v-model="customObj.StuEducation" dense :options="educationList" option-label="Name"
:disable="noEdit" option-value="Id" emit-value map-options />
</div>
</div>
<div class="info_item">
<div class="item_label">学习目的</div>
<div class="item_value">
<q-select
filled
v-model="customObj.StuPurpose"
dense
:options="goalsList"
option-label="Name"
:disable="noEdit"
option-value="Id"
emit-value
map-options
/>
<q-select filled v-model="customObj.StuPurpose" dense :options="goalsList" option-label="Name"
:disable="noEdit" option-value="Id" emit-value map-options />
</div>
</div>
<!-- <div class="info_item">
......@@ -521,540 +329,505 @@
</div>
</div> -->
<div class="info_item" v-if="!noEdit">
<q-btn
color="accent"
class="q-mr-md"
label="保存"
@click="saveStu()"
/>
<q-btn color="accent" class="q-mr-md" label="保存" @click="saveStu()" />
</div>
</div>
</div>
</div>
</template>
<script>
import {
getStudentInfo, //获取学员客户信息
queryStuStageList, //获取客户阶段列表
saveStudent, //保存学员信息
GetStudentTypeList,
getStudentDorpDownList,
GetNeedsList
} from "../../../api/school/index";
import {
getGuestBasicsEnumList,
getGuestEducationEnumList,
getGuestLearningGoalsEnumList,
GetStuChannelList,
CreateTypeList,
CheckExistsStu,
GetCustomerList
} from "../../../api/sale/sale";
import { queryEmployee } from "../../../api/users/user";
import {
queryStuOrderPage //学员订单分页列表
} from "../../../api/customerstudent/customerstudent";
import { UploadSelfFile } from "../../../api/common/common";
import {
getStudentInfo, //获取学员客户信息
queryStuStageList, //获取客户阶段列表
saveStudent, //保存学员信息
GetStudentTypeList,
getStudentDorpDownList,
GetNeedsList
} from "../../../api/school/index";
import {
getGuestBasicsEnumList,
getGuestEducationEnumList,
getGuestLearningGoalsEnumList,
GetStuChannelList,
CreateTypeList,
CheckExistsStu,
GetCustomerList
} from "../../../api/sale/sale";
import {
queryEmployee
} from "../../../api/users/user";
import {
queryStuOrderPage //学员订单分页列表
} from "../../../api/customerstudent/customerstudent";
import {
UploadSelfFile
} from "../../../api/common/common";
export default {
meta: {
title: "学员管理"
},
components: {},
props: {
stuData: {
type: Object,
default: null
},
saveObj: {
type: Object,
default: null
export default {
meta: {
title: "学员管理"
},
AddType: {
type: Number,
default: null
},
BelongType: {
type: Number,
default: null
}
},
data() {
return {
//客户阶段状态列表
customState: [],
customMsg: {
StuId: 0
components: {},
props: {
stuData: {
type: Object,
default: null
},
//客户对象
customObj: {
StuId: 0,
StuIcon: "", //学院头像
StuName: "", //客户名称
StuTel: "", //客户电话
CreateType: "", //客户来源
StuSourceId: "", //介绍人
StuChannel: "", //收客渠道
PlatformName: "", //平台名称
StuSex: 0, //性别
StuBirth: "", //出生日期
StuStage: "", //客户阶段状态
JapanBaseInfo: "", //日语基础
StuProfession: "", //职业
StuEducation: "", //学历
StuPurpose: "", //学习目的
CreateBy: "", //创建人
CustomerId: 0, //关联同行
QQ: "", //qq
WeChatNo: "", //微信号
StuType: "", //客户类型
StuNeeds: 0 //客户需求
saveObj: {
type: Object,
default: null
},
//日语基础列表
basicList: [],
//学历列表
educationList: [],
//学习目的列表
goalsList: [],
//员工列表
employeeList: [],
myEmployeeList: [],
StuChannelList: [], //收客渠道
allStuChannelList: [], //所有收客渠道
AssistDropList: [], //协助人员
customFromList: [], //客户来源
customTypeList: [], //客户类型
customList: [], //同行列表
allCustomList: [], //所有同行列表
TransListData: [], //转介人数据
MyTransListData: [],
checkMsg: {
StuId: 0,
StuTel: "",
QQ: "",
WeChatNo: ""
AddType: {
type: Number,
default: null
},
NeedData: [],
noEdit: false,
isHaveOrder: false
};
},
created() {
this.getStuStageList();
this.getBasicList();
this.queryGuestEducationEnumList();
this.queryGoalsList();
this.getEmployeeList();
this.GetStuChannelList();
this.getCustomFrom();
this.GetCustomerList();
this.getCustomTypeList();
this.getStudentDorpDown();
this.getGetNeedsList();
this.getStuOrderPage();
if (this.saveObj && this.saveObj.StuId > 0) {
this.customMsg.StuId = this.saveObj.StuId;
this.checkMsg.StuId = this.saveObj.StuId;
if (this.saveObj.noEdit && this.saveObj.noEdit == true) {
this.noEdit = true;
BelongType: {
type: Number,
default: null
}
}
if (this.BelongType == 3) {
this.noEdit = true;
}
},
watch: {
stuData() {
this.init();
}
},
methods: {
uploadFile(files) {
UploadSelfFile("studentIcon", files, res => {
if (res.Code == 1) {
this.customObj.StuIcon = res.FileUrl;
}
});
},
//获取客户需求
getGetNeedsList() {
GetNeedsList().then(res => {
if (res.Code == 1) {
this.NeedData = res.Data;
}
});
data() {
return {
//客户阶段状态列表
customState: [],
customMsg: {
StuId: 0
},
//客户对象
customObj: {
StuId: 0,
StuIcon: "", //学院头像
StuName: "", //客户名称
StuRealMobile: "", //客户电话
CreateType: "", //客户来源
StuSourceId: "", //介绍人
StuChannel: "", //收客渠道
PlatformName: "", //平台名称
StuSex: 0, //性别
StuBirth: "", //出生日期
StuStage: "", //客户阶段状态
JapanBaseInfo: "", //日语基础
StuProfession: "", //职业
StuEducation: "", //学历
StuPurpose: "", //学习目的
CreateBy: "", //创建人
CustomerId: 0, //关联同行
QQ: "", //qq
WeChatNo: "", //微信号
StuType: "", //客户类型
StuNeeds: 0, //客户需求
StuTel: "", //显示使用
},
//日语基础列表
basicList: [],
//学历列表
educationList: [],
//学习目的列表
goalsList: [],
//员工列表
employeeList: [],
myEmployeeList: [],
StuChannelList: [], //收客渠道
allStuChannelList: [], //所有收客渠道
AssistDropList: [], //协助人员
customFromList: [], //客户来源
customTypeList: [], //客户类型
customList: [], //同行列表
allCustomList: [], //所有同行列表
TransListData: [], //转介人数据
MyTransListData: [],
checkMsg: {
StuId: 0,
StuRealMobile: "",
QQ: "",
WeChatNo: ""
},
NeedData: [],
noEdit: false,
isHaveOrder: false
};
},
//保存学员信息
saveStu() {
if (this.customObj.StuName == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请输入客户名称`
});
return;
}
if (
this.customObj.StuTel == "" &&
this.customObj.QQ == "" &&
this.customObj.WeChatNo == ""
) {
this.$q.notify({
type: "negative",
position: "top",
message: `请输入电话QQ微信至少一个`
});
return;
}
if (this.customObj.CreateType == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择客户来源`
});
return;
}
if (this.customObj.CreateType == 1 && !this.customObj.StuChannel) {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择收客渠道`
});
return;
}
if (this.customObj.CreateType == 2 && !this.customObj.CustomerId) {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择关联同行`
});
return;
created() {
this.getStuStageList();
this.getBasicList();
this.queryGuestEducationEnumList();
this.queryGoalsList();
this.getEmployeeList();
this.GetStuChannelList();
this.getCustomFrom();
this.GetCustomerList();
this.getCustomTypeList();
this.getStudentDorpDown();
this.getGetNeedsList();
this.getStuOrderPage();
if (this.saveObj && this.saveObj.StuId > 0) {
this.customMsg.StuId = this.saveObj.StuId;
this.checkMsg.StuId = this.saveObj.StuId;
if (this.saveObj.noEdit && this.saveObj.noEdit == true) {
this.noEdit = true;
}
}
if (this.customObj.CreateType == 3 && !this.customObj.StuSourceId) {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择介绍人`
});
return;
if (this.BelongType == 3) {
this.noEdit = true;
}
if (this.customObj.CreateType == 4 && !this.customObj.StuSourceId) {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择转介人`
});
return;
},
watch: {
stuData() {
this.init();
}
if (this.customObj.StuStage == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择客户状态`
},
methods: {
uploadFile(files) {
UploadSelfFile("studentIcon", files, res => {
if (res.Code == 1) {
this.customObj.StuIcon = res.FileUrl;
}
});
return;
}
if (this.customObj.StuType == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择客户类型`
},
//获取客户需求
getGetNeedsList() {
GetNeedsList().then(res => {
if (res.Code == 1) {
this.NeedData = res.Data;
}
});
return;
}
if (this.customObj.StuTel != "") {
var myreg = /^[1][3-9][\d]{9}/;
if (!myreg.test(this.customObj.StuTel)) {
},
//保存学员信息
saveStu() {
if (this.customObj.StuName == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请输入正确的电话号码`
message: `请输入客户名称`
});
return;
}
}
saveStudent(this.customObj).then(res => {
if (res.Code == 1) {
if (
this.customObj.StuRealMobile == "" &&
this.customObj.QQ == "" &&
this.customObj.WeChatNo == ""
) {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "数据保存成功！",
position: "top"
type: "negative",
position: "top",
message: `请输入电话QQ微信至少一个`
});
this.$emit("update");
this.$emit("success");
this.$emit("getrecord");
if (this.AddType == 1) {
this.$emit("close");
}
return;
}
});
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
});
},
//获取收客渠道
GetStuChannelList() {
GetStuChannelList({}).then(res => {
if (res.Code == 1) {
this.StuChannelList = res.Data;
this.allStuChannelList = res.Data;
if (this.customObj.CreateType == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择客户来源`
});
return;
}
});
},
//筛选渠道
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
);
if (this.customObj.CreateType == 1 && !this.customObj.StuChannel) {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择收客渠道`
});
return;
}
});
},
//筛选员工
filterEmployee(val, update, abort) {
update(() => {
this.myEmployeeList = this.employeeList.filter(
v => v.EmployeeName.indexOf(val) > -1
);
});
},
//获取日语基础列表
getBasicList() {
getGuestBasicsEnumList({}).then(res => {
this.basicList = res.Data;
});
},
//获取客户来源
getCustomFrom() {
CreateTypeList({}).then(res => {
if (res.Code == 1) {
this.customFromList = res.Data;
if (this.customObj.CreateType == 2 && !this.customObj.CustomerId) {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择关联同行`
});
return;
}
});
},
//获取学历列表
queryGuestEducationEnumList() {
getGuestEducationEnumList({}).then(res => {
this.educationList = res.Data;
});
},
//获取学习目的列表
queryGoalsList() {
getGuestLearningGoalsEnumList({}).then(res => {
this.goalsList = res.Data;
});
},
//获取客户阶段列表
getStuStageList() {
queryStuStageList().then(res => {
this.customState = res.Data;
});
},
//获取客户下拉数据
GetCustomerList() {
let msg = {
QCreateBy: 0
};
GetCustomerList(msg).then(res => {
if (res.Code == 1) {
this.customList = res.Data;
this.allCustomList = res.Data;
if (this.customObj.CreateType == 3 && !this.customObj.StuSourceId) {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择介绍人`
});
return;
}
});
},
//筛选客户
filterFn(val, update) {
update(() => {
if (val === "") {
this.customList = JSON.parse(JSON.stringify(this.allCustomList));
} else {
const needle = val.toLowerCase();
this.customList = this.allCustomList.filter(
v => v.CustomerName.toLowerCase().indexOf(needle) > -1
);
if (this.customObj.CreateType == 4 && !this.customObj.StuSourceId) {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择转介人`
});
return;
}
});
},
//获取客户类型
getCustomTypeList() {
GetStudentTypeList().then(res => {
if (res.Code == 1) {
this.customTypeList = res.Data;
if (this.customObj.StuStage == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择客户状态`
});
return;
}
});
},
//获取转介人下拉
getStudentDorpDown() {
getStudentDorpDownList().then(res => {
if (res.Code == 1) {
this.TransListData = res.Data;
this.MyTransListData = res.Data;
if (this.customObj.StuType == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请选择客户类型`
});
return;
}
});
},
//筛选转介人
filterStudent(val, update, abort) {
update(() => {
this.MyTransListData = this.TransListData.filter(
v => v.StuName.indexOf(val) > -1
);
});
},
// queryStuInfo() {
// getStudentInfo({
// StuId: this.customMsg.StuId
// }).then(res => {
// if (res.Code == 1) {
// var tempDate = res.Data;
// this.customObj.StuId = tempDate.StuId;
// this.customObj.StuName = tempDate.StuName;
// this.customObj.StuTel = tempDate.StuTel;
// this.customObj.CreateType = tempDate.CreateType;
// this.customObj.StuSourceId = tempDate.StuSourceId;
// this.customObj.StuChannel = tempDate.StuChannel;
// this.customObj.PlatformName = tempDate.PlatformName;
// this.customObj.StuSex = tempDate.StuSex;
// this.customObj.StuBirth = tempDate.StuBirth;
// this.customObj.StuStage = tempDate.StuStage;
// this.customObj.JapanBaseInfo = tempDate.JapanBaseInfo;
// this.customObj.StuProfession = tempDate.StuProfession;
// this.customObj.StuEducation = tempDate.StuEducation;
// this.customObj.StuPurpose = tempDate.StuPurpose;
// this.customObj.CreateBy = tempDate.CreateBy;
// this.customObj.CustomerId = tempDate.CustomerId;
// this.customObj.StuType = tempDate.StuType;
// this.customObj.QQ = tempDate.QQ;
// this.customObj.WeChatNo = tempDate.WeChatNo;
// this.customObj.StuNeeds = tempDate.StuNeeds;
// }
// });
// },
init() {
const tempDate = this.stuData;
this.customObj.StuId = tempDate.StuId;
this.customObj.StuName = tempDate.StuName;
this.customObj.StuIcon = tempDate.StuIcon;
this.customObj.StuTel = tempDate.StuTel;
this.customObj.CreateType = tempDate.CreateType;
this.customObj.StuSourceId = tempDate.StuSourceId;
this.customObj.StuChannel = tempDate.StuChannel;
this.customObj.PlatformName = tempDate.PlatformName;
this.customObj.StuSex = tempDate.StuSex;
this.customObj.StuBirth = tempDate.StuBirth;
this.customObj.StuStage = tempDate.StuStage;
this.customObj.JapanBaseInfo = tempDate.JapanBaseInfo;
this.customObj.StuProfession = tempDate.StuProfession;
this.customObj.StuEducation = tempDate.StuEducation;
this.customObj.StuPurpose = tempDate.StuPurpose;
this.customObj.CreateBy = tempDate.CreateBy;
this.customObj.CustomerId = tempDate.CustomerId;
this.customObj.StuType = tempDate.StuType;
this.customObj.QQ = tempDate.QQ;
this.customObj.WeChatNo = tempDate.WeChatNo;
this.customObj.StuNeeds = tempDate.StuNeeds;
if (this.customObj.StuId > 0) {
this.isHaveOrder = true;
}
if (this.BelongType == 3) {
this.customObj.formatTel =
this.customObj.StuTel != ""
? this.customObj.StuTel.substring(0, 2) +
"*****" +
this.customObj.StuTel.substring(8, 10)
: "";
} else {
// this.customObj.formatTel = this.customObj.StuTel;
}
},
//新增协助人员
addAssist() {
let obj = {
Id: 0, //编号
AssistId: 1, //员工编号
AssistType: 1, //类型
StuId: 1 //学员编号
};
this.customObj.AssistList.push(obj);
},
//删除协助人员
delAssist(index) {
this.customObj.AssistList.splice(index, 1);
},
//验证手机号
CheckExistsStu(type) {
if (type == 1) {
if (this.customObj.StuTel && this.customObj.StuTel.length == 11) {
this.checkMsg.StuTel = this.customObj.StuTel;
this.checkMsg.QQ = "";
this.checkMsg.WeChatNo = "";
CheckExistsStu(this.checkMsg).then(r => {});
if (this.customObj.StuRealMobile != "") {
var myreg = /^[1][3-9][\d]{9}/;
if (!myreg.test(this.customObj.StuRealMobile)) {
this.$q.notify({
type: "negative",
position: "top",
message: `请输入正确的电话号码`
});
return;
}
}
}
if (type == 2) {
if (this.customObj.QQ) {
this.checkMsg.StuTel = "";
this.checkMsg.QQ = this.customObj.QQ;
this.checkMsg.WeChatNo = "";
CheckExistsStu(this.checkMsg).then(r => {});
saveStudent(this.customObj).then(res => {
if (res.Code == 1) {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "数据保存成功！",
position: "top"
});
this.$emit("update");
this.$emit("success");
this.$emit("getrecord");
if (this.AddType == 1) {
this.$emit("close");
}
}
});
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
});
},
//获取收客渠道
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
);
}
});
},
//筛选员工
filterEmployee(val, update, abort) {
update(() => {
this.myEmployeeList = this.employeeList.filter(
v => v.EmployeeName.indexOf(val) > -1
);
});
},
//获取日语基础列表
getBasicList() {
getGuestBasicsEnumList({}).then(res => {
this.basicList = res.Data;
});
},
//获取客户来源
getCustomFrom() {
CreateTypeList({}).then(res => {
if (res.Code == 1) {
this.customFromList = res.Data;
}
});
},
//获取学历列表
queryGuestEducationEnumList() {
getGuestEducationEnumList({}).then(res => {
this.educationList = res.Data;
});
},
//获取学习目的列表
queryGoalsList() {
getGuestLearningGoalsEnumList({}).then(res => {
this.goalsList = res.Data;
});
},
//获取客户阶段列表
getStuStageList() {
queryStuStageList().then(res => {
this.customState = res.Data;
});
},
//获取客户下拉数据
GetCustomerList() {
let msg = {
QCreateBy: 0
};
GetCustomerList(msg).then(res => {
if (res.Code == 1) {
this.customList = res.Data;
this.allCustomList = res.Data;
}
});
},
//筛选客户
filterFn(val, update) {
update(() => {
if (val === "") {
this.customList = JSON.parse(JSON.stringify(this.allCustomList));
} else {
const needle = val.toLowerCase();
this.customList = this.allCustomList.filter(
v => v.CustomerName.toLowerCase().indexOf(needle) > -1
);
}
});
},
//获取客户类型
getCustomTypeList() {
GetStudentTypeList().then(res => {
if (res.Code == 1) {
this.customTypeList = res.Data;
}
});
},
//获取转介人下拉
getStudentDorpDown() {
getStudentDorpDownList().then(res => {
if (res.Code == 1) {
this.TransListData = res.Data;
this.MyTransListData = res.Data;
}
});
},
//筛选转介人
filterStudent(val, update, abort) {
update(() => {
this.MyTransListData = this.TransListData.filter(
v => v.StuName.indexOf(val) > -1
);
});
},
init() {
const tempDate = this.stuData;
this.customObj.StuId = tempDate.StuId;
this.customObj.StuName = tempDate.StuName;
this.customObj.StuIcon = tempDate.StuIcon;
this.customObj.StuRealMobile = tempDate.StuRealMobile;
this.customObj.CreateType = tempDate.CreateType;
this.customObj.StuSourceId = tempDate.StuSourceId;
this.customObj.StuChannel = tempDate.StuChannel;
this.customObj.PlatformName = tempDate.PlatformName;
this.customObj.StuSex = tempDate.StuSex;
this.customObj.StuBirth = tempDate.StuBirth;
this.customObj.StuStage = tempDate.StuStage;
this.customObj.JapanBaseInfo = tempDate.JapanBaseInfo;
this.customObj.StuProfession = tempDate.StuProfession;
this.customObj.StuEducation = tempDate.StuEducation;
this.customObj.StuPurpose = tempDate.StuPurpose;
this.customObj.CreateBy = tempDate.CreateBy;
this.customObj.CustomerId = tempDate.CustomerId;
this.customObj.StuType = tempDate.StuType;
this.customObj.QQ = tempDate.QQ;
this.customObj.WeChatNo = tempDate.WeChatNo;
this.customObj.StuNeeds = tempDate.StuNeeds;
this.customObj.StuTel=tempDate.StuTel;
if (this.customObj.StuId > 0) {
this.isHaveOrder = true;
}
}
if (type == 3) {
if (this.customObj.WeChatNo) {
this.checkMsg.StuTel = "";
this.checkMsg.QQ = "";
this.checkMsg.WeChatNo = this.customObj.WeChatNo;
CheckExistsStu(this.checkMsg).then(r => {});
},
//新增协助人员
addAssist() {
let obj = {
Id: 0, //编号
AssistId: 1, //员工编号
AssistType: 1, //类型
StuId: 1 //学员编号
};
this.customObj.AssistList.push(obj);
},
//删除协助人员
delAssist(index) {
this.customObj.AssistList.splice(index, 1);
},
//验证手机号
CheckExistsStu(type) {
if (type == 1) {
if (this.customObj.StuRealMobile && this.customObj.StuRealMobile.length == 11) {
this.checkMsg.StuRealMobile = this.customObj.StuRealMobile;
this.checkMsg.QQ = "";
this.checkMsg.WeChatNo = "";
CheckExistsStu(this.checkMsg).then(r => {});
}
}
}
},
//切换客户来源重置
resetStuSource() {
this.customObj.StuChannel = "";
this.customObj.CustomerId = "";
this.customObj.StuSourceId = "";
this.customObj.PlatformName = "";
},
getStuOrderPage() {
let customMsg = {
pageIndex: 1,
pageSize: 10,
StuId: 0
};
if (this.saveObj) {
customMsg.StuId = this.saveObj.StuId;
}
queryStuOrderPage(customMsg).then(res => {
if (res.Code == 1) {
if (this.customObj.StuId > 0) {
if (res.Data.PageData.length > 0) {
this.isHaveOrder = true;
} else {
this.isHaveOrder = false;
}
if (type == 2) {
if (this.customObj.QQ) {
this.checkMsg.StuRealMobile = "";
this.checkMsg.QQ = this.customObj.QQ;
this.checkMsg.WeChatNo = "";
CheckExistsStu(this.checkMsg).then(r => {});
}
}
if (type == 3) {
if (this.customObj.WeChatNo) {
this.checkMsg.StuRealMobile = "";
this.checkMsg.QQ = "";
this.checkMsg.WeChatNo = this.customObj.WeChatNo;
CheckExistsStu(this.checkMsg).then(r => {});
}
}
});
},
//切换客户来源重置
resetStuSource() {
this.customObj.StuChannel = "";
this.customObj.CustomerId = "";
this.customObj.StuSourceId = "";
this.customObj.PlatformName = "";
},
getStuOrderPage() {
let customMsg = {
pageIndex: 1,
pageSize: 10,
StuId: 0
};
if (this.saveObj) {
customMsg.StuId = this.saveObj.StuId;
}
queryStuOrderPage(customMsg).then(res => {
if (res.Code == 1) {
if (this.customObj.StuId > 0) {
if (res.Data.PageData.length > 0) {
this.isHaveOrder = true;
} else {
this.isHaveOrder = false;
}
}
}
});
}
}
}
};
};
</script>
<style scoped>
::v-deep .el-input__inner {
background: transparent;
border: none;
}
</style>
::v-deep .el-input__inner {
background: transparent;
border: none;
}
</style>
\ No newline at end of file
src/components/school/student/studentAddForm.vue
View file @ bb245a36
......@@ -4,515 +4,345 @@
<div class="text-h6">添加客户</div>
<div style="font-size:12px;" class="text-grey-6 q-my-md">必填资料</div>
<div class="row q-col-gutter-md">
<q-input
class="col-6"
filled
v-model="customObj.StuName"
dense
label="客户名称"
></q-input>
<q-input
class="col-6"
filled
v-model="customObj.StuTel"
dense
full-mask
mask="###########"
label="客户电话"
@blur="checkStuTel(1)"
></q-input>
<q-input class="col-6" filled v-model="customObj.StuName" dense label="客户名称"></q-input>
<q-input class="col-6" filled v-model="customObj.StuRealMobile" dense full-mask mask="###########" label="客户电话"
@blur="checkStuTel(1)"></q-input>
</div>
<div class="q-mt-xs row q-col-gutter-md">
<q-input
class="col-6"
filled
v-model="customObj.QQ"
dense
full-mask
mask="###########"
label="客户QQ"
@blur="checkStuTel(2)"
></q-input>
<q-input
class="col-6"
filled
v-model="customObj.WeChatNo"
dense
full-mask
label="客户微信号"
@blur="checkStuTel(3)"
></q-input>
<q-input class="col-6" filled v-model="customObj.QQ" dense full-mask mask="###########" label="客户QQ"
@blur="checkStuTel(2)"></q-input>
<q-input class="col-6" filled v-model="customObj.WeChatNo" dense full-mask label="客户微信号" @blur="checkStuTel(3)">
</q-input>
</div>
<div class="q-mt-xs row q-col-gutter-md">
<q-select
filled
v-model="customObj.CreateType"
dense
:options="customFromList"
option-label="Name"
option-value="Id"
emit-value
map-options
label="客户来源"
behavior="menu"
class="col-6"
/>
<q-select
filled
v-model="customObj.StuChannel"
v-if="customObj.CreateType==1"
label="获客渠道"
dense
:options="StuChannelList"
option-label="Name"
option-value="Id"
emit-value
map-options
class="col-6"
behavior="menu"
/>
<q-select
filled
v-model="customObj.CustomerId"
v-if="customObj.CreateType==2"
label="关联同行"
dense
:options="customList"
option-label="CustomerName"
option-value="CustomerId"
emit-value
map-options
class="col-6"
behavior="menu"
/>
<q-select
v-if="customObj.CreateType == 3"
filled
v-model="customObj.StuSourceId"
dense
@filter="filterEmployee"
use-input
:options="myEmployeeList"
option-label="EmployeeName"
option-value="Id"
emit-value
map-options
label="关联员工"
behavior="menu"
class="col-6"
/>
<q-select
v-if="customObj.CreateType == 4"
filled
v-model="customObj.StuSourceId"
dense
:options="customList"
option-label="CustomerName"
option-value="CustomerId"
emit-value
map-options
label="转介人"
behavior="menu"
class="col-6"
/>
<q-select filled v-model="customObj.CreateType" dense :options="customFromList" option-label="Name"
option-value="Id" emit-value map-options label="客户来源" behavior="menu" class="col-6" />
<q-select filled v-model="customObj.StuChannel" v-if="customObj.CreateType==1" label="获客渠道" dense
:options="StuChannelList" option-label="Name" option-value="Id" emit-value map-options class="col-6"
behavior="menu" />
<q-select filled v-model="customObj.CustomerId" v-if="customObj.CreateType==2" label="关联同行" dense
:options="customList" option-label="CustomerName" option-value="CustomerId" emit-value map-options
class="col-6" behavior="menu" />
<q-select v-if="customObj.CreateType == 3" filled v-model="customObj.StuSourceId" dense @filter="filterEmployee"
use-input :options="myEmployeeList" option-label="EmployeeName" option-value="Id" emit-value map-options
label="关联员工" behavior="menu" class="col-6" />
<q-select v-if="customObj.CreateType == 4" filled v-model="customObj.StuSourceId" dense :options="customList"
option-label="CustomerName" option-value="CustomerId" emit-value map-options label="转介人" behavior="menu"
class="col-6" />
</div>
<div class="q-mt-xs row q-col-gutter-md">
<q-select
filled
v-model="customObj.StuType"
dense
:options="customTypeList"
option-label="Name"
option-value="Id"
emit-value
map-options
label="客户类型"
behavior="menu"
class="col-6"
/>
<q-select filled v-model="customObj.StuType" dense :options="customTypeList" option-label="Name"
option-value="Id" emit-value map-options label="客户类型" behavior="menu" class="col-6" />
</div>
<div class="q-mt-xs row q-col-gutter-md">
<q-input
filled
v-model="customObj.PlatformName"
:label="customObj.StuChannel == 6 ? '平台名称' : '其他渠道名称'"
dense
class="col-6"
v-if="customObj.CreateType==1&&(customObj.StuChannel == 6 || customObj.StuChannel == 7)"
></q-input>
<q-input filled v-model="customObj.PlatformName" :label="customObj.StuChannel == 6 ? '平台名称' : '其他渠道名称'" dense
class="col-6" v-if="customObj.CreateType==1&&(customObj.StuChannel == 6 || customObj.StuChannel == 7)">
</q-input>
</div>
<div style="font-size:12px;" class="text-grey-6 q-my-md">补充资料</div>
<div class="row q-col-gutter-md">
<q-field filled label="性别" stack-label class="col-6" dense>
<template v-slot:control>
<el-radio
v-model="customObj.StuSex"
:val="0"
label="男"
class="q-mr-md"
></el-radio>
<el-radio v-model="customObj.StuSex" :val="0" label="男" class="q-mr-md"></el-radio>
<el-radio v-model="customObj.StuSex" :val="1" label="女"></el-radio>
</template>
</q-field>
<q-field
filled
label="出生日期"
stack-label
class="col-6 cursor-pointer"
dense
>
<q-field filled label="出生日期" stack-label class="col-6 cursor-pointer" dense>
<template v-slot:append>
<q-icon name="event"></q-icon>
</template>
<template v-slot:control>
<span>{{ customObj.StuBirth }}</span>
<q-popup-proxy
ref="qDateProxy1"
transition-show="scale"
transition-hide="scale"
>
<q-date
v-model="customObj.StuBirth"
minimal
@input="() => $refs.qDateProxy1.hide()"
/>
<q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale">
<q-date v-model="customObj.StuBirth" minimal @input="() => $refs.qDateProxy1.hide()" />
</q-popup-proxy>
</template>
</q-field>
<q-select
filled
v-model="customObj.StuStage"
dense
:options="customState"
option-label="Name"
option-value="Id"
emit-value
map-options
class="col-6"
label="客户阶段"
behavior="menu"
/>
<q-select
filled
v-model="customObj.JapanBaseInfo"
dense
:options="basicList"
option-label="Name"
option-value="Id"
class="col-6"
label="日语基础"
emit-value
map-options
behavior="menu"
/>
<q-input
filled
v-model="customObj.StuProfession"
dense
class="col-6"
label="职业"
></q-input>
<q-select
filled
v-model="customObj.StuEducation"
dense
:options="educationList"
option-label="Name"
option-value="Id"
emit-value
map-options
class="col-6"
label="最高学历"
behavior="menu"
/>
<q-select
filled
v-model="customObj.StuPurpose"
dense
:options="goalsList"
option-label="Name"
option-value="Id"
emit-value
map-options
class="col-6"
label="学习目的"
behavior="menu"
/>
<q-select filled v-model="customObj.StuStage" dense :options="customState" option-label="Name" option-value="Id"
emit-value map-options class="col-6" label="客户阶段" behavior="menu" />
<q-select filled v-model="customObj.JapanBaseInfo" dense :options="basicList" option-label="Name"
option-value="Id" class="col-6" label="日语基础" emit-value map-options behavior="menu" />
<q-input filled v-model="customObj.StuProfession" dense class="col-6" label="职业"></q-input>
<q-select filled v-model="customObj.StuEducation" dense :options="educationList" option-label="Name"
option-value="Id" emit-value map-options class="col-6" label="最高学历" behavior="menu" />
<q-select filled v-model="customObj.StuPurpose" dense :options="goalsList" option-label="Name" option-value="Id"
emit-value map-options class="col-6" label="学习目的" behavior="menu" />
</div>
<q-separator class="q-my-md" />
<div class="text-right q-py-xs">
<q-btn
flat
color="dark"
@click="closeForm"
class="q-mr-md q-px-xs"
label="取消"
></q-btn>
<q-btn
unelevated
color="primary"
class="q-px-md"
label="保存"
@click="saveStu"
></q-btn>
<q-btn flat color="dark" @click="closeForm" class="q-mr-md q-px-xs" label="取消"></q-btn>
<q-btn unelevated color="primary" class="q-px-md" label="保存" @click="saveStu"></q-btn>
</div>
</q-card>
</div>
</template>
<script>
import {
getStudentInfo, //获取学员客户信息
queryStuStageList, //获取客户阶段列表
saveStudent, //保存学员信息
GetStudentTypeList
} from "../../../api/school/index";
import {
getGuestBasicsEnumList,
getGuestEducationEnumList,
getGuestLearningGoalsEnumList,
GetStuChannelList,
CreateTypeList,
GetCustomerList
} from "../../../api/sale/sale";
import { queryEmployee, queryStudentByTel } from "../../../api/users/user";
export default {
meta: {
title: "学员管理"
},
components: {},
props: {
saveObj: {
type: Object,
default: null
}
},
data() {
return {
//客户阶段状态列表
customState: [],
customMsg: {
StuId: 0
},
//客户对象
customObj: {
AssistList: [
{
import {
getStudentInfo, //获取学员客户信息
queryStuStageList, //获取客户阶段列表
saveStudent, //保存学员信息
GetStudentTypeList
} from "../../../api/school/index";
import {
getGuestBasicsEnumList,
getGuestEducationEnumList,
getGuestLearningGoalsEnumList,
GetStuChannelList,
CreateTypeList,
GetCustomerList
} from "../../../api/sale/sale";
import {
queryEmployee,
queryStudentByTel
} from "../../../api/users/user";
export default {
meta: {
title: "学员管理"
},
components: {},
props: {
saveObj: {
type: Object,
default: null
}
},
data() {
return {
//客户阶段状态列表
customState: [],
customMsg: {
StuId: 0
},
//客户对象
customObj: {
AssistList: [{
Id: 0, //编号
AssistId: 1, //员工编号
AssistType: 1, //类型
StuId: 1 //学员编号
}
],
StuSex: 1
},
//日语基础列表
basicList: [],
//学历列表
educationList: [],
//学习目的列表
goalsList: [],
//员工列表
employeeList: [],
myEmployeeList: [],
customFromList: [],
StuChannelList: [], //收客渠道
AssistDropList: [], //协助人员
customList:[],
customTypeList:[] //客户类型
};
},
created() {
this.getStuStageList();
this.getBasicList();
this.queryGuestEducationEnumList();
this.queryGoalsList();
this.getEmployeeList();
this.GetStuChannelList();
this.getCustomFrom();
this.GetCustomerList();
this.getCustomTypeList();
if (this.saveObj && this.saveObj.StuId > 0) {
this.customMsg.StuId = this.saveObj.StuId;
this.queryStuInfo();
}
},
mounted() {},
methods: {
//获取客户来源
getCustomFrom() {
CreateTypeList({}).then(res => {
if (res.Code == 1) {
this.customFromList = res.Data;
}
});
},
checkStuTel(type) {
//验证手机
if(type==1){
if (this.customObj.StuTel && this.customObj.StuTel.length == 11) {
queryStudentByTel({ StuTel: this.customObj.StuTel, QQ:'', WeChatNo:'' }).then(r => {
if (r.Data) {
this.$emit("success", r.Data, 1);
}
});
}
}
//验证QQ
if(type==2){
if (this.customObj.QQ) {
queryStudentByTel({ StuTel: '', QQ:this.customObj.QQ , WeChatNo:'' }).then(r => {
if (r.Data) {
this.$emit("success", r.Data, 1);
}
});
}
}
//验证微信
if(type==3){
if (this.customObj.WeChatNo) {
queryStudentByTel({ StuTel: '', QQ:'' , WeChatNo:this.customObj.WeChatNo }).then(r => {
if (r.Data) {
this.$emit("success", r.Data, 1);
}
});
}
}
}],
StuSex: 1
},
//日语基础列表
basicList: [],
//学历列表
educationList: [],
//学习目的列表
goalsList: [],
//员工列表
employeeList: [],
myEmployeeList: [],
customFromList: [],
StuChannelList: [], //收客渠道
AssistDropList: [], //协助人员
customList: [],
customTypeList: [] //客户类型
};
},
validate() {
let msg = "";
if (!this.customObj.StuName) {
msg = "请输入客户名称";
} else if (!this.customObj.StuTel && !this.customObj.QQ && !this.customObj.WeChatNo) {
msg = "请至少输入一个手机号QQ号微信号";
} else if (!this.customObj.CreateType) {
msg = "请选择客户来源";
} else if (!this.customObj.StuChannel) {
msg = "请选择客户获客渠道";
} else if (
this.customObj.StuChannel == 6 ||
this.customObj.StuChannel == 7
) {
if (!this.customObj.PlatformName) {
msg = "请填写具体渠道信息";
}
created() {
this.getStuStageList();
this.getBasicList();
this.queryGuestEducationEnumList();
this.queryGoalsList();
this.getEmployeeList();
this.GetStuChannelList();
this.getCustomFrom();
this.GetCustomerList();
this.getCustomTypeList();
if (this.saveObj && this.saveObj.StuId > 0) {
this.customMsg.StuId = this.saveObj.StuId;
this.queryStuInfo();
}
return msg;
},
//保存学员信息
saveStu() {
let msg = this.validate();
if (msg) {
this.$q.notify({
type: "negative",
position: "top",
message: msg
mounted() {},
methods: {
//获取客户来源
getCustomFrom() {
CreateTypeList({}).then(res => {
if (res.Code == 1) {
this.customFromList = res.Data;
}
});
return;
}
saveStudent(this.customObj).then(res => {
if (res.Code == 1) {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "数据保存成功！",
position: "top"
});
this.$emit("success", res.Data, 0);
},
checkStuTel(type) {
//验证手机
if (type == 1) {
if (this.customObj.StuRealMobile && this.customObj.StuRealMobile.length == 11) {
queryStudentByTel({
StuRealMobile: this.customObj.StuRealMobile,
QQ: '',
WeChatNo: ''
}).then(r => {
if (r.Data) {
this.$emit("success", r.Data, 1);
}
});
}
}
});
},
closeForm() {
this.$emit("close");
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
});
},
//获取收客渠道
GetStuChannelList() {
GetStuChannelList({}).then(res => {
if (res.Code == 1) {
this.StuChannelList = res.Data;
//验证QQ
if (type == 2) {
if (this.customObj.QQ) {
queryStudentByTel({
StuTel: '',
QQ: this.customObj.QQ,
WeChatNo: ''
}).then(r => {
if (r.Data) {
this.$emit("success", r.Data, 1);
}
});
}
}
});
},
//筛选员工
filterEmployee(val, update, abort) {
update(() => {
this.myEmployeeList = this.employeeList.filter(
v => v.EmployeeName.indexOf(val) > -1
);
});
},
//获取日语基础列表
getBasicList() {
getGuestBasicsEnumList({}).then(res => {
this.basicList = res.Data;
});
},
//获取学历列表
queryGuestEducationEnumList() {
getGuestEducationEnumList({}).then(res => {
this.educationList = res.Data;
});
},
//获取学习目的列表
queryGoalsList() {
getGuestLearningGoalsEnumList({}).then(res => {
this.goalsList = res.Data;
});
},
//获取客户阶段列表
getStuStageList() {
queryStuStageList().then(res => {
this.customState = res.Data;
});
},
//获取客户下拉数据
GetCustomerList() {
GetCustomerList().then(res => {
if (res.Code == 1) {
this.customList = res.Data;
//验证微信
if (type == 3) {
if (this.customObj.WeChatNo) {
queryStudentByTel({
StuTel: '',
QQ: '',
WeChatNo: this.customObj.WeChatNo
}).then(r => {
if (r.Data) {
this.$emit("success", r.Data, 1);
}
});
}
}
})
},
//获取客户类型
getCustomTypeList(){
GetStudentTypeList().then(res => {
if (res.Code == 1) {
this.customTypeList = res.Data;
},
validate() {
let msg = "";
if (!this.customObj.StuName) {
msg = "请输入客户名称";
} else if (!this.customObj.StuRealMobile && !this.customObj.QQ && !this.customObj.WeChatNo) {
msg = "请至少输入一个手机号QQ号微信号";
} else if (!this.customObj.CreateType) {
msg = "请选择客户来源";
} else if (!this.customObj.StuChannel) {
msg = "请选择客户获客渠道";
} else if (
this.customObj.StuChannel == 6 ||
this.customObj.StuChannel == 7
) {
if (!this.customObj.PlatformName) {
msg = "请填写具体渠道信息";
}
}
})
},
queryStuInfo() {
getStudentInfo({
StuId: this.customMsg.StuId
}).then(res => {
if (res.Code == 1) {
this.customObj = res.Data;
return msg;
},
//保存学员信息
saveStu() {
let msg = this.validate();
if (msg) {
this.$q.notify({
type: "negative",
position: "top",
message: msg
});
return;
}
});
},
//新增协助人员
addAssist() {
let obj = {
Id: 0, //编号
AssistId: 1, //员工编号
AssistType: 1, //类型
StuId: 1 //学员编号
};
this.customObj.AssistList.push(obj);
},
//删除协助人员
delAssist(index) {
this.customObj.AssistList.splice(index, 1);
saveStudent(this.customObj).then(res => {
if (res.Code == 1) {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "数据保存成功！",
position: "top"
});
this.$emit("success", res.Data, 0);
}
});
},
closeForm() {
this.$emit("close");
},
//获取员工列表
getEmployeeList() {
queryEmployee({
IsLeave: 1
}).then(res => {
this.employeeList = res.Data;
this.myEmployeeList = res.Data;
});
},
//获取收客渠道
GetStuChannelList() {
GetStuChannelList({}).then(res => {
if (res.Code == 1) {
this.StuChannelList = res.Data;
}
});
},
//筛选员工
filterEmployee(val, update, abort) {
update(() => {
this.myEmployeeList = this.employeeList.filter(
v => v.EmployeeName.indexOf(val) > -1
);
});
},
//获取日语基础列表
getBasicList() {
getGuestBasicsEnumList({}).then(res => {
this.basicList = res.Data;
});
},
//获取学历列表
queryGuestEducationEnumList() {
getGuestEducationEnumList({}).then(res => {
this.educationList = res.Data;
});
},
//获取学习目的列表
queryGoalsList() {
getGuestLearningGoalsEnumList({}).then(res => {
this.goalsList = res.Data;
});
},
//获取客户阶段列表
getStuStageList() {
queryStuStageList().then(res => {
this.customState = res.Data;
});
},
//获取客户下拉数据
GetCustomerList() {
GetCustomerList().then(res => {
if (res.Code == 1) {
this.customList = res.Data;
}
})
},
//获取客户类型
getCustomTypeList() {
GetStudentTypeList().then(res => {
if (res.Code == 1) {
this.customTypeList = res.Data;
}
})
},
queryStuInfo() {
getStudentInfo({
StuId: this.customMsg.StuId
}).then(res => {
if (res.Code == 1) {
this.customObj = res.Data;
}
});
},
//新增协助人员
addAssist() {
let obj = {
Id: 0, //编号
AssistId: 1, //员工编号
AssistType: 1, //类型
StuId: 1 //学员编号
};
this.customObj.AssistList.push(obj);
},
//删除协助人员
delAssist(index) {
this.customObj.AssistList.splice(index, 1);
}
}
}
};
</script>
};
</script>
\ No newline at end of file
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