| | |
| | | <el-tab-pane label="收款单" name="receipt"></el-tab-pane> |
| | | <el-tab-pane label="客户服务单" name="clientService"> </el-tab-pane> |
| | | <el-tab-pane label="销售发票" name="invoice"></el-tab-pane> |
| | | <el-tab-pane label="销售子单" name="sub"></el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | <div v-if="activeName === 'first'" class="detail"> |
| | |
| | | <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 v-if="item.rightStr" class="right"> |
| | | <div class="content-title">{{ item.rightStr }}</div> |
| | | <div class="content-data">{{ item.rightValue }}</div> |
| | | <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | <li v-for="(item, i) in dynamicInfoList" :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 v-if="item.rightStr" class="right"> |
| | | <div class="content-title">{{ item.rightStr }}</div> |
| | | <div class="content-data">{{ item.rightValue }}</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.remark }}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | <div v-if="activeName === 'invoice'" class="second"> |
| | | <!-- <FollowupRecords :isDetail="true" /> --> |
| | | </div> |
| | | <div v-if="activeName === 'sub'" class="second"> |
| | | <SubOrder :isDetail="true" /> |
| | | </div> |
| | | </div> |
| | | </el-drawer> |
| | | </div> |
| | |
| | | |
| | | <script> |
| | | import ClientServiceOrder from "@/views/service/clientServiceOrder" |
| | | import SubOrder from "@/views/sales/subOrder" |
| | | import Status from "@/common/const/salesFixedStatus" |
| | | import CommonFormTableView from "@/components/makepager/CommonFormTableView" |
| | | export default { |
| | |
| | | } |
| | | } |
| | | }, |
| | | components: { ClientServiceOrder, SubOrder, CommonFormTableView }, |
| | | components: { ClientServiceOrder, CommonFormTableView }, |
| | | computed: {}, |
| | | data() { |
| | | return { |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.setData() |
| | | this.setData(this.detailConfig.infomation) |
| | | this.setTableForm() |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | setData() { |
| | | setData(item) { |
| | | this.basicInfoList = [ |
| | | { |
| | | leftStr: "客户名称", |
| | | leftValue: "", |
| | | leftValue: item.client_name, |
| | | rightStr: "服务合同编号", |
| | | rightValue: "" |
| | | rightValue: item.number |
| | | }, |
| | | { |
| | | leftStr: "负责人", |
| | | leftValue: "", |
| | | leftValue: item.memberId, |
| | | rightStr: "联系人姓名", |
| | | rightValue: "" |
| | | rightValue: item.contactId |
| | | }, |
| | | { |
| | | leftStr: "销售机会", |
| | | leftValue: "", |
| | | leftValue: item.SaleChance.name, |
| | | rightStr: "合同订单", |
| | | rightValue: "" |
| | | rightValue: item.salesDetails.number |
| | | }, |
| | | { |
| | | leftStr: "报价单", |
| | | leftValue: "", |
| | | leftValue: item.quotation.number, |
| | | rightStr: "合同类型", |
| | | rightValue: "" |
| | | rightValue: item.serviceContractType |
| | | }, |
| | | { |
| | | leftStr: "合同发起人", |
| | |
| | | }, |
| | | { |
| | | leftStr: "签约日期", |
| | | leftValue: "", |
| | | leftValue: item.signTime, |
| | | rightStr: "服务开始日期", |
| | | rightValue: "" |
| | | rightValue: item.startTime |
| | | }, |
| | | { |
| | | leftStr: "创建人", |
| | | leftValue: "", |
| | | rightStr: "服务到期日", |
| | | rightValue: "" |
| | | rightValue: item.endTime |
| | | }, |
| | | { |
| | | leftStr: "创建时间", |
| | |
| | | leftStr: "审批状态", |
| | | leftValue: "", |
| | | rightStr: "合同状态", |
| | | rightValue: "" |
| | | rightValue: item.serviceContractStatus |
| | | }, |
| | | { |
| | | leftStr: "已服务次数", |
| | | leftValue: "", |
| | | leftValue: item.serviceTimes, |
| | | rightStr: "应服务次数", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "已收总额", |
| | | leftValue: "", |
| | | leftValue: item.amountReceived, |
| | | rightStr: "应收余额", |
| | | rightValue: "" |
| | | rightValue: item.amountReceivable |
| | | }, |
| | | { |
| | | leftStr: "已开票金额", |
| | | leftValue: "", |
| | | leftValue: item.amountInvoiced, |
| | | rightStr: "未开票金额", |
| | | rightValue: "" |
| | | rightValue: item.amountUnInvoiced |
| | | } |
| | | ] |
| | | }, |