| | |
| | | <li v-for="(item, i) in topList" :key="i"> |
| | | <div class="left1"> |
| | | <div class="content-title">{{ item.left1Str + ":" }}</div> |
| | | <div class="content-data">{{ item.left1Value }}</div> |
| | | <div class="content-data">{{ item.left1Value ? item.left1Value : "--" }}</div> |
| | | </div> |
| | | <div class="left2"> |
| | | <div class="content-title">{{ item.left2Str + ":" }}</div> |
| | | <div class="content-data">{{ item.left2Value }}</div> |
| | | <div class="content-data">{{ item.left2Value ? item.left2Value : "--" }}</div> |
| | | </div> |
| | | <div class="right1"> |
| | | <div class="content-title">{{ item.right1Str + ":" }}</div> |
| | | <div class="content-data">{{ item.right1Value }}</div> |
| | | <div class="content-data">{{ item.right1Value ? item.right1Value : "--" }}</div> |
| | | </div> |
| | | <div class="right2"> |
| | | <div class="content-title">{{ item.right2Str + ":" }}</div> |
| | | <div class="content-data">{{ item.right2Value }}</div> |
| | | <div class="content-data">{{ item.right2Value ? item.right2Value : "--" }}</div> |
| | | </div> |
| | | </li> |
| | | </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> |
| | |
| | | <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 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 deliveryInfoList" :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 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> |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.setData() |
| | | this.setData(this.detailConfig.infomation) |
| | | this.setTableForm() |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | setData() { |
| | | setData(item) { |
| | | this.topList = [ |
| | | { |
| | | left1Str: "客户名称", |
| | | left1Value: "", |
| | | left1Value: item.client.name, |
| | | left2Str: "合计", |
| | | left2Value: "", |
| | | left2Value: item.amountTotal, |
| | | right1Str: "已收金额", |
| | | right1Value: "0.00", |
| | | right2Str: "已开票金额", |
| | |
| | | left1Str: "签约日期", |
| | | left1Value: "", |
| | | left2Str: "销售负责人", |
| | | left2Value: "", |
| | | left2Value: item.Member.username, |
| | | right1Str: "应收金额", |
| | | right1Value: "0.00", |
| | | right2Str: "未开票金额", |
| | |
| | | this.basicInfoList = [ |
| | | { |
| | | leftStr: "客户名称", |
| | | leftValue: "", |
| | | leftValue: item.client.name, |
| | | rightStr: "订单编号", |
| | | rightValue: "" |
| | | rightValue: item.number |
| | | }, |
| | | { |
| | | leftStr: "销售机会", |
| | | leftValue: "", |
| | | leftValue: item.saleChance.name, |
| | | rightStr: "选择源单", |
| | | rightValue: "" |
| | | }, |
| | | { |
| | | leftStr: "签约日期", |
| | | leftValue: "", |
| | | leftValue: item.signTime, |
| | | rightStr: "销售负责人", |
| | | rightValue: "" |
| | | rightValue: item.Member.username |
| | | }, |
| | | { |
| | | leftStr: "交付日期", |
| | | leftValue: "", |
| | | leftValue: item.deliveryDate, |
| | | rightStr: "订单来源", |
| | | rightValue: "" |
| | | }, |
| | |
| | | this.deliveryInfoList = [ |
| | | { |
| | | leftStr: "收货人", |
| | | leftValue: "", |
| | | leftValue: item.addressee, |
| | | rightStr: "收货联系方式", |
| | | rightValue: "" |
| | | rightValue: item.phone |
| | | }, |
| | | { |
| | | leftStr: "收货地址", |
| | | leftValue: "", |
| | | leftValue: item.address, |
| | | rightStr: "", |
| | | rightValue: "" |
| | | } |
| | |
| | | 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; |
| | | } |
| | | } |
| | | } |