<template>
	<view class="issueCon">
		<view class="issueTop">
			<view :class="['issueTopSp',index == 0 ? 'active' : '']" @click="commodity">
				<text :class="[index == 0 ? 'issueSq' : '']">发布的商品</text>
			</view>
			<view :class="['issueTopXq',index == 1 ? 'active' : '']" @click="demand">
				<text :class="[index == 1 ? 'issueXq' : '']">发布的需求</text>
			</view>
		</view>
		<view class="issueBottom" v-if="index == 0">
			<view class="issueBottomNav" v-for="(item,index) in dataList" :key="index" @click="goGoodsDetail(item.goods_id)">
				<view class="issueBottomImg">
					<image :src="item.images[0]" style="width: 200rpx;height: 200rpx;border-radius: 16rpx;" mode=""></image>
				</view>
				<view class="issueBottomRight">
					<view class="issueBottomRightText issueBox">
						<text>{{item.goods_name}}</text>
					</view>
					<view class="issueBottomMoney">
						<view class="issueBottomColor">
							<text class="issueBottomFu">¥</text><text class="issueBottomQian">{{item.price}}</text>
						</view>
						<view style="margin-right: 56rpx;display: flex;align-items: center;" @click.stop="del(item.goods_id)">
							<image src="../../static/image/shanchu_icon_1@2x.png" style="width: 24rpx;height: 25rpx;margin-right: 6rpx;"
							 mode=""></image>
							<text class="issueBottomDel">删除</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="issueBottom" v-if="index == 1">
			<view class="issueBottomNav" v-for="(item,index) in dataList1" :key="index" @click="goNeedsDetail(item.id)">
				<view class="issueBottomImg">
					<image :src="item.images[0]" style="width: 200rpx;height: 200rpx;" mode=""></image>
				</view>
				<view class="issueBottomRight">
					<view class="issueBottomRightText">
						<text>{{item.need_name}}</text>
					</view>
					<view class="issueBottomMoney">
						<view class="issueBottomColor">
							<text class="issueBottomFu">¥</text><text class="issueBottomQian">{{item.price}}</text>
						</view>
						<view style="margin-right: 56rpx;display: flex;align-items: center;" @click.stop="delNeed(item.id)">
							<image src="../../static/image/shanchu_icon_1@2x.png" style="width: 24rpx;height: 25rpx;margin-right: 6rpx;"
							 mode=""></image>
							<text class="issueBottomDel">删除</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	      <view class="" v-if="index==1&&dataList.length==0||index==2&&dataList1.length==0" style="text-align: center;margin-top: 200rpx;color: grey;">
	      	暂无数据
	      </view>
	</view>
</template>

<script>
	// import request from '../../utils/request.js'
	import request from '../../../utils/request.js'
	export default {
		onLoad() {
			this.listData()
		},
		data() {
			return {
				pageNum: 1,
				index: 0,
				dataList: [],
				dataList1: []
			}
		},
		onReachBottom: function() {
			this.pageNum = this.pageNum + 1
			if (this.index == 0) {
				this.listData()
			} else {
				this.listData1()
			}
		},
		methods: {
			//发布商品
			commodity() {
				this.index = 0;
				this.pageNum=1
				this.listData()
			},
			listData(url) {
				request.get('/api/personal/pushGoods', {
					page:this.pageNum,
					rows:10
				}).then(res => {
					let list = this.pageNum == 1 ? res.data.info.data: this.list.concat(res.data.info.data);
					this.dataList = list.reverse()
				}).catch(err => {

				})
			},
			goGoodsDetail(id) {
				uni.navigateTo({
					url: '/pages/index/good-details?goos_id=' + id + '&&indexs=1'
				})
			},
			//发布需求
			demand() {
				this.index = 1;
				this.pageNum=1
				this.listData1()
			},
			listData1() {
				request.get('/api/personal/pushNeed', {
					page:this.pageNum,
					rows:10
				}).then(res => {
					let list = this.pageNum == 1 ? res.data.info.data: this.list.concat(res.data.info.data);
					this.dataList1 =list.reverse()
				}).catch(err => {

				})
			},
			goNeedsDetail(id) {
				uni.navigateTo({
					url: '/pages/index/good-details?id=' + id + '&&indexs=2'
				})
			},
			//删除发布商品
			del(id, index) {
				uni.showModal({
					title: '提示',
					content: '确认删除该订单吗?',
					success: function(res) {
						if (res.confirm) {
							request.get('/api/personal/delGoods', {
								goods_id: id
							}).then(res => {
								this.dataList.splice(index, 1)
								this.listData()
							}).catch(err => {

							})
							this.listData()
						} else if (res.cancel) {}
					}
				});

			},
			delNeed(id, index) {
				uni.showModal({
					title: '提示',
					content: '确认删除该订单吗?',
					success: function(res) {
						if (res.confirm) {
							request.get('/api/personal/delNeed', {
								id: id
							}).then(res => {
								this.listData1()
							}).catch(err => {

							})
						} else if (res.cancel) {}
					}
				});
			}
		},


	}
</script>

<style>
	@import url("/common/uni.css");
	@import url("/common/issue.css");
	.issueBox{
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		    white-space: normal;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
	}
</style>