<template>
	<view>
		<z-paging ref="paging" v-model="dataList" @query="queryList">
			<!-- z-paging默认铺满全屏，此时页面所有view都应放在z-paging标签内，否则会被盖住 -->
			<!-- 需要固定在页面顶部的view请通过slot="top"插入，包括自定义的导航栏 -->
			<uni-section title="待办提醒" padding>
				<view class="msglist">
					<view class="msgitem" v-for="n in dataList" @click="readMessage(n)">
						<text class="dot" :class="{'done':n.readFlag=='1'}"></text>
						<view class="tt esp">{{n.name}}</view>
						<view class="date">{{ n.createTime }}</view>
					</view>
				</view>
			</uni-section>
		</z-paging>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import * as api from '@/common/api.js';
	const dataList = ref([])
	const paging = ref(null)
	const current = ref(2)
	function queryList(pageNum, pageSize){
		api.getMessage({pageNum, pageSize}).then(res=>{
			for (var d of res.rows) {
				switch (d.type) {
					case 30001:
						d.name = '你有一条会员缴费等待审批，点击去处理！'
						d.path = '/member/audit'
						break
					case 30002:
						d.name = '你有一条级位考试等待审批，点击去处理！'
						d.path = '/level/approval'
						break
					case 30003:
						d.name = '你有一条段位考试等待审批，点击去处理！'
						d.path = '/rank/approval'
						break
					case 30004:
						d.name = '你有一条会员调动等待审批，点击去处理！'
						d.path = '/member/mobillize'
						break
					case 30005:
						d.name = '你有一条团体会员认证等待审批，点击去处理！'
						d.path = '/group/authentication'
						break
					case 30006:
						d.name = '你有一条段位成绩等待审批，点击去处理！'
						d.path = '/rank/score/approval'
						break
					case 40001:
						d.name = '你有一条级位申请待提交，点击去处理！'
						d.path = '/level/apply/modify/' + d.eventId
						break
					case 40002:
						d.name = '你有一条段位申请待提交，点击去处理！'
						d.path = '/rank/apply/modify/' + d.eventId
						break
					case 40003:
						d.name = '你有一条成绩维护的数据待提交，点击去处理！'
						d.path = '/rank/score/modify/' + d.eventId
						break
					case 50001:
						d.name = '你有一条新的个人会员申请，点击去处理！'
						d.path = '/member/list'
						break
				}
			}
			paging.value.complete(res.rows);
		})
		
	}
	
	function readMessage(item) {
		uni.navigateTo({
			url: item.path
		});
		api.reader({id: item.id}).then(res=>{
			item.readFlag = '1'
		})
	}
</script>

<style lang="scss" scoped>
	:deep(.uni-section) {
		background-color: transparent;
	}

	:deep(.uni-section .uni-section-header__content) {
		font-size: 36rpx;
		color: #29343C;
	}
</style>