diff --git a/miniprogram/pages/index/index.js b/miniprogram/pages/index/index.js
index 6a8fb4f..8f3533d 100644
--- a/miniprogram/pages/index/index.js
+++ b/miniprogram/pages/index/index.js
@@ -102,7 +102,7 @@ Page({
             {
                 name: "远程门禁",
                 img: "/profile/static/index/menu-ycmj.png",
-                path: ""
+                path: "/pages/meeting/accessControl/accessControl"
             },
             {
                 name: "报修服务",
diff --git a/miniprogram/pages/meeting/accessControl/accessControl.js b/miniprogram/pages/meeting/accessControl/accessControl.js
index ebe2069..68ca1fb 100644
--- a/miniprogram/pages/meeting/accessControl/accessControl.js
+++ b/miniprogram/pages/meeting/accessControl/accessControl.js
@@ -1,66 +1,80 @@
-// pages/meeting/accessControl.js
+const app = getApp()
 Page({
 
-  /**
-   * 页面的初始数据
-   */
-  data: {
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        IMG_NAME: app.IMG_NAME,
+        activeNames: [0],
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+        let title = options.name;
+        if (!title) {
+            title = '远程门禁';
+        }
+        // 页面初始化 options为页面跳转所带来的参数
+        wx.setNavigationBarTitle({
+            title
+        })
+    },
 
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad(options) {
+    onChange(event) {
+        this.setData({
+            activeNames: event.detail,
+        });
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
 
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
 
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
 
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
 
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
+    },
 
-  },
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
 
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
+    },
 
-  },
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
 
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {
+    },
 
-  },
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
 
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
-
-  }
+    }
 })
\ No newline at end of file
diff --git a/miniprogram/pages/meeting/accessControl/accessControl.json b/miniprogram/pages/meeting/accessControl/accessControl.json
index 8835af0..83d0798 100644
--- a/miniprogram/pages/meeting/accessControl/accessControl.json
+++ b/miniprogram/pages/meeting/accessControl/accessControl.json
@@ -1,3 +1,6 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "van-collapse": "@vant/weapp/collapse/index",
+    "van-collapse-item": "@vant/weapp/collapse-item/index"
+  }
 }
\ No newline at end of file
diff --git a/miniprogram/pages/meeting/accessControl/accessControl.wxml b/miniprogram/pages/meeting/accessControl/accessControl.wxml
index 4f3358a..d6e9380 100644
--- a/miniprogram/pages/meeting/accessControl/accessControl.wxml
+++ b/miniprogram/pages/meeting/accessControl/accessControl.wxml
@@ -1,2 +1,21 @@
-<!--pages/meeting/accessControl.wxml-->
-<text>pages/meeting/accessControl.wxml</text>
\ No newline at end of file
+<view class="container">
+    <!-- 门禁控制列表 -->
+    <view class="controlView">
+        <van-collapse value="{{ activeNames }}" bind:change="onChange">
+            <van-collapse-item title="{{idx+'标题'}}" name="{{idx}}"  wx:for="{{2}}" wx:for-index="idx">
+                <view class="controlItem" wx:for="{{3}}">
+                    <view class="msg">
+                        <view class="title">西大门</view>
+                        <view class="status">在线</view>
+                    </view>
+                    <image class="openCloseImg" src="{{IMG_NAME + '/profile/static/meeting/accessControl/openClose.png'}}" mode="aspectFill" />
+                </view>
+            </van-collapse-item>
+        </van-collapse>
+    </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 917d40d..f04f818 100644
--- a/miniprogram/pages/meeting/accessControl/accessControl.wxss
+++ b/miniprogram/pages/meeting/accessControl/accessControl.wxss
@@ -1 +1,64 @@
-/* pages/meeting/accessControl.wxss */
\ No newline at end of file
+.container{
+    width: 100vw;
+    height: 100vh;
+    overflow-y: auto;
+    background: #fcfcfc;
+}
+
+
+.van-collapse-item__content{
+    background-color: #f7f7f7 !important;
+    padding: 0 !important;
+}
+
+.controlView{
+   
+}
+
+.controlView .controlItem{
+    box-shadow: rgba(0,0,0,0.075) 0px 1px 2px 0px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: #ffffff;
+    border-radius: 10rpx;
+    margin: 24rpx 20rpx;
+    padding: 24rpx 30rpx;
+}
+
+.controlView .controlItem .msg{
+    flex: 1;
+    word-break: break-all;
+}
+
+.controlView .controlItem .msg .title{ 
+   font-size: 36rpx;
+}
+
+.controlView .controlItem .msg .status{ 
+    position: relative;
+    margin-top: 24rpx;
+    margin-left: 24rpx;
+    font-size: 24rpx;
+}
+
+.controlView .controlItem .msg .status::after{ 
+    display: block;
+    content: '';
+    position: absolute;
+    margin-right: 10rpx;
+    right: 100%;
+    top: 10rpx;
+    width: 16rpx;
+    height: 16rpx;
+    background: #84c786;
+    border-radius: 10rpx;
+}
+
+
+.controlView .controlItem .openCloseImg{
+    width: 69rpx;
+    height:  69rpx;
+}
+
+