<template>
	<view class="">
		<view class="purTop">
			<view :class="['purYi',index == 0 ? 'active' : 'purYi']" @click="onYi">
				<text :class="[index == 0 ? 'purYiText' : '']">待交易</text>
			</view>
			<view :class="['purJia',index == 1 ? 'active' : 'purJia']" @click="onJia">
				<text :class="[index == 1 ? 'purJiaText' : '']">待评价</text>
			</view>
			<view :class="['purOk',index == 2 ? 'active' : 'purOk']" @click="onOk">
				<text :class="[index == 2 ? 'purOkText' : '']">已完成</text>
			</view>
		</view>
		<view class="purNav" v-if="index == 0">
			<view class="purBood">
				<view class="purNavone" v-for="(item,index) in dataList" :key="index" @click="goTransaction(item.sell_id)">
					<view class="" style="display: flex;">
						<view class="purNavImg">
							<image :src="item.goods.images[0]" style="width: 200rpx;height: 200rpx;border-radius: 16rpx;" mode=""></image>
						</view>
						<view class="purNavHeight">
							<view class="purBotText">
								<text class="purBodyText">{{item.goods.goods_name}}</text>
							</view>
							<view class="purMoney">
								<text class="purFu">¥</text><text class="purFuSum">{{item.goods.price}}</text>
							</view>
						</view>
					</view>
					<view class="purNavont">
						<view class="purNavOk">
							<text class="goOnOk">待交易</text>
						</view>
						<!-- <view class="purNavont">
							<text class="heText">合计</text><text class="FuText">¥</text><text class="SumTextMoney">260</text>
						</view> -->
					</view>
				</view>

			</view>
		</view>
		<view class="purNav" v-if="index == 1">
			<view class="purBood">
				<view class="purNavone" v-for="(item,index) in dataList" :key="index" @click="goDetails(item.sell_id)">
					<view class="" @click.stop="goPing(item.sell_id)">


						<view class="" style="display: flex;" >
							<view class="purNavImg">
								<image :src="item.goods.images" style="width: 200rpx;height: 200rpx;border-radius: 16rpx;" mode=""></image>
							</view>
							<view class="purNavHeight">
								<view class="purBotText">
									<text class="purBodyText">{{item.goods.goods_name}}</text>
								</view>
								<view class="purMoney">
									<text class="purFu">¥</text><text class="purFuSum">{{item.goods.price}}</text>
								</view>
							</view>

						</view>
						<view class="purNavont">
							<view class="">
								
							</view>
							<!-- <text class="heText">合计</text><text class="FuText">¥</text><text class="SumText">260</text> -->
							<view class="goPing" >
								<text class="goPingText">去评价</text>
							</view>
						</view>
					</view>
				</view>

			</view>
		</view>
		<view class="purNav" v-if="index == 2">
			<view class="purBood">
				<view class="purNavone" v-for="(item,index) in dataList" :key="index" @click="goAccomplish(item.sell_id)">
					<view class="" style="display: flex;">
						<view class="purNavImg">
							<image :src="item.goods.images[0]" style="width: 200rpx;height: 200rpx;border-radius: 16rpx;" mode=""></image>
						</view>
						<view class="purNavHeight">
							<view class="purBotText">
								<text class="purBodyText">{{item.goods.goods_name}}</text>
							</view>
							<view class="purMoney">
								<text class="purFu">¥</text><text class="purFuSum">{{item.goods.price}}</text>
							</view>
						</view>
					</view>
					<view class="purNavont">
						<view class="purNavOk">
							<text class="goOnOk">已售卖</text>
						</view>
						<view class="purNavont">
							<!-- <text class="heText">合计</text><text class="FuText">¥</text><text class="SumTextMoney">260</text> -->
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="" style="margin-top: 100rpx;text-align: center;color: grey;" v-if="dataList.length==0">
		 暂无数据
		</view>
	</view>
</template>

<script>
	// import request from '../../utils/request.js'
	import request from '../../../utils/request.js'
	export default {
		onLoad(options) {
			if (options.index == 0) {
				this.index = 0;
				this.onYi()
			} else if (options.index == 1) {
				this.index = 1;
				this.onJia()
			} else {
				this.index = 2
				this.onOk()
			}
		},
		data() {
			return {
				pageNum:1,
				index: 0,
				dataList: []
			}
		},
		created() {

		},
		onReachBottom: function () {
		    this.pageNum=this.pageNum+1
		    if(this.index==0){
		    	 this.onDeal()
		    }else if(this.index==1){
		    	this.onEvaluate()
		    }else{
		    	this.off()
		    }
		  },
		methods: {
			//已完成详情
			goAccomplish(ids) {
				uni.navigateTo({
					url: '/myPackage/pages/me/accomplish?id=' + ids
				});
			},
			//待交易详情
			goTransaction(ids) {
				console.log(22)
				uni.navigateTo({
					url: '/myPackage/pages/me/transaction?id=' + ids
				});
			},
			goDetails() {

			},
			//待交易
			onYi() {
				this.index = 0;
				this.pageNum=1
				this.onDeal();
			},
			onDeal() {
				request.get('/api/personal/sellList', {
					page:this.pageNum,
					rows:10
				}).then(res => {
					let list = this.pageNum == 1 ? res.data.info.data: this.dataList.concat(res.data.info.data);
					this.dataList =list
				}).catch(err => {

				})
			},
			//待评价
			onJia() {
				this.index = 1;
				this.pageNum=1
				this.onEvaluate();
			},
			onEvaluate() {
				request.get('/api/personal/sellAssess', {
					page:this.pageNum,
					rows:10
				}).then(res => {
					let list = this.pageNum == 1 ? res.data.info.data: this.dataList.concat(res.data.info.data);
					this.dataList = list
				}).catch(err => {

				})
			},
			//已完成
			onOk() {
				this.index = 2;
				this.pageNum=1
				this.off()
			},
			off() {
				request.get('/api/personal/shouList', {
					page:this.pageNum,
					rows:10
				}).then(res => {
					let list = this.pageNum == 1 ? res.data.info.data: this.dataList.concat(res.data.info.data);
					this.dataList =list
				}).catch(err => {

				})
			},
			//订单详细
			goInOrder() {
				uni.navigateTo({
					url: '/myPackage/pages/me/orderItem'
				});
			},
			//去评价
			goPing(ids) {
				uni.navigateTo({
					url: '/myPackage/pages/me/evaluate?id=' + ids + '&index=2'
				});
			}
		}
	}
</script>

<style>
	@import url("/common/uni.css");
	@import url("/common/sell.css");
</style>