| | |
| | | </div> |
| | | <div v-if="activeName === 'first'" class="detail"> |
| | | <!-- 标签 --> |
| | | <div class="basic-info"> |
| | | <!-- <div class="basic-info"> |
| | | <div class="basic-info-label" @click="expandClick('label')"> |
| | | <i v-if="isLabelExpand" class="el-icon-arrow-down"></i> |
| | | <i v-else class="el-icon-arrow-up"></i> |
| | | <span style="margin-left: 10px">标签</span> |
| | | </div> |
| | | <div v-show="isLabelExpand" class="basic-info-content"></div> |
| | | </div> |
| | | </div> --> |
| | | <!-- 基本信息 --> |
| | | <div class="basic-info"> |
| | | <div class="basic-info-label" @click="expandClick('basic')"> |
| | |
| | | <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 class="content-title">{{ item.rightStr + ":" }}</div> |
| | | <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | <div class="termsConditions"> |
| | | <div class="content-title">{{ "条件与条款" + ":" }}</div> |
| | | <div class="content-termsConditions"> |
| | | <ul> |
| | | {{ "\n" + detailConfig.infomation.conditions }} |
| | | <!-- <ul> |
| | | <li v-for="(item, index) in Status.termsConditions" :key="index">{{ item }}</li> |
| | | </ul> |
| | | </ul> --> |
| | | </div> |
| | | </div> |
| | | </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 class="basic-info"> |
| | | <div class="basic-info-label" @click="expandClick('product')"> |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.setData() |
| | | this.setData(this.detailConfig.infomation) |
| | | this.setTableForm() |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | setData() { |
| | | setData(item) { |
| | | this.basicInfoList = [ |
| | | { |
| | | leftStr: "客户名称", |
| | | leftValue: "", |
| | | rightStr: "销售机会编号", |
| | | rightValue: "" |
| | | leftValue: item.client_name, |
| | | rightStr: "报价编号", |
| | | rightValue: item.number |
| | | }, |
| | | { |
| | | leftStr: "机会名称", |
| | | leftValue: "", |
| | | leftStr: "报价单状态", |
| | | leftValue: item.quotation_status_id, |
| | | rightStr: "联系人姓名", |
| | | rightValue: "" |
| | | rightValue: item.contact_name |
| | | }, |
| | | { |
| | | leftStr: "商机来源", |
| | | leftValue: "", |
| | | rightStr: "商机类型", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "销售阶段", |
| | | leftValue: "", |
| | | leftStr: "有效期至", |
| | | leftValue: item.validity_date, |
| | | rightStr: "销售负责人", |
| | | rightValue: "" |
| | | rightValue: item.member_id |
| | | }, |
| | | { |
| | | leftStr: "老客户营销", |
| | | leftValue: "", |
| | | rightStr: "签到", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "审批状态", |
| | | leftValue: "", |
| | | rightStr: "竞争对手", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "创建人", |
| | | leftValue: "", |
| | | leftStr: "销售机会", |
| | | leftValue: item.sale_chance.name, |
| | | rightStr: "创建时间", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | | this.forecastList = [ |
| | | { |
| | | leftStr: "可能性(%)", |
| | | leftValue: "", |
| | | rightStr: "币种", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "预算绝对值", |
| | | leftValue: "", |
| | | rightStr: "预计成交日期", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "预计合同金额", |
| | | leftValue: "", |
| | | rightStr: "当前状态", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | | this.dynamicInfoList = [ |
| | | { |
| | | leftStr: "未联系天数", |
| | | leftValue: "", |
| | | rightStr: "最新联系日期", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "未推荐天数", |
| | | leftValue: "", |
| | | rightStr: "最新推进时间", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "最新联系人", |
| | | leftValue: "", |
| | | rightStr: "最新更新时间", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | | this.businessInfoList = [ |
| | | { |
| | | leftStr: "客户需求或痛点(why)", |
| | | leftValue: "" |
| | | }, |
| | | { |
| | | leftStr: "是否已经立项(plan)", |
| | | leftValue: "" |
| | | }, |
| | | { |
| | | leftStr: "资金预算是多少(plan)", |
| | | leftValue: "" |
| | | }, |
| | | { |
| | | leftStr: "关键决策人是谁(who)", |
| | | leftValue: "" |
| | | }, |
| | | { |
| | | leftStr: "关键决策因素有哪些(what)", |
| | | leftValue: "" |
| | | }, |
| | | { |
| | | leftStr: "决策流程是怎样的(what)", |
| | | leftValue: "" |
| | | }, |
| | | { |
| | | leftStr: "竞争对手提供的方案(what)", |
| | | leftValue: "" |
| | | } |
| | | ] |
| | | this.swotInfoList = [ |
| | | { |
| | | leftStr: "优势(S)", |
| | | leftValue: "", |
| | | rightStr: "劣势(W)", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "机会(O)", |
| | | leftValue: "", |
| | | rightStr: "威胁(T)", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | | this.addressInfoList = [ |
| | | { |
| | | leftStr: "国家", |
| | | leftValue: "", |
| | | rightStr: "省份", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "城市", |
| | | leftValue: "", |
| | | rightStr: "区域", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "详细地址", |
| | | leftValue: "", |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | | ] |
| | | this.historyList = [ |
| | | { |
| | | date: "2023-08-04 13:22:36", |
| | | stage: "成功结案", |
| | | modify: "系统管理员" |
| | | }, |
| | | { |
| | | date: "2023-08-04 13:22:36", |
| | | stage: "成功结案", |
| | | modify: "系统管理员" |
| | | } |
| | | ] |
| | | }, |
| | |
| | | align-items: center; |
| | | font-size: 14px; |
| | | font-family: PingFangSC; |
| | | min-height: 40px; |
| | | // padding: 5px 0; |
| | | .content-title { |
| | | width: 320px; |
| | |
| | | color: #555; |
| | | } |
| | | .content-termsConditions { |
| | | margin-left: 25px; |
| | | margin: 0px 25px 15px; |
| | | font-size: 13px; |
| | | color: #333; |
| | | li { |
| | | margin: 5px 0; |
| | | border-bottom: 0px solid #f9f9fb; |
| | | } |
| | | white-space: pre-wrap; |
| | | // li { |
| | | // margin: 5px 0; |
| | | // border-bottom: 0px solid #f9f9fb; |
| | | // } |
| | | } |
| | | } |
| | | } |