<template>
	<view>
		<view class="cmain">
			<view class="box order_detail">
				<view class="item">
					<text class="label">订单编号</text>
					<text class="desc">{{ item.orderNo }}</text>
				</view>
				<view class="item">
					<text class="label">商品名称</text>
					<text class="desc">{{ item.goodsName }}</text>
				</view>
				<view class="item">
					<text class="label">价格</text>
					<text class="desc omit">{{ item.resalePrice}}元</text>
				</view>
				<view class="item">
					<text class="label">收购商</text>
					<text class="desc">{{ item.purchaserName }}</text>
				</view>
				<view class="item" v-if="item.createTime">
					<text class="label">收购时间</text>
					<text class="desc">{{ item.createTime }}</text>
				</view>
			</view>
			<u-divider text="费项明细"></u-divider>
				<view class="box">
					<u-collapse v-for="(fee,index) in feeItemList" :key="index">
						<u-collapse-item :title="fee.name" class="cell_title" >
							<view class="itm">1、收费企业：{{ fee.companyName }}</view>
							<view class="itm" v-if="fee.feeType ==1">2、收费类型：按交易额收取</view>
							<view class="itm" v-if="fee.feeType ==2">2、收费类型：按次收取</view>
							<view class="itm" v-if="fee.feeType ==1">3、收费%(按交易额)：<span style="color: coral;">{{ fee.percent }} %</span></view>
							<view class="itm" v-if="fee.feeType ==1">4、当前订单收取金额：<span style="color: coral;">{{ (fee.percent * item.resalePrice)/100}} 元</span></view>
							<view class="itm" v-if="fee.feeType ==2">3、收费金额(按次收)：<span style="color: coral;">{{ fee.feeMoney }} 元</span></view>
							<view class="itm" v-if="fee.feeType ==2">4、当前订单收取金额：<span style="color: coral;">{{ fee.feeMoney }} 元</span></view>
							</br>
							<view class="itm">当前费项收取金额以最后结算时为准</view>
						</u-collapse-item>
					</u-collapse>
				</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			item: {},
			feeItemList: []
		};
	},
	onLoad(e) {
		if (e.id) {
			this.http.request({
				url: '/level-two-server/app/TbOrders/getDetailById',
				data: { ids: e.id },
				success: res => {
					let data = res.data.data;
					this.item = data[0];
				}
			});
		}
		this.getFeeItem();
	},
	methods: {
		//费项明细
		getFeeItem(){
			this.http.request({
				url: '/level-two-server/app/TbFeeItem/getList',
				success: res => {
					this.feeItemList = res.data.data
					console.log("feeItemList",this.feeItemList)
				}
			});
		},
	}
};
</script>

<style lang="scss">
page {
	background-color: $pg;
}
</style>
