<template>
	<view>
		<view class="cmain" style="padding-bottom: 80px;">
			<view class="box order_detail">
				<view class="item">
					<text class="label">商品名称</text>
					<text class="desc omit">{{ item.goodsNames }}</text>
				</view>
				<view class="item">
					<text class="label">订单编号</text>
					<text class="desc omit">{{ item.tradeNo }}</text>
				</view>
				<view class="item">
					<text class="label">商品重量</text>
					<text class="desc">{{ item.totalWeight }}</text>
				</view>
				<view class="item">
					<text class="label">商品单位</text>
					<text class="desc">{{ item.goodsUnit }}</text>
				</view>
				<view class="item">
					<text class="label">转售金额(必填)</text>
					<text class="desc">
						<input type="number" v-model="resalePrice" placeholder="请输入(元)" />
					</text>
				</view>
				<view class="item">
					<text class="label">利润</text>
					<text class="desc">50元</text>
				</view>
				<view class="item">
					<text class="label">总金额(系统计算)</text>
					<text class="desc">
						<input type="number" v-model="sumPrice"  :disabled="true"/>
					</text>
				</view>
			</view>
			<u-divider text="费项明细"></u-divider>
			<view class="box">
				<u-collapse v-for="(item,index) in feeItemLIst" :key="index">
					<u-collapse-item :title="item.name" class="cell_title" >
						<view class="itm">1、收费企业：{{ item.companyName }}</view>
						<view class="itm" v-if="item.feeType ==1">2、收费类型：按交易额收取</view>
						<view class="itm" v-if="item.feeType ==2">2、收费类型：按次收取</view>
						<view class="itm" v-if="item.feeType ==3">2、收费类型：按吨收取</view>
						<view class="itm" v-if="item.feeType ==1">3、收费%(按交易额)：<span style="color: coral;">{{ item.percent }} %</span></view>
						<view class="itm" v-if="item.feeType ==1">4、当前订单收取金额：<span style="color: coral;">{{ (item.percent * resalePrice)/100}} 元</span></view>
						<view class="itm" v-if="item.feeType ==2">3、收费金额(按次收)：<span style="color: coral;">{{ item.feeMoney }} 元</span></view>
						<view class="itm" v-if="item.feeType ==2">4、当前订单收取金额：<span style="color: coral;">{{ item.feeMoney }} 元</span></view>
						<view class="itm" v-if="item.feeType ==3">3、收费%(按吨)：<span style="color: coral;">{{ item.percent }} %</span></view>
						<view class="itm" v-if="item.feeType ==3">4、当前订单收取金额：<span style="color: coral;">{{ (item.percent * resalePrice)/100}} 元</span></view>
						</br>
						<view class="itm">当前费项收取金额以最后结算时为准</view>
					</u-collapse-item>
				</u-collapse>
			</view>
		</view>
		<view class="mfooter" v-if="item.resaleStatus != 1">
			<view class="flex">
				<view class="f">
					<button class="btn" @click="ok()">确定</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			item: {},
			resalePrice: '',
			feeItemLIst: [],
			sumPrice: ''
		};
	},
	onLoad(e) {
		if (e.item) {
			this.item = JSON.parse(e.item);
			this.countPrice();
		}
		this.getFeeItem();
	},
	methods: {
		//费项明细
		getFeeItem(){
			this.http.request({
				url: '/level-two-server/app/TbItemRules/getAllList',
				success: res => {
					this.feeItemLIst = res.data.data
				}
			});
		},
		//费项合计
		countPrice(){
			this.http.request({
				url: '/level-two-server/app/TbOrders/countPrice',
				data: {id: this.item.id},
				success: res => {
					this.sumPrice = res.data.data
				}
			});
		},
		ok() {
			let rule = { name: 'resalePrice', checkType: 'notnull', errorMsg: '请输入转售金额' };
			if (!this.verify.check(this.resalePrice, rule)) {
				uni.showModal({ content: this.verify.error, showCancel: false });
				return false;
			}
			uni.showModal({
				title: '提示',
				content: '我已核对转售信息',
				success: res => {
					if (res.confirm) {
						this.http.request({
							url: '/level-two-server/app/TbOrders/addOrderByResale',
							data: {id: this.item.id, resalePrice: this.resalePrice},
							success: res => {
								uni.showToast({title: '提交成功'});
								this.item.resaleStatus = 1;
							}
						});
					}
				}
			});
		}
	}
};
</script>

<style lang="scss">
page {
	background-color: $pg;
}
.item {
	input{
		margin-top: 0px!important;
	}
	}

</style>
