qiushanhe/dm-manage-web
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

反馈

Browse Source
This commit is contained in:
zcxee
2023-10-16 08:58:30 +08:00
parent 6c71bccd83
commit d41a186e22
19 changed files with 1134 additions and 507 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
src/views/zs/clue/ClueForm/index.vue
View File

@@ -26,6 +26,8 @@
<el-checkbox v-model="saveNext" />
<span class="ml5">保存后继续创建下一条</span>
</template>
<el-button type="primary" @click="handleSkill">关键话术</el-button>
</div>
<!-- :disabled="!canSubmit" -->
<el-button class="footer_button" :disabled="!canSubmit" type="primary" @click="clueSubmit">确 定</el-button>
@@ -39,12 +41,12 @@
<el-col :span="8">
<el-col :span="24">
<el-form-item label="创建时间" prop="createTime">
<el-date-picker style="width: 100%;" v-model="clueForm.createTime" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" type="datetime" :disabled="admin!='true'" />
<el-date-picker v-model="clueForm.createTime" style="width: 100%;" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" type="datetime" :disabled="admin!='true'" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="线索来源" prop="source">
<el-select style="width: 100%;" v-model="clueForm.source" placeholder="请选择" clearable>
<el-select v-model="clueForm.source" style="width: 100%;" placeholder="请选择" clearable>
<el-option v-for="dict in sourceOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select>
</el-form-item>
@@ -64,57 +66,57 @@
<el-input v-model="clueForm.weChat" placeholder="请输入微信号" />
</el-form-item>
</el-col>
<el-col :span="24" v-if="clueForm.source == '抖音直播'">
<el-col v-if="clueForm.source == '抖音直播'" :span="24">
<el-form-item label="商品名称" prop="goodName">
<el-input v-model="clueForm.goodName" placeholder="请输入商品名称" />
</el-form-item>
</el-col>
<el-col :span="24" v-if="clueForm.source == '抖音直播'">
<el-col v-if="clueForm.source == '抖音直播'" :span="24">
<el-form-item label="订单实收" prop="amountReceived">
<el-input v-model="clueForm.amountReceived" placeholder="请输入订单实收" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="跟进人员" prop="followUser">
<el-select style="width: 100%;" v-model="clueForm.followUser" multiple clearable :disabled="admin != 'true' && clueForm.clueId != undefined">
<el-select v-model="clueForm.followUser" style="width: 100%;" multiple clearable :disabled="admin != 'true' && clueForm.clueId != undefined">
<el-option v-for="dict in userOptions" :key="dict.id" :label="dict.name" :value="dict.id" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="意向状态" prop="intentionState" v-if="clueForm.source == '抖音直播'">
<el-select style="width: 100%;" v-model="clueForm.intentionState" placeholder="请选择" clearable>
<el-form-item v-if="clueForm.source == '抖音直播'" label="意向状态" prop="intentionState">
<el-select v-model="clueForm.intentionState" style="width: 100%;" placeholder="请选择" clearable>
<el-option v-for="dict in intentionOptions.filter(item => item.remark == undefined || item.remark == '抖音')" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue">
<i class="el-icon-star-on" :style="dict.cssClass" />
<span style="float: right; color: #8492a6; font-size: 13px">
{{ dict.dictValue }}
</span>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="意向状态" prop="intentionState" v-else>
<el-select style="width: 100%;" v-model="clueForm.intentionState" placeholder="请选择" clearable>
</el-form-item>
<el-form-item v-else label="意向状态" prop="intentionState">
<el-select v-model="clueForm.intentionState" style="width: 100%;" placeholder="请选择" clearable>
<el-option v-for="dict in intentionOptions.filter(item => item.remark == undefined || item.remark == '正常')" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue">
<i class="el-icon-star-on" :style="dict.cssClass" />
<span style="float: right; color: #8492a6; font-size: 13px">
{{ dict.dictValue }}
</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24" v-if="clueForm.source == '抖音直播'">
<el-col v-if="clueForm.source == '抖音直播'" :span="24">
<el-form-item label="核销时间" prop="writeOffTime">
<el-date-picker style="width: 100%;" v-model="clueForm.writeOffTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
<el-date-picker v-model="clueForm.writeOffTime" style="width: 100%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="下次跟进时间" prop="followTime">
<el-date-picker style="width: 100%;" v-model="clueForm.followTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
<el-date-picker v-model="clueForm.followTime" style="width: 100%;" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" />
</el-form-item>
</el-col>
<el-col :span="24">
@@ -131,7 +133,7 @@
<!-- 跟进记录 -->
<el-col :span="24" style="margin-top: 20px;">
<el-form-item label="跟进记录" prop="clueMemo" label-position="top">
<FollowRecord v-if="clueId" :clueId="clueId" />
<FollowRecord v-if="clueId" :clue-id="clueId" />
</el-form-item>
</el-col>
@@ -139,7 +141,7 @@
<el-col :span="16">
<div>
<el-col :span="24" class="mb20 plr20" style="position: relative">
<PlaceMap ref="placeMap" :placeList="placeList" />
<PlaceMap ref="placeMap" :place-list="placeList" />
<div class="address">
<el-form-item label="位置" prop="address" label-width="80px">
<el-input v-model="clueForm.address" placeholder="请输入位置" disabled>
@@ -158,25 +160,28 @@
<!-- </el-card> -->
<MapDialog v-if="mapDialogVisible" ref="mapDialog" :dialog-visible="mapDialogVisible" @handleMapDialogPoint="handleMapDialogPoint" />
<!-- 关键话术 -->
<SkillDialog ref="SkillDialog" />
</div>
</template>
<script>
import { getClueInfo, getConsultRecord, addClue, updateClue, } from '@/api/zs/clue'
import empApi from '@/api/system/employee'
import { getAllPlaces } from '@/api/sch/place'
import { getClueInfo, getConsultRecord, addClue, updateClue } from '@/api/zs/clue';
import empApi from '@/api/system/employee';
import { getAllPlaces } from '@/api/sch/place';
import PlaceMap from './components/PlaceMap.vue';
import FollowRecord from './components/FollowRecord.vue';
import MapDialog from './components/MapDialog.vue';
import SkillDialog from '../components/SkillDialog.vue';
export default {
name: 'ClueForm',
components: {
PlaceMap, FollowRecord, MapDialog
PlaceMap, FollowRecord, MapDialog, SkillDialog
},
data() {
data () {
return {
admin: localStorage.getItem('admin'),
userId: localStorage.getItem('userId'),
@@ -194,10 +199,10 @@ export default {
address: { required: true, message: '位置不为空', trigger: 'blur' },
intentionState: { required: true, message: '意向状态不为空', trigger: 'blur,change' }
},
userOptions: [],//跟进人员
sourceOptions: [],//线索来源
intentionOptions: [],//意向状态
placeList: [],//场地信息
userOptions: [], // 跟进人员
sourceOptions: [], // 线索来源
intentionOptions: [], // 意向状态
placeList: [], // 场地信息
mapDialogVisible: false,
consultRecord: [],
canSubmit: true,
@@ -205,10 +210,10 @@ export default {
saveNext: false
};
},
created() {
//获取clueId
this.clueId = Number(this.$route.params.clueId)
this.getAllPlaces()
created () {
// 获取clueId
this.clueId = Number(this.$route.params.clueId);
this.getAllPlaces();
this.getEmployee();
this.getClueInfo(this.clueId);
@@ -223,20 +228,19 @@ export default {
},
methods: {
async getClueInfo(clueId) {
async getClueInfo (clueId) {
this.resetForm();
if (clueId === 0)
return
this.saveNextShow = false
this.saveNext = false
if (clueId === 0) { return; }
this.saveNextShow = false;
this.saveNext = false;
const resp = await getClueInfo(clueId);
if (resp.code == 200) {
this.clueForm = { ...resp.data }
this.clueForm = { ...resp.data };
this.handleMapCenter(this.clueForm);
this.getConsultRecord(this.clueForm.phone);
}
},
resetForm() {
resetForm () {
this.clueForm = {
clueId: undefined,
createTime: this.parseTime(new Date(), '{y}-{m}-{d} {h}:{i}'),
@@ -254,52 +258,52 @@ export default {
licenseType: undefined,
lng: undefined,
lat: undefined
}
};
if (this.admin == 'false') {
this.clueForm.followUser.push(Number(this.userId))
this.clueForm.followUser.push(Number(this.userId));
}
},
// 查询咨询记录
getConsultRecord(phone) {
getConsultRecord (phone) {
getConsultRecord({ phone }).then((resp) => {
if (resp && resp.code === 200 && resp.data) {
this.consultRecord = resp.data
this.consultRecord = resp.data;
if (this.consultRecord && this.consultRecord.length > 0) {
this.clueForm.consultCount = this.consultRecord.length
this.clueForm.consultCount = this.consultRecord.length;
}
}
})
});
},
//地图编辑弹框
handleMapDialog() {
// 地图编辑弹框
handleMapDialog () {
this.mapDialogVisible = true;
this.$nextTick(() => {
this.$refs.mapDialog.initData(this.clueForm);
});
},
//处理地图弹框返回的点
handleMapDialogPoint(point) {
console.log("handleMapDialogPoint")
console.log(point)
// 处理地图弹框返回的点
handleMapDialogPoint (point) {
console.log('handleMapDialogPoint');
console.log(point);
if (point) {
this.handleMapCenter(point);
}
},
//删除当前地址
handleRemovePosition() {
// 删除当前地址
handleRemovePosition () {
this.clueForm.lng = undefined;
this.clueForm.lat = undefined;
this.clueForm.address = undefined;
},
//定位地图的中心点
handleMapCenter(info) {
// 定位地图的中心点
handleMapCenter (info) {
this.$nextTick(() => {
this.$refs.placeMap.setMapCenter(info);
});
},
// 查询不能接收线索的员工
getEmployee() {
getEmployee () {
empApi.getEmployee().then((resp) => {
if (resp.code === 200) {
this.userOptions = resp.data;
@@ -310,7 +314,7 @@ export default {
});
},
// 查询场地信息
async getAllPlaces() {
async getAllPlaces () {
const resp = await getAllPlaces({ status: '0' });
if (resp.code == 200) {
this.placeList = resp.data.filter((item) => item.schoolShow && item.showInMap);
@@ -318,24 +322,23 @@ export default {
this.$refs.placeMap.handleMarkers(this.placeList);
});
}
},
//表单提交
clueSubmit() {
// 表单提交
clueSubmit () {
this.$refs.clueForm.validate(async (valid) => {
if (valid) {
this.canSubmit = false
let resp
this.canSubmit = false;
let resp;
if (this.clueForm.clueId) {
resp = await updateClue(this.clueForm)
this.canSubmit = true
resp = await updateClue(this.clueForm);
this.canSubmit = true;
if (resp.code === 200) {
this.$message.success('修改成功')
this.$message.success('修改成功');
this.toBackClue();
}
} else {
resp = await addClue(this.clueForm)
this.canSubmit = false
resp = await addClue(this.clueForm);
this.canSubmit = false;
if (resp.code === 200) {
if (resp.data && resp.data == 1) {
this.$message({
@@ -343,23 +346,27 @@ export default {
type: 'warning'
});
} else {
this.$message.success('新增成功')
this.$message.success('新增成功');
}
if (this.saveNext) {
this.canSubmit = true
this.resetForm()
this.canSubmit = true;
this.resetForm();
} else {
this.toBackClue();
}
}
}
}
})
});
},
toBackClue() {
const obj = { path: "/zs/clue" };
toBackClue () {
const obj = { path: '/zs/clue' };
this.$tab.closeOpenPage(obj);
},
handleSkill () {
this.$nextTick(() => {
this.$refs.SkillDialog.init();
});
}
}

268
src/views/zs/clue/columns.js
View File

@@ -1,136 +1,136 @@
export const defaultColumns = [{
key: 0,
prop: 'createTime',
label: '创建时间',
width: 140,
visible: true,
overflow: false
},
{
key: 1,
prop: 'source',
label: '线索来源',
width: 140,
visible: true,
overflow: false
},
{
key: 2,
prop: 'name',
label: '姓名',
width: 140,
visible: true,
overflow: false
},
{
key: 3,
prop: 'phone',
label: '联系方式',
width: 140,
visible: true,
overflow: false
},
{
key: 4,
prop: 'weChat',
label: '微信号',
width: 140,
visible: true,
overflow: false
},
{
key: 5,
prop: 'address',
label: '位置',
width: 140,
visible: true,
overflow: false
},
{
key: 6,
prop: 'requirement',
label: '学员诉求',
visible: true,
overflow: false
},
{
key: 7,
prop: 'licenseType',
label: '咨询车型',
width: 140,
visible: true,
overflow: false
},
{
key: 8,
prop: 'followTime',
label: '下次跟进时间',
width: 120,
visible: true,
overflow: false
},
{
key: 9,
prop: 'firstFollowUserName',
label: '首次跟进人员',
width: 120,
visible: true,
overflow: false
},
{
key: 10,
prop: 'followUserName',
label: '跟进人员',
width: 140,
visible: true,
overflow: false
},
{
key: 11,
prop: 'recentLook',
label: '是否近期看场地',
width: 140,
visible: true,
overflow: false
},
{
key: 12,
prop: 'offlineReceiverName',
label: '线下接待人员',
width: 140,
visible: true,
overflow: false
},
{
key: 13,
prop: 'clueMemo',
label: '备注',
width: 140,
visible: true,
overflow: true
},
{
key: 14,
prop: 'goodName',
label: '商品名称',
width: 140,
visible: true,
overflow: true
},
{
key: 15,
prop: 'amountReceived',
label: '订单实收',
width: 140,
visible: true,
overflow: true
},
{
key: 16,
prop: 'writeOffTime',
label: '核销时间',
width: 140,
visible: true,
overflow: true
}
key: 0,
prop: 'createTime',
label: '创建时间',
width: 140,
visible: true,
overflow: false
},
{
key: 1,
prop: 'source',
label: '线索来源',
width: 140,
visible: true,
overflow: false
},
{
key: 2,
prop: 'name',
label: '姓名',
width: 140,
visible: true,
overflow: false
},
{
key: 3,
prop: 'phone',
label: '联系方式',
width: 140,
visible: true,
overflow: false
},
{
key: 4,
prop: 'weChat',
label: '微信号',
width: 140,
visible: true,
overflow: false
},
{
key: 5,
prop: 'address',
label: '位置',
width: 140,
visible: true,
overflow: false
},
{
key: 6,
prop: 'requirement',
label: '学员诉求',
visible: true,
overflow: false
},
{
key: 7,
prop: 'licenseType',
label: '咨询车型',
width: 140,
visible: true,
overflow: false
},
{
key: 8,
prop: 'followTime',
label: '下次跟进时间',
width: 120,
visible: true,
overflow: false
},
{
key: 9,
prop: 'firstFollowUserName',
label: '首次跟进人员',
width: 120,
visible: true,
overflow: false
},
{
key: 10,
prop: 'followUserName',
label: '跟进人员',
width: 140,
visible: true,
overflow: false
},
{
key: 11,
prop: 'recentLook',
label: '是否近期看场地',
width: 140,
visible: true,
overflow: false
},
{
key: 12,
prop: 'offlineReceiverName',
label: '线下接待人员',
width: 140,
visible: true,
overflow: false
},
{
key: 13,
prop: 'clueMemo',
label: '备注',
width: 140,
visible: true,
overflow: true
},
{
key: 14,
prop: 'goodName',
label: '商品名称',
width: 140,
visible: true,
overflow: true
},
{
key: 15,
prop: 'amountReceived',
label: '订单实收',
width: 140,
visible: true,
overflow: true
},
{
key: 16,
prop: 'writeOffTime',
label: '核销时间',
width: 140,
visible: true,
overflow: true
}
];

42
src/views/zs/clue/components/DistributeFormDialog copy.vue
View File

@@ -4,7 +4,7 @@
<el-row>
<el-col :span="24">
<el-form-item label="场地" prop="newPlaceList">
<span v-if="oldForm.placeNames">{{oldForm.placeNames}}</span>
<span v-if="oldForm.placeNames">{{ oldForm.placeNames }}</span>
<el-select v-model="dialogForm.newPlaceList" filterable multiple placeholder="请选择" clearable style="width: 100%;">
<el-option v-for="dict in placeOptions" :key="dict.placeId" :label="dict.name" :value="dict.placeId" />
@@ -19,14 +19,14 @@
</span>
</el-dialog>
</template>
<script>
<script>
import { getCluePlaceList, saveCluePlace } from '@/api/zs/clue';
import { getAllPlaces } from '@/api/sch/place';
export default {
name: 'DistributeFormDialog',
data() {
data () {
return {
visible: false,
canSubmit: true,
@@ -43,50 +43,48 @@ export default {
};
},
methods: {
init(info = undefined) {
this.getPlaces()
init (info = undefined) {
this.getPlaces();
this.visible = true;
this.$nextTick(() => {
this.resetDialogForm();
this.$refs['dialogForm'].resetFields();
if (info) {
this.dialogForm.clueId = info;
//查询该线索的分发情况
// 查询该线索的分发情况
this.getDistributePlaces(info);
}
});
},
resetDialogForm() {
resetDialogForm () {
this.dialogForm = {
oldPlaceList: [],
newPlaceList: [],
placeIdList: [],
clueId: undefined
};
this.oldForm = {}
this.oldForm = {};
},
closeDialog() {
closeDialog () {
this.$emit('update:dialog.batchUpdateVisible', false);
},
getDistributePlaces(clueId) {
getDistributePlaces (clueId) {
getCluePlaceList({ clueId: clueId }).then(resp => {
if (resp.code == 200) {
this.oldForm = resp.data
this.oldForm = resp.data;
this.dialogForm.oldPlaceList = this.oldForm.placeIdList;
if (this.oldForm.placeIdList && this.oldForm.placeIdList) {
this.placeOptions = this.placeOptions.filter(item => this.oldForm.placeIdList.indexOf(item.placeId) == -1)
this.placeOptions = this.placeOptions.filter(item => this.oldForm.placeIdList.indexOf(item.placeId) == -1);
}
}
})
});
},
// 表单提交
dialogFormSubmit() {
dialogFormSubmit () {
this.$refs.dialogForm.validate((valid) => {
if (valid) {
this.canSubmit = false;
this.dialogForm.placeIdList = this.dialogForm.oldPlaceList.concat(this.dialogForm.newPlaceList)
this.dialogForm.placeIdList = this.dialogForm.oldPlaceList.concat(this.dialogForm.newPlaceList);
// 校验完成，调接口
saveCluePlace(this.dialogForm)
.then((resp) => {
@@ -103,14 +101,12 @@ export default {
}
});
},
getPlaces() {
getPlaces () {
getAllPlaces({ status: '0' }).then((resp) => {
this.placeOptions = resp.data;
});
},
}
}
};
</script>
</script>

97
src/views/zs/clue/components/DistributeFormDialog.vue
View File

@@ -1,32 +1,68 @@
<template>
<el-dialog title="分发" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="600px" @close="closeDialog">
<el-form ref="dialogForm" :model="dialogForm" :rules="rules" label-width="110px">
<el-form ref="dialogForm" :model="dialogForm" :rules="rules" label-width="110px" :disabled="dialogForm.orderId">
<el-row>
<el-col :span="24">
<el-form-item label="场地" prop="placeId">
<el-select v-model="dialogForm.placeId" filterable placeholder="请选择" clearable style="width: 100%;">
<el-select v-model="dialogForm.placeId" filterable placeholder="请选择" clearable style="width: 100%;" @change="getCoaChes">
<el-option v-for="dict in placeOptions" :key="dict.placeId" :label="dict.name" :value="dict.placeId" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="教练" prop="coachId">
<el-form-item label="接待人" prop="coachId">
<el-select v-model="dialogForm.coachId" filterable placeholder="请选择" clearable style="width: 100%;">
<el-option v-for="dict in coachOptions" :key="dict.coachId" :label="dict.coachName" :value="dict.coachId" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="抄送" prop="copyUserList">
<el-select v-model="dialogForm.copyUserList" filterable multiple placeholder="请选择" clearable style="width: 100%;">
<el-option v-for="dict in coachOptions" :key="dict.coachId" :label="dict.coachName" :value="dict.coachId" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="跟进信息">
<div style="max-height: 200px; overflow-y: auto;">
<div v-for="item in feedbackDetail" :key="item.feedbackId">
<el-timeline-item :timestamp="item.updateTime == undefined ? item.createTime : item.updateTime" placement="top">
<el-card>
<div v-if="item.feedbackType == 1">
<div>是否联系：<span style="font-size: 12px;">{{ item.isContact ? '已联系' : '未联系' }}</span></div>
<div>到场时间：<span style="font-size: 12px;">{{ item.arrivalTime }}</span></div>
<div>备注：<span style="font-size: 12px;" v-html="item.remark" /></div>
</div>
<div v-if="item.feedbackType == 2">
<div>状态：
<span v-if="item.arrivalStatus == 1">未到场</span>
<span v-if="item.arrivalStatus == 2">到场未成交</span>
<span v-if="item.arrivalStatus == 3">到场已成交</span>
</div>
<div>备注：<span style="font-size: 12px;" v-html="item.remark" /></div>
</div>
</el-card>
</el-timeline-item>
</div>
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<span slot="footer" class="dialog-footer" :disabled="dialogForm.orderId">
<el-button plain @click="(visible = false)">取消</el-button>
<el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
<el-button v-jclick type="primary" :disabled="!canSubmit " @click="dialogFormSubmit()">确定</el-button>
</span>
</el-dialog>
</template>
<script>
import { getCluePlaceList, saveCluePlace } from '@/api/zs/clue';
import { listFeedbackOrder, addFeedbackOrder } from '@/api/zs/feedbackOrder';
import { listFeedbackDetail } from '@/api/zs/feedbackDetail';
import { getAllPlaces } from '@/api/sch/place';
import { getAllCoaches } from '@/api/sch/coach';
export default {
name: 'DistributeFormDialog',
@@ -35,13 +71,19 @@ export default {
return {
visible: false,
canSubmit: true,
dialogForm: {},
oldForm: {},
dialogForm: {
placeId: undefined,
clueId: undefined,
coachId: undefined,
copyUserList: []
},
rules: {
placeId: { required: true, message: '场地不能为空', trigger: 'blur, change' },
coachId: { required: true, message: '教练不能为空', trigger: 'blur, change' }
},
placeOptions: []
placeOptions: [],
coachOptions: [],
feedbackDetail: []
};
},
methods: {
@@ -54,7 +96,7 @@ export default {
if (info) {
this.dialogForm.clueId = info;
// 查询该线索的分发情况
this.getDistributePlaces(info);
this.getFeedbackOrder(info);
}
});
},
@@ -62,32 +104,39 @@ export default {
this.dialogForm = {
placeId: undefined,
clueId: undefined,
coachId: undefined
coachId: undefined,
copyUserList: []
};
this.oldForm = {};
},
closeDialog () {
this.$emit('update:dialog.batchUpdateVisible', false);
},
getDistributePlaces (clueId) {
getCluePlaceList({ clueId: clueId }).then(resp => {
if (resp.code == 200) {
this.oldForm = resp.data;
this.dialogForm.oldPlaceList = this.oldForm.placeIdList;
if (this.oldForm.placeIdList && this.oldForm.placeIdList) {
this.placeOptions = this.placeOptions.filter(item => this.oldForm.placeIdList.indexOf(item.placeId) == -1);
getFeedbackOrder (clueId) {
listFeedbackOrder({ clueId: clueId }).then(resp => {
if (resp.code == 200 && resp.rows && resp.rows.length > 0) {
this.dialogForm = resp.rows.filter(item => item.feedbackStatus != 0)[0];
if (this.dialogForm != undefined && this.dialogForm.placeId != undefined) {
this.getCoaChes(this.dialogForm.placeId);
}
if (this.dialogForm.orderId) {
this.getFeedbackDetail(this.dialogForm.orderId);
}
}
});
},
getFeedbackDetail (orderId) {
listFeedbackDetail({ orderId: orderId }).then(resp => {
this.feedbackDetail = resp.rows;
});
},
// 表单提交
dialogFormSubmit () {
this.$refs.dialogForm.validate((valid) => {
if (valid) {
this.canSubmit = false;
this.dialogForm.placeIdList = this.dialogForm.oldPlaceList.concat(this.dialogForm.newPlaceList);
// 校验完成，调接口
saveCluePlace(this.dialogForm)
addFeedbackOrder(this.dialogForm)
.then((resp) => {
this.canSubmit = true;
if (resp.code == 200) {
@@ -106,6 +155,12 @@ export default {
getAllPlaces({ status: '0' }).then((resp) => {
this.placeOptions = resp.data;
});
},
getCoaChes (placeId) {
console.log(placeId);
getAllCoaches({ placeId: placeId }).then(resp => {
if (resp.code == 200) { this.coachOptions = resp.data; }
});
}
}
};

70
src/views/zs/clue/components/SkillDialog.vue Normal file
View File

@@ -0,0 +1,70 @@
<!--
* @Author: riverQiu
* @Date: 2023-10-14 13:21:37
* @LastEditors: riverQiu
* @LastEditTime: 2023-10-15 00:55:44
* @Description:
-->
<template>
<el-dialog title="话术" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="700px" height="700">
<div>
<!-- 搜索框 -->
<el-select v-model="skillId" placeholder="请选择关键词" filterable style="width: 90%;" @change="selectKey">
<el-option v-for="item in keyOptions" :key="item.skillId" :label="item.skillKey" :value="item.skillId" />
</el-select> <!-- 常用关键词 -->
<!-- 话术内容 -->
<el-card class="box-card">
<div class="text item">
<span v-html="content" />
</div>
</el-card>
</div>
</el-dialog>
</template>
<script>
import { getSkillKey, getSkill } from '@/api/system/skill';
export default {
name: 'SkillDialog',
data () {
return {
visible: false,
loading: true,
keyOptions: [],
content: undefined,
skillId: undefined
};
},
methods: {
init () {
this.visible = true;
this.getSkillKeyOption();
},
getSkillKeyOption () {
getSkillKey().then((resp) => {
if (resp && resp.code === 200) {
this.keyOptions = resp.data;
}
});
},
selectKey (item) {
if (item) {
getSkill(item).then((resp) => {
if (resp && resp.code === 200) {
this.content = resp.data.content;
}
});
}
}
}
};
</script>
<style lang="scss" scoped>
.box-card {
width: 500px;
min-height: 100px;
}
</style>

114
src/views/zs/clue/index.vue
View File

@@ -13,15 +13,22 @@
<el-button v-hasPermi="['zs:clue:export']" icon="el-icon-download" type="warning" @click="handleExport">导出</el-button>
<el-button v-hasPermi="['zs:clue:edit']" icon="el-icon-edit" type="primary" :disabled="multiple" @click="handleBatChUpdate()">批量修改</el-button>
<el-button type="primary" @click="handlePublicClue">公海</el-button>
<el-button type="primary" @click="handleSkill">关键话术</el-button>
</el-col>
<right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
</el-row>
<el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange" border @row-dblclick="handleRowClick" @cell-click="handleCellClick">
<el-table v-loading="loading" :data="tableList" border @selection-change="handleSelectionChange" @row-dblclick="handleRowClick" @cell-click="handleCellClick">
<el-table-column type="selection" width="50" align="center" />
<template v-for="item in columns">
<el-table-column v-if="item.visible && item.prop != 'clueMemo'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
<el-table-column v-if="item.visible && item.prop == 'clueMemo'" :key="item.prop" :label="item.label" align="center" :width="item.width" :prop="item.prop" :show-overflow-tooltip="item.overflow" />
</template>
<el-table-column label="反馈状态" prop="feedbackStatus" sortable fixed="right" min-width="100">
<template slot-scope="{ row }">
<el-tag effect="dark" style="border: none">{{ feedbackTagColorMap[row.feedbackStatus] }}</el-tag>
</template>
</el-table-column>
<el-table-column label="意向状态" prop="intentionState" sortable fixed="right" min-width="100">
<template slot-scope="{ row }">
<el-tag effect="dark" style="border: none" :color="tagColorMap[row.intentionState]">{{ row.intentionState }}</el-tag>
@@ -31,11 +38,11 @@
<template slot-scope="scope">
<!-- <el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && scope.row.source == '抖音直播'" v-hasPermi="['zs:clue:edit']" type="text" style="color: red;" @click.native.stop="handleDYAddandUpdate(scope.row)">编辑</el-button> -->
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:edit']" type="text" style="color: red;" @click.native.stop="handleAddandUpdate(scope.row)">编辑</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:distribute']" type="text" @click.native.stop="handleDistribute(scope.row)">分发</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" style="color: #26a69a" @click.native.stop="handleSign(scope.row)">已登记</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && !scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" @click.native.stop="handleSign(scope.row)">未登记</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:remove']" type="text" @click.native.stop="handleDelete(scope.row)">删除</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && !scope.row.state" v-hasPermi="['zs:clue:discard']" type="text" @click.native.stop="handleDiscard(scope.row)">释放</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:distribute']" type="text" @click.native.stop="handleDistribute(scope.row)">分发</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" style="color: #26a69a" @click.native.stop="handleSign(scope.row)">已登记</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && !scope.row.state" v-hasPermi="['zs:clue:sign']" type="text" @click.native.stop="handleSign(scope.row)">未登记</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 )" v-hasPermi="['zs:clue:remove']" type="text" @click.native.stop="handleDelete(scope.row)">删除</el-button>
<el-button v-if="(admin == 'true' || scope.row.followUser2.indexOf(userId) != -1 ) && !scope.row.state" v-hasPermi="['zs:clue:discard']" type="text" @click.native.stop="handleDiscard(scope.row)">释放</el-button>
<el-button v-if="quickSearch == 8" type="text" @click="handleViewZhuangDan(scope.row)"> 撞单信息</el-button>
<!-- <el-button v-if="searchForm.quickSearch == 8" type="text" > 撞单信息</el-button> -->
</template>
@@ -57,7 +64,9 @@
<!-- 备注编辑 -->
<MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
<!-- 抖音直播弹框 -->
<DYClueFormDialog ref="DYClueFormDialog" @refreshDataList="_getTableList"/>
<DYClueFormDialog ref="DYClueFormDialog" @refreshDataList="_getTableList" />
<!-- 关键话术 -->
<SkillDialog ref="SkillDialog" />
</div>
</template>
@@ -72,26 +81,27 @@ import SignFormDialog from '../sign/components/SignFormDialog.vue';
import ZhuangDanDialog from './components/ZhuangDanDialog.vue';
import MemoFormDialog from './components/MemoFormDialog.vue';
import DYClueFormDialog from './components/DYClueFormDialog.vue';
import SkillDialog from './components/SkillDialog.vue';
import { defaultColumns } from './columns.js';
import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign, getConsultRecord } from '@/api/zs/clue';
import empApi from '@/api/system/employee';
export default {
name: 'Clue',
beforeRouteEnter(to, from, next) {
if (from.name == 'ClueForm') {
next(vm => {
vm._getTableList()
})
} else {
next()
}
},
components: {
SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog,
DYClueFormDialog
DYClueFormDialog, SkillDialog
},
data() {
beforeRouteEnter (to, from, next) {
if (from.name == 'ClueForm') {
next(vm => {
vm._getTableList();
});
} else {
next();
}
},
data () {
return {
admin: localStorage.getItem('admin'),
userId: localStorage.getItem('userId'),
@@ -120,13 +130,20 @@ export default {
报名他校: '#afaeb0',
无效线索: '#afaeb0'
},
feedbackTagColorMap: {
0: '待分发',
1: '待跟进',
2: '已跟进',
3: '已到场',
4: '退单'
},
options: undefined,
clueInfo: undefined,
consultRecord: [],
quickSearch: 0
};
},
created() {
created () {
const str = localStorage.getItem(`${this.$route.name}-table-columns`);
this.columns = str ? JSON.parse(str) : defaultColumns;
this._getClueCountBadge();
@@ -143,10 +160,10 @@ export default {
},
methods: {
// 分页查询表格数据
_getTableList() {
_getTableList () {
this.loading = true;
const tempForm = this.$refs.SearchForm?.searchForm || {};
this.quickSearch = tempForm.quickSearch
this.quickSearch = tempForm.quickSearch;
const params = { ...this.searchForm, ...tempForm };
getClueList(params).then((response) => {
this.tableList = response.rows;
@@ -155,31 +172,36 @@ export default {
});
},
// 获取已过期线索数
async _getClueCountBadge() {
async _getClueCountBadge () {
const resp = await getClueCountBadge();
if (resp.code === 200) {
this.expireCount = resp.data;
}
},
// 新增或修改
handleAddandUpdate(info) {
handleAddandUpdate (info) {
this.$router.push('/zs/clue-form/index/' + (info ? info.clueId : 0));
},
//抖音新增
handleDYAddandUpdate(info){
// 抖音新增
handleDYAddandUpdate (info) {
this.$nextTick(() => {
this.$refs.DYClueFormDialog.init(info);
});
},
handleSkill () {
this.$nextTick(() => {
this.$refs.SkillDialog.init();
});
},
// 多选框选中数据
handleSelectionChange(selection) {
handleSelectionChange (selection) {
console.log(selection);
this.ids = selection.map((item) => item.clueId);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
// 释放线索操作
handleDiscard(item) {
handleDiscard (item) {
this.$confirm('是否确认释放该条线索（“' + item.name + '/' + item.phone + '”）到公海?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
@@ -196,7 +218,7 @@ export default {
.catch(function () { });
},
// 删除
handleDelete(item) {
handleDelete (item) {
this.$confirm('是否确认删除该条线索（“' + item.name + '/' + item.phone + '”）?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
@@ -213,13 +235,13 @@ export default {
.catch(function () { });
},
// 导入
handleImport(ydtData, dYData) {
handleImport (ydtData, dYData) {
this.$nextTick(() => {
this.$refs.uploadDialogForm.init({ydtData: ydtData, dYData: dYData});
this.$refs.uploadDialogForm.init({ ydtData: ydtData, dYData: dYData });
});
},
/** 导出按钮操作 */
handleExport() {
handleExport () {
this.$confirm('是否确认导出所有学员信息项?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
@@ -230,12 +252,12 @@ export default {
});
},
// 公海按钮点击时间
handlePublicClue() {
handlePublicClue () {
this.$nextTick(() => {
this.$refs.publicDialogForm.init();
});
},
getEmployee() {
getEmployee () {
empApi.getEmployee().then((resp) => {
if (resp.code === 200) {
this.userOptions = resp.data;
@@ -243,7 +265,7 @@ export default {
});
},
// 批量修改
handleBatChUpdate() {
handleBatChUpdate () {
this.options = {
userOptions: this.userOptions
};
@@ -254,7 +276,7 @@ export default {
});
},
// 登记成交
async handleSign(item) {
async handleSign (item) {
// 根据clueId查询登记信息
let signInfo = {};
this.clueInfo = item;
@@ -266,39 +288,37 @@ export default {
this.$refs.signDialogForm.init(signInfo);
});
},
//分发到场地
handleDistribute(item) {
// 分发到场地
handleDistribute (item) {
this.$nextTick(() => {
this.$refs.distributeDialogForm.init(item.clueId);
});
},
//外呼
handlePhone(item) {
// 外呼
handlePhone (item) {
},
handleViewZhuangDan(item) {
handleViewZhuangDan (item) {
this.$nextTick(() => {
this.$refs.zhuangDanDialog.init(item.clueId);
});
},
handleRowClick(row) {
handleRowClick (row) {
if (this.quickSearch != 8) {
// if(row.source == '抖音直播'){
// this.handleDYAddandUpdate(row);
// } else {
this.handleAddandUpdate(row)
this.handleAddandUpdate(row);
// }
}
},
handleCellClick(row, column, cell, event) {
//如果点击的是备注的话 开始备注编辑框
handleCellClick (row, column, cell, event) {
// 如果点击的是备注的话 开始备注编辑框
if (column.property == 'clueMemo') {
console.log(row, column, cell, event)
console.log(row, column, cell, event);
this.$nextTick(() => {
this.$refs.memoDialog.init(row);
});
}
}
}