| | |
| | | <template slot="title"> |
| | | <div class="header"> |
| | | <span class="header-label">联系人姓名</span> |
| | | <span class="header-title">{{ detailConfig.infomation.contact_name }}</span> |
| | | <span class="header-title">{{ detailConfig.infomation.name }}</span> |
| | | </div> |
| | | </template> |
| | | <div class="content"> |
| | |
| | | <div>跟进记录<el-badge type="primary" :value="2"> </el-badge></div> |
| | | </template> --> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="销售明细单" name="detail"></el-tab-pane> |
| | | <!-- <el-tab-pane label="销售明细单" name="detail"></el-tab-pane> --> |
| | | <el-tab-pane label="服务合同" name="serviceContract"></el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | |
| | | <li v-for="(item, i) in basicInfoList" :key="i"> |
| | | <div class="left"> |
| | | <div class="content-title">{{ item.leftStr + ":" }}</div> |
| | | <div class="content-data">{{ item.leftValue }}</div> |
| | | <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="content-title">{{ item.rightStr }}</div> |
| | | <div class="content-data">{{ item.rightValue }}</div> |
| | | <div v-if="item.rightStr" class="right"> |
| | | <div class="content-title">{{ item.rightStr + ":" }}</div> |
| | | <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | <li v-for="(item, i) in addressInfoList" :key="i"> |
| | | <div class="left"> |
| | | <div class="content-title">{{ item.leftStr + ":" }}</div> |
| | | <div class="content-data">{{ item.leftValue }}</div> |
| | | <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="content-title">{{ item.rightStr }}</div> |
| | | <div class="content-data">{{ item.rightValue }}</div> |
| | | <div v-if="item.rightStr" class="right"> |
| | | <div class="content-title">{{ item.rightStr + ":" }}</div> |
| | | <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | <li> |
| | | <div class="left remark"> |
| | | <div class="content-title">{{ "备注:" }}</div> |
| | | <div class="content-data">{{ "备注内容" }}</div> |
| | | <div class="content-data">{{ detailConfig.infomation.desc }}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <!-- 附件信息 --> |
| | | <div class="basic-info"> |
| | | <!-- <div class="basic-info"> |
| | | <div class="basic-info-label" @click="expandClick('annex')"> |
| | | <i v-if="isAnnexExpand" class="el-icon-arrow-down"></i> |
| | | <i v-else class="el-icon-arrow-up"></i> |
| | |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </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" /> |
| | | <SalesDetails :isDetail="true" :add-config="addConfig" /> |
| | | </div> |
| | | <div v-if="activeName === 'serviceContract'" class="second"> |
| | | <ServiceContract :isDetail="true" /> |
| | | <ServiceContract :isDetail="true" :add-config="addConfig" /> |
| | | </div> |
| | | </div> |
| | | </el-drawer> |
| | |
| | | isAddressExpand: true, // 地址信息 |
| | | addressInfoList: [], |
| | | isRemarkExpand: true, // 备注信息 |
| | | isAnnexExpand: true // 附件信息 |
| | | isAnnexExpand: true, // 附件信息 |
| | | addConfig: {} |
| | | } |
| | | }, |
| | | created() { |
| | | this.setData() |
| | | this.setData(this.detailConfig.infomation) |
| | | this.addConfig = { |
| | | id_name: "contact_name", |
| | | id: this.detailConfig.infomation.id, |
| | | common_name: this.detailConfig.infomation.name, |
| | | client_name: this.detailConfig.infomation.client_name, |
| | | contact_name: this.detailConfig.infomation.name, |
| | | client_status_id: this.detailConfig.infomation.Client.client_status_id, |
| | | contact_id: this.detailConfig.infomation.id, |
| | | client_id: this.detailConfig.infomation.client_id, |
| | | keyword: this.detailConfig.infomation.name, |
| | | keywordType: "联系人姓名" |
| | | } |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | setData() { |
| | | setData(item) { |
| | | this.basicInfoList = [ |
| | | { |
| | | leftStr: "联系人姓名", |
| | | leftValue: "", |
| | | leftValue: item.name, |
| | | rightStr: "联系人编号", |
| | | rightValue: "" |
| | | rightValue: item.number |
| | | }, |
| | | { |
| | | leftStr: "客户名称", |
| | | leftValue: "", |
| | | leftValue: item.Client.name, |
| | | rightStr: "手机", |
| | | rightValue: "" |
| | | rightValue: item.phone |
| | | }, |
| | | { |
| | | leftStr: "职务", |
| | | leftValue: "", |
| | | leftValue: item.position, |
| | | rightStr: "销售负责人", |
| | | rightValue: "" |
| | | rightValue: item.member.username |
| | | }, |
| | | { |
| | | leftStr: "首要联系人", |
| | | leftValue: "", |
| | | leftValue: item.is_first ? "是" : "否", |
| | | rightStr: "微信号", |
| | | rightValue: "" |
| | | rightValue: item.wechat |
| | | }, |
| | | { |
| | | leftStr: "生日", |
| | | leftValue: "", |
| | | leftValue: item.birthday, |
| | | rightStr: "联系人Email", |
| | | rightValue: item.email |
| | | }, |
| | | { |
| | | leftStr: "下次回访日期", |
| | | leftValue: item.Client.next_visit_time, |
| | | rightStr: "最新联系日期", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "签到", |
| | | leftStr: "未联系天数", |
| | | leftValue: "", |
| | | rightStr: "下次回访日期", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "最新联系日期", |
| | | leftValue: "", |
| | | rightStr: "未联系天数", |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | | this.addressInfoList = [ |
| | | { |
| | | leftStr: "国家", |
| | | leftValue: "", |
| | | leftValue: "中国", |
| | | rightStr: "省份", |
| | | rightValue: "" |
| | | rightValue: item.Province.name |
| | | }, |
| | | { |
| | | leftStr: "城市", |
| | | leftValue: "", |
| | | rightStr: "区域", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "邮编", |
| | | leftValue: "", |
| | | leftValue: item.City.name, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |