forked from qiushanhe/dm-manage-web
parent
185163d326
commit
2aabff2e90
@ -0,0 +1,134 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-dialog :title="title" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px" |
||||||
|
@close="closeDialog" style="min-height: 400px;"> |
||||||
|
<el-tabs v-model="activeTab"> |
||||||
|
<el-tab-pane label="邀约信息" name="first"> |
||||||
|
<el-table v-loading="loading" :data="invitationRecords" border> |
||||||
|
<el-table-column label="操作时间" prop="createTime" width="140" /> |
||||||
|
<el-table-column label="邀约场地" prop="placeName" min-width="200" /> |
||||||
|
<el-table-column label="约定时间" prop="invitationTime" width="120" /> |
||||||
|
<el-table-column label="备注" prop="remark" min-width="200" /> |
||||||
|
</el-table> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane label="分发信息" name="second"> |
||||||
|
<el-table v-loading="loading" :data="distributeRecords" border> |
||||||
|
<el-table-column label="操作时间" prop="distributeTime" width="140" /> |
||||||
|
<el-table-column label="分发场地" prop="placeName" min-width="200" /> |
||||||
|
<!-- <el-table-column label="接待人" prop="invitationTime" min-width="120" /> --> |
||||||
|
<el-table-column label="接待人" prop="coachName" min-width="120" /> |
||||||
|
<el-table-column label="操作" fixed="right" min-width="100"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button size="mini" v-if="scope.$index == 0 && isEdit" type="text" icon="el-icon-edit" |
||||||
|
@click="handleEdit(scope.row)">修改</el-button> |
||||||
|
<el-button size="mini" type="text" |
||||||
|
@click="handleFeedback(scope.row)">反馈信息</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
|
||||||
|
<span slot="footer" class="dialog-footer" > |
||||||
|
<el-button v-jclick type="primary" :disabled="!isAdd" @click="handleAdd()">新增</el-button> |
||||||
|
<el-button plain @click="(visible = false)">取消</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
<DistributeFormDialog ref="DistributeFormDialog" @refreshDataList="getFeedbackOrder" /> |
||||||
|
<FeedbackDialog ref="FeedbackDialog" /> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { listFeedbackOrder } from '@/api/zs/feedbackOrder'; |
||||||
|
import { getInvitationByClue } from '@/api/zs/invitation'; |
||||||
|
import DistributeFormDialog from './DistributeFormDialog.vue'; |
||||||
|
import FeedbackDialog from './FeedbackDialog.vue'; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'DistributeDialog', |
||||||
|
components: { |
||||||
|
DistributeFormDialog, FeedbackDialog |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
canSubmit: true, |
||||||
|
loading: false, |
||||||
|
placeOptions: [], |
||||||
|
coachOptions: [], |
||||||
|
feedbackDetail: [], |
||||||
|
activeTab: 'first', |
||||||
|
invitationRecords: [], |
||||||
|
clueInfo: undefined, |
||||||
|
distributeRecords: [], |
||||||
|
isAdd: false, |
||||||
|
isEdit: true, |
||||||
|
title: '分发' |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
init(info = undefined) { |
||||||
|
this.activeTab = 'first'; |
||||||
|
// this.getPlaces(); |
||||||
|
this.visible = true; |
||||||
|
this.isAdd = false; |
||||||
|
this.isEdit = true; |
||||||
|
this.title = '邀约'; |
||||||
|
this.$nextTick(() => { |
||||||
|
if (info) { |
||||||
|
this.clueInfo = info; |
||||||
|
if (info.feedbackStatus > 2) { |
||||||
|
this.isEdit = false; |
||||||
|
} |
||||||
|
if (info.feedbackStatus == 1 || info.feedbackStatus == 5 || info.feedbackStatus == 6) { |
||||||
|
this.isAdd = true; |
||||||
|
} |
||||||
|
// 查询线索的邀约情况 |
||||||
|
this.getInvitationByClue(); |
||||||
|
// 查询该线索的分发a情况 |
||||||
|
this.getFeedbackOrder(); |
||||||
|
this.title = this.title + '【' + (info.name == null ? '' : info.name) + ' ' + info.phone + '】'; |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
closeDialog() { |
||||||
|
this.$emit('update:dialog.batchUpdateVisible', false); |
||||||
|
}, |
||||||
|
getInvitationByClue() { |
||||||
|
getInvitationByClue({ clueId: this.clueInfo.clueId }).then(resp => { |
||||||
|
if (resp.code == 200 && resp.data) { |
||||||
|
this.invitationRecords = resp.data; |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
getFeedbackOrder() { |
||||||
|
listFeedbackOrder({ clueId: this.clueInfo.clueId }).then(resp => { |
||||||
|
if (resp.code == 200 && resp.rows && resp.rows.length > 0) { |
||||||
|
this.distributeRecords = resp.rows.filter(item => item.feedbackStatus != 0); |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
handleFeedback(item) { |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$refs.FeedbackDialog.init(item.orderId); |
||||||
|
}); |
||||||
|
}, |
||||||
|
handleAdd() { |
||||||
|
const item = { |
||||||
|
placeId: undefined, |
||||||
|
clueId: this.clueInfo.clueId, |
||||||
|
coachId: undefined, |
||||||
|
copyUserList: [] |
||||||
|
}; |
||||||
|
this.handleEdit(item); |
||||||
|
}, |
||||||
|
handleEdit(item) { |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$refs.DistributeFormDialog.init(item); |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
@ -0,0 +1,53 @@ |
|||||||
|
<template> |
||||||
|
<el-dialog title="反馈" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px" |
||||||
|
@close="closeDialog" style="min-height: 400px;"> |
||||||
|
<el-timeline :reverse="true"> |
||||||
|
<el-timeline-item v-for="(item, index) in feedbackDetail" :key="index" :timestamp="item.updateTime" placement="top"> |
||||||
|
<div v-if="item.feedbackType == 1"> |
||||||
|
<div>是否联系：<span>{{ item.isContact ? '已联系' : '未联系' }}</span></div> |
||||||
|
<div>到场时间：<span>{{ item.arrivalTime }}</span></div> |
||||||
|
<div>备注：<span>{{ item.remark }}</span></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>{{ item.remark }}</span></div> |
||||||
|
</div> |
||||||
|
</el-timeline-item> |
||||||
|
</el-timeline> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { listFeedbackDetail } from '@/api/zs/feedbackDetail'; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'FeedbackDialog', |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
feedbackDetail: [], |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
init(info = undefined) { |
||||||
|
this.visible = true; |
||||||
|
this.$nextTick(() => { |
||||||
|
this.getFeedbackDetail(info); |
||||||
|
}); |
||||||
|
}, |
||||||
|
closeDialog() { |
||||||
|
this.$emit('update:dialog.batchUpdateVisible', false); |
||||||
|
}, |
||||||
|
getFeedbackDetail(orderId) { |
||||||
|
listFeedbackDetail({ orderId: orderId }).then(resp => { |
||||||
|
this.feedbackDetail = resp.rows; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,117 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-dialog :title="title" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px" |
||||||
|
@close="closeDialog"> |
||||||
|
<div> |
||||||
|
<el-table v-loading="loading" :data="invitationRecords" border> |
||||||
|
<el-table-column label="操作时间" prop="createTime" width="140" /> |
||||||
|
<el-table-column label="邀约场地" prop="placeName" width="200" /> |
||||||
|
<el-table-column label="约定时间" prop="invitationTime" width="120" /> |
||||||
|
<el-table-column label="备注" prop="remark" width="200" /> |
||||||
|
<el-table-column label="操作" fixed="right" width="80"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button size="mini" v-if="scope.$index == 0 && isEdit" type="text" icon="el-icon-edit" |
||||||
|
@click="handleEdit(scope.row)">修改</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button v-jclick type="primary" :disabled="!isAdd" @click="handleAdd()">新增</el-button> |
||||||
|
<el-button plain @click="closeDialog">关闭</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
<InvitationFormDialog ref="InvitationFormDialog" @refreshDataList="getInvitationRecord" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { getInvitationByClue } from '@/api/zs/invitation'; |
||||||
|
import InvitationFormDialog from './InvitationFormDialog.vue'; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'InvitationDialog', |
||||||
|
components: { |
||||||
|
InvitationFormDialog |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
canSubmit: true, |
||||||
|
placeOptions: [], |
||||||
|
isEdit: true, |
||||||
|
invitationRecords: [], |
||||||
|
clueId: undefined, |
||||||
|
loading: false, |
||||||
|
title: undefined, |
||||||
|
clueInfo: undefined, |
||||||
|
isAdd: false |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
init(info = undefined) { |
||||||
|
this.visible = true; |
||||||
|
this.title = "邀约"; |
||||||
|
this.isAdd = false; |
||||||
|
this.isEdit = true; |
||||||
|
this.clueInfo = undefined; |
||||||
|
this.$nextTick(() => { |
||||||
|
if (info) { |
||||||
|
this.clueInfo = info; |
||||||
|
if (info.feedbackStatus >= 2) { |
||||||
|
this.isEdit = false; |
||||||
|
} |
||||||
|
if (info.feedbackStatus == 0 || info.feedbackStatus == 5 || info.feedbackStatus == 6) { |
||||||
|
this.isAdd = true; |
||||||
|
} |
||||||
|
if (info.clueId) { |
||||||
|
this.clueId = info.clueId; |
||||||
|
this.getInvitationRecord(); |
||||||
|
} |
||||||
|
this.title = this.title + '【' + (info.name == null ? '' : info.name) + ' ' + info.phone + '】'; |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
closeDialog() { |
||||||
|
this.visible = false; |
||||||
|
// this.$emit('update:dialog.batchUpdateVisible', false); |
||||||
|
this.$emit('refreshDataList'); |
||||||
|
}, |
||||||
|
getInvitationRecord() { |
||||||
|
getInvitationByClue({ clueId: this.clueId }).then(resp => { |
||||||
|
if (resp.data) { |
||||||
|
this.invitationRecords = resp.data; |
||||||
|
if (this.invitationRecords && this.invitationRecords.length > 0) { |
||||||
|
this.dialogForm = this.invitationRecords[0]; |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
handleAdd() { |
||||||
|
const invitation = { |
||||||
|
invitationId: undefined, |
||||||
|
clueId: this.clueInfo.clueId, |
||||||
|
name: this.clueInfo.name, |
||||||
|
phone: this.clueInfo.phone, |
||||||
|
address: this.clueInfo.address, |
||||||
|
placeId: undefined, |
||||||
|
invitationTime: undefined, |
||||||
|
remark: undefined |
||||||
|
}; |
||||||
|
this.handleEdit(invitation); |
||||||
|
}, |
||||||
|
handleEdit(item) { |
||||||
|
this.$nextTick(() => { |
||||||
|
this.$refs.InvitationFormDialog.init(item) |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.el-divider--vertical { |
||||||
|
height: 15em !important; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in new issue