| | |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | <div class="business_scope"> |
| | | <div class="content-title">{{ "经营范围:" }}</div> |
| | | <div class="content-data">{{ detailConfig.infomation.business_scope }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 地址信息 --> |
| | |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | <div class="business_scope"> |
| | | <div class="content-title">{{ "地址信息" }}</div> |
| | | <div class="content-data">{{ detailConfig.infomation.detail_address }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 备注信息 --> |
| | |
| | | <div v-if="activeName === 'detail'" class="second"> |
| | | <SalesDetails :isDetail="true" :add-config="addConfig" /> |
| | | </div> |
| | | <div v-if="activeName === 'receipt'" class="second"> |
| | | <Receipt :isDetail="true" :add-config="addConfig" :source-type="1" /> |
| | | </div> |
| | | </div> |
| | | </el-drawer> |
| | | </div> |
| | |
| | | import MasterOrder from "@/views/sales/masterOrder" |
| | | import SubOrder from "@/views/sales/subOrder" |
| | | import SalesDetails from "@/views/sales/salesDetails" |
| | | import Receipt from "@/views/other/payment/receipt" |
| | | import { getContactList } from "@/api/client/contacts" |
| | | export default { |
| | | name: "DetailClientManage", |
| | | props: { |
| | |
| | | } |
| | | } |
| | | }, |
| | | components: { FollowupRecords, Contacts, SalesOpportunity, Quotation, MasterOrder, SubOrder, SalesDetails }, |
| | | components: { FollowupRecords, Contacts, SalesOpportunity, Quotation, MasterOrder, SubOrder, SalesDetails, Receipt }, |
| | | computed: {}, |
| | | data() { |
| | | return { |
| | |
| | | addressInfoList: [], |
| | | isRemarkExpand: true, // 备注信息 |
| | | isAnnexExpand: true, // 附件信息 |
| | | addConfig: {} |
| | | addConfig: {}, |
| | | contact_name: "", |
| | | contact_phone: "", |
| | | contact_position: "", |
| | | contact_wechat: "", |
| | | contact_email: "" |
| | | } |
| | | }, |
| | | created() { |
| | | this.getContactList() |
| | | this.setData(this.detailConfig.infomation) |
| | | this.addConfig = { |
| | | id_name: "client_name", |
| | | keywordType: "客户名称", |
| | | keyword: this.detailConfig.infomation.name, |
| | | id: this.detailConfig.infomation.id, |
| | | common_name: this.detailConfig.infomation.name, |
| | | client_name: this.detailConfig.infomation.name, |
| | | contact_name: this.detailConfig.infomation.contact_name, |
| | | client_status_id: this.detailConfig.infomation.client_status_id, |
| | |
| | | { |
| | | leftStr: "所属公海", |
| | | leftValue: "", |
| | | rightStr: "服务代表", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "签到", |
| | | leftValue: "", |
| | | rightStr: "下次回访日期", |
| | | rightValue: this.processTime(item.next_visit_time) |
| | | rightValue: item.next_visit_time |
| | | }, |
| | | { |
| | | leftStr: "创建时间", |
| | | leftValue: "", |
| | | rightStr: "最晚服务到期日", |
| | | rightValue: this.processTime(item.latest_service_time) |
| | | leftStr: "最晚服务到期日", |
| | | leftValue: item.latest_service_time, |
| | | rightStr: "创建时间", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "创建人", |
| | |
| | | this.contactList = [ |
| | | { |
| | | leftStr: "联系人姓名", |
| | | leftValue: item.contact_name, |
| | | leftValue: this.contact_name, |
| | | rightStr: "联系人手机", |
| | | rightValue: item.contact_phone |
| | | rightValue: this.contact_phone |
| | | }, |
| | | { |
| | | leftStr: "联系人职务", |
| | | leftValue: "", |
| | | leftValue: this.contact_position, |
| | | rightStr: "联系人微信", |
| | | rightValue: "" |
| | | rightValue: this.contact_wechat |
| | | }, |
| | | { |
| | | leftStr: "联系人Email", |
| | | leftValue: "", |
| | | leftValue: this.contact_email, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | |
| | | }, |
| | | { |
| | | leftStr: "注册时间", |
| | | leftValue: this.processTime(item.registration_time), |
| | | leftValue: item.registration_time, |
| | | rightStr: "注册资金", |
| | | rightValue: item.RegisteredCapital.name |
| | | }, |
| | |
| | | leftValue: item.EnterpriseNature.name, |
| | | rightStr: "客户规模", |
| | | rightValue: item.EnterpriseScale.name |
| | | }, |
| | | { |
| | | leftStr: "经营范围", |
| | | leftValue: item.business_scope, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | | this.addressInfoList = [ |
| | |
| | | leftValue: item.City.name, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "详细地址", |
| | | leftValue: item.detail_address, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | // { |
| | | // leftStr: "详细地址", |
| | | // leftValue: item.detail_address, |
| | | // rightStr: "", |
| | | // rightValue: "" |
| | | // } |
| | | ] |
| | | }, |
| | | handleClose() { |
| | |
| | | this.isAnnexExpand = !this.isAnnexExpand |
| | | } |
| | | }, |
| | | // 处理时间 |
| | | processTime(dateTime) { |
| | | return this.dateFormat("YYYY-mm-dd HH:MM:SS", dateTime) === "1900-01-01 08:00:00" |
| | | ? "--" |
| | | : this.dateFormat("YYYY-mm-dd HH:MM:SS", dateTime) |
| | | }, |
| | | // 时间显示 |
| | | dateFormat(fmt, date) { |
| | | let ret = "" |
| | |
| | | } |
| | | } |
| | | return fmt |
| | | }, |
| | | getContactList() { |
| | | getContactList({ |
| | | search_map: { |
| | | client_id: this.clientManageDetail.infomation.id |
| | | }, |
| | | page: 0, |
| | | pageSize: 0 |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | console.log(res.data.list) |
| | | if (res.data.list && res.data.list.length > 0) { |
| | | let data = res.data.list[0] |
| | | console.log(data) |
| | | this.contact_name = data.name |
| | | this.contact_phone = data.phone |
| | | this.contact_position = data.position |
| | | this.contact_wechat = data.wechat |
| | | this.contact_email = data.email |
| | | } |
| | | } |
| | | this.setData(this.detailConfig.infomation) |
| | | }) |
| | | } |
| | | } |
| | | } |
| | |
| | | color: #333; |
| | | } |
| | | } |
| | | .remark { |
| | | .remark, |
| | | .all { |
| | | width: 100%; |
| | | } |
| | | } |
| | | .business_scope { |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 14px; |
| | | min-height: 40px; |
| | | .content-title { |
| | | width: 320px; |
| | | text-align: right; |
| | | color: #555; |
| | | } |
| | | .content-data { |
| | | flex: 1; |
| | | padding: 5px; |
| | | text-align: left; |
| | | margin-left: 25px; |
| | | color: #333; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .second { |
| | | height: calc(100vh - 111px); |
| | | background: #fff; |
| | | .followup-records { |
| | | .table-view { |