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
ee586b3c8c
commit
b60b93ec8e
1 changed files with 321 additions and 309 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. 64
      pages/market/clue/writing_followUp.vue

64
pages/market/clue/writing_followUp.vue
View File

@ -3,21 +3,25 @@
<view class="form-style">
<fui-form ref="form" top="0" :model="formData" :show="false">
<view class="input-style">
<fui-form-item label="跟进类型" asterisk asteriskPosition="right" labelSize='26' prop="name" background='#434544' labelColor='#fff'
<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;" v-if="result_leixing == ''"
@click="selectCon(2)">点击选择</view>
@click="selectCon(2)">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" v-else @click="selectCon(2)">{{ result_leixing }}
</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;" @click="selectCon(1)"
v-if="result_date == ''">点击选择</view>
v-if="result_date == ''">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(1)" v-else>{{ result_date }}
</view>
</fui-form-item>
<fui-form-item label="上传录音" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff'
<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.mobile"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
@ -39,21 +43,24 @@
<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(3)"
v-if="result_student == ''">点击选择</view>
v-if="result_student == ''">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(3)" v-else>{{ result_student }}
</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;" @click="selectCon(4)"
v-if="result_status == ''">点击选择</view>
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>
v-if="result_intention == ''">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)" v-else>{{ result_intention }}
</view>
</fui-form-item>
@ -61,7 +68,8 @@
<view class="title" style="margin-top: 20rpx;">跟进任务</view>
<view class="input-style">
<fui-form-item label="创建下次跟进任务" labelWidth="250" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
<fui-form-item label="创建下次跟进任务" labelWidth="250" labelSize='26' asterisk asteriskPosition="right"
prop="mobile"
background='#434544' labelColor='#fff' :bottomBorder='false'>
<fui-switch @change="switchChange" checked></fui-switch>
</fui-form-item>
@ -70,7 +78,8 @@
<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(6)"
v-if="result_dates == ''">点击选择</view>
v-if="result_dates == ''">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(6)" v-else>{{ result_dates }}
</view>
</fui-form-item>
@ -87,14 +96,16 @@
<fui-form-item label="任务提醒" labelSize='26' prop="mobile" background='#434544' labelColor='#fff'
:bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(7)"
v-if="result_renwu == ''">点击选择</view>
v-if="result_renwu == ''">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(7)" v-else>{{ result_renwu }}
</view>
</fui-form-item>
<fui-form-item label="提醒方式" labelSize='26' prop="mobile" background='#434544' labelColor='#fff'
:bottomBorder='false'>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(8)"
v-if="result_fangshi == ''">点击选择</view>
v-if="result_fangshi == ''">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(8)" v-else>{{ result_fangshi }}
</view>
</fui-form-item>
@ -112,18 +123,19 @@
<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>
</template>
<script>
const rules = [{
const rules = [{
name: "mobile",
rule: ["required", "isMobile"],
msg: ["请输入手机号", "请输入正确的手机号"]
}];
export default {
}];
export default {
data() {
return {
switchChange_type: 1,
@ -143,7 +155,7 @@
show: false,
options: [],
linkage: true,
options_type : undefined,
options_type: undefined,
options_leixing: [{
'value': 1,
'text': '类型1'
@ -250,7 +262,7 @@
this.options = this.options_intention
this.show = true
this.linkage = true
}else if (type == 6) {
} else if (type == 6) {
//选择跟进时间
this.options_date_type = 6
this.show_date = true
@ -270,10 +282,10 @@
},
//选择跟进时间
change_date(e) {
if(this.options_date_type == 1){
if (this.options_date_type == 1) {
this.show_date = false
this.result_date = e.result ?? ''
}else if(this.options_date_type == 6){
} else if (this.options_date_type == 6) {
this.show_date = false
this.result_dates = e.result ?? ''
}
@ -286,7 +298,7 @@
change(e) {
this.show = false
console.log(e)
if(this.options_type == 2){
if (this.options_type == 2) {
this.result_leixing = e.result
} else if (this.options_type == 3) {
this.result_student = e.result
@ -294,9 +306,9 @@
this.result_status = e.result
} else if (this.options_type == 5) {
this.result_intention = e.result
} else if(this.options_type == 7){
} else if (this.options_type == 7) {
this.result_renwu = e.result
} else if(this.options_type == 8){
} else if (this.options_type == 8) {
this.result_fangshi = e.result
}
},
@ -305,15 +317,15 @@
this.show = false
},
//开关选择
switchChange(e){
if(e.detail.value){
switchChange(e) {
if (e.detail.value) {
this.switchChange_type = 1
}else{
} else {
this.switchChange_type = 2
}
}
}
}
}
</script>
<style lang="less" scoped>

Write Preview
Loading…
Cancel
Save