| | |
| | | style="width: 240px" |
| | | clearable |
| | | @change="handleQuery"> |
| | | <el-option label="零售客户" |
| | | value="零售客户" /> |
| | | <el-option label="进销商客户" |
| | | value="进销商客户" /> |
| | | <el-option label="核心" |
| | | value="核心" /> |
| | | <el-option label="重要" |
| | | value="重要" /> |
| | | <el-option label="普通" |
| | | value="普通" /> |
| | | <el-option label="一般" |
| | | value="一般" /> |
| | | </el-select> |
| | | <el-button type="primary" |
| | | @click="handleQuery" |
| | |
| | | <div> |
| | | <el-button type="primary" |
| | | @click="openForm('add')">新增客户</el-button> |
| | | <el-button type="primary" |
| | | plain |
| | | @click="back">流入公海</el-button> |
| | | <el-button @click="handleOut">导出</el-button> |
| | | <el-button type="primary" @click="handleOutFollowUpList">导出跟进记录</el-button> |
| | | <el-button type="info" |
| | | plain |
| | | icon="Upload" |
| | |
| | | <el-select v-model="form.customerType" |
| | | placeholder="请选择" |
| | | clearable> |
| | | <el-option label="零售客户" |
| | | value="零售客户" /> |
| | | <el-option label="进销商客户" |
| | | value="进销商客户" /> |
| | | <el-option label="核心" |
| | | value="核心" /> |
| | | <el-option label="重要" |
| | | value="重要" /> |
| | | <el-option label="普通" |
| | | value="普通" /> |
| | | <el-option label="一般" |
| | | value="一般" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | <!-- 交接对话框 --> |
| | | <el-dialog v-model="handoverDialogVisible" |
| | | title="客户交接" |
| | | width="400px" |
| | | @close="closeHandoverDialog"> |
| | | <el-form :model="handoverForm" |
| | | :rules="handoverRules" |
| | | ref="handoverFormRef" |
| | | label-width="100px"> |
| | | <el-form-item label="当前维护人"> |
| | | <span>{{ handoverForm.oldMaintainer }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="新维护人" |
| | | prop="maintainer"> |
| | | <el-select v-model="handoverForm.maintainerId" |
| | | placeholder="请选择新维护人" |
| | | style="width: 100%" |
| | | filterable |
| | | @change="handleHandoverUserChange"> |
| | | <el-option v-for="item in userList" |
| | | :key="item.userId || item.nickName" |
| | | :label="item.nickName" |
| | | :value="item.userId" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template #footer> |
| | | <div class="dialog-footer"> |
| | | <el-button type="primary" @click="submitHandoverForm">确认</el-button> |
| | | <el-button @click="closeHandoverDialog">取消</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | addReturnVisit, |
| | | getReturnVisit, |
| | | } from "@/api/basicData/customerFile.js"; |
| | | import {listCustomer, getCustomer, addCustomer, updateCustomer, delCustomer} from "@/api/basicData/customer.js"; |
| | | import {listCustomer, getCustomer, addCustomer, updateCustomer, delCustomer, backCustomer, handoverCustomer} from "@/api/basicData/customer.js"; |
| | | import { ElMessageBox } from "element-plus"; |
| | | import { userListNoPage } from "@/api/system/user.js"; |
| | | import useUserStore from "@/store/modules/user"; |
| | |
| | | { |
| | | label: "客户分类", |
| | | prop: "customerType", |
| | | fixed: "left", |
| | | dataType: "tag", |
| | | width: 120, |
| | | formatType: value => { |
| | | switch (value) { |
| | | case "核心": return "danger"; |
| | | case "重要": return "warning"; |
| | | case "普通": return "primary"; |
| | | case "一般": return "info"; |
| | | default: return "info"; |
| | | } |
| | | }, |
| | | }, |
| | | { |
| | | label: "客户名称", |
| | | prop: "customerName", |
| | | fixed: "left", |
| | | width: 220, |
| | | }, |
| | | { |
| | |
| | | label: "操作", |
| | | align: "center", |
| | | fixed: "right", |
| | | width: 290, |
| | | width: 340, |
| | | operation: [ |
| | | { |
| | | name: "编辑", |
| | | type: "text", |
| | | clickFun: row => { |
| | | openForm("edit", row); |
| | | }, |
| | | }, |
| | | { |
| | | name: "交接", |
| | | type: "text", |
| | | clickFun: row => { |
| | | openHandoverDialog(row); |
| | | }, |
| | | }, |
| | | { |
| | |
| | | // 用户信息表单弹框数据 |
| | | const operationType = ref(""); |
| | | const dialogFormVisible = ref(false); |
| | | |
| | | // 交接对话框 |
| | | const handoverDialogVisible = ref(false); |
| | | const handoverFormRef = ref(); |
| | | const handoverForm = reactive({ |
| | | id: undefined, |
| | | oldMaintainer: "", |
| | | maintainer: "", |
| | | maintainerId: undefined, |
| | | }); |
| | | const handoverRules = { |
| | | maintainer: [{ required: true, message: "请选择新维护人", trigger: "change" }], |
| | | }; |
| | | const formYYs = ref({ |
| | | // 其他字段... |
| | | contactList: [ |
| | |
| | | proxy.resetForm("formRef"); |
| | | dialogFormVisible.value = false; |
| | | }; |
| | | // 交接 |
| | | const handleHandoverUserChange = userId => { |
| | | const user = userList.value.find(item => (item.userId || item.nickName) === userId); |
| | | handoverForm.maintainer = user ? user.nickName : ""; |
| | | }; |
| | | const openHandoverDialog = row => { |
| | | handoverForm.id = row.id; |
| | | handoverForm.oldMaintainer = row.maintainer; |
| | | handoverForm.maintainer = ""; |
| | | handoverForm.maintainerId = undefined; |
| | | userListNoPage().then(res => { |
| | | userList.value = res.data; |
| | | handoverDialogVisible.value = true; |
| | | }); |
| | | }; |
| | | const closeHandoverDialog = () => { |
| | | proxy.resetForm("handoverFormRef"); |
| | | handoverForm.id = undefined; |
| | | handoverForm.oldMaintainer = ""; |
| | | handoverForm.maintainer = ""; |
| | | handoverForm.maintainerId = undefined; |
| | | handoverDialogVisible.value = false; |
| | | }; |
| | | const submitHandoverForm = () => { |
| | | proxy.$refs.handoverFormRef.validate(valid => { |
| | | if (valid) { |
| | | handoverCustomer({ |
| | | id: handoverForm.id, |
| | | maintainer: handoverForm.maintainer, |
| | | maintainerId: handoverForm.maintainerId, |
| | | }).then(() => { |
| | | proxy.$modal.msgSuccess("交接成功"); |
| | | closeHandoverDialog(); |
| | | getList(); |
| | | }); |
| | | } |
| | | }); |
| | | }; |
| | | // 导出 |
| | | const handleOut = () => { |
| | | ElMessageBox.confirm("选中的内容将被导出,是否确认导出?", "导出", { |
| | |
| | | proxy.$modal.msg("已取消"); |
| | | }); |
| | | }; |
| | | // 导出跟进记录 |
| | | const handleOutFollowUpList = () => { |
| | | ElMessageBox.confirm("选中的内容将被导出,是否确认导出?", "导出", { |
| | | confirmButtonText: "确认", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | proxy.download("basic/customer-follow/export", {}, "客户跟进记录.xlsx"); |
| | | }) |
| | | .catch(() => { |
| | | proxy.$modal.msg("已取消"); |
| | | }); |
| | | }; |
| | | // 删除 |
| | | const handleDelete = () => { |
| | | let ids = []; |
| | |
| | | }); |
| | | }; |
| | | |
| | | const back = () => { |
| | | if (selectedRows.value.length === 0) { |
| | | proxy.$modal.msgWarning("请选择数据"); |
| | | return; |
| | | } |
| | | const ids = selectedRows.value.map(item => item.id); |
| | | ElMessageBox.confirm("选中的客户将流入公海,是否确认?", "流入公海提示", { |
| | | confirmButtonText: "确认", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | tableLoading.value = true; |
| | | return Promise.all(ids.map(id => backCustomer(id))) |
| | | .then(() => { |
| | | proxy.$modal.msgSuccess("流入公海成功"); |
| | | selectedRows.value = []; |
| | | getList(); |
| | | }) |
| | | .finally(() => { |
| | | tableLoading.value = false; |
| | | }); |
| | | }) |
| | | .catch(error => { |
| | | if (error === "cancel" || error === "close") { |
| | | proxy.$modal.msg("已取消"); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | // 打开回访提醒弹窗 |
| | | const openReminderDialog = row => { |
| | | currentCustomerId.value = row.id; |