From 216e29873d16a420802829a81f4b4a12d43c5c51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=B0=91=E9=98=B3?= <786612630@qq.com>
Date: Wed, 22 Jan 2025 11:38:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=9D=83=E9=99=90?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E6=A8=A1=E5=9D=97UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                |  65 ++++
 .../AccessManage/AccessManage.vue             |  17 +-
 .../access-permission-inquiry.vue             | 168 ++++++++
 .../AccessManage/access-right-detection.vue   | 180 +++++++++
 .../AccessManage/add-permission-group.vue     | 303 +++++++++++++++
 .../AccessManage/delivery-status.vue          | 278 +++++++++++++
 .../AccessManage/permission-query.vue         | 364 ++++++++++++++++++
 .../AccessManage/release-record.vue           | 186 +++++++++
 .../AccessManage/send-permission.vue          | 214 ++++++++++
 .../AccessManage/viewing-delivery-records.vue | 220 +++++++++++
 .../password-open-door/password-open-door.vue |   2 +-
 src/static/images/icon_gray_tip.png           | Bin 0 -> 3473 bytes
 .../icon_tip.png => icon_white_tip.png}       | Bin
 src/types/uni-pages.d.ts                      |   8 +
 14 files changed, 2002 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/personnel-passage/AccessManage/access-permission-inquiry.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/access-right-detection.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/add-permission-group.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/delivery-status.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/permission-query.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/release-record.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/send-permission.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/viewing-delivery-records.vue
 create mode 100644 src/static/images/icon_gray_tip.png
 rename src/static/images/{personnelPassage/icon_tip.png => icon_white_tip.png} (100%)

diff --git a/src/pages.json b/src/pages.json
index 8aebb62..510996a 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -286,6 +286,71 @@
         "navigationStyle": "custom"
       }
     },
+    {
+      "path": "pages/personnel-passage/AccessManage/access-permission-inquiry",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/access-right-detection",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/add-permission-group",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/delivery-status",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/permission-query",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/release-record",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/send-permission",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/viewing-delivery-records",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom",
+        "disableScroll": false
+      }
+    },
     {
       "path": "pages/personnel-passage/access-authority/access-authority",
       "type": "page",
diff --git a/src/pages/personnel-passage/AccessManage/AccessManage.vue b/src/pages/personnel-passage/AccessManage/AccessManage.vue
index 7c22c2f..d33dc96 100644
--- a/src/pages/personnel-passage/AccessManage/AccessManage.vue
+++ b/src/pages/personnel-passage/AccessManage/AccessManage.vue
@@ -7,6 +7,7 @@
 }
 </route>
 
+<!-- 门禁管理 -->
 <template>
   <view class="container">
     <!-- 开局引导 -->
@@ -16,7 +17,7 @@
     </view>
 
     <!-- 数据统计 -->
-    <view class="stats-section">
+    <view class="stats-section" @click="handleStatsClick">
       <view class="stats-item">
         <text class="number">0</text>
         <text class="label">团队人员</text>
@@ -33,7 +34,7 @@
     </view>
 
     <!-- 同步提示 -->
-    <view class="sync-tip">
+    <view class="sync-tip" @click="handleSyncClick">
       <view class="dot"></view>
       <text class="text">您有6个人员、15条信息未同步到设备</text>
       <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
@@ -101,6 +102,18 @@
       desc: '广告、欢迎词发布到屏幕'
     }
   ]
+
+  const handleStatsClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/traffic-record/traffic-record'
+    })
+  }
+
+  const handleSyncClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/permission-query'
+    })
+  }
 </script>
 
 <style scoped lang="scss">
