<template>
	<view>
		<view class="mengban" @click="emit('fill')" v-if="show"> </view>
		<view class="qinglingdetails"  :class="show?'':'unclass'" :style="showbox?'z-index:220':'z-index:-2'">
			<view class="tit">
				<view>请领详情</view>
			</view>
			<view class="itemcan">
				<text>{{ uni.getStorageSync('nuName')}}</text>
				<text>请领人:{{uni.getStorageSync('realname')}}</text>
				<text>请领日期:{{times}}</text>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref, onMounted, onBeforeUnmount, computed, nextTick,  watch, reactive } from 'vue';
	import { queryMaterialInfo,queryQlwcLog} from '../api/api.js'
	import defaultr from './default.vue'
	const props = defineProps({
		objtake: {
			type: Object,
			required: true 
		},
		show: {
			type: Boolean
		} 
	})
	const pageNo = ref(1)
	const times = ref('')
	const status = ref('loadmore')
	onMounted(()=>{
		let now = new Date();
		let year = now.getFullYear();
		let month = (now.getMonth() + 1)<10?'0'+(now.getMonth() + 1):(now.getMonth() + 1);
		let day = now.getDay()<10?'0'+now.getDay():now.getDay();
		times.value = year+'.'+month+'.'+day
	})
	const wuobj = ref({})
	const serverUrl = ref(uni.getStorageSync('serverUrl') + '/sys/common/static/')
	const emit = defineEmits([ 'fill' ,'qingling'])
	const showbox = ref(false)
	const wcLog = ref([])
	watch(()=>props.show,
		()=>{
			console.log(props.objtake)
			if(props.show==true){
				 
				setTimeout(()=>{
					showbox.value = true
				},50)
			}else{
				showbox.value = false;
				wcLog.value = [];
				pageNo.value = 1;
				status.value = "loadmore"
			}
		})
	const scrolltolower = ()=>{
		if (status.value=='loading'||status.value=='nomore') { return }
			status.value = 'loading';
			pageNo.value++;
	}
</script>

<style scoped lang="less">
	.qinglingdetails{
		width: 60vw;
		height: 49vw;
		background:rgba(255, 255, 255, 0.98);
		box-shadow: 0rpx 0rpx 1.3vw 0rpx rgba(163,167,182,0.16);
		border-radius: 1.6vw;
		position: fixed;
		top:8vw;
		left: 20vw;
		z-index: 200;
		padding:1vw 1.4vw;
		.itemcan{
			width: 100%;
			height: 6.6vw;
			display: flex;
			justify-content: space-between;
			align-items: center;
			text{
				font-weight: 400;
				font-size: 1.4vw;
				color: #888888;
			}
		}
		.tit {
			width: 100%;
			height: 3.5vw;
			line-height: 6vw;
			font-weight: 400;
			font-size: 1.6vw;
			color: #333333;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #E5E5E5;
		}
	}
	.mengban{
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: 20;
		top: 0;
		left: 0;
		background: RGBA(239, 240, 244, 0.55);
	}
	.hei0 {
		height: 0 !important;
		view{
			height: 0 !important;
		}
	}
	.unclass {
		opacity: 0 !important;
	}
	.guodu {
		transition: .4s;
		-webkit-transform-style: preserve-3d;
		-webkit-overflow-scrolling: touch;
	}
</style>
