market-app-ui/pages/market/two/leader/resale.vue

<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.tradeNo }}</text>
				</view>
				<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">{{ item.totalWeight }}</text>
				</view>
				<view class="item">
					<text class="label">净重</text>
					<text class="desc">{{ item.netWt }}</text>
				</view>	
				<view class="item">
					<text class="label">毛重</text>
					<text class="desc">{{ item.grossWt }}</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">¥ {{ item.totalPrice }}</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="resalePrice"  :disabled="true"/>
					</text>
				</view> -->
			</view>
			<u-divider text="费项明细"></u-divider>
			<view>总费用：{{fee.totalFee}}<span style="color: coral;margin-left: 5px;font-size: 16px;">元</span></view>
			<view class="box">
				<u-collapse v-for="(item,index) in fee.feeList" :key="index">
					<u-collapse-item :title="item.name" class="cell_title" >
						<view class="itm">1、名称：{{ item.name }}</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 ==2">3、收费金额(按次收)：<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">4、当前订单收取金额：<span style="color: coral;">{{ item.feeMoney }} 元</span></view>
				
					</u-collapse-item>
				</u-collapse>
			</view>
		</view>
		<view class="mfooter" v-if="item.upStatus != 2">
			<view class="flex">
				<view class="f">
					<button class="btn" @click="ok()">上架</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			item: {},
			resalePrice: '',
			weight: '',
			price: '',
			newRuleList: [],
			fee:{
				totalFee:0,
				feeList:[]
			}
		};
	},
	onLoad(e) {
		if (e.item) {
			this.item = JSON.parse(e.item);
			this.price = this.item.totalPrice;
			this.weight = this.item.totalWeight;
			this.countPrice();
		}
	},
	methods: {
		fetchItemList(){
			this.http.request({
				url: '/level-two-server/app/TbOrders/fetchItemList',
				data: {id: this.item.id},
				success: res => {
					this.resalePrice = (res.data.data.sumPrice + 50).toFixed(2)
					this.newRuleList = res.data.data.newRuleList
				}
			});
		},
		//费项合计
		countPrice(){
			this.http.request({
				url: '/level-two-server/app/TbOrders/countPrice',
				data: {id: this.item.id},
				success: res => {
					// this.resalePrice = (res.data.data.sumPrice + 50).toFixed(2)
					// this.newRuleList = res.data.data.newRuleList
					this.fee=res.data.data;
				}
			});
		},
		ok() {
			let resalePrice=this.resalePrice;
			if(!resalePrice){
					uni.showToast({title: '请填写上架金额',icon:'error'});
				return;
			}
			if(resalePrice<this.item.totalPrice){
				uni.showToast({title: '上架金额不能小于订单金额',icon:'error'});
				return;
			}
			uni.showModal({
				title: '提示',
				content: '确定上架？',
				success: res => {
					if (res.confirm) {
						this.http.request({
							url: '/level-one-server/app/TbOrder/up',
							data: {id: this.item.id, upPrice: this.resalePrice},
							success: res => {
								uni.showToast({title: '提交成功'});
								uni.navigateBack();
							}
						});
					}
				}
			});
		}
	}
};
</script>

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

</style>