描述:远程门禁记录

This commit is contained in:
SelfRidicule 2024-02-25 10:52:09 +08:00
parent fcaaff1555
commit 8e00675f4c
8 changed files with 185 additions and 4 deletions

View File

@ -47,7 +47,8 @@
"pages/my/serviceApply/serviceApply",
"pages/complaint/complaintDetail/complaintDetail",
"pages/outer/outer",
"pages/meeting/accessControl/accessControl"
"pages/meeting/accessControl/accessControl",
"pages/meeting/accessControl/accessControlRecord/accessControlRecord"
],
"window": {
"backgroundTextStyle": "light",

View File

@ -29,6 +29,12 @@ Page({
});
},
jumpRecord() {
wx.navigateTo({
url: "/pages/meeting/accessControl/accessControlRecord/accessControlRecord"
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/

View File

@ -17,12 +17,12 @@
<!-- 标题 -->
<view class="itemTitleView">
<view class="title">开门记录</view>
<view class="more">更多</view>
<view class="more" bind:tap="jumpRecord">更多</view>
</view>
<!-- 开门记录 -->
<view class="recordView">
<view class="recordItem" wx:for="{{10}}">
<view class="recordItem" wx:for="{{5}}">
<view class="timeView">
<view class="timeYMD">2024-02-06</view>
<view class="timeHm">13:00</view>

View File

@ -64,7 +64,7 @@
display: flex;
justify-content: space-between;
align-items: center;
margin: 40rpx 24rpx 0;
margin: 34rpx 24rpx;
}
.itemTitleView .title {

View File

@ -0,0 +1,66 @@
// pages/meeting/accessControl/accessControlRecord.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

View File

@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "开门记录"
}

View File

@ -0,0 +1,19 @@
<view class="container">
<!-- 标题 -->
<!-- <view class="itemTitleView">
<view class="line"></view>
<view class="title">开门记录</view>
<view class="line"></view>
</view> -->
<!-- 开门记录 -->
<view class="recordView">
<view class="recordItem" wx:for="{{25}}">
<view class="timeView">
<view class="timeYMD">2024-02-06</view>
<view class="timeHm">13:00</view>
</view>
<view class="msg">西大门开启</view>
</view>
</view>
</view>

View File

@ -0,0 +1,85 @@
.container{
width: 100vw;
height: 100vh;
background: #ffffff;
overflow-y: auto;
}
.itemTitleView {
display: flex;
justify-content: center;
align-items: center;
margin-top: 30rpx;
}
.itemTitleView .title {
margin: 0 30rpx;
font-size: 32rpx;
font-weight: bold;
color: #141414;
}
.itemTitleView .line{
flex: 1;
height: 1rpx;
background: gray;
opacity: 0.12;
}
.itemTitleView .more {
font-size: 26rpx;
color: #4b89ef;
}
.recordView {
padding: 60rpx 24rpx 140rpx;
background: white;
}
.recordView .recordItem {
display: flex;
justify-content: start;
align-items: flex-start;
padding: 20rpx 10rpx 20rpx 60rpx;
background: #ffffff;
}
.recordView .recordItem:nth-child(2n){
background: #f9fafc;
}
.recordView .recordItem .timeView {
font-size: 26rpx;
line-height: 1;
}
.recordView .recordItem .timeView .timeYMD {
position: relative;
}
.recordView .recordItem .timeView .timeYMD::after {
display: block;
content: '';
position: absolute;
margin-right: 20rpx;
right: 100%;
top: 6rpx;
width: 12rpx;
height: 12rpx;
background: #2A6FFF;
border-radius: 10rpx;
}
.recordView .recordItem .timeView .timeHm {
margin-top: 10rpx;
}
.recordView .recordItem .msg {
flex: 1;
margin-left: 60rpx;
font-size: 26rpx;
word-break: break-all;
line-height: 1;
}