| | |
| | | <el-table-column |
| | | prop="productName" |
| | | label="产品名称" |
| | | width="200" |
| | | ></el-table-column> |
| | | |
| | | <el-table-column label="配置详情"> |
| | | <el-table-column label="配置详情" width="250"> |
| | | <template slot-scope="scope"> |
| | | <div style="text-align: left"> |
| | | <p v-if="scope.row.moduleNames.length > 0"> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="devCount" label="购买数量"></el-table-column> |
| | | <el-table-column pro="devIdList" label="绑定设备"> |
| | | <el-table-column pro="devIdList" label="绑定设备" width="250"> |
| | | <template slot-scope="scope"> |
| | | <div> |
| | | <p v-for="item in scope.row.devIdList" :key="item"> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="优惠" prop="discount"></el-table-column> |
| | | <el-table-column label="小计" prop="productPrice"></el-table-column> |
| | | <el-table-column label="小计"> |
| | | <template> |
| | | {{ orderInfo.orderMoney }} |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div class="title">支付方式</div> |
| | |
| | | |
| | | <div class="total"> |
| | | <div class="money"> |
| | | 应付款<span class="number">{{ sum }}元</span> |
| | | 应付款<span class="number">{{ orderInfo.orderMoney }}元</span> |
| | | </div> |
| | | |
| | | <div class="policy"> |
| | |
| | | <OffpayInstruct |
| | | v-if="showOffpayInstruct" |
| | | @close="showOffpayInstruct = false" |
| | | :offerData="{ username: username, sum: sum, orderId: orderId }" |
| | | :offerData="{ |
| | | username: username, |
| | | sum: orderInfo.orderMoney, |
| | | orderId: orderId, |
| | | }" |
| | | @confirm="confirmOrder" |
| | | ></OffpayInstruct> |
| | | <UploadBox |
| | |
| | | @close="showUploadBox = false" |
| | | @back="back" |
| | | v-if="showUploadBox" |
| | | @closeAll="closeAll" |
| | | > |
| | | </UploadBox> |
| | | </div> |
| | |
| | | showUploadBox: false, |
| | | }; |
| | | }, |
| | | computed: { |
| | | sum() { |
| | | let sum = 0; |
| | | sum = this.orders.reduce((prev, next) => prev + next.productPrice, 0); |
| | | return this.numeral(sum).format("0,0.00"); |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.getResumeList(); |
| | | this.username = JSON.parse(sessionStorage.getItem("userInfo")).username; |
| | | }, |
| | | methods: { |
| | | assureOnlinePay() { |
| | | this.onlinePayVisible = false; |
| | | this.$router.replace("/Layout/ManageOrder"); |
| | | this.$emit("close"); |
| | | this.$router.replace("/personalCenter?id=0"); |
| | | }, |
| | | getResumeList() { |
| | | getOrderById(this.orderId).then((res) => { |
| | |
| | | } |
| | | }, |
| | | close() { |
| | | this.$emit("close"); |
| | | }, |
| | | closeAll() { |
| | | this.showUploadBox = false; |
| | | this.$emit("close"); |
| | | }, |
| | | confirmOrder() { |
| | |
| | | .policy { |
| | | margin-top: 10px; |
| | | display: flex; |
| | | justify-content: end; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | font-size: 14px; |
| | | |
| | |
| | | right: 20px; |
| | | bottom: 20px; |
| | | display: flex; |
| | | justify-content: end; |
| | | justify-content: flex-end; |
| | | text-align: center; |
| | | line-height: 40px; |
| | | |