描述:远程门禁记录

miniprogram/app.json

@@ -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",

miniprogram/pages/meeting/accessControl/accessControl.js

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

miniprogram/pages/meeting/accessControl/accessControl.wxml

@@ -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>

miniprogram/pages/meeting/accessControl/accessControl.wxss

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

miniprogram/pages/meeting/accessControl/accessControlRecord/accessControlRecord.js

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

miniprogram/pages/meeting/accessControl/accessControlRecord/accessControlRecord.json

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

miniprogram/pages/meeting/accessControl/accessControlRecord/accessControlRecord.wxml

@@ -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>

miniprogram/pages/meeting/accessControl/accessControlRecord/accessControlRecord.wxss

@@ -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;
+}