|  |  |  | 
|---|
|  |  |  | <Contacts :isDetail="true" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-if="activeName === 'second'" class="second"> | 
|---|
|  |  |  | <FollowupRecords :isDetail="true" /> | 
|---|
|  |  |  | <FollowupRecords | 
|---|
|  |  |  | :isDetail="true" | 
|---|
|  |  |  | :follow-record="detailConfig.infomation.follow_record" | 
|---|
|  |  |  | :add-config="addConfig" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-if="activeName === 'salesOpportunity'" class="second"> | 
|---|
|  |  |  | <SalesOpportunity :isDetail="true" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | isAddressExpand: true, // 地址信息 | 
|---|
|  |  |  | addressInfoList: [], | 
|---|
|  |  |  | isRemarkExpand: true, // 备注信息 | 
|---|
|  |  |  | isAnnexExpand: true // 附件信息 | 
|---|
|  |  |  | isAnnexExpand: true, // 附件信息 | 
|---|
|  |  |  | addConfig: {} | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.setData(this.detailConfig.infomation) | 
|---|
|  |  |  | this.addConfig = { | 
|---|
|  |  |  | client: this.detailConfig.infomation.id, | 
|---|
|  |  |  | client_name: this.detailConfig.infomation.name, | 
|---|
|  |  |  | contact_name: this.detailConfig.infomation.contact_name, | 
|---|
|  |  |  | client_status_id: this.detailConfig.infomation.client_status_id | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | mounted() {}, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 联系人详情 | 
|---|
|  |  |  | selContactsClick(row) { | 
|---|
|  |  |  | console.log(row) | 
|---|
|  |  |  | this.contactsDeail.visible = true | 
|---|
|  |  |  | let contact = {} | 
|---|
|  |  |  | if (row.contacts.length !== 0) { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.contactsDeail.infomation = { ...contact, Client: { name: row.name } } | 
|---|
|  |  |  | this.contactsDeail.infomation = { | 
|---|
|  |  |  | ...contact, | 
|---|
|  |  |  | Client: { name: row.name, client_status_id: row.client_status_id }, | 
|---|
|  |  |  | client_name: row.name | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 跟进 | 
|---|
|  |  |  | followupClick(row) { | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-if="activeName === 'second'" class="second"> | 
|---|
|  |  |  | <FollowupRecords :isDetail="true" /> | 
|---|
|  |  |  | <FollowupRecords :isDetail="true" :add-config="addConfig" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-if="activeName === 'detail'" class="second"> | 
|---|
|  |  |  | <SalesDetails :isDetail="true" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | isAddressExpand: true, // 地址信息 | 
|---|
|  |  |  | addressInfoList: [], | 
|---|
|  |  |  | isRemarkExpand: true, // 备注信息 | 
|---|
|  |  |  | isAnnexExpand: true // 附件信息 | 
|---|
|  |  |  | isAnnexExpand: true, // 附件信息 | 
|---|
|  |  |  | addConfig: {} | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.setData(this.detailConfig.infomation) | 
|---|
|  |  |  | this.addConfig = { | 
|---|
|  |  |  | contact: this.detailConfig.infomation.id, | 
|---|
|  |  |  | client_name: this.detailConfig.infomation.client_name, | 
|---|
|  |  |  | contact_name: this.detailConfig.infomation.name, | 
|---|
|  |  |  | client_status_id: this.detailConfig.infomation.Client.client_status_id | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | mounted() {}, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 客户名称详情 | 
|---|
|  |  |  | selClientClick(row) { | 
|---|
|  |  |  | console.log(row) | 
|---|
|  |  |  | // console.log(row) | 
|---|
|  |  |  | this.clientDeail.visible = true | 
|---|
|  |  |  | this.clientDeail.infomation = { | 
|---|
|  |  |  | ...row.Client, | 
|---|
|  |  |  | client_name: row.Client.name, | 
|---|
|  |  |  | client_level: row.Client.client_level.name, | 
|---|
|  |  |  | client_status: row.Client.client_status.name | 
|---|
|  |  |  | client_status: row.Client.client_status.name, | 
|---|
|  |  |  | contact_name: row.name | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 跟进 | 
|---|
|  |  |  | 
|---|
|  |  |  | isDetail: { | 
|---|
|  |  |  | type: Boolean, | 
|---|
|  |  |  | default: false | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | followRecord: { | 
|---|
|  |  |  | type: Array, | 
|---|
|  |  |  | default: () => [] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | addConfig: { | 
|---|
|  |  |  | type: Object, | 
|---|
|  |  |  | default: () => { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | sales_leads_name: "" | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | mixins: [pageMixin], | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.setTable() | 
|---|
|  |  |  | this.getData() | 
|---|
|  |  |  | if (!this.isDetail) { | 
|---|
|  |  |  | this.getData() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.tableList.tableInfomation = this.followRecord | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | setTable() { | 
|---|
|  |  |  | 
|---|
|  |  |  | addBtnClick() { | 
|---|
|  |  |  | this.editConfig.visible = true | 
|---|
|  |  |  | this.editConfig.title = "新建" | 
|---|
|  |  |  | this.editConfig.infomation = {} | 
|---|
|  |  |  | this.editConfig.infomation = { ...this.addConfig } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 编辑 | 
|---|
|  |  |  | handleClick(row) { | 
|---|
|  |  |  | 
|---|
|  |  |  | selContactsClick(row) { | 
|---|
|  |  |  | console.log(row) | 
|---|
|  |  |  | this.contactsDeail.visible = true | 
|---|
|  |  |  | this.contactsDeail.infomation = { ...row.contact, Client: { name: row.client_name } } | 
|---|
|  |  |  | this.contactsDeail.infomation = { | 
|---|
|  |  |  | ...row.contact, | 
|---|
|  |  |  | Client: { name: row.client_name, client_status_id: row.client.client_status_id }, | 
|---|
|  |  |  | client_name: row.client_name | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 客户名称详情 | 
|---|
|  |  |  | selClientClick(row) { | 
|---|
|  |  |  | 
|---|
|  |  |  | ...row.client, | 
|---|
|  |  |  | client_name: row.client.name, | 
|---|
|  |  |  | client_level: row.client.client_level.name, | 
|---|
|  |  |  | client_status: row.client.client_status.name | 
|---|
|  |  |  | client_status: row.client.client_status.name, | 
|---|
|  |  |  | contact_name: row.contact_name | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-if="activeName === 'second'" class="second"> | 
|---|
|  |  |  | <FollowupRecords :isDetail="true" /> | 
|---|
|  |  |  | <FollowupRecords | 
|---|
|  |  |  | :isDetail="true" | 
|---|
|  |  |  | :follow-record="detailConfig.infomation.FollowRecord" | 
|---|
|  |  |  | :add-config="addConfig" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-drawer> | 
|---|
|  |  |  | 
|---|
|  |  |  | isAddressExpand: true, // 地址信息 | 
|---|
|  |  |  | addressInfoList: [], | 
|---|
|  |  |  | isRemarkExpand: true, // 备注信息 | 
|---|
|  |  |  | remarkInfoList: [] | 
|---|
|  |  |  | remarkInfoList: [], | 
|---|
|  |  |  | addConfig: {} | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.setData() | 
|---|
|  |  |  | this.addConfig = { | 
|---|
|  |  |  | sealsLead: this.detailConfig.infomation.id, | 
|---|
|  |  |  | sales_leads_name: this.detailConfig.infomation.name | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | mounted() {}, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | 
|---|
|  |  |  | selClientClick(row) { | 
|---|
|  |  |  | console.log(row) | 
|---|
|  |  |  | this.clientDeail.visible = true | 
|---|
|  |  |  | this.clientDeail.infomation = { ...row, client_name: row.name } | 
|---|
|  |  |  | this.clientDeail.infomation = { | 
|---|
|  |  |  | ...row.client, | 
|---|
|  |  |  | client_name: row.client.name, | 
|---|
|  |  |  | client_level: row.client.client_level.name, | 
|---|
|  |  |  | client_status: row.client.client_status.name | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 联系人详情 | 
|---|
|  |  |  | selContactsClick(row) { | 
|---|
|  |  |  | console.log(row) | 
|---|
|  |  |  | this.contactsDeail.visible = true | 
|---|
|  |  |  | this.contactsDeail.infomation = { ...row } | 
|---|
|  |  |  | this.contactsDeail.infomation = { ...row.contact } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 机会名称详情 | 
|---|
|  |  |  | selCommonClick(row) { | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="basic-info-view"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="12"> | 
|---|
|  |  |  | <el-form-item label="处理状态" prop="status"> | 
|---|
|  |  |  | <el-form-item label="处理状态" prop="serviceOrderStatusId"> | 
|---|
|  |  |  | <div class="common-select"> | 
|---|
|  |  |  | <el-select | 
|---|
|  |  |  | v-model="editConfig.infomation.status" | 
|---|
|  |  |  | v-model="editConfig.infomation.serviceOrderStatusId" | 
|---|
|  |  |  | placeholder="请选择" | 
|---|
|  |  |  | class="common-select-sel" | 
|---|
|  |  |  | size="mini" | 
|---|
|  |  |  | 
|---|
|  |  |  | subject: [{ required: true, message: "请输入主题", trigger: "blur" }], | 
|---|
|  |  |  | productCategory: [{ required: true, message: "请选择产品类别", trigger: "change" }], | 
|---|
|  |  |  | serviceManId: [{ required: true, message: "请选择产品类别", trigger: "change" }], | 
|---|
|  |  |  | status: [{ required: true, message: "请选择故障类别", trigger: "change" }], | 
|---|
|  |  |  | serviceOrderStatusId: [{ required: true, message: "请选择故障类别", trigger: "change" }], | 
|---|
|  |  |  | problemDesc: [{ required: true, message: "请输入问题描述", trigger: "blur" }] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | faultTypeOptions: [{ id: 1, name: "服务回访" }], // 故障类别 | 
|---|
|  |  |  | 
|---|
|  |  |  | severity: data.severity || 0, | 
|---|
|  |  |  | solution: data.solution || "", | 
|---|
|  |  |  | solutionRemark: data.solutionRemark || "", | 
|---|
|  |  |  | status: data.status || 0, | 
|---|
|  |  |  | serviceOrderStatusId: data.serviceOrderStatusId || 0, | 
|---|
|  |  |  | subject: data.subject || "", | 
|---|
|  |  |  | timeSpentId: data.timeSpentId || 0 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | this.dynamicInfoList = [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | leftStr: "处理状态", | 
|---|
|  |  |  | leftValue: data.status, | 
|---|
|  |  |  | leftValue: data.serviceOrderStatusId, | 
|---|
|  |  |  | rightStr: "最新分配时间", | 
|---|
|  |  |  | rightValue: "" | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | leftStr: "回访人", | 
|---|
|  |  |  | leftValue: item.isVisit, | 
|---|
|  |  |  | leftValue: item.Member.username, | 
|---|
|  |  |  | rightStr: "项目计划", | 
|---|
|  |  |  | rightValue: "" | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | leftStr: "满意度", | 
|---|
|  |  |  | leftValue: item.satisfaction, | 
|---|
|  |  |  | leftValue: item.satisfaction.name, | 
|---|
|  |  |  | rightStr: "及时率", | 
|---|
|  |  |  | rightValue: item.timelyRate | 
|---|
|  |  |  | rightValue: item.timelyRate.name | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | leftStr: "解决率", | 
|---|
|  |  |  | leftValue: "", | 
|---|
|  |  |  | leftValue: item.solveRate.name, | 
|---|
|  |  |  | rightStr: "原服务人员", | 
|---|
|  |  |  | rightValue: "" | 
|---|
|  |  |  | rightValue: item.oldMember.username | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | leftStr: "服务人员是否来过", | 
|---|
|  |  |  | leftValue: "", | 
|---|
|  |  |  | leftValue: item.isVisit.name, | 
|---|
|  |  |  | rightStr: "创建时间", | 
|---|
|  |  |  | rightValue: "" | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | { label: "客户名称", prop: "client_name", min: 130, isClientClick: true }, // 客户名称 | 
|---|
|  |  |  | { label: "联系人姓名", prop: "contact_name", isContactClick: true }, // 联系人姓名 | 
|---|
|  |  |  | { label: "客户服务单", prop: "client_service_order", isServiceOrder: true }, // 客户服务单 | 
|---|
|  |  |  | { label: "回访人", prop: "isVisit" }, // 回访人 | 
|---|
|  |  |  | { label: "满意度", prop: "satisfaction" } // 满意度 | 
|---|
|  |  |  | { label: "回访人", prop: "member_name" }, // 回访人 | 
|---|
|  |  |  | { label: "满意度", prop: "satisfaction_name" } // 满意度 | 
|---|
|  |  |  | // { label: "修改时间", prop: "modifyTime" } // 修改时间 | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | ...item, | 
|---|
|  |  |  | client_service_order: item.ServiceOrder.serviceNumber, | 
|---|
|  |  |  | client_name: item.client.name, | 
|---|
|  |  |  | contact_name: item.contact.name | 
|---|
|  |  |  | contact_name: item.contact.name, | 
|---|
|  |  |  | member_name: item.Member.username, | 
|---|
|  |  |  | satisfaction_name: item.satisfaction.name | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.tableList.tableInfomation = list || [] | 
|---|