7 changed files with 496 additions and 84 deletions
@ -0,0 +1,142 @@ |
|||||
|
//单位管理员 |
||||
|
<template> |
||||
|
<view style="min-height: 100vh;background-color: #F3F3F3;"> |
||||
|
<u-sticky> |
||||
|
<view style="background-color: #3A71FF;height: 90px;"> |
||||
|
<image :src="applet+'/back.png'" style="width: 20px;height: 20px;margin-top: 55px;margin-left: 10px;" @tap="close"></image> |
||||
|
<view style="text-align: center;color: #fff;position: absolute;top: 49px;left: 40%;font-size: 17px;" >打卡记录</view> |
||||
|
</view> |
||||
|
</u-sticky> |
||||
|
<view > |
||||
|
<u-search bgColor="#fff" v-model="pageInfo.unitName" placeholder="请输入单位名称" @custom="search" :showAction="true" actionText="搜索" :animation="true"></u-search> |
||||
|
</view> |
||||
|
|
||||
|
<uni-list class="custom-list"> |
||||
|
<u-card class="custom-card" v-for="(val,index) in list" |
||||
|
:show-foot="false" :show-head="false"> |
||||
|
<view slot="body" class="u-body-title">企业名称：{{val.unitName}}</view> |
||||
|
<view slot="body" class="u-body-item-desc">应打卡：{{val.sum}}人</view> |
||||
|
<view slot="body" class="u-body-item-desc">已打卡：{{val.recnum}}人</view> |
||||
|
<view slot="body" class="u-body-item-desc">打卡时间：</view> |
||||
|
<view slot="body" class="u-body-item-desc" style="display: flex;justify-content: space-between;width: 70%;margin-left: 10%;"> |
||||
|
<view class="u-body-item-desc" v-for="item in val.ut.split(',')" >{{item}}</view> |
||||
|
</view> |
||||
|
</u-card> |
||||
|
</uni-list> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
applet:this.$url.data.applet, |
||||
|
pageInfo:{ |
||||
|
page:1, |
||||
|
limit:20, |
||||
|
unitName:'', |
||||
|
date:'2023-07-25', |
||||
|
dateTime:'2023-07-25 15:00:00', |
||||
|
regionId:'', |
||||
|
type:'' |
||||
|
}, |
||||
|
list:[] |
||||
|
} |
||||
|
}, |
||||
|
onLoad(e) { |
||||
|
this.pageInfo.type = e.type |
||||
|
this.pageInfo.regionId = uni.getStorageSync("regionId") |
||||
|
this.pageInfo.date = e.date |
||||
|
this.pageInfo.dateTime = e.dateTime |
||||
|
this.loadData() |
||||
|
}, |
||||
|
methods: { |
||||
|
loadData(){ |
||||
|
this.$http.get("/fire-customer/sign/record/supervise/page",this.pageInfo,{}).then(res =>{ |
||||
|
this.list = this.list.concat(res.data) |
||||
|
}) |
||||
|
}, |
||||
|
search(e){ |
||||
|
this.pageInfo.page = 1; |
||||
|
this.list = []; |
||||
|
this.loadData() |
||||
|
// console.log(e) |
||||
|
}, |
||||
|
close(){ |
||||
|
uni.navigateBack() |
||||
|
} |
||||
|
}, |
||||
|
onPullDownRefresh() { |
||||
|
this.pageInfo.page = 1; |
||||
|
this.list = []; |
||||
|
this.loadData(); |
||||
|
//下拉刷新 |
||||
|
uni.stopPullDownRefresh(); |
||||
|
}, |
||||
|
onReachBottom() { |
||||
|
this.pageInfo.page = this.pageInfo.page + 1; |
||||
|
this.loadData(); |
||||
|
//加载更多 |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.CBlue { |
||||
|
background-image: linear-gradient(#7cc9ff,#1771d7); |
||||
|
box-shadow: 0 8px 8px #b0d2f3; |
||||
|
} |
||||
|
|
||||
|
.module { |
||||
|
overflow: hidden; |
||||
|
margin: 20upx auto; |
||||
|
width: 260upx; |
||||
|
height: 260upx; |
||||
|
border-radius: 50%; |
||||
|
color: #fff; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.module .text { |
||||
|
font-size: 20px; |
||||
|
margin: 80upx auto 10upx; |
||||
|
} |
||||
|
|
||||
|
.custom-list { |
||||
|
background: #f1f1f4; |
||||
|
|
||||
|
.custom-card { |
||||
|
position: relative; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.u-body-title { |
||||
|
font-size: 32rpx; |
||||
|
color: #333; |
||||
|
} |
||||
|
|
||||
|
.u-body-item { |
||||
|
padding: 0rpx; |
||||
|
} |
||||
|
|
||||
|
.u-body-item-desc { |
||||
|
font-size: 28rpx; |
||||
|
color: #555; |
||||
|
padding: 0rpx; |
||||
|
} |
||||
|
|
||||
|
.u-body-item image { |
||||
|
width: 160rpx; |
||||
|
flex: 0 0 160rpx; |
||||
|
height: 120rpx; |
||||
|
border-radius: 8rpx; |
||||
|
margin-left: 0rpx; |
||||
|
margin-right: 12rpx; |
||||
|
} |
||||
|
|
||||
|
.u-margin-right-12 { |
||||
|
margin-right: 12rpx; |
||||
|
border: 0; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue