diff --git a/miniprogram/pages/meeting/accessControl/accessControl.wxml b/miniprogram/pages/meeting/accessControl/accessControl.wxml
index d6e9380..ea03f00 100644
--- a/miniprogram/pages/meeting/accessControl/accessControl.wxml
+++ b/miniprogram/pages/meeting/accessControl/accessControl.wxml
@@ -14,8 +14,21 @@
         </van-collapse>
     </view>
 
+    <!-- 标题 -->
+    <view class="itemTitleView">
+        <view class="title">开门记录</view>
+        <view class="more">更多</view>
+    </view>
 
-
-
+    <!-- 开门记录 -->
+    <view class="recordView">
+        <view class="recordItem" wx:for="{{10}}">
+            <view class="timeView">
+                <view class="timeYMD">2024-02-06</view>
+                <view class="timeHm">13:00</view>
+            </view>
+            <view class="msg">西大门开启</view>
+        </view>
+    </view>
 
 </view>
\ No newline at end of file
diff --git a/miniprogram/pages/meeting/accessControl/accessControl.wxss b/miniprogram/pages/meeting/accessControl/accessControl.wxss
index f04f818..defbe6a 100644
--- a/miniprogram/pages/meeting/accessControl/accessControl.wxss
+++ b/miniprogram/pages/meeting/accessControl/accessControl.wxss
@@ -1,4 +1,4 @@
-.container{
+.container {
     width: 100vw;
     height: 100vh;
     overflow-y: auto;
@@ -6,17 +6,15 @@
 }
 
 
-.van-collapse-item__content{
+.van-collapse-item__content {
     background-color: #f7f7f7 !important;
     padding: 0 !important;
 }
 
-.controlView{
-   
-}
+.controlView {}
 
-.controlView .controlItem{
-    box-shadow: rgba(0,0,0,0.075) 0px 1px 2px 0px;
+.controlView .controlItem {
+    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px 0px;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -26,23 +24,23 @@
     padding: 24rpx 30rpx;
 }
 
-.controlView .controlItem .msg{
+.controlView .controlItem .msg {
     flex: 1;
     word-break: break-all;
 }
 
-.controlView .controlItem .msg .title{ 
-   font-size: 36rpx;
+.controlView .controlItem .msg .title {
+    font-size: 36rpx;
 }
 
-.controlView .controlItem .msg .status{ 
+.controlView .controlItem .msg .status {
     position: relative;
     margin-top: 24rpx;
     margin-left: 24rpx;
     font-size: 24rpx;
 }
 
-.controlView .controlItem .msg .status::after{ 
+.controlView .controlItem .msg .status::after {
     display: block;
     content: '';
     position: absolute;
@@ -56,9 +54,78 @@
 }
 
 
-.controlView .controlItem .openCloseImg{
+.controlView .controlItem .openCloseImg {
     width: 69rpx;
-    height:  69rpx;
+    height: 69rpx;
+}
+
+.itemTitleView {
+    border-left: 8rpx solid #2A6FFF;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 40rpx 24rpx 0;
+}
+
+.itemTitleView .title {
+    margin-left: 10rpx;
+    font-size: 28rpx;
+    color: #141414;
+}
+
+.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;
+}