Browse Source

feat(market): 新增线索跟进功能

- 添加选择线索、跟进人员、跟进时间等字段
- 增加需求、购买力、认知理念等评估项
- 新增可选上课时间、距离、决策人等信息
-增加情感粘度、初步意向度等评价指标
- 更新跟进任务相关字段
- 优化表单布局和样式
master
liutong 12 months ago
parent
commit
1924fbfdd2
  1. 363
      pages/market/clue/writing_followUp.vue

363
pages/market/clue/writing_followUp.vue

@ -4,123 +4,331 @@
<view class="form-style">
<fui-form ref="form" top="0" :model="formData" :show="false">
<view class="input-style">
<fui-form-item asterisk label="选择线索" 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(`sales_id`)"
v-if="!formData.sales_id">点击选择
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)" v-else>
{{str_sales_id}}
</view>
</view>
</fui-form-item>
<fui-form-item
label="选择线索"
asterisk
label="跟进人员"
asteriskPosition="right"
labelSize='26'
prop="name"
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;" v-if="result_leixing == ''"
@click="selectCon(2)">点击选择
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</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 == ''">点击选择
<!--下拉-->
<fui-form-item
asterisk
label="跟进时间"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</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'
:bottomBorder='false'>
<fui-input :borderBottom="false" :padding="[0]" placeholder="选择附件" v-model="formData.mobile"
<!-- 需求手写-->
<fui-form-item
asterisk
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.student_name"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</view>
</fui-form-item>
<fui-form-item
asterisk
label="购买力"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
</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>
<fui-form-item
asterisk
label="认知理念"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
</view>
</fui-form-item>
<view class="input-style" style="margin-top: 50rpx;">
<fui-form-item
asterisk
label="可选上课时间"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
</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(3)"-->
<!-- 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
asterisk
label="距离"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
</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 == ''">点击选择
<fui-form-item
asterisk
label="决策人"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</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 == ''">点击选择
<!--下拉-->
<fui-form-item
asterisk
label="情感粘度"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
</view>
</fui-form-item>
</view>
<view class="title" style="margin-top: 20rpx;">初步意向度</view>
<view class="input-style">
<!--下拉-->
<fui-form-item
asterisk
label="意向分类"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
</view>
</fui-form-item>
<!--下拉-->
<fui-form-item
asterisk
label="意向度"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)" v-else>{{ result_intention }}
</view>
</fui-form-item>
<!--文本域-->
<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="['10rpx','10rpx','10rpx','10rpx']" v-model="formData.mobile"
backgroundColor="#434544" size="26" color="#fff" :textareaBorder="true" style="text-align: left !important;"></fui-textarea>
</view>
</view>
</view>
</view>
<view class="title" style="margin-top: 20rpx;">跟进任务</view>
<view class="input-style">
<fui-form-item label="创建下次跟进任务" labelWidth="250" labelSize='26' asterisk asteriskPosition="right"
<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>
<view v-if="switchChange_type == 1">
<view v-if="switchChange_type != 1">
<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 == ''">点击选择
<!--下拉-->
<fui-form-item
asterisk
label="跟进类型"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(6)" v-else>{{ result_dates }}
</view>
</fui-form-item>
<fui-form-item label="跟进内容" labelSize='26' 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>
</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.mobile"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</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(7)"
v-if="result_renwu == ''">点击选择
<!--下拉-->
<fui-form-item
asterisk
label="跟进人员"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</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 == ''">点击选择
<!--下拉-->
<fui-form-item
asterisk
label="跟进时间"
asteriskPosition="right"
labelSize='26'
prop=""
background='#434544'
labelColor='#fff'
:bottomBorder='false'
>
<view class="input-title" style="margin-right:14rpx;">
<view v-if="!formData.sales_id" class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">点击选择
</view>
<view v-else class="input-title" style="margin-right:14rpx;" @click="selectCon(`sales_id`)">
{{ str_sales_id }}
</view>
</view>
<view class="input-title" style="margin-right:14rpx;" @click="selectCon(8)" v-else>{{ result_fangshi }}
</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.student_name"
backgroundColor="#434544" size="26" color="#fff"></fui-input>
</view>
</fui-form-item>
@ -263,10 +471,29 @@ export default {
methods: {
//
async init() {
this.getSalesList()//-线
this.getDicFollow_up_type()//-
},
//-线
async getSalesList() {
let res = await marketApi.salesList({})
if (res.code != 1) {
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.options_sales_id = []
res.data.forEach((v, k) => {
this.options_sales_id.push({
value: v.id,
text: v.title,
})
})
},
//-
//-()
//--()

Loading…
Cancel
Save