diff --git a/miniprogram/pages/index/index.js b/miniprogram/pages/index/index.js
index 3a9f1aa..1988b14 100644
--- a/miniprogram/pages/index/index.js
+++ b/miniprogram/pages/index/index.js
@@ -97,7 +97,7 @@ Page({
             {
                 name: "访客预约",
                 img: "/profile/static/index/menu-fkyy.png",
-                path: "/pages/meeting/visitorIinvitation/visitorIinvitation"
+                path: "/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord"
             },
             {
                 name: "预约记录",
diff --git a/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.js b/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.js
index 8570d08..09b8a04 100644
--- a/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.js
+++ b/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.js
@@ -1,77 +1,84 @@
-// pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.js
 Page({
 
-  /**
-   * 页面的初始数据
-   */
-  data: {
-    active: 'a',
-  },
+    /**
+     * 页面的初始数据
+     */
+    data: {
 
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad(options) {
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+        
+    },
 
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
+    // tab 切换
+    tabClickSwitch(event) {
+        wx.showToast({
+            title: `切换到标签 ${event.detail.title}`,
+            icon: 'none',
+        });
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
 
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
 
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
 
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
 
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
+    },
 
-  },
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
 
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {
+    },
 
-  },
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
 
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
+    },
 
-  },
-  onChange(event) {
-    wx.showToast({
-      title: `切换到标签 ${event.detail.name}`,
-      icon: 'none',
-    });
-  },
-  toCheckFn(){
-    wx.reLaunch({
-      url: '/pages/meeting/visitorIinvitation/visitorIinvitation',
-    })
-  }
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    },
+    onChange(event) {
+        wx.showToast({
+            title: `切换到标签 ${event.detail.name}`,
+            icon: 'none',
+        });
+    },
+    toCheckFn() {
+        wx.reLaunch({
+            url: '/pages/meeting/visitorIinvitation/visitorIinvitation',
+        })
+    }
 })
\ No newline at end of file
diff --git a/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.json b/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.json
index 2fc2204..886d11a 100644
--- a/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.json
+++ b/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.json
@@ -1,9 +1,9 @@
 {
-  "navigationBarTitleText":"预约记录",
-  "usingComponents": {
-    "van-tab": "@vant/weapp/tab/index",
-    "van-tabs": "@vant/weapp/tabs/index",
-    "van-icon": "@vant/weapp/icon/index",
-    "van-button": "@vant/weapp/button/index"
-  }
+    "navigationBarTitleText": "访客预约",
+    "usingComponents": {
+        "van-tab": "@vant/weapp/tab/index",
+        "van-tabs": "@vant/weapp/tabs/index",
+        "van-icon": "@vant/weapp/icon/index",
+        "van-button": "@vant/weapp/button/index"
+    }
 }
\ No newline at end of file
diff --git a/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxml b/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxml
index 140cfb2..f47e397 100644
--- a/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxml
+++ b/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxml
@@ -1,53 +1,28 @@
-<view class="container">
-  <van-tabs active="{{ active }}" bind:change="onChange" color="#0079fe">
-    <van-tab title="访客记录" name="a">
-      <view class="visitorView">
-        <view class="visitListView">
-          <view class="itemView">
-            <view class="itemTop">
-              <view>访客：张三</view>
-              <view>待审核</view>
-            </view>
-            <view class="itemBottom">
-              <view>
-                <view class="infoView">
-                  <van-icon name="user-o" />
-                  <view>访问事由: 拜访刘总</view>
+<view class="containerView public">
+    <van-tabs bind:click="tabClickSwitch" color="#4e96f8" border animated title-active-color="black" title-inactive-color="gray">
+        <van-tab title="预约记录">
+            <view class="itemView" wx:for="{{3}}">
+                <view class="topView">
+                    <view class="name">访客：张三</view>
+                    <view class="status">待审核</view>
                 </view>
