| | |
| | | > |
| | | <template slot="title"> |
| | | <div class="header"> |
| | | <span class="header-label">报价单号</span> |
| | | <span class="header-label">销售总单</span> |
| | | <span class="header-title">{{ detailConfig.infomation.number }}</span> |
| | | </div> |
| | | </template> |
| | |
| | | <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> |
| | | </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 === 'sub'" class="second"> |
| | | <SubOrder :isDetail="true" /> |
| | | <SubOrder :isDetail="true" :add-config="addCommonConfig" /> |
| | | </div> |
| | | </div> |
| | | </el-drawer> |
| | |
| | | activeName: "first", |
| | | isBasicExpand: true, // 基本信息 |
| | | basicInfoList: [], |
| | | isAnnexExpand: true // 附件信息 |
| | | isAnnexExpand: true, // 附件信息 |
| | | addCommonConfig: {} |
| | | } |
| | | }, |
| | | created() { |
| | | this.setData() |
| | | this.setData(this.detailConfig.infomation) |
| | | this.addCommonConfig = { |
| | | id_name: "master_order_number", |
| | | id: this.detailConfig.infomation.id, |
| | | common_name: this.detailConfig.infomation.number, |
| | | master_order_number: this.masterOrderDetail.infomation.number, |
| | | masterOrderId: this.masterOrderDetail.infomation.id |
| | | } |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | setData() { |
| | | setData(item) { |
| | | this.basicInfoList = [ |
| | | { |
| | | leftStr: "客户名称", |
| | | leftValue: "", |
| | | leftValue: item.client_name, |
| | | rightStr: "单据编号", |
| | | rightValue: "" |
| | | rightValue: item.number |
| | | }, |
| | | { |
| | | leftStr: "负责人", |
| | | leftValue: "", |
| | | leftValue: item.member_name, |
| | | rightStr: "创建人", |
| | | rightValue: "" |
| | | }, |
| | |
| | | { |
| | | leftStr: "更新时间", |
| | | leftValue: "", |
| | | rightStr: "审批状态", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "最新审批时间", |
| | | leftValue: "", |
| | | rightStr: "上一步审批人", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "当前审批人", |
| | | leftValue: "", |
| | | rightStr: "服务开始时间", |
| | | rightValue: "" |
| | | rightValue: item.start_time |
| | | }, |
| | | // { |
| | | // leftStr: "审批状态", |
| | | // leftValue: "", |
| | | // rightStr: "最新审批时间", |
| | | // rightValue: "" |
| | | // }, |
| | | // { |
| | | // leftStr: "上一步审批人", |
| | | // leftValue: "", |
| | | // rightStr: "当前审批人", |
| | | // rightValue: "" |
| | | // }, |
| | | { |
| | | leftStr: "服务截止时间", |
| | | leftValue: "", |
| | | rightStr: "", |
| | | rightValue: "" |
| | | leftValue: item.end_time, |
| | | rightStr: "合同金额", |
| | | rightValue: item.money |
| | | } |
| | | ] |
| | | }, |
| | |
| | | } |
| | | .second { |
| | | background: #fff; |
| | | height: calc(100vh - 111px); |
| | | .followup-records { |
| | | .table-view { |
| | | margin-top: 0 !important; |