diff --git a/src/pages/personnel-passage/AccessManage/access-permission-inquiry.vue b/src/pages/personnel-passage/AccessManage/access-permission-inquiry.vue
new file mode 100644
index 0000000..4df3a52
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/access-permission-inquiry.vue
@@ -0,0 +1,168 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="权限查询" />
+  <view class="inquiry-container">
+    <!-- 查询表单 -->
+    <view class="inquiry-form">
+      <!-- 查询方式 -->
+      <view class="form-item">
+        <text class="label">人员查询方式</text>
+        <view class="select" @click="handleSelectType">
+          <text>按姓名</text>
+          <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+        </view>
+      </view>
+
+      <!-- 姓名输入 -->
+      <view class="form-item">
+        <text class="label">人员姓名</text>
+        <input class="input" type="text" placeholder="请输入" placeholder-class="placeholder" />
+      </view>
+
+      <!-- 门禁范围 -->
+      <view class="form-item">
+        <text class="label">门禁点范围</text>
+        <view class="select" @click="handleSelectDoor">
+          <text class="placeholder">全选</text>
+          <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+        </view>
+      </view>
+
+      <!-- 下发状态 -->
+      <view class="form-item">
+        <text class="label">下发状态</text>
+        <view class="select" @click="handleSelectStatus">
+          <text class="placeholder">全选</text>
+          <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+        </view>
+      </view>
+    </view>
+
+    <!-- 底部按钮 -->
+    <view class="bottom-buttons">
+      <button class="reset-btn">重置</button>
+      <button class="query-btn">查询</button>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const handleSelectType = () => {
+    // 处理选择查询方式
+  }
+
+  const handleSelectDoor = () => {
+    // 处理选择门禁点
+  }
+
+  const handleSelectStatus = () => {
+    // 处理选择状态
+  }
+</script>
+
+<style lang="scss" scoped>
+  .inquiry-container {
+    min-height: 100vh;
+    padding: 0 16px;
+    background-color: #f5f6fa;
+  }
+
+  .inquiry-form {
+    margin-top: 12px;
+
+    .form-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px;
+      margin-bottom: 1px;
+      background-color: #fff;
+
+      &:first-child {
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+        border-bottom-right-radius: 8px;
+        border-bottom-left-radius: 8px;
+      }
+
+      .label {
+        font-size: 14px;
+        color: #333;
+      }
+
+      .input {
+        flex: 1;
+        height: 20px;
+        padding: 0 12px;
+        font-size: 14px;
+        text-align: right;
+      }
+
+      .select {
+        display: flex;
+        gap: 4px;
+        align-items: center;
+
+        text {
+          font-size: 14px;
+          color: #333;
+        }
+
+        .placeholder {
+          color: #999;
+        }
+
+        .arrow {
+          width: 16px;
+          height: 16px;
+        }
+      }
+    }
+  }
+
+  .bottom-buttons {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    gap: 12px;
+    padding: 16px;
+    background-color: #fff;
+
+    button {
+      flex: 1;
+      height: 44px;
+      font-size: 16px;
+      border-radius: 22px;
+
+      &::after {
+        border: none;
+      }
+    }
+
+    .reset-btn {
+      color: #666;
+      background-color: #f5f6fa;
+    }
+
+    .query-btn {
+      color: #fff;
+      background-color: #2b5cff;
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/AccessManage/access-right-detection.vue b/src/pages/personnel-passage/AccessManage/access-right-detection.vue
new file mode 100644
index 0000000..e2ef372
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/access-right-detection.vue
@@ -0,0 +1,180 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="通行权限检测" />
+  <view class="detection-container">
+    <!-- 检测说明 -->
+    <view class="detection-banner">
+      <image class="banner-img" src="/static/images/bg_no_device.webp" mode="aspectFit" />
+      <view class="detection-info">
+        <image class="info-icon" src="/static/images/icon_white_tip.png" mode="aspectFit" />
+        <view class="info-content">
+          <text class="info-title">可检测以下两类问题：</text>
+          <text class="info-item">1. 人员无法通行？</text>
+          <text class="info-item">2.通行记录识别为陌生人？抓拍图不是该人员？</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 检测表单 -->
+    <view class="detection-form">
+      <!-- 姓名输入 -->
+      <view class="form-item">
+        <text class="label">姓名</text>
+        <input
+          class="input"
+          type="text"
+          placeholder="请输入完整姓名"
+          placeholder-class="placeholder"
+        />
+      </view>
+
+      <!-- 门禁选择 -->
+      <view class="form-item">
+        <text class="label">门禁</text>
+        <view class="select" @click="handleSelectDoor">
+          <text class="placeholder">请选择</text>
+          <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+        </view>
+      </view>
+    </view>
+
+    <!-- 开始检测按钮 -->
+    <button class="start-btn" @click="handleStartDetection">开始检测</button>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const handleSelectDoor = () => {
+    // 处理选择门禁
+  }
+
+  const handleStartDetection = () => {
+    // 处理开始检测
+  }
+</script>
+
+<style lang="scss" scoped>
+  .detection-container {
+    min-height: 100vh;
+    padding: 0 16px;
+    background-color: #f5f6fa;
+  }
+
+  .detection-banner {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 16px;
+    margin-top: 16px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .banner-img {
+      width: 100%;
+      aspect-ratio: 1/1;
+      object-fit: contain;
+    }
+
+    .detection-info {
+      display: flex;
+      //   width: 100%;
+      padding: 10px;
+      background-color: #f8f9fc;
+      border-radius: 8px;
+
+      .info-icon {
+        width: 16px;
+        height: 16px;
+        margin-top: 2px;
+        margin-right: 8px;
+      }
+
+      .info-content {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        gap: 4px;
+
+        .info-title {
+          font-size: 14px;
+          color: #333;
+        }
+
+        .info-item {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+    }
+  }
+
+  .detection-form {
+    margin-top: 12px;
+
+    .form-item {
+      display: flex;
+      align-items: center;
+      padding: 10px 16px;
+      margin-bottom: 12px;
+      background-color: #fff;
+      border-radius: 8px;
+
+      .label {
+        min-width: 60px;
+        font-size: 14px;
+        color: #333;
+      }
+
+      .input {
+        flex: 1;
+        height: 40px;
+        font-size: 14px;
+        text-align: right;
+      }
+
+      .select {
+        display: flex;
+        flex: 1;
+        align-items: center;
+        justify-content: space-between;
+        height: 40px;
+
+        .placeholder {
+          margin-right: 8px;
+          margin-left: auto;
+          font-size: 14px;
+          color: #999;
+        }
+
+        .arrow {
+          width: 16px;
+          height: 16px;
+        }
+      }
+    }
+  }
+
+  .start-btn {
+    width: 100%;
+    height: 44px;
+    margin-top: 24px;
+    font-size: 16px;
+    color: #fff;
+    background: #2b5cff;
+    border-radius: 22px;
+
+    &::after {
+      border: none;
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/AccessManage/add-permission-group.vue b/src/pages/personnel-passage/AccessManage/add-permission-group.vue
new file mode 100644
index 0000000..01b4dc5
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/add-permission-group.vue
@@ -0,0 +1,303 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="添加权限组" />
+  <scroll-view
+    class="group-container"
+    :scroll-y="true"
+    :style="{ height: 'calc(100vh - var(--status-bar-height) - 44px)' }"
+  >
+    <!-- 配置名称 -->
+    <view class="form-item input-item">
+      <view class="form-header">
+        <view class="form-label">
+          <text class="required">*</text>
+          <text>配置名称</text>
+        </view>
+      </view>
+      <input
+        class="input"
+        type="text"
+        v-model="name"
+        @input="nameLength = name.length"
+        placeholder="必填"
+        placeholder-class="placeholder"
+        maxlength="20"
+      />
+      <text class="count">{{ nameLength }}/20</text>
+    </view>
+
+    <!-- 配置描述 -->
+    <view class="form-item input-item">
+      <view class="form-header">
+        <text class="form-label">配置描述</text>
+      </view>
+      <textarea
+        class="textarea"
+        v-model="desc"
+        @input="descLength = desc.length"
+        placeholder="描述权限配置的范围，例如：1幢1单元门口机出入口"
+        placeholder-class="placeholder"
+        maxlength="50"
+      />
+      <text class="count">{{ descLength }}/50</text>
+    </view>
+
+    <!-- 人员配置方式 -->
+    <view class="form-item select-item">
+      <view class="form-label">
+        <text class="required">*</text>
+        <text>人员配置方式</text>
+      </view>
+      <view class="form-value">
+        <text>按人员/组织</text>
+        <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+      </view>
+    </view>
+
+    <!-- 人员范围 -->
+    <view class="form-item select-item">
+      <view class="form-label">
+        <text class="required">*</text>
+        <text>人员范围</text>
+      </view>
+      <view class="form-value">
+        <text class="placeholder">必选</text>
+        <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+      </view>
+    </view>
+
+    <!-- 门禁范围 -->
+    <view class="form-item select-item">
+      <view class="form-label">
+        <text class="required">*</text>
+        <text>门禁范围</text>
+      </view>
+      <view class="form-value">
+        <text class="placeholder">必选</text>
+        <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+      </view>
+    </view>
+
+    <!-- 门禁通行时间 -->
+    <view class="form-item select-item">
+      <view class="form-label">
+        <text class="required">*</text>
+        <text>门禁通行时间</text>
+      </view>
+      <view class="form-value">
+        <text>全天时段有效</text>
+        <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+      </view>
+    </view>
+
+    <!-- 提示说明 -->
+    <view class="tips">
+      <view class="tips-header">
+        <image class="icon" src="/static/images/icon_gray_tip.png" mode="aspectFit" />
+        <text class="title">提示</text>
+      </view>
+      <view class="tips-content">
+        <view class="tips-list">
+          <view class="tip-item">
+            <text>1.</text>
+            <text>
+              通行时间仅型号为DS-K1T、D1或HST-AU开头的门禁设备有效，其余型号仅支持全天时段有效；
+            </text>
+          </view>
+          <view class="tip-item">
+            <text>2.</text>
+            <text>
+              通过角色配置[一键开门]、[密码开门]菜单权限，可远程/蓝牙/密码打开此配置范围内的门禁；
+            </text>
+          </view>
+          <view class="tip-item">
+            <text>3.</text>
+            <text>一键开门不受通行时间、门禁状态的限制，可全天开门。</text>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 底部占位，防止保存按钮遮挡内容 -->
+    <view style="height: 76px"></view>
+  </scroll-view>
+  <!-- 底部按钮 -->
+  <button class="save-btn">保存</button>
+</template>
+
+<script setup>
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const nameLength = ref(0)
+  const descLength = ref(0)
+</script>
+
+<style lang="scss" scoped>
+  .group-container {
+    box-sizing: border-box;
+    padding: 12px 16px;
+    background-color: #f5f6fa;
+  }
+
+  .form-item {
+    position: relative;
+    padding: 16px;
+    margin-bottom: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+  }
+
+  .input-item {
+    .form-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 8px;
+    }
+
+    .form-label {
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      color: #333;
+
+      .required {
+        margin-right: 4px;
+        color: #ff4d4f;
+      }
+
+      .placeholder {
+        margin-left: 4px;
+        color: #999;
+      }
+    }
+
+    .input,
+    .textarea {
+      display: block; // 确保是块级元素
+      width: auto; // 让宽度自动计算
+      padding: 8px;
+      //   margin-right: 10px;
+      font-size: 14px;
+      color: #333;
+      background-color: #f8f9fc;
+      border-radius: 4px;
+    }
+
+    .textarea {
+      height: 80px;
+    }
+
+    .count {
+      position: absolute;
+      right: 26px;
+      bottom: 26px;
+      font-size: 12px;
+      color: #999;
+    }
+  }
+
+  .select-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .form-label {
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      color: #333;
+
+      .required {
+        margin-right: 4px;
+        color: #ff4d4f;
+      }
+    }
+
+    .form-value {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+      font-size: 14px;
+      color: #999;
+
+      .arrow {
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+
+  .tips {
+    padding: 16px;
+    margin-top: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .tips-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 8px;
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 8px;
+      }
+
+      .title {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333;
+      }
+    }
+
+    .tips-content {
+      .tips-list {
+        padding-left: 4px;
+        clear: both;
+
+        .tip-item {
+          display: flex;
+          gap: 4px;
+          margin-bottom: 8px;
+          font-size: 14px;
+          line-height: 1.4;
+          color: #666;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+
+          text:last-child {
+            flex: 1;
+          }
+        }
+      }
+    }
+  }
+
+  .save-btn {
+    position: fixed;
+    right: 16px;
+    bottom: 16px;
+    left: 16px;
+    height: 44px;
+    font-size: 16px;
+    color: #fff;
+    background-color: #2b5cff;
+    border-radius: 8px;
+
+    &::after {
+      border: none;
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/AccessManage/delivery-status.vue b/src/pages/personnel-passage/AccessManage/delivery-status.vue
new file mode 100644
index 0000000..21de32a
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/delivery-status.vue
@@ -0,0 +1,278 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="下发状态" />
+  <view class="status-container">
+    <!-- 人员信息 -->
+    <view class="person-info">
+      <text class="name">HikMall_30013234</text>
+      <text class="company">19104656的互联</text>
+
+      <!-- 门禁信息 -->
+      <view class="door-info">
+        <text class="label">门禁</text>
+        <text class="value">DS-K(L40959329)</text>
+      </view>
+    </view>
+
+    <!-- 下发状态列表 -->
+    <view class="status-list">
+      <!-- 人员信息 -->
+      <view class="status-item">
+        <checkbox class="checkbox" :checked="false" />
+        <view class="item-content">
+          <text class="title">人员信息</text>
+        </view>
+        <text class="status success">已下发</text>
+      </view>
+
+      <!-- 人脸 -->
+      <view class="status-item">
+        <checkbox class="checkbox" :checked="false" />
+        <view class="item-content">
+          <text class="title">人脸</text>
+          <image class="icon" src="/static/images/icon_face.png" mode="aspectFit" />
+        </view>
+        <text class="status success">已下发</text>
+      </view>
+
+      <!-- 指纹 -->
+      <view class="status-item">
+        <checkbox class="checkbox" :checked="false" />
+        <view class="item-content">
+          <text class="title">指纹1</text>
+          <image class="icon" src="/static/images/icon_fingerprint.png" mode="aspectFit" />
+          <text class="error-msg">设备离线，请稍后重试</text>
+        </view>
+        <text class="status error">下发失败</text>
+      </view>
+
+      <!-- 密码 -->
+      <view class="status-item">
+        <checkbox class="checkbox" :checked="false" />
+        <view class="item-content">
+          <text class="title">密码</text>
+          <image class="icon" src="/static/images/icon_password.png" mode="aspectFit" />
+          <text class="password">7****9</text>
+        </view>
+        <text class="status success">已下发</text>
+      </view>
+    </view>
+
+    <!-- 状态说明 -->
+    <view class="status-desc">
+      <view class="desc-header">
+        <image class="info-icon" src="/static/images/icon_info.png" mode="aspectFit" />
+        <text class="title">状态说明</text>
+      </view>
+      <view class="desc-list">
+        <text class="desc-item">1、下发中：已配置权限，正在同步到门禁点；</text>
+        <text class="desc-item">2、删除中：已删除权限，正在同步到门禁点；</text>
+        <text class="desc-item">3、待下发：已配置权限，未同步到门禁点，不可通行；</text>
+        <text class="desc-item">4、已下发：已配置权限，并已同步到门禁点，可通行；</text>
+        <text class="desc-item">5、下发失败：已配置权限，同步到门禁点失败，不可通行；</text>
+        <text class="desc-item">6、待重新下发：更新信息，待将信息同步到门禁点，可通行；</text>
+        <text class="desc-item">7、待删除：已删除权限，未同步到门禁点，可通行。</text>
+      </view>
+    </view>
+
+    <!-- 底部按钮 -->
+    <view class="bottom-buttons">
+      <button class="record-btn" @click="handleRecordBtnClick">查看记录</button>
+      <button class="publish-btn">立即下发</button>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const handleRecordBtnClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/viewing-delivery-records'
+    })
+  }
+</script>
+
+<style lang="scss" scoped>
+  .status-container {
+    min-height: 100vh;
+    padding: 12px 16px;
+    background-color: #f5f6fa;
+  }
+
+  .person-info {
+    padding: 16px;
+    margin-bottom: 10px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .name {
+      display: block;
+      margin-bottom: 4px;
+      font-size: 16px;
+      font-weight: 500;
+      color: #333;
+    }
+
+    .company {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+
+  .door-info {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px;
+    margin-top: 12px;
+    background-color: #f8f9fc;
+    border-radius: 8px;
+
+    .label {
+      font-size: 14px;
+      color: #666;
+    }
+
+    .value {
+      font-size: 14px;
+      color: #333;
+    }
+  }
+
+  .status-list {
+    margin-bottom: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .status-item {
+      display: flex;
+      align-items: center;
+      padding: 16px;
+      border-bottom: 1px solid #f5f6fa;
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .checkbox {
+        margin-right: 8px;
+        transform: scale(0.8);
+      }
+
+      .item-content {
+        display: flex;
+        flex: 1;
+        gap: 4px;
+        align-items: center;
+
+        .title {
+          font-size: 14px;
+          color: #333;
+        }
+
+        .icon {
+          width: 16px;
+          height: 16px;
+        }
+
+        .error-msg {
+          font-size: 12px;
+          color: #999;
+        }
+
+        .password {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+
+      .status {
+        font-size: 14px;
+
+        &.success {
+          color: #333;
+        }
+
+        &.error {
+          color: #ff4d4f;
+        }
+      }
+    }
+  }
+
+  .status-desc {
+    padding: 16px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .desc-header {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+      margin-bottom: 12px;
+
+      .info-icon {
+        width: 16px;
+        height: 16px;
+      }
+
+      title {
+        font-size: 14px;
+        color: #333;
+      }
+    }
+
+    .desc-list {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+
+      .desc-item {
+        font-size: 14px;
+        line-height: 1.4;
+        color: #666;
+      }
+    }
+  }
+
+  .bottom-buttons {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    gap: 12px;
+    padding: 12px;
+    background-color: #fff;
+
+    button {
+      flex: 1;
+      height: 44px;
+      font-size: 16px;
+      border-radius: 8px;
+
+      &::after {
+        border: none;
+      }
+    }
+
+    .record-btn {
+      color: #666;
+      background-color: #f5f6fa;
+    }
+
+    .publish-btn {
+      color: #fff;
+      background-color: #2b5cff;
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/AccessManage/permission-query.vue b/src/pages/personnel-passage/AccessManage/permission-query.vue
new file mode 100644
index 0000000..8f28930
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/permission-query.vue
@@ -0,0 +1,364 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="权限查询" />
+  <scroll-view
+    class="query-container"
+    :scroll-y="true"
+    :style="{ height: 'calc(100vh - var(--status-bar-height) - 44px)' }"
+  >
+    <!-- 搜索提示卡片 -->
+    <view class="search-tip">
+      <text>人员无法通行?</text>
+      <text class="check-btn" @click="handleCheckClick">去检测</text>
+    </view>
+
+    <!-- 权限查询入口 -->
+    <view class="query-entry" @click="handleQueryClick">
+      <text class="entry-title">通行权限查询</text>
+      <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+    </view>
+
+    <!-- 人员列表 -->
+    <view class="person-list">
+      <view class="person-item" v-for="person in personList" :key="person.id">
+        <view class="person-info">
+          <text class="person-name">{{ person.name }}</text>
+          <text class="person-id">{{ person.id }}</text>
+        </view>
+        <text class="company">{{ person.company }}</text>
+        <view class="validity">
+          <text class="label">有效时间：</text>
+          <text class="value">{{ person.validityPeriod }}</text>
+        </view>
+        <view class="access-info">
+          <view class="door-info">
+            <image class="icon" src="/static/images/icon_door.png" mode="aspectFit" />
+            <text>门禁点：{{ person.doorPoint }}</text>
+          </view>
+          <view class="time-info">
+            <image class="icon" src="/static/images/icon_time.png" mode="aspectFit" />
+            <text>通行时间：</text>
+            <view class="time-tag">{{ person.accessTime }}</view>
+          </view>
+        </view>
+        <view class="auth-types" @click="() => handlePersonItemClick(person)">
+          <view class="type-item" v-for="type in person.authTypes" :key="type.name">
+            <image class="type-icon" :src="type.icon" mode="aspectFit" />
+            <text>{{ type.name }}</text>
+          </view>
+        </view>
+        <image class="item-arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+      </view>
+    </view>
+
+    <!-- 底部按钮 -->
+    <view class="bottom-buttons">
+      <button class="btn add-btn" @click="handleAddBtnClick">添加权限组</button>
+      <button class="btn publish-btn" @click="handlePublishBtnClick">下发权限</button>
+      <button class="btn record-btn" @click="handleRecordBtnClick">下发记录</button>
+    </view>
+  </scroll-view>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  interface AuthType {
+    name: string
+    icon: string
+  }
+
+  interface Person {
+    id: string
+    name: string
+    company: string
+    validityPeriod: string
+    doorPoint: string
+    accessTime: string
+    authTypes: AuthType[]
+  }
+
+  const personList = ref<Person[]>([
+    {
+      id: 'CY01068968',
+      name: 'HikMall_30013234',
+      company: '19104656的互联',
+      validityPeriod: '永久有效',
+      doorPoint: 'DS-K(L40959329)',
+      accessTime: '全天时段有效',
+      authTypes: [
+        { name: '人员', icon: '/static/images/icon_person.png' },
+        { name: '人脸', icon: '/static/images/icon_face.png' },
+        { name: '指纹', icon: '/static/images/icon_fingerprint.png' },
+        { name: '密码', icon: '/static/images/icon_password.png' }
+      ]
+    },
+    {
+      id: 'CY01069559',
+      name: '4',
+      company: '19104656的互联/test',
+      validityPeriod: '2000-01-01至2037-12-31',
+      doorPoint: 'DS-K(L40959329)',
+      accessTime: '全天时段有效',
+      authTypes: [
+        { name: '人员', icon: '/static/images/icon_person.png' },
+        { name: '指纹', icon: '/static/images/icon_fingerprint.png' }
+      ]
+    },
+    {
+      id: 'CY01069559',
+      name: '4',
+      company: '19104656的互联/test',
+      validityPeriod: '2000-01-01至2037-12-31',
+      doorPoint: 'DS-K(L40959329)',
+      accessTime: '全天时段有效',
+      authTypes: [
+        { name: '人员', icon: '/static/images/icon_person.png' },
+        { name: '指纹', icon: '/static/images/icon_fingerprint.png' }
+      ]
+    }
+  ])
+
+  const handleCheckClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/access-right-detection'
+    })
+  }
+
+  const handleQueryClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/access-permission-inquiry'
+    })
+  }
+
+  const handlePersonItemClick = (person: Person) => {
+    uni.navigateTo({
+      url: `/pages/personnel-passage/AccessManage/delivery-status?id=${person.id}`
+    })
+  }
+
+  // 添加权限组
+  const handleAddBtnClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/add-permission-group'
+    })
+  }
+
+  // 下发权限
+  const handlePublishBtnClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/send-permission'
+    })
+  }
+
+  // 下发记录
+  const handleRecordBtnClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/release-record'
+    })
+  }
+</script>
+
+<style lang="scss" scoped>
+  .query-container {
+    box-sizing: border-box;
+    padding: 0 16px;
+    padding-bottom: 76px;
+    background-color: #f5f6fa;
+  }
+
+  .search-tip {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 16px;
+    margin-top: 12px;
+    background-color: #fff7f2;
+    border-radius: 8px;
+
+    .check-btn {
+      padding: 2px 8px;
+      font-size: 14px;
+      color: #333;
+      background-color: #fff;
+      border-radius: 4px;
+    }
+  }
+
+  .query-entry {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px;
+    margin-top: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .entry-title {
+      font-size: 16px;
+      color: #333;
+    }
+
+    .arrow {
+      width: 16px;
+      height: 16px;
+    }
+  }
+
+  .person-list {
+    margin-top: 12px;
+
+    .person-item {
+      position: relative;
+      padding: 16px;
+      margin-bottom: 12px;
+      background-color: #fff;
+      border-radius: 8px;
+
+      .person-info {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        margin-bottom: 4px;
+
+        .person-name {
+          font-size: 16px;
+          font-weight: 500;
+          color: #333;
+        }
+
+        .person-id {
+          font-size: 14px;
+          color: #999;
+        }
+      }
+
+      .company {
+        display: block;
+        margin-bottom: 8px;
+        font-size: 14px;
+        color: #666;
+      }
+
+      .validity {
+        margin-bottom: 12px;
+        font-size: 14px;
+
+        .label {
+          color: #666;
+        }
+
+        .value {
+          color: #333;
+        }
+      }
+
+      .access-info {
+        padding: 12px;
+        margin-bottom: 12px;
+        background-color: #f8f9fc;
+        border-radius: 8px;
+
+        .door-info,
+        .time-info {
+          display: flex;
+          align-items: center;
+          margin-bottom: 8px;
+          font-size: 14px;
+          color: #666;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+
+          .icon {
+            width: 16px;
+            height: 16px;
+            margin-right: 4px;
+          }
+
+          .time-tag {
+            padding: 2px 8px;
+            margin-left: 4px;
+            font-size: 12px;
+            color: #2b5cff;
+            background-color: #eef4ff;
+            border-radius: 4px;
+          }
+        }
+      }
+
+      .auth-types {
+        display: flex;
+        gap: 16px;
+
+        .type-item {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+          font-size: 14px;
+          color: #666;
+
+          .type-icon {
+            width: 16px;
+            height: 16px;
+          }
+        }
+      }
+
+      .item-arrow {
+        position: absolute;
+        right: 16px;
+        bottom: 16px;
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+
+  .bottom-buttons {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    padding-top: 12px;
+
+    background-color: #fff;
+    border-top: 1px solid #eee;
+
+    .btn {
+      flex: 1;
+      height: 44px;
+      font-size: 14px;
+
+      //   &::after {
+      //     border: 1px solid #eee;
+      //     border-radius: 0;
+      //   }
+    }
+
+    .add-btn {
+      color: #2b5cff;
+      background-color: #fff;
+    }
+
+    .publish-btn {
+      color: #2b5cff;
+      background-color: #fff;
+    }
+
+    .record-btn {
+      color: #2b5cff;
+      background-color: #fff;
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/AccessManage/release-record.vue b/src/pages/personnel-passage/AccessManage/release-record.vue
new file mode 100644
index 0000000..15db263
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/release-record.vue
@@ -0,0 +1,186 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="下发记录" />
+  <scroll-view
+    class="record-container"
+    :scroll-y="true"
+    :style="{ height: 'calc(100vh - var(--status-bar-height) - 44px)' }"
+  >
+    <view class="record-list">
+      <view class="record-item" v-for="record in records" :key="record.time">
+        <view class="record-header">
+          <view class="title-wrap">
+            <text class="title">{{ record.title }}</text>
+            <text class="time">{{ record.time }}</text>
+          </view>
+          <view class="status-wrap" @click="handleRecordClick(record)">
+            <text class="status">{{ record.status }}</text>
+            <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+          </view>
+        </view>
+        <view class="record-stats">
+          <view class="stat-item">
+            <text class="value">{{ record.success }}</text>
+            <text class="label">成功</text>
+          </view>
+          <view class="stat-item">
+            <text class="value">{{ record.fail }}</text>
+            <text class="label">失败</text>
+          </view>
+          <view class="stat-item">
+            <text class="value">{{ record.total }}</text>
+            <text class="label">总数</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </scroll-view>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  interface Record {
+    title: string
+    time: string
+    status: string
+    success: number
+    fail: number
+    total: number
+  }
+
+  const records = ref<Record[]>([
+    {
+      title: '系统自动操作下发',
+      time: '2025-01-16 14:01:41',
+      status: '已完成',
+      success: 0,
+      fail: 4,
+      total: 4
+    },
+    {
+      title: '杨操作下发',
+      time: '2025-01-16 09:47:06',
+      status: '已完成',
+      success: 0,
+      fail: 4,
+      total: 4
+    },
+    {
+      title: '系统自动操作下发',
+      time: '2025-01-16 06:01:13',
+      status: '已完成',
+      success: 0,
+      fail: 8,
+      total: 8
+    },
+    {
+      title: '系统自动操作下发',
+      time: '2025-01-15 06:01:12',
+      status: '已完成',
+      success: 0,
+      fail: 8,
+      total: 8
+    },
+    {
+      title: '系统自动操作下发',
+      time: '2025-01-14 15:42:37',
+      status: '已完成',
+      success: 0,
+      fail: 4,
+      total: 4
+    }
+  ])
+
+  const handleRecordClick = (record: Record) => {
+    // 处理记录点击
+  }
+</script>
+
+<style lang="scss" scoped>
+  .record-container {
+    padding: 12px 16px;
+    background-color: #f5f6fa;
+  }
+
+  .record-list {
+    .record-item {
+      padding: 16px;
+      margin-right: 32px;
+      margin-bottom: 12px;
+      background-color: #fff;
+      border-radius: 8px;
+
+      .record-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 16px;
+
+        .title-wrap {
+          .title {
+            display: block;
+            margin-bottom: 4px;
+            font-size: 16px;
+            color: #333;
+          }
+
+          .time {
+            font-size: 14px;
+            color: #999;
+          }
+        }
+
+        .status-wrap {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+
+          .status {
+            font-size: 14px;
+            color: #2b5cff;
+          }
+
+          .arrow {
+            width: 16px;
+            height: 16px;
+          }
+        }
+      }
+
+      .record-stats {
+        display: flex;
+        justify-content: space-around;
+        padding: 12px;
+        background-color: #f8f9fc;
+        border-radius: 8px;
+
+        .stat-item {
+          display: flex;
+          flex-direction: column;
+          gap: 4px;
+          align-items: center;
+
+          .value {
+            font-size: 20px;
+            font-weight: 500;
+            color: #333;
+          }
+
+          .label {
+            font-size: 14px;
+            color: #666;
+          }
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/AccessManage/send-permission.vue b/src/pages/personnel-passage/AccessManage/send-permission.vue
new file mode 100644
index 0000000..06724c3
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/send-permission.vue
@@ -0,0 +1,214 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="下发权限">
+    <template #right>
+      <view class="timing-btn" @click="handleTimingClick">
+        <image class="icon" src="/static/images/icon_timing.png" mode="aspectFit" />
+        <text>定时下发</text>
+      </view>
+    </template>
+  </TopNavigation>
+
+  <view class="send-container">
+    <!-- 下发选项 -->
+    <view class="form-item">
+      <text class="label">下发方式</text>
+      <view class="select">
+        <text>普通下发</text>
+        <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+      </view>
+    </view>
+
+    <view class="form-item">
+      <text class="label">门禁范围</text>
+      <view class="select">
+        <text>全选</text>
+        <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+      </view>
+    </view>
+
+    <!-- 提示说明 -->
+    <view class="tips">
+      <view class="tips-header">
+        <image class="icon" src="/static/images/icon_gray_tip.png" mode="aspectFit" />
+        <text class="title">提示</text>
+      </view>
+      <view class="tips-content">
+        <view class="tips-list">
+          <view class="tip-item">
+            <text>1.</text>
+            <text>仅可选择已配置过通行权限的门禁进行下发；</text>
+          </view>
+          <view class="tip-item">
+            <text>2.</text>
+            <text>下发信息过多，会影响人员通行体验，建议避开人流量较大时间，错峰下发；</text>
+          </view>
+          <view class="tip-item">
+            <text>3.</text>
+            <text>
+              设备数据与平台数据不一致时，可选择[全量下发]，将删除设备本地数据后，重新下发平台数据；
+            </text>
+          </view>
+          <view class="tip-item">
+            <text>4.</text>
+            <text>
+              通行时间仅型号为DS-K1T、D1或HST-AU开头的门禁设备有效，其余型号仅支持全天时段有效。
+            </text>
+          </view>
+        </view>
+        <view class="extra-tips">
+          <text>
+            新添加或修改权限组需点击[立即下发]，将配置的通行凭证下发到对应门禁点成功后，可生效通行权限；
+          </text>
+          <text>
+            若权限组已按照组织/分组/楼幢进行人员配置，则后续在对应的组织/分组/楼幢中加入人员，将自动下发新增的通行凭证，无需手动下发。
+          </text>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 底部按钮 -->
+  <button class="send-btn">立即下发</button>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const handleTimingClick = () => {
+    // 处理定时下发点击
+  }
+</script>
+
+<style lang="scss" scoped>
+  .send-container {
+    min-height: 100vh;
+    padding: 12px 16px;
+    background-color: #f5f6fa;
+  }
+
+  .timing-btn {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    padding: 4px 8px;
+    font-size: 14px;
+    color: #333;
+
+    .icon {
+      width: 16px;
+      height: 16px;
+    }
+  }
+
+  .form-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px;
+    margin-bottom: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .label {
+      font-size: 14px;
+      color: #333;
+    }
+
+    .select {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+      font-size: 14px;
+      color: #333;
+
+      .arrow {
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+
+  .tips {
+    padding: 16px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .tips-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 8px;
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 8px;
+      }
+
+      .title {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333;
+      }
+    }
+
+    .tips-content {
+      .tips-list {
+        padding-left: 4px;
+
+        .tip-item {
+          display: flex;
+          gap: 4px;
+          margin-bottom: 8px;
+          font-size: 14px;
+          line-height: 1.4;
+          color: #666;
+
+          &:last-child {
+            margin-bottom: 12px;
+          }
+
+          text:last-child {
+            flex: 1;
+          }
+        }
+      }
+
+      .extra-tips {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        padding: 12px;
+        font-size: 14px;
+        line-height: 1.4;
+        color: #666;
+        background-color: #f5f6fa;
+        border-radius: 8px;
+      }
+    }
+  }
+
+  .send-btn {
+    position: fixed;
+    right: 16px;
+    bottom: 16px;
+    left: 16px;
+    height: 44px;
+    font-size: 16px;
+    color: #fff;
+    background-color: #2b5cff;
+    border-radius: 8px;
+
+    &::after {
+      border: none;
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/AccessManage/viewing-delivery-records.vue b/src/pages/personnel-passage/AccessManage/viewing-delivery-records.vue
new file mode 100644
index 0000000..e213a19
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/viewing-delivery-records.vue
@@ -0,0 +1,220 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom',
+    disableScroll: false
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="查看记录" />
+  <view class="records-container">
+    <!-- 人员信息 -->
+    <view class="person-info">
+      <text class="name">HikMall_30013234</text>
+      <text class="company">19104656的互联</text>
+
+      <!-- 门禁信息 -->
+      <view class="door-info">
+        <text class="label">门禁</text>
+        <text class="value">DS-K(L40959329)</text>
+      </view>
+    </view>
+
+    <!-- 记录列表 -->
+    <view class="records-list">
+      <!-- 记录项 -->
+      <view class="record-item" v-for="(item, index) in records" :key="index">
+        <text class="time">{{ item.time }}</text>
+        <view class="record-content">
+          <view class="content-header">
+            <text class="title">{{ item.title }}</text>
+            <text :class="['status', item.status === '下发失败' ? 'error' : 'success']">
+              {{ item.status }}
+            </text>
+          </view>
+
+          <view class="operation-info">
+            <image class="icon" src="/static/images/icon_operation.png" mode="aspectFit" />
+            <text class="label">权限操作：</text>
+            <text class="value">{{ item.operation }}</text>
+          </view>
+
+          <view v-if="item.error" class="error-info">
+            <image class="icon" src="/static/images/icon_info.png" mode="aspectFit" />
+            <text class="label">失败原因：</text>
+            <text class="value">{{ item.error }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const records = [
+    {
+      time: '2025-01-16 06:01:13',
+      title: '指纹1',
+      status: '下发失败',
+      operation: '下发权限',
+      error: '设备离线，请稍后重试'
+    },
+    {
+      time: '2025-01-15 06:01:12',
+      title: '指纹1',
+      status: '下发失败',
+      operation: '下发权限',
+      error: '设备离线，请稍后重试'
+    },
+    {
+      time: '2025-01-14 06:01:17',
+      title: '指纹1',
+      status: '下发失败',
+      operation: '下发权限',
+      error: '设备离线，请稍后重试'
+    },
+    {
+      time: '2025-01-13 11:22:18',
+      title: '人员信息',
+      status: '下发成功',
+      operation: '下发权限'
+    },
+    {
+      time: '2025-01-15 06:01:12',
+      title: '指纹1',
+      status: '下发失败',
+      operation: '下发权限',
+      error: '设备离线，请稍后重试'
+    },
+    {
+      time: '2025-01-15 06:01:12',
+      title: '指纹1',
+      status: '下发失败',
+      operation: '下发权限',
+      error: '设备离线，请稍后重试'
+    }
+  ]
+</script>
+
+<style lang="scss" scoped>
+  .records-container {
+    min-height: 100vh;
+    padding: 12px 16px;
+    background-color: #f5f6fa;
+  }
+
+  .person-info {
+    padding: 16px;
+    margin-bottom: 10px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    .name {
+      display: block;
+      margin-bottom: 4px;
+      font-size: 16px;
+      font-weight: 500;
+      color: #333;
+    }
+
+    .company {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+
+  .door-info {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px;
+    margin-top: 12px;
+    background-color: #f8f9fc;
+    border-radius: 8px;
+
+    .label {
+      font-size: 14px;
+      color: #666;
+    }
+
+    .value {
+      font-size: 14px;
+      color: #333;
+    }
+  }
+
+  .records-list {
+    .record-item {
+      margin-bottom: 12px;
+
+      .time {
+        display: block;
+        margin-bottom: 8px;
+        font-size: 14px;
+        color: #666;
+      }
+
+      .record-content {
+        padding: 16px;
+        background-color: #fff;
+        border-radius: 8px;
+
+        .content-header {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          margin-bottom: 12px;
+
+          .title {
+            font-size: 14px;
+            color: #333;
+          }
+
+          .status {
+            font-size: 14px;
+
+            &.success {
+              color: #52c41a;
+            }
+
+            &.error {
+              color: #ff4d4f;
+            }
+          }
+        }
+
+        .operation-info,
+        .error-info {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+          margin-bottom: 8px;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+
+          .icon {
+            width: 16px;
+            height: 16px;
+          }
+
+          .label {
+            font-size: 14px;
+            color: #666;
+          }
+
+          .value {
+            font-size: 14px;
+            color: #333;
+          }
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/password-open-door/password-open-door.vue b/src/pages/personnel-passage/password-open-door/password-open-door.vue
index b592190..b866a4e 100644
--- a/src/pages/personnel-passage/password-open-door/password-open-door.vue
+++ b/src/pages/personnel-passage/password-open-door/password-open-door.vue
@@ -14,7 +14,7 @@
       <view class="password-card">
         <view class="help-icon">
           <text>通行帮助</text>
-          <image src="/static/images/personnelPassage/icon_tip.png" mode="aspectFit" />
+          <image src="/static/images/icon_white_tip.png" mode="aspectFit" />
         </view>
 
         <view class="password-display">
diff --git a/src/static/images/icon_gray_tip.png b/src/static/images/icon_gray_tip.png
new file mode 100644
index 0000000000000000000000000000000000000000..a47c0f13f5b9ea4605994c64e99de1ced9b9025a
GIT binary patch
literal 3473
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

literal 0
HcmV?d00001

diff --git a/src/static/images/personnelPassage/icon_tip.png b/src/static/images/icon_white_tip.png
similarity index 100%
rename from src/static/images/personnelPassage/icon_tip.png
rename to src/static/images/icon_white_tip.png
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index c8b39f6..808d5cc 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -35,6 +35,14 @@ interface NavigateToOptions {
        "/pages/attendance/attendance-add-group/attendance-time" |
        "/pages/attendance/attendance-add-group/outside-rules" |
        "/pages/attendance/attendance-add-group/special-date-set" |
+       "/pages/personnel-passage/AccessManage/access-permission-inquiry" |
+       "/pages/personnel-passage/AccessManage/access-right-detection" |
+       "/pages/personnel-passage/AccessManage/add-permission-group" |
+       "/pages/personnel-passage/AccessManage/delivery-status" |
+       "/pages/personnel-passage/AccessManage/permission-query" |
+       "/pages/personnel-passage/AccessManage/release-record" |
+       "/pages/personnel-passage/AccessManage/send-permission" |
+       "/pages/personnel-passage/AccessManage/viewing-delivery-records" |
        "/pages/personnel-passage/access-authority/access-authority" |
        "/pages/personnel-passage/one-click-open-door/one-click-open-door" |
        "/pages/personnel-passage/password-open-door/password-open-door" |