-                <view class="infoView">
-                  <van-icon name="clock-o" />
-                  <view>2024-02-02 14:00</view>
+                <view class="contentView">
+                    <view class="dataView">
+                        <van-icon name="manager" color="#cccccc" size="40rpx"/>
+                        <view class="msg">访问事由: 参观会议参观会议参观会议参观会议参观会议参观会议参观会议参观会议参观会议参观会议参观会议</view>
+                    </view>
+                    <view class="dataView">
+                        <van-icon name="clock-o" color="#cccccc" size="40rpx"/>
+                        <view class="msg">2024-02-02 14:00</view>
+                    </view>
+                    <view class="btnView">
+                        <view class="btn">查看详情</view>
+                    </view>
                 </view>
-              </view>
-              <view>访客预约</view>
             </view>
-          </view>
-        </view>
-      </view>
-    </van-tab>
-    <van-tab title="预约审核" name="b">
-      <view class="visitorView" bind:tap="toCheckFn">
-        <view class="visitListView">
-          <view class="itemView">
-            <view class="itemTop">
-              <view>访客：张三</view>
-              <view>待审核</view>
-            </view>
-            <view class="checkBottom">
-              <view>
-                <view class="infoView">
-                  <van-icon name="user-o" />
-                  <view>访问事由: 拜访刘总</view>
-                </view>
-                <view class="infoView">
-                  <van-icon name="clock-o" />
-                  <view>2024-02-02 14:00</view>
-                </view>
-              </view>
-              <van-button round type="info" size="small" bind:click="toCheckFn">去审核</van-button>
-            </view>
-          </view>
-        </view>
-      </view></van-tab>
-  </van-tabs>
+        </van-tab>
+        <van-tab title="预约审核" disabled="{{false}}">
+
+        </van-tab>
+    </van-tabs>
 </view>
\ No newline at end of file
diff --git a/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxss b/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxss
index ff25d6e..3cb786e 100644
--- a/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxss
+++ b/miniprogram/pages/meeting/visitorIinvitation/appointmentRecord/appointmentRecord.wxss
@@ -1,60 +1,65 @@
-.container{
-	width: 100%;
-	position: absolute;
-	height: 100vh;
-	background-color: #f6f6f6;
+.containerView.public {
+    background-color: #f6f7fb;
 }
-.visitorView{
-  width: 100%;
-  background-color: #f6f7fb;
+
+.itemView {
+    margin: 20rpx;
+    padding: 20rpx 0;
+    background: #ffffff;
 }
-.visitListView{
-  width: 710rpx;
-  margin: 0 auto;
-  
+
+.itemView .topView {
+    border-bottom: 1px solid rgb(126, 126, 126, 0.2);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 28rpx;
+    padding: 0 20rpx 20rpx;
 }
-.itemView{
-  width: 100%;
-  background-color: #ffffff;
-  margin-top: 20rpx;
-  font-size: 28rpx;
-  color: #666666;
+
+.itemView .topView .name {
+    color: #000000;
 }
-.itemTop{
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  height: 80rpx;
-  border-bottom: 1px solid #f2f2f2;
-  align-items: center;
-  padding: 10rpx 30rpx;
-  box-sizing: border-box;
+
+.itemView .topView .status {
+    color: red;
 }
-.itemBottom{
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  padding:20rpx 30rpx;
-  box-sizing: border-box;
-  color: #a4a4a4;
-  font-size: 28rpx;
+
+.itemView .contentView {
+    padding: 0 20rpx;
 }
-.infoView{
-  display: flex;
-  height: 60rpx;
-  align-items: baseline;
- 
+
+.itemView .contentView .dataView {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 20rpx;
 }
-.infoView view{
-  margin-left: 10rpx;
+
+.itemView .contentView .dataView .msg {
+    margin-left: 20rpx;
+    font-size: 28rpx;
+
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+    white-space: nowrap;
 }
-.checkBottom{
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding:20rpx 30rpx;
-  box-sizing: border-box;
-  color: #a4a4a4;
-  font-size: 28rpx;
+
+.itemView .contentView .btnView {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin-top: 20rpx;
+}
+
+
+.itemView .contentView .btnView .btn {
+    border: 1px solid #4e96f8;
+    position: relative;
+    border-radius: 10rpx;
+    margin-left: 16rpx;
+    padding: 10rpx 24rpx;
+    font-size: 24rpx;
+    color: #4e96f8;
 }
\ No newline at end of file