caimei-applets-crm/components/cm-module/receipt/receipt-refund.vue

<template name="information">
	<view class="information-template">
		 <!-- 订单信息 -->
		<view class="list-title" @click.stop="orderDetail(order.id)">
			<view class="list-title-t">
				<view class="list-title-tip">
					<text class="badges">{{ order.orderType | formatOrderType }}</text>
				</view>
				<view class="list-title-num">{{ order.statusName }}</view>
			</view>
			<view class="list-title-b">
				客户名称：<text class="text">{{ order.userName }}</text>
			</view>
			<view class="list-title-b">
				订单编号：<text class="text">{{ order.orderNo }} ( {{ order.orderId }} )</text>
			</view>
			<view class="list-title-b">
				下单日期：<text class="text">{{ order.orderTime }}</text>
			</view>
			<view class="list-title-b">
				<view class="list-title-b-item ">
					订单金额：<text class="text">￥{{ order.payTotalFee | NumFormat }}</text>
				</view>
				<view class="list-title-b-item ">
					余额抵扣：<text class="text">￥{{ order.balancePayFee | NumFormat }}</text>
				</view>
			</view>
			<view class="list-title-b">
				<view class="list-title-b-item ">
					应收金额：<text class="text">￥{{ order.payableAmount | NumFormat }}</text>
				</view>
				<view class="list-title-b-item ">
					已收金额：<text class="text">￥{{ order.paidAmount | NumFormat }}</text>
				</view>
			</view>
			<view class="list-title-b">
				<view class="list-title-b-item ">
					剩余应收：<text class="text">￥{{ order.surplusAmount | NumFormat }}</text>
				</view>
				<view class="list-title-b-item ">
					待审金额：<text class="text">￥{{ order.receiptAmount | NumFormat }}</text>
				</view>
			</view>
			<view class="list-title-b">
				经理折扣：
				<text class="text" v-if="order.discountFee - order.returnedPurchaseFee > 0">
					￥{{ order.discountFee - order.returnedPurchaseFee }}
					<text>
						(原¥{{ order.discountFee }} 折扣取消￥{{
							order.discountFee - order.returnedPurchaseFee > 0
								? order.returnedPurchaseFee
								: order.discountFee
						}})
					</text>
				</text>
				<text v-else>￥0.00(原¥0.00折扣取消￥0.00)</text>
			</view>
			<view class="list-title-b" v-if="order.returnedPurchaseFee > 0">
				退货退款：
				<text class="text">
					(原¥{{ order.returnedPurchaseFee }} 折扣取消￥{{
						j.discountFee - j.returnedPurchaseFee > 0
							? order.returnedPurchaseFee
							: order.discountFee
					}})
				</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name:'information',
		props:{
			orderInfo:{
				type:Object
			}
		},
		data() {
			return{
				order:{}
			}
		},
		created(){
			this.initData(this.orderInfo)
		},
		filters: {
			formatOrderType(value) {
				switch (value) {
					case 0:
						return '协销订单'
						break
					case 1:
						return '自主订单'
						break
					case 2:
						return '客服订单'
						break
				}
			},
			NumFormat(value) {
				//处理金额
				if (value) {
					return Number(value).toFixed(2)
				} else {
					return '0.00'
				}
			}
		},
		watch:{
			orderInfo:{
				handler:function(val){
					this.initData(val)
				},
				deep:true//对象内部的属性监听，也叫深度监听
			}
		},
		methods:{
			initData(data) {
				this.order = data
			},
			orderDetail(id) {
				//订单详情跳转
				this.$api.navigateTo(`/pages/relation/order/detail?orderId=${id}`)
			},
		}
	}
</script>

<style lang="scss">
	
</style>