<template>
	<view>
		<!-- 会员缴费 -->

		<view class="appList">
			<view class="appItem" v-for="item in list" @click="goDteail(item)">
				<view class="status">
					<text v-if="item.status==1" class="text-primary">审核中</text>
					<text v-if="item.status==2" class="text-success"> 审核通过</text>
					<text v-if="item.status==3" class="text-danger"> 审核拒绝</text>
					<text v-if="item.status==4" class="text-warning">已退回</text>
				</view>
				<view class="date">
					<uni-icons type="calendar" size="16" color="#7D8592"></uni-icons>
					{{item.commitTime}} 提交
				</view>
				<view class="name">{{item.paymentName}}</view>
				<view class="flexbox">
					<view>
						人数合计
						<view>{{item.personCount}}</view>
					</view>
					<view>
						新会员合计
						<view>{{item.newPersonCount}}</view>
					</view>
					<view>
						年限合计
						<view>{{item.totalYear}}</view>
					</view>
				</view>
				<view class="func" v-if="item.status==0">
					<button>提交审核</button>
				</view>
			</view>
		</view>

	</view>
</template>

<script setup>
	import * as api from '@/common/api.js'
	import config from '@/config.js'
	import {
		onMounted,
		ref
	} from 'vue'
	import {
		onLoad
	} from '@dcloudio/uni-app'
	const queryParams = ref({
		// pageNum: 1,
		// pageSize: 10
	})
	const list = ref([])
	const total = ref(0)
	onMounted(() => {
		getList()
	})

	function getList() {
		api.getPaymentList(queryParams.value).then(res => {
			list.value = res.rows
			total.value = res.total
		})
	}

	function goDteail(item) {
		let path = `/pages/personalVip/paymentDetail?wfCode=${item.wfCode}`
		uni.navigateTo({
			url: path
		});
	}
</script>

<style>

</style>