php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

refactor(market): 优化线索添加页面代码结构 

-调整代码缩进和格式，提高可读性
- 移除冗余的空行和注释，精简代码
-优化数据结构定义，集中声明变量
- 统一使用箭头函数，提升代码一致性
master
liutong 1 year ago
parent
7f957ede43
commit
c829abeae8
1 changed files with 435 additions and 410 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 845
      pages/market/clue/add_clues.vue

845
pages/market/clue/add_clues.vue
View File

@ -1,121 +1,141 @@
<template>
<view class="assemble">
<view class="assemble">
<view class="search_box">
<view class="input_box">
<input type="text" v-model="keyword" placeholder="请输入客户名称">
</view>
<view class="btn">查重</view>
</view>
<view class="form-style">
<fui-form ref="form" top="0" :model="formData" :show="false">
<view class="title" style="margin-top: 20rpx;">基础信息</view>
<view class="form-style">
<fui-form ref="form" top="0" :model="formData" :show="false">
<view class="title" style="margin-top: 20rpx;">基础信息</view>
<view class="input-style">
<fui-form-item label="学员姓名" asterisk asteriskPosition="right" labelSize='26' prop="student_name" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_name" backgroundColor="#434544" size="26" color="#fff"></fui-input>
<fui-form-item label="学员姓名" asterisk asteriskPosition="right" labelSize='26' prop="student_name"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_name"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</view>
</fui-form-item>
<fui-form-item label="学员手机号" asterisk asteriskPosition="right" labelSize='26' prop="student_phone" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_phone" backgroundColor="#434544" size="26" color="#fff"></fui-input>
<fui-form-item label="学员手机号" asterisk asteriskPosition="right" labelSize='26' prop="student_phone"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_phone"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</view>
</fui-form-item>
<fui-form-item label="年龄" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-form-item label="年龄" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544'
labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<fui-input-number signColor="#FFF" :min="1" :max="100" v-model="formData.age"></fui-input-number>
</view>
</fui-form-item>
<fui-form-item label="学校" asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.school_name" backgroundColor="#434544" size="26" color="#fff"></fui-input>
<fui-form-item label="学校" asteriskPosition="right" labelSize='26' prop="" background='#434544'
labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.school_name"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</view>
</fui-form-item>
<fui-form-item label="年级" asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.grade" backgroundColor="#434544" size="26" color="#fff"></fui-input>
<fui-form-item label="年级" asteriskPosition="right" labelSize='26' prop="" background='#434544'
labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.grade"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</view>
</fui-form-item>
<fui-form-item label="班级" asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.class_name" backgroundColor="#434544" size="26" color="#fff"></fui-input>
<fui-form-item label="班级" asteriskPosition="right" labelSize='26' prop="" background='#434544'
labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.class_name"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</view>
</fui-form-item>
<fui-form-item label="客户来源" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-form-item label="客户来源" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544'
labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(1)"
v-if="result_customer_source == ''">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(1)" v-else>{{ result_customer_source }}
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(1)" v-else>
{{ result_customer_source }}
</view>
</view>
</fui-form-item>
<fui-form-item label="归属人员" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-form-item label="归属人员" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544'
labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(2)"
v-if="result_add_staff_id == ''">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(2)" v-else>{{ result_add_staff_id }}
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(2)" v-else>{{
result_add_staff_id
}}
</view>
</view>
</fui-form-item>
<fui-form-item label="联系人" asterisk asteriskPosition="right" labelSize='26' prop="name" background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" >
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.contact_name" backgroundColor="#434544" size="26" color="#fff"></fui-input>
<fui-form-item label="联系人" asterisk asteriskPosition="right" labelSize='26' prop="name" background='#434544'
labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.contact_name"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</view>
</fui-form-item>
</view>
<!--
<view class="input-style" style="margin-top: 50rpx;">
<view class="input-style">
<fui-form-item label="客户状态" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(4)"
v-if="result_status == ''">点击选择</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(4)" v-else>{{ result_status }}
</view>
</fui-form-item>
<fui-form-item label="签单意向联系人" labelWidth="230" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)"
v-if="result_intention == ''">点击选择</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)" v-else>{{ result_intention }}
</view>
</fui-form-item>
</view>
<view>
<fui-form-item label="跟进内容" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
</fui-form-item>
<view style="width: 100%;background: #434544;">
<view style="margin: auto;width: 92%;padding: 20rpx 0 50rpx;">
<fui-textarea :padding="[0]" v-model="formData.mobile"
backgroundColor="#434544" size="26" color="#fff" :textareaBorder="true"></fui-textarea>
</view>
</view>
</view>
</view>
-->
<view class="title" style="margin-top: 20rpx;">附加信息</view>
<view class="input-style">
<view >
<fui-form-item label="所在地区" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击选择" backgroundColor="#434544" size="26" color="#fff" @click="show_area=true" v-model="formData.full_address"></fui-input>
<!--
<view class="input-style" style="margin-top: 50rpx;">
<view class="input-style">
<fui-form-item label="客户状态" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(4)"
v-if="result_status == ''">点击选择</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(4)" v-else>{{ result_status }}
</view>
</fui-form-item>
<fui-form-item label="签单意向联系人" labelWidth="230" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)"
v-if="result_intention == ''">点击选择</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)" v-else>{{ result_intention }}
</view>
</fui-form-item>
</view>
<view>
<fui-form-item label="跟进内容" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
</fui-form-item>
<view style="width: 100%;background: #434544;">
<view style="margin: auto;width: 92%;padding: 20rpx 0 50rpx;">
<fui-textarea :padding="[0]" v-model="formData.mobile"
backgroundColor="#434544" size="26" color="#fff" :textareaBorder="true"></fui-textarea>
</view>
</view>
</view>
</view>
-->
<view class="title" style="margin-top: 20rpx;">附加信息</view>
<view class="input-style">
<view>
<fui-form-item label="所在地区" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击选择" backgroundColor="#434544" size="26"
color="#fff" @click="show_area=true" v-model="formData.full_address"></fui-input>
<!--地区三级联动-->
<fui-picker
@ -127,372 +147,377 @@
></fui-picker>
</fui-form-item>
<fui-form-item label="小区" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.community_name" backgroundColor="#434544" size="26" color="#fff"></fui-input>
<fui-form-item label="小区" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.community_name"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</fui-form-item>
<fui-form-item label="客户标签" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击选择" v-model="formData.customer_tags_name" backgroundColor="#434544" size="26" color="#fff" @click="show_customer_tags=true"></fui-input>
<fui-form-item label="客户标签" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击选择" v-model="formData.customer_tags_name"
backgroundColor="#434544" size="26" color="#fff" @click="show_customer_tags=true"></fui-input>
<!--下拉多选-->
<fui-select :show="show_customer_tags" :options="options_customer_tags" title="请选择银行" multiple isReverse checkboxColor="#FFC529" btnBackground="#FFC529" btnColor="#1A1D26" closeColor="#6D758A" @confirm="onConfirmCustomerTags" @close="show_customer_tags=false"></fui-select>
<fui-select :show="show_customer_tags" :options="options_customer_tags" title="请选择银行" multiple isReverse
checkboxColor="#FFC529" btnBackground="#FFC529" btnColor="#1A1D26" closeColor="#6D758A"
@confirm="onConfirmCustomerTags" @close="show_customer_tags=false"></fui-select>
</fui-form-item>
</view>
</view>
</fui-form>
</view>
</view>
</view>
</fui-form>
</view>
<view class="fui-btn__box">
<fui-button background="#434544" color="#24BA9F" borderColor="#24BA9F" @click="submit">保存</fui-button>
</view>
<view class="fui-btn__box">
<fui-button background="#434544" color="#24BA9F" borderColor="#24BA9F" @click="submit">保存</fui-button>
</view>
<!-- 年月日-选择时间 -->
<fui-date-picker :show="show_date" type="3" @change="change_date" @cancel="cancel_date"></fui-date-picker>
<!-- 年月日-选择时间 -->
<fui-date-picker :show="show_date" type="3" @change="change_date" @cancel="cancel_date"></fui-date-picker>
<!-- 选择器 -->
<fui-picker :linkage='linkage' :options="options" :layer="1" :show="show" @change="change" @cancel="cancel"></fui-picker>
<!-- 选择器 -->
<fui-picker :linkage='linkage' :options="options" :layer="1" :show="show" @change="change"
@cancel="cancel"></fui-picker>
</view>
</view>
</template>
<script>
import commonApi from '@/api/common.js';
const rules = [{
name: "mobile",
rule: ["required", "isMobile"],
msg: ["请输入手机号", "请输入正确的手机号"]
}];
export default {
data() {
return {
switchChange_type: 1,
rules,
formData: {
student_name:'',//学员姓名*
student_phone:'',//学员手机号*
age:'',//年龄*
school_name:'',//学校
grade:'',//年级
class_name:'',//班级
customer_source:'',//客户来源*
add_staff_id:'',//归属人员id*
contact_name:'',//联系人*
province_id:'',//所在地区-省
city_id:'',//所在地区-市
district_id:'',//所在地区-区
full_address:'',//所在地区中文名
community_name:'',//小区
customer_tags_name:'',//选中的标签名称,多个用,号分割
customer_tags:['2','3'],//客户标签
import marketApi from '@/api/market.js';
const rules = [{
name: "mobile",
rule: ["required", "isMobile"],
msg: ["请输入手机号", "请输入正确的手机号"]
}];
export default {
data() {
return {
switchChange_type: 1,
rules,
formData: {
student_name: '',//学员姓名*
student_phone: '',//学员手机号*
age: '',//年龄*
school_name: '',//学校
grade: '',//年级
class_name: '',//班级
customer_source: '',//客户来源*
add_staff_id: '',//归属人员id*
contact_name: '',//联系人*
province_id: '',//所在地区-省
city_id: '',//所在地区-市
district_id: '',//所在地区-区
full_address: '',//所在地区中文名
community_name: '',//小区
customer_tags_name: '',//选中的标签名称,多个用,号分割
customer_tags: ['2', '3'],//客户标签
},
show_date: false,
result_date: '',
result_leixing: '',
result_student: '',
result_status: '',
result_intention: '',
result_dates: '',
result_renwu: '',
result_fangshi: '',
show: false,
options: [],
linkage: true,
options_type: undefined,
options_leixing: [{
'value': 1,
'text': '类型1'
}, {
'value': 2,
'text': '类型2'
}, {
'value': 3,
'text': '类型3'
}],
options_student: [{
'value': 1,
'text': '张三'
}, {
'value': 2,
'text': '李四'
}, {
'value': 3,
'text': '王五'
}],
options_status: [{
'value': 1,
'text': '状态1'
}, {
'value': 2,
'text': '状态2'
}, {
'value': 3,
'text': '状态3'
}],
options_intention: [{
'value': 1,
'text': '张三1'
}, {
'value': 2,
'text': '李四2'
}, {
'value': 3,
'text': '王五3'
}],
options_kehu: [{
'value': 1,
'text': '张三'
}, {
'value': 2,
'text': '李四'
}, {
'value': 3,
'text': '王五'
}],
options_renwu: [{
'value': 1,
'text': '是'
}, {
'value': 2,
'text': '否'
}],
options_fangshi: [{
'value': 1,
'text': '短信'
}, {
'value': 2,
'text': '微信'
}],
keyword: '',//关键词
//客户来源
result_customer_source: '',//选中项的中文名称
options_customer_source: [
{
'value': 1,
'text': '渠道1'
},
show_date: false,
result_date: '',
result_leixing: '',
result_student: '',
result_status: '',
result_intention: '',
result_dates: '',
result_renwu: '',
result_fangshi: '',
show: false,
options: [],
linkage: true,
options_type : undefined,
options_leixing: [{
'value': 1,
'text': '类型1'
}, {
'value': 2,
'text': '类型2'
}, {
'value': 3,
'text': '类型3'
}],
options_student: [{
'value': 1,
'text': '张三'
}, {
'value': 2,
'text': '李四'
}, {
'value': 3,
'text': '王五'
}],
options_status: [{
'value': 1,
'text': '状态1'
}, {
'value': 2,
'text': '状态2'
}, {
'value': 3,
'text': '状态3'
}],
options_intention: [{
'value': 1,
'text': '张三1'
}, {
'value': 2,
'text': '李四2'
}, {
'value': 3,
'text': '王五3'
}],
options_kehu: [{
'value': 1,
'text': '张三'
}, {
'value': 2,
'text': '李四'
}, {
'value': 3,
'text': '王五'
}],
options_renwu: [{
'value': 1,
'text': '是'
}, {
'value': 2,
'text': '否'
}],
options_fangshi: [{
'value': 1,
'text': '短信'
}, {
'value': 2,
'text': '微信'
}],
keyword:'',//关键词
//客户来源
result_customer_source:'',//选中项的中文名称
options_customer_source: [
{
'value': 1,
'text': '渠道1'
},
{
'value': 2,
'text': '渠道2'
}
],//客户来源可选值
//归属人员(add_staff_id,添加这条数据的工作人员id)
result_add_staff_id:'',//选中项的中文名称
options_add_staff_id: [
{
'value': 1,
'text': '张三'
},
{
'value': 2,
'text': '李四'
}
],//客户来源可选值
//客户标签
show_customer_tags:false,
options_customer_tags:[
{
text: '标签1',
value: '1',
checked:false,//是否选中"true=是,false=否
},
{
text: '标签2',
value: '2',
checked:false,//是否选中
},
{
text: '标签3',
value: '3',
checked:false,//是否选中
}
],//客户标签可选值
//地区三级联动
show_area:false,
options_area:[],
}
},
onShow(){
this.init()
{
'value': 2,
'text': '渠道2'
}
],//客户来源可选值
//归属人员(add_staff_id,添加这条数据的工作人员id)
result_add_staff_id: '',//选中项的中文名称
options_add_staff_id: [
{
'value': 1,
'text': '张三'
},
{
'value': 2,
'text': '李四'
}
],//客户来源可选值
//客户标签
show_customer_tags: false,
options_customer_tags: [
{
text: '标签1',
value: '1',
checked: false,//是否选中"true=是,false=否
},
{
text: '标签2',
value: '2',
checked: false,//是否选中
},
{
text: '标签3',
value: '3',
checked: false,//是否选中
}
],//客户标签可选值
//地区三级联动
show_area: false,
options_area: [],
}
},
onShow() {
this.init()
},
methods: {
//初始化
async init() {
this.getAreaTree()//获取地区树形结构
},
methods: {
//初始化
async init(){
this.getAreaTree()//获取地区树形结构
},
//获取地区树形结构
async getAreaTree(){
let res = await commonApi.getAreaTree()
if(res.code != 1){
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.options_area = res.data
},
//获取地区树形结构
async getAreaTree() {
let res = await commonApi.getAreaTree()
if (res.code != 1) {
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.options_area = res.data
},
//提交
submit() {
console.log(this.formData)
this.$refs.form.validator(null, null, true).then(res => {
console.log(res)
if (res.isPassed) {
console.log('校验通过！')
} else {
console.log('向上滑动页面查看错误提示！')
}
}).catch(err => {
console.log(err)
})
},
//选择弹窗
selectCon(type) {
if (type == 1) {
//客户来源
this.options_type = 1
this.options = this.options_customer_source
this.show = true
this.linkage = true
} else if (type == 2) {
//添加这条数据的工作人员id
this.options_type = 2
this.options = this.options_add_staff_id
this.show = true
this.linkage = true
} else if (type == 3) {
this.options_type = 3
this.options = this.options_student
this.show = true
this.linkage = true
} else if (type == 4) {
this.options_type = 4
this.options = this.options_status
this.show = true
this.linkage = true
} else if (type == 5) {
this.options_type = 5
this.options = this.options_intention
this.show = true
this.linkage = true
}else if (type == 6) {
//选择跟进时间
this.options_date_type = 6
this.show_date = true
} else if (type == 7) {
//选择任务提醒
this.options_type = 7
this.options = this.options_renwu
this.show = true
this.linkage = true
} else if (type == 8) {
//选择提醒方式
this.options_type = 8
this.options = this.options_fangshi
this.show = true
this.linkage = true
}
},
//选择跟进时间
change_date(e) {
if(this.options_date_type == 1){
this.show_date = false
this.result_date = e.result ?? ''
}else if(this.options_date_type == 6){
this.show_date = false
this.result_dates = e.result ?? ''
}
},
//关闭选择跟进时间
cancel_date() {
this.show_date = false
},
//监听选择框
change(e) {
this.show = false
console.log(e)
if(this.options_type == 1){
//客户来源
this.result_customer_source = e.result
this.formData.customer_source = e.value
//提交
submit() {
console.log(this.formData)
this.$refs.form.validator(null, null, true).then(res => {
console.log(res)
if (res.isPassed) {
console.log('校验通过！')
} else {
console.log('向上滑动页面查看错误提示！')
}
else if(this.options_type == 2){
//归属人员(添加这条数据的工作人员id)
this.result_add_staff_id = e.result
this.formData.add_staff_id = e.value
} else if (this.options_type == 3) {
this.result_student = e.result
} else if (this.options_type == 4) {
this.result_status = e.result
} else if (this.options_type == 5) {
this.result_intention = e.result
} else if(this.options_type == 7){
this.result_renwu = e.result
} else if(this.options_type == 8){
this.result_fangshi = e.result
}
},
//多选客户标签-选中后回调
onConfirmCustomerTags(e){
console.log('多选客户标签',e)
this.show_customer_tags = false
let customer_tags_name_arr = []
let customer_tags_arr = []
e.options.forEach((v,k)=>{
customer_tags_arr.push(v.value)
customer_tags_name_arr.push(v.text)
//根据v.value 设置this.options_customer_tags中对应元素的checked属性为true
this.options_customer_tags.forEach((v,k)=>{
if(v.value == v.value){
v.checked = true
}
})
}).catch(err => {
console.log(err)
})
},
//选择弹窗
selectCon(type) {
if (type == 1) {
//客户来源
this.options_type = 1
this.options = this.options_customer_source
this.show = true
this.linkage = true
} else if (type == 2) {
//添加这条数据的工作人员id
this.options_type = 2
this.options = this.options_add_staff_id
this.show = true
this.linkage = true
} else if (type == 3) {
this.options_type = 3
this.options = this.options_student
this.show = true
this.linkage = true
} else if (type == 4) {
this.options_type = 4
this.options = this.options_status
this.show = true
this.linkage = true
} else if (type == 5) {
this.options_type = 5
this.options = this.options_intention
this.show = true
this.linkage = true
} else if (type == 6) {
//选择跟进时间
this.options_date_type = 6
this.show_date = true
} else if (type == 7) {
//选择任务提醒
this.options_type = 7
this.options = this.options_renwu
this.show = true
this.linkage = true
} else if (type == 8) {
//选择提醒方式
this.options_type = 8
this.options = this.options_fangshi
this.show = true
this.linkage = true
}
},
//选择跟进时间
change_date(e) {
if (this.options_date_type == 1) {
this.show_date = false
this.result_date = e.result ?? ''
} else if (this.options_date_type == 6) {
this.show_date = false
this.result_dates = e.result ?? ''
}
},
//关闭选择跟进时间
cancel_date() {
this.show_date = false
},
//监听选择框
change(e) {
this.show = false
console.log(e)
if (this.options_type == 1) {
//客户来源
this.result_customer_source = e.result
this.formData.customer_source = e.value
} else if (this.options_type == 2) {
//归属人员(添加这条数据的工作人员id)
this.result_add_staff_id = e.result
this.formData.add_staff_id = e.value
} else if (this.options_type == 3) {
this.result_student = e.result
} else if (this.options_type == 4) {
this.result_status = e.result
} else if (this.options_type == 5) {
this.result_intention = e.result
} else if (this.options_type == 7) {
this.result_renwu = e.result
} else if (this.options_type == 8) {
this.result_fangshi = e.result
}
},
//多选客户标签-选中后回调
onConfirmCustomerTags(e) {
console.log('多选客户标签', e)
this.show_customer_tags = false
let customer_tags_name_arr = []
let customer_tags_arr = []
e.options.forEach((v, k) => {
customer_tags_arr.push(v.value)
customer_tags_name_arr.push(v.text)
//根据v.value 设置this.options_customer_tags中对应元素的checked属性为true
this.options_customer_tags.forEach((v, k) => {
if (v.value == v.value) {
v.checked = true
}
})
})
this.formData.customer_tags_name = customer_tags_name_arr.join(',')//数组转字符串
this.formData.customer_tags = customer_tags_arr//数组转字符串
},
this.formData.customer_tags_name = customer_tags_name_arr.join(',')//数组转字符串
this.formData.customer_tags = customer_tags_arr//数组转字符串
},
//地区选择相关
changeArea(e){
this.show_area = false
console.log('地区选择',e)
this.formData.province_id = e.value[0]
this.formData.city_id = e.value[1]
this.formData.district_id = e.value[2]
this.formData.full_address = `${e.text[0]}-${e.text[1]}-${e.text[2]}`
},
//地区选择相关
changeArea(e) {
this.show_area = false
console.log('地区选择', e)
this.formData.province_id = e.value[0]
this.formData.city_id = e.value[1]
this.formData.district_id = e.value[2]
this.formData.full_address = `${e.text[0]}-${e.text[1]}-${e.text[2]}`
},
//关闭选择框
cancel() {
this.show = false
},
//开关选择
switchChange(e){
if(e.detail.value){
this.switchChange_type = 1
}else{
this.switchChange_type = 2
}
}
}
}
//关闭选择框
cancel() {
this.show = false
},
//开关选择
switchChange(e) {
if (e.detail.value) {
this.switchChange_type = 1
} else {
this.switchChange_type = 2
}
}
}
}
</script>
<style lang="less" scoped>

Write Preview
Loading…
Cancel
Save