myDevice.vue 1.5 KB
<template>
	<view>
		<view style="display: flex; justify-content: center; margin: 6rpx;" class="">
			<u-tabs :list="list1" @click="click"></u-tabs>
		</view>
		<view class="" style="padding: 24rpx;" >
			<view class="" v-if="list && list.length > 0">
				<view class="" v-for="item in list" >
					<item :info="item" :is-btn="true" @close="goClose"></item>
				</view>
			</view>
			<view class="" v-else style="margin-top: 40%;">
				<u-empty>
				</u-empty>
			</view>
		</view>
	</view>
</template>

<script>
	import item from '@/component/listItem/listItem.vue'
	export default {
		components: {
			item
		},
		data() {
			return {
				list1: [{
					name: '全部',
				}, {
					name: '已发布',
				}, {
					name: '审核中'
				}, {
					name: '已拒绝'
				}, {
					name: '已关闭'
				}],
				list:[],
				status:0
			}
		},
		methods: {
			click(e){
				 if(e.name == '全部'){
				 	this.status = 0
				}else if(e.name == '审核中'){
					this.status = 1
				}else if(e.name == '已发布'){
					this.status = 2
				}else if(e.name == '已拒绝'){
					this.status = 3
				}else if(e.name == '已关闭'){
					this.status = 4
				}
				this.getList()
			},
			goClose(){
				this.getList()
			},
			getList(){
				uni.$u.http.post('/api/equip/my_equip',{
					status: this.status,
					page: 1,
					pagenum: 10,
					
				}).then(res => {
					console.log(res);
					this.list = res.data.data
				}).catch(err => {
					console.log(err);
				})
			}
		},
		onLoad() {
			this.getList()
		}
	}
</script>

<style>

</style>