| | |
| | | > |
| | | <template slot="title"> |
| | | <div class="header"> |
| | | <span class="header-label">单据编号</span> |
| | | <span class="header-title">{{ detailConfig.infomation.name }}</span> |
| | | <span class="header-label">合同管理</span> |
| | | <span class="header-title">{{ detailConfig.infomation.number }}</span> |
| | | </div> |
| | | </template> |
| | | <div class="content"> |
| | | <div class="top"> |
| | | <!-- <div class="top"> |
| | | <ul> |
| | | <li v-for="(item, i) in topList" :key="i"> |
| | | <div class="left1"> |
| | |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> --> |
| | | <div class="tab-view"> |
| | | <el-tabs v-model="activeName" @tab-click="tabsClick"> |
| | | <el-tab-pane label="详情" name="first"></el-tab-pane> |
| | | <el-tab-pane label="附件管理" name="annex"> |
| | | <!-- <template slot="label"> |
| | | <!-- <el-tab-pane label="附件管理" name="annex"> --> |
| | | <!-- <template slot="label"> |
| | | <div>跟进记录<el-badge type="primary" :value="2"> </el-badge></div> |
| | | </template> --> |
| | | </el-tab-pane> |
| | | <!-- </el-tab-pane> --> |
| | | </el-tabs> |
| | | </div> |
| | | <div v-if="activeName === 'first'" class="detail"> |
| | | <!-- 进度追踪 --> |
| | | <div class="basic-info"> |
| | | <!-- <div class="basic-info"> |
| | | <div class="basic-info-label" @click="expandClick('schdule')"> |
| | | <i v-if="isSchduleExpand" class="el-icon-arrow-down"></i> |
| | | <i v-else class="el-icon-arrow-up"></i> |
| | |
| | | </el-steps> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 机会基本信息 --> |
| | | </div> --> |
| | | <!-- 基本信息 --> |
| | | <div class="basic-info"> |
| | | <div class="basic-info-label" @click="expandClick('basic')"> |
| | | <i v-if="isBasicExpand" class="el-icon-arrow-down"></i> |
| | | <i v-else class="el-icon-arrow-up"></i> |
| | | <span style="margin-left: 10px">机会基本信息</span> |
| | | <span style="margin-left: 10px">基本信息</span> |
| | | </div> |
| | | <div v-show="isBasicExpand" class="basic-info-content"> |
| | | <ul> |
| | | <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> |
| | | </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 === 'annex'" class="second"> |
| | | <!-- <FollowupRecords :isDetail="true" /> --> |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.setData() |
| | | this.setData(this.detailConfig.infomation) |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | setData() { |
| | | setData(item) { |
| | | this.topList = [ |
| | | { |
| | | left1Str: "单据编号", |
| | |
| | | this.basicInfoList = [ |
| | | { |
| | | leftStr: "客户名称", |
| | | leftValue: "", |
| | | leftValue: item.client.name, |
| | | rightStr: "单据编号", |
| | | rightValue: "" |
| | | rightValue: item.number |
| | | }, |
| | | { |
| | | leftStr: "负责人", |
| | | leftValue: "", |
| | | rightStr: "创建人", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "创建时间", |
| | | leftValue: "", |
| | | rightStr: "最新更新人", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "更新时间", |
| | | leftValue: "", |
| | | rightStr: "审批状态", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "最新审批时间", |
| | | leftValue: "", |
| | | rightStr: "上一步审批人", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "当前审批人", |
| | | leftValue: "", |
| | | leftValue: item.member.username, |
| | | rightStr: "合同状态", |
| | | rightValue: item.serviceContractStatus.name |
| | | }, |
| | | { |
| | | leftStr: "创建人", |
| | | leftValue: "", |
| | | rightStr: "创建时间", |
| | | rightValue: item.created_at |
| | | }, |
| | | { |
| | | leftStr: "最新更新人", |
| | | leftValue: "", |
| | | rightStr: "更新时间", |
| | | rightValue: "" |
| | | }, |
| | | // { |
| | | // leftStr: "审批状态", |
| | | // leftValue: "", |
| | | // rightStr: "最新审批时间", |
| | | // rightValue: "" |
| | | // }, |
| | | // { |
| | | // leftStr: "上一步审批人", |
| | | // leftValue: "", |
| | | // rightStr: "当前审批人", |
| | | // rightValue: "" |
| | | // }, |
| | | { |
| | | leftStr: "销售报价单", |
| | | leftValue: "", |
| | | leftValue: item.quotation.number, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |