128 lines
2.8 KiB
Vue
128 lines
2.8 KiB
Vue
<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>
|