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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 209
      pages/market/clue/add_clues.vue

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

@ -11,75 +11,93 @@
<view class="title" style="margin-top: 20rpx;">基础信息</view> <view class="title" style="margin-top: 20rpx;">基础信息</view>
<view class="input-style"> <view class="input-style">
<fui-form-item label="学员姓名" asterisk asteriskPosition="right" labelSize='26' prop="student_name" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="学员姓名" asterisk asteriskPosition="right" labelSize='26' prop="student_name"
<view class="input-title" style="margin-right:14rpx;" > background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_name" backgroundColor="#434544" size="26" color="#fff"></fui-input> <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> </view>
</fui-form-item> </fui-form-item>
<fui-form-item label="学员手机号" asterisk asteriskPosition="right" labelSize='26' prop="student_phone" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="学员手机号" asterisk asteriskPosition="right" labelSize='26' prop="student_phone"
<view class="input-title" style="margin-right:14rpx;" > background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_phone" backgroundColor="#434544" size="26" color="#fff"></fui-input> <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> </view>
</fui-form-item> </fui-form-item>
<fui-form-item label="年龄" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="年龄" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544'
<view class="input-title" style="margin-right:14rpx;" > 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> <fui-input-number signColor="#FFF" :min="1" :max="100" v-model="formData.age"></fui-input-number>
</view> </view>
</fui-form-item> </fui-form-item>
<fui-form-item label="学校" asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="学校" asteriskPosition="right" labelSize='26' prop="" background='#434544'
<view class="input-title" style="margin-right:14rpx;" > labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.school_name" backgroundColor="#434544" size="26" color="#fff"></fui-input> <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> </view>
</fui-form-item> </fui-form-item>
<fui-form-item label="年级" asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="年级" asteriskPosition="right" labelSize='26' prop="" background='#434544'
<view class="input-title" style="margin-right:14rpx;" > labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.grade" backgroundColor="#434544" size="26" color="#fff"></fui-input> <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> </view>
</fui-form-item> </fui-form-item>
<fui-form-item label="班级" asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="班级" asteriskPosition="right" labelSize='26' prop="" background='#434544'
<view class="input-title" style="margin-right:14rpx;" > labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.class_name" backgroundColor="#434544" size="26" color="#fff"></fui-input> <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> </view>
</fui-form-item> </fui-form-item>
<fui-form-item label="客户来源" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="客户来源" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544'
<view class="input-title" style="margin-right:14rpx;" > labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(1)" <view class="input-title" style="margin-right:14rpx;" @click="selectCon(1)"
v-if="result_customer_source == ''">点击选择 v-if="result_customer_source == ''">点击选择
</view> </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>
</view> </view>
</fui-form-item> </fui-form-item>
<fui-form-item label="归属人员" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="归属人员" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544'
<view class="input-title" style="margin-right:14rpx;" > labelColor='#fff' :bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;">
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(2)" <view class="input-title" style="margin-right:14rpx;" @click="selectCon(2)"
v-if="result_add_staff_id == ''">点击选择 v-if="result_add_staff_id == ''">点击选择
</view> </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>
</view> </view>
</fui-form-item> </fui-form-item>
<fui-form-item label="联系人" asterisk asteriskPosition="right" labelSize='26' prop="name" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="联系人" asterisk asteriskPosition="right" labelSize='26' prop="name" background='#434544'
<view class="input-title" style="margin-right:14rpx;" > labelColor='#fff' :bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.contact_name" backgroundColor="#434544" size="26" color="#fff"></fui-input> <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> </view>
</fui-form-item> </fui-form-item>
</view> </view>
<!-- <!--
<view class="input-style" style="margin-top: 50rpx;"> <view class="input-style" style="margin-top: 50rpx;">
<view class="input-style"> <view class="input-style">
<fui-form-item label="客户状态" labelSize='26' asterisk asteriskPosition="right" prop="mobile" <fui-form-item label="客户状态" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
@ -109,13 +127,15 @@
</view> </view>
</view> </view>
</view> </view>
--> -->
<view class="title" style="margin-top: 20rpx;">附加信息</view> <view class="title" style="margin-top: 20rpx;">附加信息</view>
<view class="input-style"> <view class="input-style">
<view > <view>
<fui-form-item label="所在地区" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="所在地区" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击选择" backgroundColor="#434544" size="26" color="#fff" @click="show_area=true" v-model="formData.full_address"></fui-input> 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 <fui-picker
@ -127,19 +147,24 @@
></fui-picker> ></fui-picker>
</fui-form-item> </fui-form-item>
<fui-form-item label="小区" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="小区" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
<fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.community_name" backgroundColor="#434544" size="26" color="#fff"></fui-input> 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>
<fui-form-item label="客户标签" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff' :bottomBorder='false'> <fui-form-item label="客户标签" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
<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> 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> </fui-form-item>
</view> </view>
</view> </view>
</fui-form> </fui-form>
@ -153,43 +178,45 @@
<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> </template>
<script> <script>
import commonApi from '@/api/common.js'; import commonApi from '@/api/common.js';
import marketApi from '@/api/market.js';
const rules = [{ const rules = [{
name: "mobile", name: "mobile",
rule: ["required", "isMobile"], rule: ["required", "isMobile"],
msg: ["请输入手机号", "请输入正确的手机号"] msg: ["请输入手机号", "请输入正确的手机号"]
}]; }];
export default { export default {
data() { data() {
return { return {
switchChange_type: 1, switchChange_type: 1,
rules, rules,
formData: { formData: {
student_name:'',//学员姓名* student_name: '',//学员姓名*
student_phone:'',//学员手机号* student_phone: '',//学员手机号*
age:'',//年龄* age: '',//年龄*
school_name:'',//学校 school_name: '',//学校
grade:'',//年级 grade: '',//年级
class_name:'',//班级 class_name: '',//班级
customer_source:'',//客户来源* customer_source: '',//客户来源*
add_staff_id:'',//归属人员id* add_staff_id: '',//归属人员id*
contact_name:'',//联系人* contact_name: '',//联系人*
province_id:'',//所在地区-省 province_id: '',//所在地区-省
city_id:'',//所在地区-市 city_id: '',//所在地区-市
district_id:'',//所在地区-区 district_id: '',//所在地区-区
full_address:'',//所在地区中文名 full_address: '',//所在地区中文名
community_name:'',//小区 community_name: '',//小区
customer_tags_name:'',//选中的标签名称,多个用,号分割 customer_tags_name: '',//选中的标签名称,多个用,号分割
customer_tags:['2','3'],//客户标签 customer_tags: ['2', '3'],//客户标签
}, },
show_date: false, show_date: false,
result_date: '', result_date: '',
@ -205,7 +232,7 @@ import commonApi from '@/api/common.js';
show: false, show: false,
options: [], options: [],
linkage: true, linkage: true,
options_type : undefined, options_type: undefined,
options_leixing: [{ options_leixing: [{
'value': 1, 'value': 1,
'text': '类型1' 'text': '类型1'
@ -272,10 +299,9 @@ import commonApi from '@/api/common.js';
}], }],
keyword: '',//关键词
keyword:'',//关键词
//客户来源 //客户来源
result_customer_source:'',//选中项的中文名称 result_customer_source: '',//选中项的中文名称
options_customer_source: [ options_customer_source: [
{ {
'value': 1, 'value': 1,
@ -287,7 +313,7 @@ import commonApi from '@/api/common.js';
} }
],//客户来源可选值 ],//客户来源可选值
//归属人员(add_staff_id,添加这条数据的工作人员id) //归属人员(add_staff_id,添加这条数据的工作人员id)
result_add_staff_id:'',//选中项的中文名称 result_add_staff_id: '',//选中项的中文名称
options_add_staff_id: [ options_add_staff_id: [
{ {
'value': 1, 'value': 1,
@ -300,43 +326,43 @@ import commonApi from '@/api/common.js';
],//客户来源可选值 ],//客户来源可选值
//客户标签 //客户标签
show_customer_tags:false, show_customer_tags: false,
options_customer_tags:[ options_customer_tags: [
{ {
text: '标签1', text: '标签1',
value: '1', value: '1',
checked:false,//是否选中"true=是,false=否 checked: false,//是否选中"true=是,false=否
}, },
{ {
text: '标签2', text: '标签2',
value: '2', value: '2',
checked:false,//是否选中 checked: false,//是否选中
}, },
{ {
text: '标签3', text: '标签3',
value: '3', value: '3',
checked:false,//是否选中 checked: false,//是否选中
} }
],//客户标签可选值 ],//客户标签可选值
//地区三级联动 //地区三级联动
show_area:false, show_area: false,
options_area:[], options_area: [],
} }
}, },
onShow(){ onShow() {
this.init() this.init()
}, },
methods: { methods: {
//初始化 //初始化
async init(){ async init() {
this.getAreaTree()//获取地区树形结构 this.getAreaTree()//获取地区树形结构
}, },
//获取地区树形结构 //获取地区树形结构
async getAreaTree(){ async getAreaTree() {
let res = await commonApi.getAreaTree() let res = await commonApi.getAreaTree()
if(res.code != 1){ if (res.code != 1) {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
icon: 'none' icon: 'none'
@ -390,7 +416,7 @@ import commonApi from '@/api/common.js';
this.options = this.options_intention this.options = this.options_intention
this.show = true this.show = true
this.linkage = true this.linkage = true
}else if (type == 6) { } else if (type == 6) {
//选择跟进时间 //选择跟进时间
this.options_date_type = 6 this.options_date_type = 6
this.show_date = true this.show_date = true
@ -410,10 +436,10 @@ import commonApi from '@/api/common.js';
}, },
//选择跟进时间 //选择跟进时间
change_date(e) { change_date(e) {
if(this.options_date_type == 1){ if (this.options_date_type == 1) {
this.show_date = false this.show_date = false
this.result_date = e.result ?? '' this.result_date = e.result ?? ''
}else if(this.options_date_type == 6){ } else if (this.options_date_type == 6) {
this.show_date = false this.show_date = false
this.result_dates = e.result ?? '' this.result_dates = e.result ?? ''
} }
@ -426,12 +452,11 @@ import commonApi from '@/api/common.js';
change(e) { change(e) {
this.show = false this.show = false
console.log(e) console.log(e)
if(this.options_type == 1){ if (this.options_type == 1) {
//客户来源 //客户来源
this.result_customer_source = e.result this.result_customer_source = e.result
this.formData.customer_source = e.value this.formData.customer_source = e.value
} } else if (this.options_type == 2) {
else if(this.options_type == 2){
//归属人员(添加这条数据的工作人员id) //归属人员(添加这条数据的工作人员id)
this.result_add_staff_id = e.result this.result_add_staff_id = e.result
this.formData.add_staff_id = e.value this.formData.add_staff_id = e.value
@ -441,25 +466,25 @@ import commonApi from '@/api/common.js';
this.result_status = e.result this.result_status = e.result
} else if (this.options_type == 5) { } else if (this.options_type == 5) {
this.result_intention = e.result this.result_intention = e.result
} else if(this.options_type == 7){ } else if (this.options_type == 7) {
this.result_renwu = e.result this.result_renwu = e.result
} else if(this.options_type == 8){ } else if (this.options_type == 8) {
this.result_fangshi = e.result this.result_fangshi = e.result
} }
}, },
//多选客户标签-选中后回调 //多选客户标签-选中后回调
onConfirmCustomerTags(e){ onConfirmCustomerTags(e) {
console.log('多选客户标签',e) console.log('多选客户标签', e)
this.show_customer_tags = false this.show_customer_tags = false
let customer_tags_name_arr = [] let customer_tags_name_arr = []
let customer_tags_arr = [] let customer_tags_arr = []
e.options.forEach((v,k)=>{ e.options.forEach((v, k) => {
customer_tags_arr.push(v.value) customer_tags_arr.push(v.value)
customer_tags_name_arr.push(v.text) customer_tags_name_arr.push(v.text)
//根据v.value 设置this.options_customer_tags中对应元素的checked属性为true //根据v.value 设置this.options_customer_tags中对应元素的checked属性为true
this.options_customer_tags.forEach((v,k)=>{ this.options_customer_tags.forEach((v, k) => {
if(v.value == v.value){ if (v.value == v.value) {
v.checked = true v.checked = true
} }
}) })
@ -470,9 +495,9 @@ import commonApi from '@/api/common.js';
}, },
//地区选择相关 //地区选择相关
changeArea(e){ changeArea(e) {
this.show_area = false this.show_area = false
console.log('地区选择',e) console.log('地区选择', e)
this.formData.province_id = e.value[0] this.formData.province_id = e.value[0]
this.formData.city_id = e.value[1] this.formData.city_id = e.value[1]
this.formData.district_id = e.value[2] this.formData.district_id = e.value[2]
@ -484,15 +509,15 @@ import commonApi from '@/api/common.js';
this.show = false this.show = false
}, },
//开关选择 //开关选择
switchChange(e){ switchChange(e) {
if(e.detail.value){ if (e.detail.value) {
this.switchChange_type = 1 this.switchChange_type = 1
}else{ } else {
this.switchChange_type = 2 this.switchChange_type = 2
} }
} }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

Write Preview
Loading…
Cancel
Save