hezhiying/pages/warehouse/weituo.vue

<template>
	<view class="page">
		<!-- 订单商品 -->
		<view class="order-goods">
			<view class="goods-list">
				<view v-for="(item,index) in orderInfo" :key="index">
					<view class="orderNum">
						订单编号：{{orderDetails.order_sn}}
					</view>
					<view class="list">
						<view class="thumb">
							<image :src="item.goods_image" mode=""></image>
						</view>
						<view class="item">
							<view class="title">
								<text class="one-omit">{{item.goods_name}}</text>
							</view>
							
							<view class="price">
								<text>购买价格：￥{{item.goods_price}}</text>
							</view>
							
						</view>
					</view>
					
				</view>
			</view>
			
		</view>
		<!-- 订单信息 -->
		<view class="order-info">
			<view class="weituotitle">
				委托价格
			</view>
			<view class="priceContent">
				￥{{orderDetails.order_amount}}
			</view>
			
			<view class="slide">
				<slider :value="value" @changing="sliderChange" :min="min" :max="max"/>
				
			</view>
			<view class="numContent">
				<view class="">
					{{min}}
				</view>
				<view class="">
					{{max}}
				</view>
			</view>
		</view>
		<view class="order-info">
			<view class="info-list">
				<view class="list" @click="goyhq">
					<view class="title">优惠券:</view>
					<view class="content">
						<text>{{couponNum}}</text>
						<text class="iconfont icon-more"></text>
					</view>
				</view>
				<view class="list">
					<view class="title">上架手续费:</view>
					<view class="content">
						<text>￥{{sxf}}</text>
					</view>
				</view>
				
			</view>
		</view>
		
		<!-- 订单明细 -->
		<view class="order-details">
			<view class="details-list">
				<view class="list">
					<view class="title">
						<text>使用佣金</text>
					</view>
					<view class="price">
						<u-switch v-model="switchValue" 
						:activeValue="1"
						:inactiveValue="0"
					></u-switch>
					</view>
				</view>
				
			</view>
		</view>
		<view class="btnContainer">
			<view class="heji">
				合计：￥{{total}}
			</view>
			<view class="btnItem" @click="submitHandle">
				确认上架
			</view>
		</view>
	</view>
</template>

<script>
	import {orderDetail,payUpGoods} from '@/common/api.js'
	export default {
		data() {
			return {
				orderInfo:[],
				warehouse:[],
				orderDetails:{},
				value:30,
				min:0,
				max:0,
				coupon_id:null,
				couponNum:0,
				sxfRadio:null,
				sxf:null,
				switchValue:1,
				total:0,
			};
		},
		methods:{
			submitHandle(){
				let params={
					order_id:this.id,
					coupon_id:this.coupon_id,
					use_commission:this.switchValue,
				}
				payUpGoods(params).then(res=>{
					this.getOrderDetails()
				})
				
			},
			goyhq(){
				uni.navigateTo({
					url:"/pages/MyCoupon/MyCoupon?id="+this.id
				})
			},
			gopay(){
				uni.navigateTo({
					url:"/pages/warehouse/pay?num="+this.orderDetails.order_amount+'&id='+this.orderDetails.id
				})
			},
			getOrderDetails(){
				orderDetail({id:this.id,custom: { auth: true }}).then(res=>{
					this.value = this.min = res.data.order_amount
					this.orderDetails = Object.assign({},this.orderDetails,res.data);
					this.orderInfo = res.data.order_goods
					this.warehouse = res.data.warehouse
					this.sxfRadio = res.data.entrustment_ratio
					this.max = Number(this.min)*(1+(Number(res.data.entrusted_ratio)/100))
					console.log(this.max)
					let sxf = Number(res.data.order_amount)*(Number(this.sxfRadio)/100)
					this.sxf = sxf.toFixed(2)
					this.total = (Number(this.orderDetails.order_amount)+ Number(this.sxf) - Number(this.couponNum)).toFixed(2);
				})
			},
			sliderChange(val){
				this.orderDetails.order_amount = val.detail.value;
				let sxf = Number(val.detail.value)*(Number(this.sxfRadio)/100)
				this.sxf = sxf.toFixed(2)
				this.total = (Number(this.orderDetails.order_amount)+ Number(this.sxf) - Number(this.couponNum)).toFixed(2);
			},
		
			// 微信支付
			async pay(pay_list) {
				let that = this;
				// #ifdef H5
				if (typeof WeixinJSBridge != "undefined") {
					return new Promise((resove, reject) => {
						WeixinJSBridge.invoke(
							'getBrandWCPayRequest', {
								"appId": "", //公众号ID，由商户传入     
								"timeStamp": "", //时间戳，自1970年以来的秒数     
								"nonceStr": "", //随机串     
								"package": "",
								"signType": "", //微信签名方式：     
								"paySign": "" //微信签名 
							},
							function(res) {
								if (res.err_msg == "get_brand_wcpay_request:ok") {
									setTimeout(() => {
										resove(true)
									}, 1000)
								} else {
									that.showToast({
										title: `支付失败`
									})
									setTimeout(() => {
										reject("支付失败")
									}, 1000)
								}
							})
					});
				}
				// #endif
			
			},
		},
		onLoad(option) {
			if(option.coupon){
				this.coupon_id = option.coupon_id;
				this.couponNum = Number(option.num);
			}
			this.id = option.id;
			this.getOrderDetails()
		}
	}
</script>

<style scoped lang="scss">
	@import 'weituo.scss';
	.numContent{
		display: flex;
		width:100%;
		justify-content: space-between;
		align-items: center;
		padding:0 24rpx 24rpx 24rpx;
		color:gray;
	}
</style>