<style lang="scss">
	page{background: #fff;}
	.main{
		margin-top: 20px;
		padding: 0 34px 0 31px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.main-font {
		    font-size: 16px;
		    font-family: PingFang SC;
		    font-weight: 700;
		    color: #333;
		}
		.main-input{
			width: calc(100% - 120px);
		    height: 45px;
		    background: #f4f4f4;
		    border-radius: 5px;
		    font-size: 16px;
		    font-family: PingFang SC;
		    font-weight: 500;
		    color: #333;
		    line-height: 45px;
		    text-align: center;
		}
	}
	
	.main-price {
	    margin-top: 26px;
	    text-align: center;
	    font-size: 15px;
	    font-family: PingFang SC;
	    font-weight: 500;
	    color: #fd3b39;
	    margin-bottom: 31px;
	}
	
	.money{
	    margin-top: 38px;
	    text-align: center;
	    font-size: 16px;
	    font-family: PingFang SC;
	    font-weight: 700;
	    color: #fd3b39;
	}
	
	.btn{
	    width: 291px;
	    height: 41px;
	    background: #fc5b62;
	    border-radius: 20px;
	    margin: 49px auto 0;
	    font-size: 15px;
	    font-family: PingFangSC;
	    font-weight: 500;
	    color: #fff;
	    line-height: 41px;
	    text-align: center;
	}
	
</style>
<template>
	<view class="app">
		<view class="main">
			<view class="main-font">购买价格(元)</view>
			<view class="main-input">{{ data.buy_money || "" }}</view>
		</view>
		<view class="calendar">
			 <zeng-calen :actDay="actDay" :chooseDay="chooseDay" ></zeng-calen>
		</view>

		<view class="money">符合{{ data.mentor_name || '' }}</view>
		
		<view class="main">
			<view class="main-font">挂售日期</view>
			<view class="main-input">{{ data.next_time_str || "" }}</view>
		</view>
		
		<view class="main">
			<view class="main-font">挂售价格(元)</view>
			<view class="main-input">{{ data.next_hanging_price || 0 }}</view>
		</view>
		
		<view class="money">
			服务费{{ data.anticipate || '' }}易趣卷
		</view>
		
		
		<view class="btn" @tap="tapSumbit">确定</view>
		
	</view>
</template>


<script>
	import {mapState,mapMutations } from 'vuex';
	export default {
		computed: mapState(['user']),
		data() {
		    return {
				statusBarHeight : 20,
				orderId : 0,
				actDay:[],
				chooseDay:[],
				data : {}
		    }
		}, 
		onLoad(options) {
			this.orderId = options.id || 0;
			this.initView();
		},
		methods: {
			/**
			 * 加载基础配置
			 */
			initView:function(){
				uni.showLoading({ title: '获取数据中..' });
				var post = {};
				post.id = this.orderId;
				this
					.request
					.post("auctionHangingSale",post)
					.then(res => {
						uni.hideLoading();
						if(res.code == 200) {
							res.data.anticipate = res.data.anticipate.toFixed(2)
							this.data = res.data;
							this.actDay = [res.data.next_time];
						} else {
							this.utils.Tip(res.msg);
						}
					})
					.catch(res=>{
						uni.hideLoading();
						uni.showModal({title: '系统提示',content: '加载失败，返回在尝试',showCancel: false});
					});
			},
			/**
			 * 
			 */
			tapSumbit:function(){
				uni.showLoading({ title: '提交中..' });
				this
					.request
					.post("auctionHangingSaleSub",{id : this.orderId })
					.then(res => {
						uni.hideLoading();
						if(res.code == 200) {
							uni.redirectTo({ url:"./putSalt_ok" });
						} else {
							this.utils.Tip(res.msg);
						}
					})
					.catch(res=>{
						uni.hideLoading();
						uni.showModal({title: '系统提示',content: '加载失败，返回在尝试',showCancel: false});
					});
			}
			
		}
			
}
</script>


