Browse Source
- 添加跟进管理编辑页面，支持添加和编辑跟进记录 - 实现跟进记录的删除功能- 集成字典数据，支持低中高、是否、客户状态等选项的动态加载- 添加销售关联、跟进人员等下拉选项的数据获取接口master
16 changed files with 3220 additions and 1 deletions
@ -0,0 +1,58 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// USER_CODE_BEGIN -- zhjw_follow_up_logs
|
||||
|
/** |
||||
|
* 获取跟进管理列表 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getFollowUpLogsList(params: Record<string, any>) { |
||||
|
return request.get(`zhjw/follow_up_logs`, {params}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取跟进管理详情 |
||||
|
* @param id 跟进管理id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getFollowUpLogsInfo(id: number) { |
||||
|
return request.get(`zhjw/follow_up_logs/${id}`); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加跟进管理 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function addFollowUpLogs(params: Record<string, any>) { |
||||
|
return request.post('zhjw/follow_up_logs', params, {showErrorMessage: true, showSuccessMessage: true}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑跟进管理 |
||||
|
* @param id |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function editFollowUpLogs(params: Record<string, any>) { |
||||
|
return request.put(`zhjw/follow_up_logs/${params.id}`, params, {showErrorMessage: true, showSuccessMessage: true}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除跟进管理 |
||||
|
* @param id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function deleteFollowUpLogs(id: number) { |
||||
|
return request.delete(`zhjw/follow_up_logs/${id}`, {showErrorMessage: true, showSuccessMessage: true}) |
||||
|
} |
||||
|
|
||||
|
export function getWithSalesList(params: Record<string, any>) { |
||||
|
return request.get('zhjw/sales_all', {params}) |
||||
|
} |
||||
|
|
||||
|
export function getWithStaffList(params: Record<string, any>) { |
||||
|
return request.get('zhjw/staff_all', {params}) |
||||
|
} |
||||
|
|
||||
|
// USER_CODE_END -- zhjw_follow_up_logs
|
||||
@ -0,0 +1,51 @@ |
|||||
|
{ |
||||
|
"id":"序号", |
||||
|
"salesId":"销售关联", |
||||
|
"salesIdPlaceholder":"全部", |
||||
|
"staffId":"跟进人员", |
||||
|
"staffIdPlaceholder":"全部", |
||||
|
"roleId":"跟进人员角色", |
||||
|
"entryType":"填写人员类型", |
||||
|
"entryTypePlaceholder":"请输入填写人员类型", |
||||
|
"requirement":"需求", |
||||
|
"purchasingPower":"购买力", |
||||
|
"purchasingPowerPlaceholder":"请输入购买力", |
||||
|
"cognitiveConcept":"认知理念", |
||||
|
"cognitiveConceptPlaceholder":"请输入认知理念", |
||||
|
"schooltime":"时间", |
||||
|
"schooltimePlaceholder":"请输入时间", |
||||
|
"distance":"距离", |
||||
|
"communicationNotes":"沟通备注", |
||||
|
"decisionMaker":"决策人", |
||||
|
"emotionalIntensity":"情感粘度", |
||||
|
"emotionalIntensityPlaceholder":"请输入情感粘度", |
||||
|
"initialCustomerIntent":"客户初步意向度", |
||||
|
"initialCustomerIntentPlaceholder":"请输入客户初步意向度", |
||||
|
"initialRelationshipIntent":"客情初步意向度", |
||||
|
"initialRelationshipIntentPlaceholder":"请输入客情初步意向度", |
||||
|
"promisedVisitDate":"承诺到访时间", |
||||
|
"promisedVisitDatePlaceholder":"请输入承诺到访时间", |
||||
|
"actualVisitDate":"实际到访时间", |
||||
|
"actualVisitDatePlaceholder":"请输入实际到访时间", |
||||
|
"firstVisitFeedback":"当面资讯反馈-第1次访问情况", |
||||
|
"secondVisitFeedback":"当面资讯反馈-第2次访问情况", |
||||
|
"isClosedDeal":"是否关单", |
||||
|
"isClosedDealPlaceholder":"请输入是否关单", |
||||
|
"followUpType":"跟进类型", |
||||
|
"followUpTypePlaceholder":"请输入跟进类型", |
||||
|
"followUpTime":"跟进时间", |
||||
|
"followUpTimePlaceholder":"请输入跟进时间", |
||||
|
"audioUpload":"上传录音(单文件)", |
||||
|
"followUpContent":"跟进内容", |
||||
|
"customerStatus":"客户状态", |
||||
|
"customerStatusPlaceholder":"请输入客户状态", |
||||
|
"signUpContactId":"签单意向联系人(员工id)", |
||||
|
"signUpContactIdPlaceholder":"全部", |
||||
|
"createTime":"添加时间", |
||||
|
"createTimePlaceholder":"请输入添加时间", |
||||
|
"addFollowUpLogs":"添加跟进管理", |
||||
|
"updateFollowUpLogs":"编辑跟进管理", |
||||
|
"followUpLogsDeleteTips":"确定要删除该数据吗？", |
||||
|
"startDate":"请选择开始时间", |
||||
|
"endDate":"请选择结束时间" |
||||
|
} |
||||
@ -0,0 +1,55 @@ |
|||||
|
{ |
||||
|
"salesId":"销售关联", |
||||
|
"staffId":"跟进人员", |
||||
|
"roleId":"跟进人员角色", |
||||
|
"entryType":"填写人员类型", |
||||
|
"requirement":"需求", |
||||
|
"purchasingPower":"购买力", |
||||
|
"cognitiveConcept":"认知理念", |
||||
|
"schooltime":"时间", |
||||
|
"distance":"距离", |
||||
|
"communicationNotes":"沟通备注", |
||||
|
"decisionMaker":"决策人", |
||||
|
"emotionalIntensity":"情感粘度", |
||||
|
"initialCustomerIntent":"客户初步意向度", |
||||
|
"initialRelationshipIntent":"客情初步意向度", |
||||
|
"promisedVisitDate":"承诺到访时间", |
||||
|
"actualVisitDate":"实际到访时间", |
||||
|
"firstVisitFeedback":"当面资讯反馈-第1次访问情况", |
||||
|
"secondVisitFeedback":"当面资讯反馈-第2次访问情况", |
||||
|
"isClosedDeal":"是否关单", |
||||
|
"followUpType":"跟进类型", |
||||
|
"followUpTime":"跟进时间", |
||||
|
"audioUpload":"上传录音(单文件)", |
||||
|
"followUpContent":"跟进内容", |
||||
|
"customerStatus":"客户状态", |
||||
|
"signUpContactId":"签单意向联系人(员工id)", |
||||
|
"salesIdPlaceholder":"请选择销售关联", |
||||
|
"staffIdPlaceholder":"请选择跟进人员", |
||||
|
"roleIdPlaceholder":"请输入跟进人员角色", |
||||
|
"entryTypePlaceholder":"请选择填写人员类型", |
||||
|
"requirementPlaceholder":"请输入需求", |
||||
|
"purchasingPowerPlaceholder":"请选择购买力", |
||||
|
"cognitiveConceptPlaceholder":"请选择认知理念", |
||||
|
"schooltimePlaceholder":"请选择时间", |
||||
|
"distancePlaceholder":"请输入距离", |
||||
|
"communicationNotesPlaceholder":"请输入沟通备注", |
||||
|
"decisionMakerPlaceholder":"请输入决策人", |
||||
|
"emotionalIntensityPlaceholder":"请选择情感粘度", |
||||
|
"initialCustomerIntentPlaceholder":"请选择客户初步意向度", |
||||
|
"initialRelationshipIntentPlaceholder":"请选择客情初步意向度", |
||||
|
"promisedVisitDatePlaceholder":"请选择承诺到访时间", |
||||
|
"actualVisitDatePlaceholder":"请选择实际到访时间", |
||||
|
"firstVisitFeedbackPlaceholder":"请输入当面资讯反馈-第1次访问情况", |
||||
|
"secondVisitFeedbackPlaceholder":"请输入当面资讯反馈-第2次访问情况", |
||||
|
"isClosedDealPlaceholder":"请选择是否关单", |
||||
|
"followUpTypePlaceholder":"请选择跟进类型", |
||||
|
"followUpTimePlaceholder":"请选择跟进时间", |
||||
|
"audioUploadPlaceholder":"请输入上传录音(单文件)", |
||||
|
"followUpContentPlaceholder":"请输入跟进内容", |
||||
|
"customerStatusPlaceholder":"请选择客户状态", |
||||
|
"signUpContactIdPlaceholder":"请选择签单意向联系人(员工id)", |
||||
|
"addFollowUpLogs":"添加跟进管理", |
||||
|
"updateFollowUpLogs":"编辑跟进管理", |
||||
|
"followUpLogsDeleteTips":"确定要删除该跟进管理吗？" |
||||
|
} |
||||
@ -0,0 +1,555 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
|
||||
|
<div class="flex justify-between items-center"> |
||||
|
<span class="text-lg">{{ pageName }}</span> |
||||
|
<el-button type="primary" @click="addEvent"> |
||||
|
{{ t('addFollowUpLogs') }} |
||||
|
</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> |
||||
|
<el-form :inline="true" :model="followUpLogsTable.searchParam" ref="searchFormRef"> |
||||
|
|
||||
|
<el-form-item :label="t('salesId')" prop="sales_id"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.sales_id" clearable |
||||
|
:placeholder="t('salesIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in salesIdList" |
||||
|
:key="index" |
||||
|
:label="item['student_name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.staff_id" clearable |
||||
|
:placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('entryType')" prop="entry_type"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.entry_type" clearable |
||||
|
:placeholder="t('entryTypePlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in entry_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('purchasingPower')" prop="purchasing_power"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.purchasing_power" clearable |
||||
|
:placeholder="t('purchasingPowerPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in purchasing_powerList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('cognitiveConcept')" prop="cognitive_concept"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.cognitive_concept" clearable |
||||
|
:placeholder="t('cognitiveConceptPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in cognitive_conceptList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('schooltime')" prop="schooltime"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.schooltime" type="datetimerange" |
||||
|
format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('emotionalIntensity')" prop="emotional_intensity"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.emotional_intensity" clearable |
||||
|
:placeholder="t('emotionalIntensityPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in emotional_intensityList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('initialCustomerIntent')" prop="initial_customer_intent"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.initial_customer_intent" clearable |
||||
|
:placeholder="t('initialCustomerIntentPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in initial_customer_intentList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('initialRelationshipIntent')" prop="initial_relationship_intent"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.initial_relationship_intent" clearable |
||||
|
:placeholder="t('initialRelationshipIntentPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in initial_relationship_intentList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('promisedVisitDate')" prop="promised_visit_date"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.promised_visit_date" type="datetimerange" |
||||
|
format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('actualVisitDate')" prop="actual_visit_date"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.actual_visit_date" type="datetimerange" |
||||
|
format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('isClosedDeal')" prop="is_closed_deal"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.is_closed_deal" clearable |
||||
|
:placeholder="t('isClosedDealPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in is_closed_dealList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('followUpType')" prop="follow_up_type"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.follow_up_type" clearable |
||||
|
:placeholder="t('followUpTypePlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in follow_up_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('followUpTime')" prop="follow_up_time"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.follow_up_time" type="datetimerange" |
||||
|
format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('customerStatus')" prop="customer_status"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.customer_status" clearable |
||||
|
:placeholder="t('customerStatusPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in customer_statusList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('signUpContactId')" prop="sign_up_contact_id"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.sign_up_contact_id" clearable |
||||
|
:placeholder="t('signUpContactIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in signUpContactIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('createTime')" prop="create_time"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.create_time" type="datetimerange" |
||||
|
format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="loadFollowUpLogsList()">{{ t('search') }}</el-button> |
||||
|
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
|
||||
|
<div class="mt-[10px]"> |
||||
|
<el-table :data="followUpLogsTable.data" size="large" v-loading="followUpLogsTable.loading"> |
||||
|
<template #empty> |
||||
|
<span>{{ !followUpLogsTable.loading ? t('emptyData') : '' }}</span> |
||||
|
</template> |
||||
|
<el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="sales_id_name" :label="t('salesId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="staff_id_name" :label="t('staffId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<!-- <el-table-column prop="role_id" :label="t('roleId')" min-width="120" :show-overflow-tooltip="true"/>--> |
||||
|
|
||||
|
<el-table-column :label="t('entryType')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in entry_typeList"> |
||||
|
<div v-if="item.value == row.entry_type">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="requirement" :label="t('requirement')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('purchasingPower')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in purchasing_powerList"> |
||||
|
<div v-if="item.value == row.purchasing_power">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('cognitiveConcept')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in cognitive_conceptList"> |
||||
|
<div v-if="item.value == row.cognitive_concept">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="schooltime" :label="t('schooltime')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="distance" :label="t('distance')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="communication_notes" :label="t('communicationNotes')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="decision_maker" :label="t('decisionMaker')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('emotionalIntensity')" min-width="180" align="center" |
||||
|
:show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in emotional_intensityList"> |
||||
|
<div v-if="item.value == row.emotional_intensity">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('initialCustomerIntent')" min-width="180" align="center" |
||||
|
:show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in initial_customer_intentList"> |
||||
|
<div v-if="item.value == row.initial_customer_intent">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('initialRelationshipIntent')" min-width="180" align="center" |
||||
|
:show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in initial_relationship_intentList"> |
||||
|
<div v-if="item.value == row.initial_relationship_intent">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="promised_visit_date" :label="t('promisedVisitDate')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="actual_visit_date" :label="t('actualVisitDate')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="first_visit_feedback" :label="t('firstVisitFeedback')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="second_visit_feedback" :label="t('secondVisitFeedback')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('isClosedDeal')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in is_closed_dealList"> |
||||
|
<div v-if="item.value == row.is_closed_deal">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('followUpType')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in follow_up_typeList"> |
||||
|
<div v-if="item.value == row.follow_up_type">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="follow_up_time" :label="t('followUpTime')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="audio_upload" :label="t('audioUpload')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="follow_up_content" :label="t('followUpContent')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('customerStatus')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in customer_statusList"> |
||||
|
<div v-if="item.value == row.customer_status">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="sign_up_contact_id_name" :label="t('signUpContactId')" min-width="120" |
||||
|
:show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.create_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
|
||||
|
<el-table-column :label="t('operation')" fixed="right" min-width="120"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button> |
||||
|
<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
</el-table> |
||||
|
<div class="mt-[16px] flex justify-end"> |
||||
|
<el-pagination v-model:current-page="followUpLogsTable.page" v-model:page-size="followUpLogsTable.limit" |
||||
|
layout="total, sizes, prev, pager, next, jumper" :total="followUpLogsTable.total" |
||||
|
@size-change="loadFollowUpLogsList()" @current-change="loadFollowUpLogsList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</el-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import {reactive, ref, watch} from 'vue' |
||||
|
import {t} from '@/lang' |
||||
|
import {useDictionary} from '@/app/api/dict' |
||||
|
import { |
||||
|
getFollowUpLogsList, |
||||
|
deleteFollowUpLogs, |
||||
|
getWithSalesList, |
||||
|
getWithStaffList, |
||||
|
} from '@/addon/zhjw/api/follow_up_logs' |
||||
|
import {img} from '@/utils/common' |
||||
|
import {ElMessageBox, FormInstance} from 'element-plus' |
||||
|
import {useRouter} from 'vue-router' |
||||
|
import {useRoute} from 'vue-router' |
||||
|
|
||||
|
const route = useRoute() |
||||
|
const pageName = route.meta.title; |
||||
|
|
||||
|
let followUpLogsTable = reactive({ |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
total: 0, |
||||
|
loading: true, |
||||
|
data: [], |
||||
|
searchParam: { |
||||
|
"sales_id": "", |
||||
|
"staff_id": "", |
||||
|
"entry_type": "", |
||||
|
"purchasing_power": "", |
||||
|
"cognitive_concept": "", |
||||
|
"schooltime": [], |
||||
|
"emotional_intensity": "", |
||||
|
"initial_customer_intent": "", |
||||
|
"initial_relationship_intent": "", |
||||
|
"promised_visit_date": [], |
||||
|
"actual_visit_date": [], |
||||
|
"is_closed_deal": "", |
||||
|
"follow_up_type": "", |
||||
|
"follow_up_time": [], |
||||
|
"customer_status": "", |
||||
|
"sign_up_contact_id": "", |
||||
|
"create_time": [] |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const searchFormRef = ref<FormInstance>() |
||||
|
|
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
const entry_typeList = ref([] as any[]) |
||||
|
const entry_typeDictList = async () => { |
||||
|
entry_typeList.value = await (await useDictionary('entry_type')).data.dictionary |
||||
|
} |
||||
|
entry_typeDictList(); |
||||
|
const purchasing_powerList = ref([] as any[]) |
||||
|
const purchasing_powerDictList = async () => { |
||||
|
purchasing_powerList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
purchasing_powerDictList(); |
||||
|
const cognitive_conceptList = ref([] as any[]) |
||||
|
const cognitive_conceptDictList = async () => { |
||||
|
cognitive_conceptList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
cognitive_conceptDictList(); |
||||
|
const emotional_intensityList = ref([] as any[]) |
||||
|
const emotional_intensityDictList = async () => { |
||||
|
emotional_intensityList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
emotional_intensityDictList(); |
||||
|
const initial_customer_intentList = ref([] as any[]) |
||||
|
const initial_customer_intentDictList = async () => { |
||||
|
initial_customer_intentList.value = await (await useDictionary('initial_customer_intent')).data.dictionary |
||||
|
} |
||||
|
initial_customer_intentDictList(); |
||||
|
const initial_relationship_intentList = ref([] as any[]) |
||||
|
const initial_relationship_intentDictList = async () => { |
||||
|
initial_relationship_intentList.value = await (await useDictionary('initial_relationship_intent')).data.dictionary |
||||
|
} |
||||
|
initial_relationship_intentDictList(); |
||||
|
const is_closed_dealList = ref([] as any[]) |
||||
|
const is_closed_dealDictList = async () => { |
||||
|
is_closed_dealList.value = await (await useDictionary('is_radio')).data.dictionary |
||||
|
} |
||||
|
is_closed_dealDictList(); |
||||
|
const follow_up_typeList = ref([] as any[]) |
||||
|
const follow_up_typeDictList = async () => { |
||||
|
follow_up_typeList.value = await (await useDictionary('follow_up_type')).data.dictionary |
||||
|
} |
||||
|
follow_up_typeDictList(); |
||||
|
const customer_statusList = ref([] as any[]) |
||||
|
const customer_statusDictList = async () => { |
||||
|
customer_statusList.value = await (await useDictionary('customer_status')).data.dictionary |
||||
|
} |
||||
|
customer_statusDictList(); |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 获取跟进管理列表 |
||||
|
*/ |
||||
|
const loadFollowUpLogsList = (page: number = 1) => { |
||||
|
followUpLogsTable.loading = true |
||||
|
followUpLogsTable.page = page |
||||
|
|
||||
|
getFollowUpLogsList({ |
||||
|
page: followUpLogsTable.page, |
||||
|
limit: followUpLogsTable.limit, |
||||
|
...followUpLogsTable.searchParam |
||||
|
}).then(res => { |
||||
|
followUpLogsTable.loading = false |
||||
|
followUpLogsTable.data = res.data.data |
||||
|
followUpLogsTable.total = res.data.total |
||||
|
}).catch(() => { |
||||
|
followUpLogsTable.loading = false |
||||
|
}) |
||||
|
} |
||||
|
loadFollowUpLogsList() |
||||
|
|
||||
|
const router = useRouter() |
||||
|
|
||||
|
/** |
||||
|
* 添加跟进管理 |
||||
|
*/ |
||||
|
const addEvent = () => { |
||||
|
router.push('/follow_up_logs/follow_up_logs_edit') |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑跟进管理 |
||||
|
* @param data |
||||
|
*/ |
||||
|
const editEvent = (data: any) => { |
||||
|
router.push('/follow_up_logs/follow_up_logs_edit?id=' + data.id) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除跟进管理 |
||||
|
*/ |
||||
|
const deleteEvent = (id: number) => { |
||||
|
ElMessageBox.confirm(t('followUpLogsDeleteTips'), t('warning'), |
||||
|
{ |
||||
|
confirmButtonText: t('confirm'), |
||||
|
cancelButtonText: t('cancel'), |
||||
|
type: 'warning', |
||||
|
} |
||||
|
).then(() => { |
||||
|
deleteFollowUpLogs(id).then(() => { |
||||
|
loadFollowUpLogsList() |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const salesIdList = ref([]) |
||||
|
const setSalesIdList = async () => { |
||||
|
salesIdList.value = await (await getWithSalesList({})).data |
||||
|
} |
||||
|
setSalesIdList() |
||||
|
const staffIdList = ref([]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
const signUpContactIdList = ref([]) |
||||
|
const setSignUpContactIdList = async () => { |
||||
|
signUpContactIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setSignUpContactIdList() |
||||
|
|
||||
|
const resetForm = (formEl: FormInstance | undefined) => { |
||||
|
if (!formEl) return |
||||
|
formEl.resetFields() |
||||
|
loadFollowUpLogsList() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
/* 多行超出隐藏 */ |
||||
|
.multi-hidden { |
||||
|
word-break: break-all; |
||||
|
text-overflow: ellipsis; |
||||
|
overflow: hidden; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,604 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<div class="detail-head"> |
||||
|
<div class="left" @click="back()"> |
||||
|
<span class="iconfont iconxiangzuojiantou !text-xs"></span> |
||||
|
<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span> |
||||
|
</div> |
||||
|
<span class="adorn">|</span> |
||||
|
<span class="right">{{ pageName }}</span> |
||||
|
</div> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"> |
||||
|
<el-form-item :label="t('salesId')" prop="sales_id"> |
||||
|
<el-select class="input-width" v-model="formData.sales_id" clearable :placeholder="t('salesIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in salesIdList" |
||||
|
:key="index" |
||||
|
:label="item['student_name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="input-width" v-model="formData.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<!-- <el-form-item :label="t('roleId')" prop="role_id">--> |
||||
|
<!-- <el-input v-model="formData.role_id" clearable :placeholder="t('roleIdPlaceholder')" class="input-width"/>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
|
||||
|
<el-form-item :label="t('entryType')" prop="entry_type"> |
||||
|
<el-select class="input-width" v-model="formData.entry_type" clearable |
||||
|
:placeholder="t('entryTypePlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in entry_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('requirement')"> |
||||
|
<el-input v-model="formData.requirement" type="textarea" rows="4" clearable |
||||
|
:placeholder="t('requirementPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('purchasingPower')"> |
||||
|
<el-select class="input-width" v-model="formData.purchasing_power" clearable |
||||
|
:placeholder="t('purchasingPowerPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in purchasing_powerList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('cognitiveConcept')"> |
||||
|
<el-select class="input-width" v-model="formData.cognitive_concept" clearable |
||||
|
:placeholder="t('cognitiveConceptPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in cognitive_conceptList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('schooltime')" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.schooltime" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('schooltimePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('distance')"> |
||||
|
<el-input v-model="formData.distance" clearable :placeholder="t('distancePlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('communicationNotes')"> |
||||
|
<el-input v-model="formData.communication_notes" type="textarea" rows="4" clearable |
||||
|
:placeholder="t('communicationNotesPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('decisionMaker')"> |
||||
|
<el-input v-model="formData.decision_maker" clearable :placeholder="t('decisionMakerPlaceholder')" |
||||
|
class="input-width"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('emotionalIntensity')"> |
||||
|
<el-select class="input-width" v-model="formData.emotional_intensity" clearable |
||||
|
:placeholder="t('emotionalIntensityPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in emotional_intensityList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('initialCustomerIntent')"> |
||||
|
<el-select class="input-width" v-model="formData.initial_customer_intent" clearable |
||||
|
:placeholder="t('initialCustomerIntentPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in initial_customer_intentList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('initialRelationshipIntent')"> |
||||
|
<el-select class="input-width" v-model="formData.initial_relationship_intent" clearable |
||||
|
:placeholder="t('initialRelationshipIntentPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in initial_relationship_intentList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('promisedVisitDate')" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.promised_visit_date" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('promisedVisitDatePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('actualVisitDate')" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.actual_visit_date" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('actualVisitDatePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('firstVisitFeedback')"> |
||||
|
<el-input v-model="formData.first_visit_feedback" type="textarea" rows="4" clearable |
||||
|
:placeholder="t('firstVisitFeedbackPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('secondVisitFeedback')"> |
||||
|
<el-input v-model="formData.second_visit_feedback" type="textarea" rows="4" clearable |
||||
|
:placeholder="t('secondVisitFeedbackPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('isClosedDeal')"> |
||||
|
<el-select class="input-width" v-model="formData.is_closed_deal" clearable |
||||
|
:placeholder="t('isClosedDealPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in is_closed_dealList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('followUpType')"> |
||||
|
<el-select class="input-width" v-model="formData.follow_up_type" clearable |
||||
|
:placeholder="t('followUpTypePlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in follow_up_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('followUpTime')" prop="follow_up_time" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.follow_up_time" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('followUpTimePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('audioUpload')"> |
||||
|
<upload-file v-model="formData.audio_upload"/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('followUpContent')"> |
||||
|
<el-input v-model="formData.follow_up_content" type="textarea" rows="4" clearable |
||||
|
:placeholder="t('followUpContentPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('customerStatus')"> |
||||
|
<el-select class="input-width" v-model="formData.customer_status" clearable |
||||
|
:placeholder="t('customerStatusPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in customer_statusList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('signUpContactId')"> |
||||
|
<el-select class="input-width" v-model="formData.sign_up_contact_id" clearable |
||||
|
:placeholder="t('signUpContactIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in signUpContactIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<div class="fixed-footer-wrap"> |
||||
|
<div class="fixed-footer"> |
||||
|
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button> |
||||
|
<el-button @click="back()">{{ t('cancel') }}</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import {ref, reactive, computed, watch} from 'vue' |
||||
|
import {t} from '@/lang' |
||||
|
import {useDictionary} from '@/app/api/dict' |
||||
|
import type {FormInstance} from 'element-plus' |
||||
|
import { |
||||
|
getFollowUpLogsInfo, |
||||
|
addFollowUpLogs, |
||||
|
editFollowUpLogs, |
||||
|
getWithSalesList, |
||||
|
getWithStaffList, |
||||
|
} from '@/addon/zhjw/api/follow_up_logs'; |
||||
|
import {useRoute} from 'vue-router' |
||||
|
|
||||
|
const route = useRoute() |
||||
|
const id: number = parseInt(route.query.id); |
||||
|
const loading = ref(false) |
||||
|
const pageName = route.meta.title |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 表单数据 |
||||
|
*/ |
||||
|
const initialFormData = { |
||||
|
id: 0, |
||||
|
sales_id: '', |
||||
|
staff_id: '', |
||||
|
role_id: '', |
||||
|
entry_type: '', |
||||
|
requirement: '', |
||||
|
purchasing_power: '', |
||||
|
cognitive_concept: '', |
||||
|
schooltime: '', |
||||
|
distance: '', |
||||
|
communication_notes: '', |
||||
|
decision_maker: '', |
||||
|
emotional_intensity: '', |
||||
|
initial_customer_intent: '', |
||||
|
initial_relationship_intent: '', |
||||
|
promised_visit_date: '', |
||||
|
actual_visit_date: '', |
||||
|
first_visit_feedback: '', |
||||
|
second_visit_feedback: '', |
||||
|
is_closed_deal: '', |
||||
|
follow_up_type: '', |
||||
|
follow_up_time: '', |
||||
|
audio_upload: '', |
||||
|
follow_up_content: '', |
||||
|
customer_status: '', |
||||
|
sign_up_contact_id: '', |
||||
|
|
||||
|
} |
||||
|
const formData: Record<string, any> = reactive({...initialFormData}) |
||||
|
|
||||
|
const setFormData = async (id: number = 0) => { |
||||
|
Object.assign(formData, initialFormData) |
||||
|
const data = await (await getFollowUpLogsInfo(id)).data |
||||
|
Object.keys(formData).forEach((key: string) => { |
||||
|
if (data[key] != undefined) formData[key] = data[key] |
||||
|
}) |
||||
|
} |
||||
|
if (id) setFormData(id); |
||||
|
|
||||
|
const formRef = ref<FormInstance>() |
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
let entry_typeList = ref([]) |
||||
|
const entry_typeDictList = async () => { |
||||
|
entry_typeList.value = await (await useDictionary('entry_type')).data.dictionary |
||||
|
} |
||||
|
entry_typeDictList(); |
||||
|
watch(() => entry_typeList.value, () => { |
||||
|
formData.entry_type = entry_typeList.value[0].value |
||||
|
}) |
||||
|
let purchasing_powerList = ref([]) |
||||
|
const purchasing_powerDictList = async () => { |
||||
|
purchasing_powerList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
purchasing_powerDictList(); |
||||
|
watch(() => purchasing_powerList.value, () => { |
||||
|
formData.purchasing_power = purchasing_powerList.value[0].value |
||||
|
}) |
||||
|
let cognitive_conceptList = ref([]) |
||||
|
const cognitive_conceptDictList = async () => { |
||||
|
cognitive_conceptList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
cognitive_conceptDictList(); |
||||
|
watch(() => cognitive_conceptList.value, () => { |
||||
|
formData.cognitive_concept = cognitive_conceptList.value[0].value |
||||
|
}) |
||||
|
let emotional_intensityList = ref([]) |
||||
|
const emotional_intensityDictList = async () => { |
||||
|
emotional_intensityList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
emotional_intensityDictList(); |
||||
|
watch(() => emotional_intensityList.value, () => { |
||||
|
formData.emotional_intensity = emotional_intensityList.value[0].value |
||||
|
}) |
||||
|
let initial_customer_intentList = ref([]) |
||||
|
const initial_customer_intentDictList = async () => { |
||||
|
initial_customer_intentList.value = await (await useDictionary('initial_customer_intent')).data.dictionary |
||||
|
} |
||||
|
initial_customer_intentDictList(); |
||||
|
watch(() => initial_customer_intentList.value, () => { |
||||
|
formData.initial_customer_intent = initial_customer_intentList.value[0].value |
||||
|
}) |
||||
|
let initial_relationship_intentList = ref([]) |
||||
|
const initial_relationship_intentDictList = async () => { |
||||
|
initial_relationship_intentList.value = await (await useDictionary('initial_relationship_intent')).data.dictionary |
||||
|
} |
||||
|
initial_relationship_intentDictList(); |
||||
|
watch(() => initial_relationship_intentList.value, () => { |
||||
|
formData.initial_relationship_intent = initial_relationship_intentList.value[0].value |
||||
|
}) |
||||
|
let is_closed_dealList = ref([]) |
||||
|
const is_closed_dealDictList = async () => { |
||||
|
is_closed_dealList.value = await (await useDictionary('is_radio')).data.dictionary |
||||
|
} |
||||
|
is_closed_dealDictList(); |
||||
|
watch(() => is_closed_dealList.value, () => { |
||||
|
formData.is_closed_deal = is_closed_dealList.value[0].value |
||||
|
}) |
||||
|
let follow_up_typeList = ref([]) |
||||
|
const follow_up_typeDictList = async () => { |
||||
|
follow_up_typeList.value = await (await useDictionary('follow_up_type')).data.dictionary |
||||
|
} |
||||
|
follow_up_typeDictList(); |
||||
|
watch(() => follow_up_typeList.value, () => { |
||||
|
formData.follow_up_type = follow_up_typeList.value[0].value |
||||
|
}) |
||||
|
let customer_statusList = ref([]) |
||||
|
const customer_statusDictList = async () => { |
||||
|
customer_statusList.value = await (await useDictionary('customer_status')).data.dictionary |
||||
|
} |
||||
|
customer_statusDictList(); |
||||
|
watch(() => customer_statusList.value, () => { |
||||
|
formData.customer_status = customer_statusList.value[0].value |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
const salesIdList = ref([] as any[]) |
||||
|
const setSalesIdList = async () => { |
||||
|
salesIdList.value = await (await getWithSalesList({})).data |
||||
|
} |
||||
|
setSalesIdList() |
||||
|
const staffIdList = ref([] as any[]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
const signUpContactIdList = ref([] as any[]) |
||||
|
const setSignUpContactIdList = async () => { |
||||
|
signUpContactIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setSignUpContactIdList() |
||||
|
// 表单验证规则 |
||||
|
const formRules = computed(() => { |
||||
|
return { |
||||
|
sales_id: [ |
||||
|
{required: true, message: t('salesIdPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
staff_id: [ |
||||
|
{required: true, message: t('staffIdPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
role_id: [ |
||||
|
{required: true, message: t('roleIdPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
entry_type: [ |
||||
|
{required: true, message: t('entryTypePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
requirement: [ |
||||
|
{required: true, message: t('requirementPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
purchasing_power: [ |
||||
|
{required: true, message: t('purchasingPowerPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
cognitive_concept: [ |
||||
|
{required: true, message: t('cognitiveConceptPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
schooltime: [ |
||||
|
{required: true, message: t('schooltimePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
distance: [ |
||||
|
{required: true, message: t('distancePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
communication_notes: [ |
||||
|
{required: true, message: t('communicationNotesPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
decision_maker: [ |
||||
|
{required: true, message: t('decisionMakerPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
emotional_intensity: [ |
||||
|
{required: true, message: t('emotionalIntensityPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
initial_customer_intent: [ |
||||
|
{required: true, message: t('initialCustomerIntentPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
initial_relationship_intent: [ |
||||
|
{required: true, message: t('initialRelationshipIntentPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
promised_visit_date: [ |
||||
|
{required: true, message: t('promisedVisitDatePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
actual_visit_date: [ |
||||
|
{required: true, message: t('actualVisitDatePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
first_visit_feedback: [ |
||||
|
{required: true, message: t('firstVisitFeedbackPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
second_visit_feedback: [ |
||||
|
{required: true, message: t('secondVisitFeedbackPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
is_closed_deal: [ |
||||
|
{required: true, message: t('isClosedDealPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
follow_up_type: [ |
||||
|
{required: true, message: t('followUpTypePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
follow_up_time: [ |
||||
|
{required: true, message: t('followUpTimePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
audio_upload: [ |
||||
|
{required: true, message: t('audioUploadPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
follow_up_content: [ |
||||
|
{required: true, message: t('followUpContentPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
customer_status: [ |
||||
|
{required: true, message: t('customerStatusPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
sign_up_contact_id: [ |
||||
|
{required: true, message: t('signUpContactIdPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const onSave = async (formEl: FormInstance | undefined) => { |
||||
|
if (loading.value || !formEl) return |
||||
|
await formEl.validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
loading.value = true |
||||
|
let data = formData |
||||
|
|
||||
|
const save = id ? editFollowUpLogs : addFollowUpLogs |
||||
|
save(data).then(res => { |
||||
|
loading.value = false |
||||
|
history.back() |
||||
|
}).catch(err => { |
||||
|
loading.value = false |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 验证手机号格式 |
||||
|
const mobileVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
||||
|
callback(new Error(t('generateMobile'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 验证身份证号 |
||||
|
const idCardVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) { |
||||
|
callback(new Error(t('generateIdCard'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 验证邮箱号 |
||||
|
const emailVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) { |
||||
|
callback(new Error(t('generateEmail'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 验证请输入整数 |
||||
|
const numberVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (!Number.isInteger(value)) { |
||||
|
callback(new Error(t('generateNumber'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
const back = () => { |
||||
|
history.back() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,58 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// USER_CODE_BEGIN -- zhjw_follow_up_logs
|
||||
|
/** |
||||
|
* 获取跟进管理列表 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getFollowUpLogsList(params: Record<string, any>) { |
||||
|
return request.get(`zhjw/follow_up_logs`, {params}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取跟进管理详情 |
||||
|
* @param id 跟进管理id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getFollowUpLogsInfo(id: number) { |
||||
|
return request.get(`zhjw/follow_up_logs/${id}`); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加跟进管理 |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function addFollowUpLogs(params: Record<string, any>) { |
||||
|
return request.post('zhjw/follow_up_logs', params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑跟进管理 |
||||
|
* @param id |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function editFollowUpLogs(params: Record<string, any>) { |
||||
|
return request.put(`zhjw/follow_up_logs/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除跟进管理 |
||||
|
* @param id |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function deleteFollowUpLogs(id: number) { |
||||
|
return request.delete(`zhjw/follow_up_logs/${id}`, { showErrorMessage: true, showSuccessMessage: true }) |
||||
|
} |
||||
|
|
||||
|
export function getWithSalesList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/sales_all', {params}) |
||||
|
}export function getWithStaffList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/staff_all', {params}) |
||||
|
}export function getWithStaffList(params: Record<string,any>){ |
||||
|
return request.get('zhjw/staff_all', {params}) |
||||
|
} |
||||
|
|
||||
|
// USER_CODE_END -- zhjw_follow_up_logs
|
||||
@ -0,0 +1,51 @@ |
|||||
|
{ |
||||
|
"id":"序号", |
||||
|
"salesId":"销售关联", |
||||
|
"salesIdPlaceholder":"全部", |
||||
|
"staffId":"跟进人员", |
||||
|
"staffIdPlaceholder":"全部", |
||||
|
"roleId":"跟进人员角色", |
||||
|
"entryType":"填写人员类型", |
||||
|
"entryTypePlaceholder":"请输入填写人员类型", |
||||
|
"requirement":"需求", |
||||
|
"purchasingPower":"购买力", |
||||
|
"purchasingPowerPlaceholder":"请输入购买力", |
||||
|
"cognitiveConcept":"认知理念", |
||||
|
"cognitiveConceptPlaceholder":"请输入认知理念", |
||||
|
"schooltime":"时间", |
||||
|
"schooltimePlaceholder":"请输入时间", |
||||
|
"distance":"距离", |
||||
|
"communicationNotes":"沟通备注", |
||||
|
"decisionMaker":"决策人", |
||||
|
"emotionalIntensity":"情感粘度", |
||||
|
"emotionalIntensityPlaceholder":"请输入情感粘度", |
||||
|
"initialCustomerIntent":"客户初步意向度", |
||||
|
"initialCustomerIntentPlaceholder":"请输入客户初步意向度", |
||||
|
"initialRelationshipIntent":"客情初步意向度", |
||||
|
"initialRelationshipIntentPlaceholder":"请输入客情初步意向度", |
||||
|
"promisedVisitDate":"承诺到访时间", |
||||
|
"promisedVisitDatePlaceholder":"请输入承诺到访时间", |
||||
|
"actualVisitDate":"实际到访时间", |
||||
|
"actualVisitDatePlaceholder":"请输入实际到访时间", |
||||
|
"firstVisitFeedback":"当面资讯反馈-第1次访问情况", |
||||
|
"secondVisitFeedback":"当面资讯反馈-第2次访问情况", |
||||
|
"isClosedDeal":"是否关单", |
||||
|
"isClosedDealPlaceholder":"请输入是否关单", |
||||
|
"followUpType":"跟进类型", |
||||
|
"followUpTypePlaceholder":"请输入跟进类型", |
||||
|
"followUpTime":"跟进时间", |
||||
|
"followUpTimePlaceholder":"请输入跟进时间", |
||||
|
"audioUpload":"上传录音(单文件)", |
||||
|
"followUpContent":"跟进内容", |
||||
|
"customerStatus":"客户状态", |
||||
|
"customerStatusPlaceholder":"请输入客户状态", |
||||
|
"signUpContactId":"签单意向联系人(员工id)", |
||||
|
"signUpContactIdPlaceholder":"全部", |
||||
|
"createTime":"添加时间", |
||||
|
"createTimePlaceholder":"请输入添加时间", |
||||
|
"addFollowUpLogs":"添加跟进管理", |
||||
|
"updateFollowUpLogs":"编辑跟进管理", |
||||
|
"followUpLogsDeleteTips":"确定要删除该数据吗？", |
||||
|
"startDate":"请选择开始时间", |
||||
|
"endDate":"请选择结束时间" |
||||
|
} |
||||
@ -0,0 +1,55 @@ |
|||||
|
{ |
||||
|
"salesId":"销售关联", |
||||
|
"staffId":"跟进人员", |
||||
|
"roleId":"跟进人员角色", |
||||
|
"entryType":"填写人员类型", |
||||
|
"requirement":"需求", |
||||
|
"purchasingPower":"购买力", |
||||
|
"cognitiveConcept":"认知理念", |
||||
|
"schooltime":"时间", |
||||
|
"distance":"距离", |
||||
|
"communicationNotes":"沟通备注", |
||||
|
"decisionMaker":"决策人", |
||||
|
"emotionalIntensity":"情感粘度", |
||||
|
"initialCustomerIntent":"客户初步意向度", |
||||
|
"initialRelationshipIntent":"客情初步意向度", |
||||
|
"promisedVisitDate":"承诺到访时间", |
||||
|
"actualVisitDate":"实际到访时间", |
||||
|
"firstVisitFeedback":"当面资讯反馈-第1次访问情况", |
||||
|
"secondVisitFeedback":"当面资讯反馈-第2次访问情况", |
||||
|
"isClosedDeal":"是否关单", |
||||
|
"followUpType":"跟进类型", |
||||
|
"followUpTime":"跟进时间", |
||||
|
"audioUpload":"上传录音(单文件)", |
||||
|
"followUpContent":"跟进内容", |
||||
|
"customerStatus":"客户状态", |
||||
|
"signUpContactId":"签单意向联系人(员工id)", |
||||
|
"salesIdPlaceholder":"请选择销售关联", |
||||
|
"staffIdPlaceholder":"请选择跟进人员", |
||||
|
"roleIdPlaceholder":"请输入跟进人员角色", |
||||
|
"entryTypePlaceholder":"请选择填写人员类型", |
||||
|
"requirementPlaceholder":"请输入需求", |
||||
|
"purchasingPowerPlaceholder":"请选择购买力", |
||||
|
"cognitiveConceptPlaceholder":"请选择认知理念", |
||||
|
"schooltimePlaceholder":"请选择时间", |
||||
|
"distancePlaceholder":"请输入距离", |
||||
|
"communicationNotesPlaceholder":"请输入沟通备注", |
||||
|
"decisionMakerPlaceholder":"请输入决策人", |
||||
|
"emotionalIntensityPlaceholder":"请选择情感粘度", |
||||
|
"initialCustomerIntentPlaceholder":"请选择客户初步意向度", |
||||
|
"initialRelationshipIntentPlaceholder":"请选择客情初步意向度", |
||||
|
"promisedVisitDatePlaceholder":"请选择承诺到访时间", |
||||
|
"actualVisitDatePlaceholder":"请选择实际到访时间", |
||||
|
"firstVisitFeedbackPlaceholder":"请输入当面资讯反馈-第1次访问情况", |
||||
|
"secondVisitFeedbackPlaceholder":"请输入当面资讯反馈-第2次访问情况", |
||||
|
"isClosedDealPlaceholder":"请选择是否关单", |
||||
|
"followUpTypePlaceholder":"请选择跟进类型", |
||||
|
"followUpTimePlaceholder":"请选择跟进时间", |
||||
|
"audioUploadPlaceholder":"请输入上传录音(单文件)", |
||||
|
"followUpContentPlaceholder":"请输入跟进内容", |
||||
|
"customerStatusPlaceholder":"请选择客户状态", |
||||
|
"signUpContactIdPlaceholder":"请选择签单意向联系人(员工id)", |
||||
|
"addFollowUpLogs":"添加跟进管理", |
||||
|
"updateFollowUpLogs":"编辑跟进管理", |
||||
|
"followUpLogsDeleteTips":"确定要删除该跟进管理吗？" |
||||
|
} |
||||
@ -0,0 +1,517 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
|
||||
|
<div class="flex justify-between items-center"> |
||||
|
<span class="text-lg">{{pageName}}</span> |
||||
|
<el-button type="primary" @click="addEvent"> |
||||
|
{{ t('addFollowUpLogs') }} |
||||
|
</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> |
||||
|
<el-form :inline="true" :model="followUpLogsTable.searchParam" ref="searchFormRef"> |
||||
|
|
||||
|
<el-form-item :label="t('salesId')" prop="sales_id"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.sales_id" clearable :placeholder="t('salesIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in salesIdList" |
||||
|
:key="index" |
||||
|
:label="item['student_name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('entryType')" prop="entry_type"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.entry_type" clearable :placeholder="t('entryTypePlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in entry_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('purchasingPower')" prop="purchasing_power"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.purchasing_power" clearable :placeholder="t('purchasingPowerPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in purchasing_powerList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('cognitiveConcept')" prop="cognitive_concept"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.cognitive_concept" clearable :placeholder="t('cognitiveConceptPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in cognitive_conceptList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('schooltime')" prop="schooltime"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.schooltime" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('emotionalIntensity')" prop="emotional_intensity"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.emotional_intensity" clearable :placeholder="t('emotionalIntensityPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in emotional_intensityList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('initialCustomerIntent')" prop="initial_customer_intent"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.initial_customer_intent" clearable :placeholder="t('initialCustomerIntentPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in initial_customer_intentList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('initialRelationshipIntent')" prop="initial_relationship_intent"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.initial_relationship_intent" clearable :placeholder="t('initialRelationshipIntentPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in initial_relationship_intentList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('promisedVisitDate')" prop="promised_visit_date"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.promised_visit_date" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('actualVisitDate')" prop="actual_visit_date"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.actual_visit_date" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('isClosedDeal')" prop="is_closed_deal"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.is_closed_deal" clearable :placeholder="t('isClosedDealPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in is_closed_dealList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('followUpType')" prop="follow_up_type"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.follow_up_type" clearable :placeholder="t('followUpTypePlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in follow_up_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('followUpTime')" prop="follow_up_time"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.follow_up_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('customerStatus')" prop="customer_status"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.customer_status" clearable :placeholder="t('customerStatusPlaceholder')"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in customer_statusList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item :label="t('signUpContactId')" prop="sign_up_contact_id"> |
||||
|
<el-select class="w-[280px]" v-model="followUpLogsTable.searchParam.sign_up_contact_id" clearable :placeholder="t('signUpContactIdPlaceholder')"> |
||||
|
<el-option |
||||
|
v-for="(item, index) in signUpContactIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('createTime')" prop="create_time"> |
||||
|
<el-date-picker v-model="followUpLogsTable.searchParam.create_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
||||
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="loadFollowUpLogsList()">{{ t('search') }}</el-button> |
||||
|
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
|
||||
|
<div class="mt-[10px]"> |
||||
|
<el-table :data="followUpLogsTable.data" size="large" v-loading="followUpLogsTable.loading"> |
||||
|
<template #empty> |
||||
|
<span>{{ !followUpLogsTable.loading ? t('emptyData') : '' }}</span> |
||||
|
</template> |
||||
|
<el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="sales_id_name" :label="t('salesId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="staff_id_name" :label="t('staffId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="role_id" :label="t('roleId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('entryType')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in entry_typeList"> |
||||
|
<div v-if="item.value == row.entry_type">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="requirement" :label="t('requirement')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('purchasingPower')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in purchasing_powerList"> |
||||
|
<div v-if="item.value == row.purchasing_power">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('cognitiveConcept')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in cognitive_conceptList"> |
||||
|
<div v-if="item.value == row.cognitive_concept">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="schooltime" :label="t('schooltime')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="distance" :label="t('distance')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="communication_notes" :label="t('communicationNotes')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="decision_maker" :label="t('decisionMaker')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('emotionalIntensity')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in emotional_intensityList"> |
||||
|
<div v-if="item.value == row.emotional_intensity">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('initialCustomerIntent')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in initial_customer_intentList"> |
||||
|
<div v-if="item.value == row.initial_customer_intent">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('initialRelationshipIntent')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in initial_relationship_intentList"> |
||||
|
<div v-if="item.value == row.initial_relationship_intent">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="promised_visit_date" :label="t('promisedVisitDate')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="actual_visit_date" :label="t('actualVisitDate')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="first_visit_feedback" :label="t('firstVisitFeedback')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="second_visit_feedback" :label="t('secondVisitFeedback')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('isClosedDeal')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in is_closed_dealList"> |
||||
|
<div v-if="item.value == row.is_closed_deal">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('followUpType')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in follow_up_typeList"> |
||||
|
<div v-if="item.value == row.follow_up_type">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="follow_up_time" :label="t('followUpTime')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="audio_upload" :label="t('audioUpload')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="follow_up_content" :label="t('followUpContent')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('customerStatus')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-for="(item, index) in customer_statusList"> |
||||
|
<div v-if="item.value == row.customer_status">{{ item.name }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="sign_up_contact_id_name" :label="t('signUpContactId')" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.create_time || '' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column :label="t('operation')" fixed="right" min-width="120"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button> |
||||
|
<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
</el-table> |
||||
|
<div class="mt-[16px] flex justify-end"> |
||||
|
<el-pagination v-model:current-page="followUpLogsTable.page" v-model:page-size="followUpLogsTable.limit" |
||||
|
layout="total, sizes, prev, pager, next, jumper" :total="followUpLogsTable.total" |
||||
|
@size-change="loadFollowUpLogsList()" @current-change="loadFollowUpLogsList" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</el-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, watch } from 'vue' |
||||
|
import { t } from '@/lang' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import { getFollowUpLogsList, deleteFollowUpLogs, getWithSalesList, getWithStaffList, getWithStaffList } from '@/addon/zhjw/api/follow_up_logs' |
||||
|
import { img } from '@/utils/common' |
||||
|
import { ElMessageBox,FormInstance } from 'element-plus' |
||||
|
import { useRouter } from 'vue-router' |
||||
|
import { useRoute } from 'vue-router' |
||||
|
const route = useRoute() |
||||
|
const pageName = route.meta.title; |
||||
|
|
||||
|
let followUpLogsTable = reactive({ |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
total: 0, |
||||
|
loading: true, |
||||
|
data: [], |
||||
|
searchParam:{ |
||||
|
"sales_id":"", |
||||
|
"staff_id":"", |
||||
|
"entry_type":"", |
||||
|
"purchasing_power":"", |
||||
|
"cognitive_concept":"", |
||||
|
"schooltime":[], |
||||
|
"emotional_intensity":"", |
||||
|
"initial_customer_intent":"", |
||||
|
"initial_relationship_intent":"", |
||||
|
"promised_visit_date":[], |
||||
|
"actual_visit_date":[], |
||||
|
"is_closed_deal":"", |
||||
|
"follow_up_type":"", |
||||
|
"follow_up_time":[], |
||||
|
"customer_status":"", |
||||
|
"sign_up_contact_id":"", |
||||
|
"create_time":[] |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const searchFormRef = ref<FormInstance>() |
||||
|
|
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
const entry_typeList = ref([] as any[]) |
||||
|
const entry_typeDictList = async () => { |
||||
|
entry_typeList.value = await (await useDictionary('entry_type')).data.dictionary |
||||
|
} |
||||
|
entry_typeDictList(); |
||||
|
const purchasing_powerList = ref([] as any[]) |
||||
|
const purchasing_powerDictList = async () => { |
||||
|
purchasing_powerList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
purchasing_powerDictList(); |
||||
|
const cognitive_conceptList = ref([] as any[]) |
||||
|
const cognitive_conceptDictList = async () => { |
||||
|
cognitive_conceptList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
cognitive_conceptDictList(); |
||||
|
const emotional_intensityList = ref([] as any[]) |
||||
|
const emotional_intensityDictList = async () => { |
||||
|
emotional_intensityList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
emotional_intensityDictList(); |
||||
|
const initial_customer_intentList = ref([] as any[]) |
||||
|
const initial_customer_intentDictList = async () => { |
||||
|
initial_customer_intentList.value = await (await useDictionary('initial_customer_intent')).data.dictionary |
||||
|
} |
||||
|
initial_customer_intentDictList(); |
||||
|
const initial_relationship_intentList = ref([] as any[]) |
||||
|
const initial_relationship_intentDictList = async () => { |
||||
|
initial_relationship_intentList.value = await (await useDictionary('initial_relationship_intent')).data.dictionary |
||||
|
} |
||||
|
initial_relationship_intentDictList(); |
||||
|
const is_closed_dealList = ref([] as any[]) |
||||
|
const is_closed_dealDictList = async () => { |
||||
|
is_closed_dealList.value = await (await useDictionary('is_radio')).data.dictionary |
||||
|
} |
||||
|
is_closed_dealDictList(); |
||||
|
const follow_up_typeList = ref([] as any[]) |
||||
|
const follow_up_typeDictList = async () => { |
||||
|
follow_up_typeList.value = await (await useDictionary('follow_up_type')).data.dictionary |
||||
|
} |
||||
|
follow_up_typeDictList(); |
||||
|
const customer_statusList = ref([] as any[]) |
||||
|
const customer_statusDictList = async () => { |
||||
|
customer_statusList.value = await (await useDictionary('customer_status')).data.dictionary |
||||
|
} |
||||
|
customer_statusDictList(); |
||||
|
|
||||
|
/** |
||||
|
* 获取跟进管理列表 |
||||
|
*/ |
||||
|
const loadFollowUpLogsList = (page: number = 1) => { |
||||
|
followUpLogsTable.loading = true |
||||
|
followUpLogsTable.page = page |
||||
|
|
||||
|
getFollowUpLogsList({ |
||||
|
page: followUpLogsTable.page, |
||||
|
limit: followUpLogsTable.limit, |
||||
|
...followUpLogsTable.searchParam |
||||
|
}).then(res => { |
||||
|
followUpLogsTable.loading = false |
||||
|
followUpLogsTable.data = res.data.data |
||||
|
followUpLogsTable.total = res.data.total |
||||
|
}).catch(() => { |
||||
|
followUpLogsTable.loading = false |
||||
|
}) |
||||
|
} |
||||
|
loadFollowUpLogsList() |
||||
|
|
||||
|
const router = useRouter() |
||||
|
|
||||
|
/** |
||||
|
* 添加跟进管理 |
||||
|
*/ |
||||
|
const addEvent = () => { |
||||
|
router.push('/follow_up_logs/follow_up_logs_edit') |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 编辑跟进管理 |
||||
|
* @param data |
||||
|
*/ |
||||
|
const editEvent = (data: any) => { |
||||
|
router.push('/follow_up_logs/follow_up_logs_edit?id='+data.id) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除跟进管理 |
||||
|
*/ |
||||
|
const deleteEvent = (id: number) => { |
||||
|
ElMessageBox.confirm(t('followUpLogsDeleteTips'), t('warning'), |
||||
|
{ |
||||
|
confirmButtonText: t('confirm'), |
||||
|
cancelButtonText: t('cancel'), |
||||
|
type: 'warning', |
||||
|
} |
||||
|
).then(() => { |
||||
|
deleteFollowUpLogs(id).then(() => { |
||||
|
loadFollowUpLogsList() |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const salesIdList = ref([]) |
||||
|
const setSalesIdList = async () => { |
||||
|
salesIdList.value = await (await getWithSalesList({})).data |
||||
|
} |
||||
|
setSalesIdList() |
||||
|
const staffIdList = ref([]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
const signUpContactIdList = ref([]) |
||||
|
const setSignUpContactIdList = async () => { |
||||
|
signUpContactIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setSignUpContactIdList() |
||||
|
|
||||
|
const resetForm = (formEl: FormInstance | undefined) => { |
||||
|
if (!formEl) return |
||||
|
formEl.resetFields() |
||||
|
loadFollowUpLogsList() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
/* 多行超出隐藏 */ |
||||
|
.multi-hidden { |
||||
|
word-break: break-all; |
||||
|
text-overflow: ellipsis; |
||||
|
overflow: hidden; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,563 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<div class="detail-head"> |
||||
|
<div class="left" @click="back()"> |
||||
|
<span class="iconfont iconxiangzuojiantou !text-xs"></span> |
||||
|
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span> |
||||
|
</div> |
||||
|
<span class="adorn">|</span> |
||||
|
<span class="right">{{ pageName }}</span> |
||||
|
</div> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"> |
||||
|
<el-form-item :label="t('salesId')" prop="sales_id"> |
||||
|
<el-select class="input-width" v-model="formData.sales_id" clearable :placeholder="t('salesIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in salesIdList" |
||||
|
:key="index" |
||||
|
:label="item['student_name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('staffId')" prop="staff_id"> |
||||
|
<el-select class="input-width" v-model="formData.staff_id" clearable :placeholder="t('staffIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in staffIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('roleId')" prop="role_id"> |
||||
|
<el-input v-model="formData.role_id" clearable :placeholder="t('roleIdPlaceholder')" class="input-width" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('entryType')" prop="entry_type"> |
||||
|
<el-select class="input-width" v-model="formData.entry_type" clearable :placeholder="t('entryTypePlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in entry_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('requirement')" > |
||||
|
<el-input v-model="formData.requirement" type="textarea" rows="4" clearable :placeholder="t('requirementPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('purchasingPower')" > |
||||
|
<el-select class="input-width" v-model="formData.purchasing_power" clearable :placeholder="t('purchasingPowerPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in purchasing_powerList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('cognitiveConcept')" > |
||||
|
<el-select class="input-width" v-model="formData.cognitive_concept" clearable :placeholder="t('cognitiveConceptPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in cognitive_conceptList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('schooltime')" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.schooltime" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('schooltimePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('distance')" > |
||||
|
<el-input v-model="formData.distance" clearable :placeholder="t('distancePlaceholder')" class="input-width" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('communicationNotes')" > |
||||
|
<el-input v-model="formData.communication_notes" type="textarea" rows="4" clearable :placeholder="t('communicationNotesPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('decisionMaker')" > |
||||
|
<el-input v-model="formData.decision_maker" clearable :placeholder="t('decisionMakerPlaceholder')" class="input-width" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('emotionalIntensity')" > |
||||
|
<el-select class="input-width" v-model="formData.emotional_intensity" clearable :placeholder="t('emotionalIntensityPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in emotional_intensityList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('initialCustomerIntent')" > |
||||
|
<el-select class="input-width" v-model="formData.initial_customer_intent" clearable :placeholder="t('initialCustomerIntentPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in initial_customer_intentList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('initialRelationshipIntent')" > |
||||
|
<el-select class="input-width" v-model="formData.initial_relationship_intent" clearable :placeholder="t('initialRelationshipIntentPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in initial_relationship_intentList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('promisedVisitDate')" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.promised_visit_date" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('promisedVisitDatePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('actualVisitDate')" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.actual_visit_date" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('actualVisitDatePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('firstVisitFeedback')" > |
||||
|
<el-input v-model="formData.first_visit_feedback" type="textarea" rows="4" clearable :placeholder="t('firstVisitFeedbackPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('secondVisitFeedback')" > |
||||
|
<el-input v-model="formData.second_visit_feedback" type="textarea" rows="4" clearable :placeholder="t('secondVisitFeedbackPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('isClosedDeal')" > |
||||
|
<el-select class="input-width" v-model="formData.is_closed_deal" clearable :placeholder="t('isClosedDealPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in is_closed_dealList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('followUpType')" > |
||||
|
<el-select class="input-width" v-model="formData.follow_up_type" clearable :placeholder="t('followUpTypePlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in follow_up_typeList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('followUpTime')" prop="follow_up_time" class="input-width"> |
||||
|
<el-date-picker |
||||
|
class="flex-1 !flex" |
||||
|
v-model="formData.follow_up_time" |
||||
|
clearable |
||||
|
type="datetime" |
||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||
|
:placeholder="t('followUpTimePlaceholder')"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('audioUpload')"> |
||||
|
<upload-file v-model="formData.audio_upload" /> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('followUpContent')" > |
||||
|
<el-input v-model="formData.follow_up_content" type="textarea" rows="4" clearable :placeholder="t('followUpContentPlaceholder')" class="input-width"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('customerStatus')" > |
||||
|
<el-select class="input-width" v-model="formData.customer_status" clearable :placeholder="t('customerStatusPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in customer_statusList" |
||||
|
:key="index" |
||||
|
:label="item.name" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item :label="t('signUpContactId')" > |
||||
|
<el-select class="input-width" v-model="formData.sign_up_contact_id" clearable :placeholder="t('signUpContactIdPlaceholder')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option |
||||
|
v-for="(item, index) in signUpContactIdList" |
||||
|
:key="index" |
||||
|
:label="item['name']" |
||||
|
:value="item['id']" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<div class="fixed-footer-wrap"> |
||||
|
<div class="fixed-footer"> |
||||
|
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button> |
||||
|
<el-button @click="back()">{{ t('cancel') }}</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive, computed, watch } from 'vue' |
||||
|
import { t } from '@/lang' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import type { FormInstance } from 'element-plus' |
||||
|
import { getFollowUpLogsInfo,addFollowUpLogs,editFollowUpLogs, getWithSalesList, getWithStaffList, getWithStaffList } from '@/addon/zhjw/api/follow_up_logs'; |
||||
|
import { useRoute } from 'vue-router' |
||||
|
|
||||
|
const route = useRoute() |
||||
|
const id:number = parseInt(route.query.id); |
||||
|
const loading = ref(false) |
||||
|
const pageName = route.meta.title |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 表单数据 |
||||
|
*/ |
||||
|
const initialFormData = { |
||||
|
id: 0, |
||||
|
sales_id: '', |
||||
|
staff_id: '', |
||||
|
role_id: 0, |
||||
|
entry_type: '', |
||||
|
requirement: '', |
||||
|
purchasing_power: '', |
||||
|
cognitive_concept: '', |
||||
|
schooltime: '', |
||||
|
distance: '', |
||||
|
communication_notes: '', |
||||
|
decision_maker: '', |
||||
|
emotional_intensity: '', |
||||
|
initial_customer_intent: '', |
||||
|
initial_relationship_intent: '', |
||||
|
promised_visit_date: '', |
||||
|
actual_visit_date: '', |
||||
|
first_visit_feedback: '', |
||||
|
second_visit_feedback: '', |
||||
|
is_closed_deal: '', |
||||
|
follow_up_type: '', |
||||
|
follow_up_time: '', |
||||
|
audio_upload: '', |
||||
|
follow_up_content: '', |
||||
|
customer_status: '', |
||||
|
sign_up_contact_id: '', |
||||
|
} |
||||
|
const formData: Record<string, any> = reactive({ ...initialFormData }) |
||||
|
|
||||
|
const setFormData = async (id:number = 0) => { |
||||
|
Object.assign(formData, initialFormData) |
||||
|
const data = await (await getFollowUpLogsInfo(id)).data |
||||
|
Object.keys(formData).forEach((key: string) => { |
||||
|
if (data[key] != undefined) formData[key] = data[key] |
||||
|
}) |
||||
|
} |
||||
|
if(id) setFormData(id); |
||||
|
|
||||
|
const formRef = ref<FormInstance>() |
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
let entry_typeList = ref([]) |
||||
|
const entry_typeDictList = async () => { |
||||
|
entry_typeList.value = await (await useDictionary('entry_type')).data.dictionary |
||||
|
} |
||||
|
entry_typeDictList(); |
||||
|
watch(() => entry_typeList.value, () => { formData.entry_type = entry_typeList.value[0].value }) |
||||
|
let purchasing_powerList = ref([]) |
||||
|
const purchasing_powerDictList = async () => { |
||||
|
purchasing_powerList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
purchasing_powerDictList(); |
||||
|
watch(() => purchasing_powerList.value, () => { formData.purchasing_power = purchasing_powerList.value[0].value }) |
||||
|
let cognitive_conceptList = ref([]) |
||||
|
const cognitive_conceptDictList = async () => { |
||||
|
cognitive_conceptList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
cognitive_conceptDictList(); |
||||
|
watch(() => cognitive_conceptList.value, () => { formData.cognitive_concept = cognitive_conceptList.value[0].value }) |
||||
|
let emotional_intensityList = ref([]) |
||||
|
const emotional_intensityDictList = async () => { |
||||
|
emotional_intensityList.value = await (await useDictionary('low_middle_high')).data.dictionary |
||||
|
} |
||||
|
emotional_intensityDictList(); |
||||
|
watch(() => emotional_intensityList.value, () => { formData.emotional_intensity = emotional_intensityList.value[0].value }) |
||||
|
let initial_customer_intentList = ref([]) |
||||
|
const initial_customer_intentDictList = async () => { |
||||
|
initial_customer_intentList.value = await (await useDictionary('initial_customer_intent')).data.dictionary |
||||
|
} |
||||
|
initial_customer_intentDictList(); |
||||
|
watch(() => initial_customer_intentList.value, () => { formData.initial_customer_intent = initial_customer_intentList.value[0].value }) |
||||
|
let initial_relationship_intentList = ref([]) |
||||
|
const initial_relationship_intentDictList = async () => { |
||||
|
initial_relationship_intentList.value = await (await useDictionary('initial_relationship_intent')).data.dictionary |
||||
|
} |
||||
|
initial_relationship_intentDictList(); |
||||
|
watch(() => initial_relationship_intentList.value, () => { formData.initial_relationship_intent = initial_relationship_intentList.value[0].value }) |
||||
|
let is_closed_dealList = ref([]) |
||||
|
const is_closed_dealDictList = async () => { |
||||
|
is_closed_dealList.value = await (await useDictionary('is_radio')).data.dictionary |
||||
|
} |
||||
|
is_closed_dealDictList(); |
||||
|
watch(() => is_closed_dealList.value, () => { formData.is_closed_deal = is_closed_dealList.value[0].value }) |
||||
|
let follow_up_typeList = ref([]) |
||||
|
const follow_up_typeDictList = async () => { |
||||
|
follow_up_typeList.value = await (await useDictionary('follow_up_type')).data.dictionary |
||||
|
} |
||||
|
follow_up_typeDictList(); |
||||
|
watch(() => follow_up_typeList.value, () => { formData.follow_up_type = follow_up_typeList.value[0].value }) |
||||
|
let customer_statusList = ref([]) |
||||
|
const customer_statusDictList = async () => { |
||||
|
customer_statusList.value = await (await useDictionary('customer_status')).data.dictionary |
||||
|
} |
||||
|
customer_statusDictList(); |
||||
|
watch(() => customer_statusList.value, () => { formData.customer_status = customer_statusList.value[0].value }) |
||||
|
|
||||
|
|
||||
|
const salesIdList = ref([] as any[]) |
||||
|
const setSalesIdList = async () => { |
||||
|
salesIdList.value = await (await getWithSalesList({})).data |
||||
|
} |
||||
|
setSalesIdList() |
||||
|
const staffIdList = ref([] as any[]) |
||||
|
const setStaffIdList = async () => { |
||||
|
staffIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setStaffIdList() |
||||
|
const signUpContactIdList = ref([] as any[]) |
||||
|
const setSignUpContactIdList = async () => { |
||||
|
signUpContactIdList.value = await (await getWithStaffList({})).data |
||||
|
} |
||||
|
setSignUpContactIdList() |
||||
|
// 表单验证规则 |
||||
|
const formRules = computed(() => { |
||||
|
return { |
||||
|
sales_id: [ |
||||
|
{ required: true, message: t('salesIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
staff_id: [ |
||||
|
{ required: true, message: t('staffIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
role_id: [ |
||||
|
{ required: true, message: t('roleIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
entry_type: [ |
||||
|
{ required: true, message: t('entryTypePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
requirement: [ |
||||
|
{ required: true, message: t('requirementPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
purchasing_power: [ |
||||
|
{ required: true, message: t('purchasingPowerPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
cognitive_concept: [ |
||||
|
{ required: true, message: t('cognitiveConceptPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
schooltime: [ |
||||
|
{ required: true, message: t('schooltimePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
distance: [ |
||||
|
{ required: true, message: t('distancePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
communication_notes: [ |
||||
|
{ required: true, message: t('communicationNotesPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
decision_maker: [ |
||||
|
{ required: true, message: t('decisionMakerPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
emotional_intensity: [ |
||||
|
{ required: true, message: t('emotionalIntensityPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
initial_customer_intent: [ |
||||
|
{ required: true, message: t('initialCustomerIntentPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
initial_relationship_intent: [ |
||||
|
{ required: true, message: t('initialRelationshipIntentPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
promised_visit_date: [ |
||||
|
{ required: true, message: t('promisedVisitDatePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
actual_visit_date: [ |
||||
|
{ required: true, message: t('actualVisitDatePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
first_visit_feedback: [ |
||||
|
{ required: true, message: t('firstVisitFeedbackPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
second_visit_feedback: [ |
||||
|
{ required: true, message: t('secondVisitFeedbackPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
is_closed_deal: [ |
||||
|
{ required: true, message: t('isClosedDealPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
follow_up_type: [ |
||||
|
{ required: true, message: t('followUpTypePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
follow_up_time: [ |
||||
|
{ required: true, message: t('followUpTimePlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
audio_upload: [ |
||||
|
{ required: true, message: t('audioUploadPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
follow_up_content: [ |
||||
|
{ required: true, message: t('followUpContentPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
customer_status: [ |
||||
|
{ required: true, message: t('customerStatusPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
sign_up_contact_id: [ |
||||
|
{ required: true, message: t('signUpContactIdPlaceholder'), trigger: 'blur' }, |
||||
|
|
||||
|
] |
||||
|
, |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const onSave = async (formEl: FormInstance | undefined) => { |
||||
|
if (loading.value || !formEl) return |
||||
|
await formEl.validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
loading.value = true |
||||
|
let data = formData |
||||
|
|
||||
|
const save = id ? editFollowUpLogs : addFollowUpLogs |
||||
|
save(data).then(res => { |
||||
|
loading.value = false |
||||
|
history.back() |
||||
|
}).catch(err => { |
||||
|
loading.value = false |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 验证手机号格式 |
||||
|
const mobileVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
||||
|
callback(new Error(t('generateMobile'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 验证身份证号 |
||||
|
const idCardVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) { |
||||
|
callback(new Error(t('generateIdCard'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 验证邮箱号 |
||||
|
const emailVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) { |
||||
|
callback(new Error(t('generateEmail'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 验证请输入整数 |
||||
|
const numberVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (!Number.isInteger(value)) { |
||||
|
callback(new Error(t('generateNumber'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
const back = () => { |
||||
|
history.back() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,157 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\adminapi\controller\follow_up_logs; |
||||
|
|
||||
|
use core\base\BaseAdminController; |
||||
|
use addon\zhjw\app\service\admin\follow_up_logs\FollowUpLogsService; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 跟进管理控制器 |
||||
|
* Class FollowUpLogs |
||||
|
* @package addon\zhjw\app\adminapi\controller\follow_up_logs |
||||
|
*/ |
||||
|
class FollowUpLogs extends BaseAdminController |
||||
|
{ |
||||
|
/** |
||||
|
* 获取跟进管理列表 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function lists(){ |
||||
|
$data = $this->request->params([ |
||||
|
["sales_id",""], |
||||
|
["staff_id",""], |
||||
|
["entry_type",""], |
||||
|
["purchasing_power",""], |
||||
|
["cognitive_concept",""], |
||||
|
["schooltime",["",""]], |
||||
|
["emotional_intensity",""], |
||||
|
["initial_customer_intent",""], |
||||
|
["initial_relationship_intent",""], |
||||
|
["promised_visit_date",["",""]], |
||||
|
["actual_visit_date",["",""]], |
||||
|
["is_closed_deal",""], |
||||
|
["follow_up_type",""], |
||||
|
["follow_up_time",["",""]], |
||||
|
["customer_status",""], |
||||
|
["sign_up_contact_id",""], |
||||
|
["create_time",["",""]] |
||||
|
]); |
||||
|
return success((new FollowUpLogsService())->getPage($data)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 跟进管理详情 |
||||
|
* @param int $id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function info(int $id){ |
||||
|
return success((new FollowUpLogsService())->getInfo($id)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加跟进管理 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function add(){ |
||||
|
$data = $this->request->params([ |
||||
|
["sales_id",0], |
||||
|
["staff_id",0], |
||||
|
["role_id",0], |
||||
|
["entry_type",""], |
||||
|
["requirement",""], |
||||
|
["purchasing_power",""], |
||||
|
["cognitive_concept",""], |
||||
|
["schooltime","2025-03-14 19:18:08"], |
||||
|
["distance",""], |
||||
|
["communication_notes",""], |
||||
|
["decision_maker",""], |
||||
|
["emotional_intensity",""], |
||||
|
["initial_customer_intent",""], |
||||
|
["initial_relationship_intent",""], |
||||
|
["promised_visit_date","2025-03-14 19:18:08"], |
||||
|
["actual_visit_date","2025-03-14 19:18:08"], |
||||
|
["first_visit_feedback",""], |
||||
|
["second_visit_feedback",""], |
||||
|
["is_closed_deal",""], |
||||
|
["follow_up_type",""], |
||||
|
["follow_up_time","2025-03-14 19:18:08"], |
||||
|
["audio_upload",""], |
||||
|
["follow_up_content",""], |
||||
|
["customer_status",""], |
||||
|
["sign_up_contact_id",0], |
||||
|
|
||||
|
]); |
||||
|
$this->validate($data, 'addon\zhjw\app\validate\follow_up_logs\FollowUpLogs.add'); |
||||
|
$id = (new FollowUpLogsService())->add($data); |
||||
|
return success('ADD_SUCCESS', ['id' => $id]); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 跟进管理编辑 |
||||
|
* @param $id 跟进管理id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function edit(int $id){ |
||||
|
$data = $this->request->params([ |
||||
|
["sales_id",0], |
||||
|
["staff_id",0], |
||||
|
["role_id",0], |
||||
|
["entry_type",""], |
||||
|
["requirement",""], |
||||
|
["purchasing_power",""], |
||||
|
["cognitive_concept",""], |
||||
|
["schooltime","2025-03-14 19:18:08"], |
||||
|
["distance",""], |
||||
|
["communication_notes",""], |
||||
|
["decision_maker",""], |
||||
|
["emotional_intensity",""], |
||||
|
["initial_customer_intent",""], |
||||
|
["initial_relationship_intent",""], |
||||
|
["promised_visit_date","2025-03-14 19:18:08"], |
||||
|
["actual_visit_date","2025-03-14 19:18:08"], |
||||
|
["first_visit_feedback",""], |
||||
|
["second_visit_feedback",""], |
||||
|
["is_closed_deal",""], |
||||
|
["follow_up_type",""], |
||||
|
["follow_up_time","2025-03-14 19:18:08"], |
||||
|
["audio_upload",""], |
||||
|
["follow_up_content",""], |
||||
|
["customer_status",""], |
||||
|
["sign_up_contact_id",0], |
||||
|
|
||||
|
]); |
||||
|
$this->validate($data, 'addon\zhjw\app\validate\follow_up_logs\FollowUpLogs.edit'); |
||||
|
(new FollowUpLogsService())->edit($id, $data); |
||||
|
return success('EDIT_SUCCESS'); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 跟进管理删除 |
||||
|
* @param $id 跟进管理id |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function del(int $id){ |
||||
|
(new FollowUpLogsService())->del($id); |
||||
|
return success('DELETE_SUCCESS'); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
public function getSalesAll(){ |
||||
|
return success(( new FollowUpLogsService())->getSalesAll()); |
||||
|
} |
||||
|
|
||||
|
public function getStaffAll(){ |
||||
|
return success(( new FollowUpLogsService())->getStaffAll()); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,310 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\model\follow_up_logs; |
||||
|
|
||||
|
use core\base\BaseModel; |
||||
|
use think\model\concern\SoftDelete; |
||||
|
use think\model\relation\HasMany; |
||||
|
use think\model\relation\HasOne; |
||||
|
|
||||
|
use addon\zhjw\app\model\sales\Sales; |
||||
|
|
||||
|
use addon\zhjw\app\model\staff\Staff; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 跟进管理模型 |
||||
|
* Class FollowUpLogs |
||||
|
* @package addon\zhjw\app\model\follow_up_logs |
||||
|
*/ |
||||
|
class FollowUpLogs extends BaseModel |
||||
|
{ |
||||
|
|
||||
|
use SoftDelete; |
||||
|
|
||||
|
/** |
||||
|
* 数据表主键 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $pk = 'id'; |
||||
|
|
||||
|
/** |
||||
|
* 模型名称 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $name = 'zhjw_follow_up_logs'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除标记字段. |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $deleteTime = 'is_deleted'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除字段的默认值. |
||||
|
* @var int |
||||
|
*/ |
||||
|
protected $defaultSoftDelete = 0; |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理销售关联 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchSalesIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("sales_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理跟进人员 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchStaffIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("staff_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理填写人员类型 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchEntryTypeAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("entry_type", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理购买力 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchPurchasingPowerAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("purchasing_power", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理认知理念 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchCognitiveConceptAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("cognitive_concept", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理时间 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchSchooltimeAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["schooltime", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["schooltime", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["schooltime", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理情感粘度 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchEmotionalIntensityAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("emotional_intensity", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理客户初步意向度 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchInitialCustomerIntentAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("initial_customer_intent", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理客情初步意向度 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchInitialRelationshipIntentAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("initial_relationship_intent", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理承诺到访时间 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchPromisedVisitDateAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["promised_visit_date", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["promised_visit_date", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["promised_visit_date", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理实际到访时间 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchActualVisitDateAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["actual_visit_date", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["actual_visit_date", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["actual_visit_date", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理是否关单 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchIsClosedDealAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("is_closed_deal", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理跟进类型 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchFollowUpTypeAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("follow_up_type", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理跟进时间 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchFollowUpTimeAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["follow_up_time", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["follow_up_time", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["follow_up_time", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理客户状态 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchCustomerStatusAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("customer_status", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理签单意向联系人(员工id) |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchSignUpContactIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("sign_up_contact_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:跟进管理添加时间 |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchCreateTimeAttr($query, $value, $data) |
||||
|
{ |
||||
|
$start = empty($value[0]) ? 0 : strtotime($value[0]); |
||||
|
$end = empty($value[1]) ? 0 : strtotime($value[1]); |
||||
|
if ($start > 0 && $end > 0) { |
||||
|
$query->where([["create_time", "between", [$start, $end]]]); |
||||
|
} else if ($start > 0 && $end == 0) { |
||||
|
$query->where([["create_time", ">=", $start]]); |
||||
|
} else if ($start == 0 && $end > 0) { |
||||
|
$query->where([["create_time", "<=", $end]]); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
public function sales(){ |
||||
|
return $this->hasOne(Sales::class, 'id', 'sales_id')->joinType('left')->withField('student_name,id')->bind(['sales_id_name'=>'student_name']); |
||||
|
} |
||||
|
|
||||
|
public function staff(){ |
||||
|
return $this->hasOne(Staff::class, 'id', 'staff_id')->joinType('left')->withField('name,id')->bind(['staff_id_name'=>'name']); |
||||
|
} |
||||
|
|
||||
|
//签单意向联系人 |
||||
|
public function staffContact(){ |
||||
|
return $this->hasOne(Staff::class, 'id', 'sign_up_contact_id')->joinType('left')->withField('name,id')->bind(['sign_up_contact_id_name'=>'name']); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,115 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\service\admin\follow_up_logs; |
||||
|
|
||||
|
use addon\zhjw\app\model\follow_up_logs\FollowUpLogs; |
||||
|
use addon\zhjw\app\model\sales\Sales; |
||||
|
use addon\zhjw\app\model\staff\Staff; |
||||
|
|
||||
|
use core\base\BaseAdminService; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 跟进管理服务层 |
||||
|
* Class FollowUpLogsService |
||||
|
* @package addon\zhjw\app\service\admin\follow_up_logs |
||||
|
*/ |
||||
|
class FollowUpLogsService extends BaseAdminService |
||||
|
{ |
||||
|
public function __construct() |
||||
|
{ |
||||
|
parent::__construct(); |
||||
|
$this->model = new FollowUpLogs(); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取跟进管理列表 |
||||
|
* @param array $where |
||||
|
* @return array |
||||
|
*/ |
||||
|
public function getPage(array $where = []) |
||||
|
{ |
||||
|
$field = 'id,sales_id,staff_id,role_id,entry_type,requirement,purchasing_power,cognitive_concept,schooltime,distance,communication_notes,decision_maker,emotional_intensity,initial_customer_intent,initial_relationship_intent,promised_visit_date,actual_visit_date,first_visit_feedback,second_visit_feedback,is_closed_deal,follow_up_type,follow_up_time,audio_upload,follow_up_content,customer_status,sign_up_contact_id,is_deleted,create_time,update_time,created_by,created_role,updated_by,updated_role'; |
||||
|
$order = 'id desc'; |
||||
|
|
||||
|
$search_model = $this->model->withSearch(["sales_id", "staff_id", "entry_type", "purchasing_power", "cognitive_concept", "schooltime", "emotional_intensity", "initial_customer_intent", "initial_relationship_intent", "promised_visit_date", "actual_visit_date", "is_closed_deal", "follow_up_type", "follow_up_time", "customer_status", "sign_up_contact_id", "create_time"], $where)->with(['sales', 'staff', 'staff'])->field($field)->order($order); |
||||
|
$list = $this->pageQuery($search_model); |
||||
|
return $list; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取跟进管理信息 |
||||
|
* @param int $id |
||||
|
* @return array |
||||
|
*/ |
||||
|
public function getInfo(int $id) |
||||
|
{ |
||||
|
$field = 'id,sales_id,staff_id,role_id,entry_type,requirement,purchasing_power,cognitive_concept,schooltime,distance,communication_notes,decision_maker,emotional_intensity,initial_customer_intent,initial_relationship_intent,promised_visit_date,actual_visit_date,first_visit_feedback,second_visit_feedback,is_closed_deal,follow_up_type,follow_up_time,audio_upload,follow_up_content,customer_status,sign_up_contact_id,is_deleted,create_time,update_time,created_by,created_role,updated_by,updated_role'; |
||||
|
|
||||
|
$info = $this->model->field($field)->where([['id', "=", $id]])->with(['sales', 'staff', 'staffContact'])->findOrEmpty()->toArray(); |
||||
|
return $info; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加跟进管理 |
||||
|
* @param array $data |
||||
|
* @return mixed |
||||
|
*/ |
||||
|
public function add(array $data) |
||||
|
{ |
||||
|
$res = $this->model->create($data); |
||||
|
return $res->id; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 跟进管理编辑 |
||||
|
* @param int $id |
||||
|
* @param array $data |
||||
|
* @return bool |
||||
|
*/ |
||||
|
public function edit(int $id, array $data) |
||||
|
{ |
||||
|
|
||||
|
$this->model->where([['id', '=', $id]])->update($data); |
||||
|
return true; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除跟进管理 |
||||
|
* @param int $id |
||||
|
* @return bool |
||||
|
*/ |
||||
|
public function del(int $id) |
||||
|
{ |
||||
|
$model = $this->model->where([['id', '=', $id]])->find(); |
||||
|
$res = $model->delete(); |
||||
|
return $res; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
public function getSalesAll() |
||||
|
{ |
||||
|
$salesModel = new Sales(); |
||||
|
return $salesModel->select()->toArray(); |
||||
|
} |
||||
|
|
||||
|
public function getStaffAll() |
||||
|
{ |
||||
|
$staffModel = new Staff(); |
||||
|
return $staffModel->select()->toArray(); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
@ -0,0 +1,43 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace addon\zhjw\app\validate\follow_up_logs; |
||||
|
use core\base\BaseValidate; |
||||
|
/** |
||||
|
* 跟进管理验证器 |
||||
|
* Class FollowUpLogs |
||||
|
* @package addon\zhjw\app\validate\follow_up_logs |
||||
|
*/ |
||||
|
class FollowUpLogs extends BaseValidate |
||||
|
{ |
||||
|
|
||||
|
protected $rule = [ |
||||
|
'sales_id' => 'require', |
||||
|
'staff_id' => 'require', |
||||
|
'role_id' => 'require', |
||||
|
'entry_type' => 'require', |
||||
|
'follow_up_time' => 'require', |
||||
|
]; |
||||
|
|
||||
|
protected $message = [ |
||||
|
'sales_id.require' => ['common_validate.require', ['sales_id']], |
||||
|
'staff_id.require' => ['common_validate.require', ['staff_id']], |
||||
|
'role_id.require' => ['common_validate.require', ['role_id']], |
||||
|
'entry_type.require' => ['common_validate.require', ['entry_type']], |
||||
|
'follow_up_time.require' => ['common_validate.require', ['follow_up_time']], |
||||
|
]; |
||||
|
|
||||
|
protected $scene = [ |
||||
|
"add" => ['sales_id', 'staff_id', 'role_id', 'entry_type', 'requirement', 'purchasing_power', 'cognitive_concept', 'schooltime', 'distance', 'communication_notes', 'decision_maker', 'emotional_intensity', 'initial_customer_intent', 'initial_relationship_intent', 'promised_visit_date', 'actual_visit_date', 'first_visit_feedback', 'second_visit_feedback', 'is_closed_deal', 'follow_up_type', 'follow_up_time', 'audio_upload', 'follow_up_content', 'customer_status', 'sign_up_contact_id'], |
||||
|
"edit" => ['sales_id', 'staff_id', 'role_id', 'entry_type', 'requirement', 'purchasing_power', 'cognitive_concept', 'schooltime', 'distance', 'communication_notes', 'decision_maker', 'emotional_intensity', 'initial_customer_intent', 'initial_relationship_intent', 'promised_visit_date', 'actual_visit_date', 'first_visit_feedback', 'second_visit_feedback', 'is_closed_deal', 'follow_up_type', 'follow_up_time', 'audio_upload', 'follow_up_content', 'customer_status', 'sign_up_contact_id'] |
||||
|
]; |
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue