<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;border-radius: 16rpx;" 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) {
				let that = this
				uni.showModal({
					title: '提示',
					content: '确认删除该订单吗?',
					success: function(res) {
						if (res.confirm) {
							request.get('/api/personal/delGoods', {
								goods_id: id
							}).then(res => {
								if (res.code == 1) {
									that.dataList.splice(index, 1)
									that.listData()
								}
							}).catch(err => {
							})

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

			},
			delNeed(id, index) {
				let that = this
				uni.showModal({
					title: '提示',
					content: '确认删除该订单吗?',
					success: function(res) {
						if (res.confirm) {
							request.get('/api/personal/delNeed', {
								id: id
							}).then(res => {
								that.dataList.splice(index, 1)
								that.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>