From ece4437d7ddf48f1725a09fad43d9481919d818f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=B0=91=E9=98=B3?= <786612630@qq.com>
Date: Fri, 24 Jan 2025 13:50:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=201=E3=80=81=E5=AE=8C=E6=88=90=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=9D=83=E9=99=90=E7=BB=84UI=E3=80=822=E3=80=81?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=B8=8B=E5=8F=91=E6=9D=83=E9=99=90UI?=
 =?UTF-8?q?=E3=80=823=E3=80=81=E5=AE=8C=E6=88=90=E4=B8=8B=E5=8F=91?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95UI=E3=80=824=E3=80=81=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=8F=8A=E8=8A=82=E6=97=A5=E8=AE=A1=E5=88=92=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?UI=E3=80=825=E3=80=81=E6=B7=BB=E5=8A=A0=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E8=AE=A1=E5=88=92UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                |  32 ++
 .../AccessManage/add-permission-group.vue     |   9 +-
 .../AccessManage/permission-query.vue         |   2 +-
 .../add-daily-traffic-plan.vue                | 231 +++++++++++++
 .../add-time-schedule.vue                     | 313 ++++++++++++++++++
 .../time-planning-allocation-detail.vue       | 136 ++++++++
 .../time-planning-allocation-list.vue         | 157 +++++++++
 src/static/images/icon_blue_add.png           | Bin 0 -> 2232 bytes
 src/static/images/icon_gray_delet.png         | Bin 0 -> 2910 bytes
 src/types/uni-pages.d.ts                      |   6 +-
 10 files changed, 883 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/personnel-passage/AccessManage/time-planning-allocation/add-daily-traffic-plan.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/time-planning-allocation/add-time-schedule.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-detail.vue
 create mode 100644 src/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-list.vue
 create mode 100644 src/static/images/icon_blue_add.png
 create mode 100644 src/static/images/icon_gray_delet.png

diff --git a/src/pages.json b/src/pages.json
index 510996a..7e4f6b8 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -398,6 +398,38 @@
       "style": {
         "navigationStyle": "custom"
       }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/time-planning-allocation/add-daily-traffic-plan",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/time-planning-allocation/add-time-schedule",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-detail",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-list",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
     }
   ],
   "subPackages": []
diff --git a/src/pages/personnel-passage/AccessManage/add-permission-group.vue b/src/pages/personnel-passage/AccessManage/add-permission-group.vue
index 01b4dc5..6e9674a 100644
--- a/src/pages/personnel-passage/AccessManage/add-permission-group.vue
+++ b/src/pages/personnel-passage/AccessManage/add-permission-group.vue
@@ -87,7 +87,7 @@
     </view>
 
     <!-- 门禁通行时间 -->
-    <view class="form-item select-item">
+    <view class="form-item select-item" @click="handleTimePlanningAllocationClick">
       <view class="form-label">
         <text class="required">*</text>
         <text>门禁通行时间</text>
@@ -138,6 +138,13 @@
 
   const nameLength = ref(0)
   const descLength = ref(0)
+
+  // 门禁通行时间
+  const handleTimePlanningAllocationClick = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-list'
+    })
+  }
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/pages/personnel-passage/AccessManage/permission-query.vue b/src/pages/personnel-passage/AccessManage/permission-query.vue
index 8f28930..0f2edf5 100644
--- a/src/pages/personnel-passage/AccessManage/permission-query.vue
+++ b/src/pages/personnel-passage/AccessManage/permission-query.vue
@@ -171,7 +171,7 @@
   .query-container {
     box-sizing: border-box;
     padding: 0 16px;
-    padding-bottom: 76px;
+    padding-bottom: 63px;
     background-color: #f5f6fa;
   }
 
diff --git a/src/pages/personnel-passage/AccessManage/time-planning-allocation/add-daily-traffic-plan.vue b/src/pages/personnel-passage/AccessManage/time-planning-allocation/add-daily-traffic-plan.vue
new file mode 100644
index 0000000..c3aae7d
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/time-planning-allocation/add-daily-traffic-plan.vue
@@ -0,0 +1,231 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="日常通行计划" />
+  <view class="plan-container">
+    <!-- 周时间选择 -->
+    <view class="week-section">
+      <text class="required">*</text>
+      <text class="title">周时间选择</text>
+      <view class="week-list">
+        <view
+          v-for="(day, index) in weekDays"
+          :key="index"
+          :class="['week-item', { active: day.active }]"
+        >
+          {{ day.label }}
+        </view>
+      </view>
+    </view>
+
+    <!-- 通行时段 -->
+    <view class="time-section">
+      <view class="section-header">
+        <text>通行时段</text>
+        <text class="sub-text">未添加通行时段表示全天不可通行</text>
+      </view>
+
+      <!-- 时段列表 -->
+      <view class="time-list">
+        <view class="time-item" v-for="(period, index) in timePeriods" :key="index">
+          <view class="time-info">
+            <text class="period-label">时段{{ index + 1 }}</text>
+            <text class="time-value">{{ period.time }}</text>
+          </view>
+          <view class="action-icons">
+            <image
+              class="gray-delet-icon"
+              src="/static/images/icon_gray_delet.png"
+              mode="scaleToFill"
+              @click="deletAction"
+            />
+          </view>
+        </view>
+      </view>
+
+      <!-- 添加时段按钮 -->
+      <view class="add-time">
+        <image class="add-icon" src="/static/images/icon_blue_add.png" mode="aspectFit" />
+        <text>增加通行时段</text>
+      </view>
+    </view>
+  </view>
+
+  <!-- 底部保存按钮 -->
+  <button class="save-btn">保存</button>
+</template>
+
+<script setup>
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const weekDays = ref([
+    { label: '一', active: true },
+    { label: '二', active: true },
+    { label: '三', active: true },
+    { label: '四', active: true },
+    { label: '五', active: true },
+    { label: '六', active: false },
+    { label: '日', active: false }
+  ])
+
+  const timePeriods = ref([{ time: '08:00:00-12:00:00' }, { time: '14:00:00-18:00:00' }])
+</script>
+
+<style lang="scss" scoped>
+  .plan-container {
+    padding: 12px 0;
+    // margin-right: 16px;
+    background-color: #f5f6fa;
+  }
+
+  .week-section {
+    padding: 12px;
+    margin-bottom: 12px;
+    background-color: #fff;
+
+    .required {
+      margin-right: 4px;
+      font-size: 14px;
+      color: #ff4d4f;
+    }
+
+    .title {
+      font-size: 14px;
+      color: #333;
+    }
+
+    .week-list {
+      display: flex;
+      gap: 8px;
+      justify-content: space-between;
+      width: 100%;
+      margin-top: 12px;
+
+      .week-item {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: calc((100% - 48px) / 7);
+        aspect-ratio: 1;
+        font-size: 16px;
+        color: #333;
+        background-color: #fff;
+        border: 1px dashed #ddd;
+        border-radius: 50%;
+
+        &.active {
+          color: #fff;
+          background-color: #2b5cff;
+          border-style: solid;
+        }
+      }
+    }
+  }
+
+  .time-section {
+    padding: 12px 16px;
+    background-color: #fff;
+
+    .section-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 12px;
+      font-size: 14px;
+      color: #333;
+
+      .sub-text {
+        margin-left: 8px;
+        font-size: 12px;
+        color: #999;
+      }
+    }
+
+    .time-list {
+      .time-item {
+        display: flex;
+        align-items: stretch;
+        justify-content: space-between;
+        margin-bottom: 12px;
+
+        .time-info {
+          display: flex;
+          flex: 1;
+          gap: 16px;
+          align-items: center;
+          height: 44px;
+          padding: 0 16px;
+          margin-bottom: 0;
+          background-color: #f8f9fc;
+          border-radius: 8px;
+
+          .period-label {
+            font-size: 14px;
+            color: #999;
+          }
+
+          .time-value {
+            font-size: 14px;
+            color: #333;
+          }
+        }
+
+        .action-icons {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 44px;
+          height: 44px;
+          margin-left: 12px;
+
+          .gray-delet-icon {
+            width: 25px;
+            height: 25px;
+          }
+        }
+      }
+    }
+
+    .add-time {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+      justify-content: center;
+      padding: 16px;
+      background-color: #f8f9fc;
+      border-radius: 8px;
+
+      .add-icon {
+        width: 16px;
+        height: 16px;
+      }
+
+      text {
+        font-size: 14px;
+        color: #2b5cff;
+      }
+    }
+  }
+
+  .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/time-planning-allocation/add-time-schedule.vue b/src/pages/personnel-passage/AccessManage/time-planning-allocation/add-time-schedule.vue
new file mode 100644
index 0000000..00690fb
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/time-planning-allocation/add-time-schedule.vue
@@ -0,0 +1,313 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="增加时间计划" />
+  <scroll-view scroll-y class="time-schedule">
+    <view class="content">
+      <!-- 计划名称 -->
+      <view class="form-item">
+        <view class="label">
+          <text class="required">*</text>
+          <text>计划名称</text>
+        </view>
+        <input
+          class="input"
+          type="text"
+          placeholder="请填写计划名称"
+          placeholder-style="color: #999;"
+        />
+      </view>
+
+      <!-- 计划描述 -->
+      <view class="form-item">
+        <view class="label">计划描述</view>
+        <textarea
+          class="textarea"
+          placeholder="非必填"
+          placeholder-style="color: #999;"
+          maxlength="50"
+        />
+        <view class="word-count">0/50</view>
+      </view>
+
+      <!-- 日常通行计划 -->
+      <view class="form-item">
+        <view class="label">
+          <text class="required">*</text>
+          <text>日常通行计划</text>
+        </view>
+        <view class="time-block-main">
+          <view class="time-block">
+            <view class="week-select">
+              <text>周一至周五</text>
+              <!-- <uni-icons type="right" size="16" color="white"></uni-icons> -->
+              <image
+                class="right-icon"
+                src="/static/images/icon_black_right.png"
+                mode="scaleToFill"
+              />
+            </view>
+
+            <view class="time-periods">
+              <view class="time-item">
+                <text>时段1</text>
+                <text class="time">08:00:00-12:00:00</text>
+                <view class="delete-icon">
+                  <uni-icons type="trash" size="20" color="#999"></uni-icons>
+                </view>
+              </view>
+              <view class="time-item">
+                <text>时段2</text>
+                <text class="time">14:00:00-16:00:00</text>
+                <view class="delete-icon">
+                  <uni-icons type="trash" size="20" color="#999"></uni-icons>
+                </view>
+              </view>
+            </view>
+          </view>
+          <image
+            class="gray_delet-icon"
+            src="/static/images/icon_gray_delet.png"
+            mode="scaleToFill"
+            @click="deletAction"
+          />
+        </view>
+        <view class="add-time" @click="addTimeSlot">
+          <!-- <uni-icons type="plusempty" size="16" color="#2979ff"></uni-icons> -->
+          <image class="add-icon" src="/static/images/icon_blue_add.png" mode="scaleToFill" />
+          <text>添加日常通行计划</text>
+        </view>
+      </view>
+
+      <!-- 节假日通行计划 -->
+      <view class="form-item">
+        <view class="holiday-header">
+          <text>节假日通行计划</text>
+          <text class="sub-text">遇节假日将按假日计划执行</text>
+        </view>
+        <view class="holiday-select" @click="selectHoliday">
+          <text>法定节假日</text>
+          <image
+            class="holiday-select-right-icon"
+            src="/static/images/icon_black_right.png"
+            mode="scaleToFill"
+          />
+        </view>
+      </view>
+
+      <!-- 底部占位，为fixed按钮留出空间 -->
+      <view class="footer-placeholder"></view>
+    </view>
+  </scroll-view>
+
+  <!-- 底部保存按钮 -->
+  <view class="footer">
+    <button class="save-btn" type="primary">保存</button>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  .time-schedule {
+    box-sizing: border-box;
+    height: calc(100vh - 44px); // 减去顶部导航栏的高度
+    background-color: #f5f6fa;
+
+    .content {
+      padding: 12px 16px;
+
+      .form-item {
+        padding: 16px;
+        margin-bottom: 16px;
+        background-color: #fff;
+        border-radius: 8px;
+
+        .label {
+          margin-bottom: 8px;
+          font-size: 14px;
+
+          .required {
+            margin-right: 4px;
+            color: #ff4d4f;
+          }
+        }
+
+        .input {
+          //   width: 100%;
+          height: 40px;
+          padding: 0 12px;
+          font-size: 14px;
+          background-color: #f8f9fc;
+          border-radius: 4px;
+        }
+
+        .textarea {
+          box-sizing: border-box;
+          height: 80px;
+          padding: 8px 12px;
+          margin-right: 32px;
+          font-size: 14px;
+          background-color: #f8f9fc;
+          border-radius: 4px;
+        }
+
+        .word-count {
+          margin-top: 4px;
+          font-size: 12px;
+          color: #999;
+          text-align: right;
+        }
+      }
+
+      .time-block-main {
+        display: flex;
+        gap: 12px;
+        align-items: center;
+        margin-top: 8px;
+        background-color: #fff;
+        border-radius: 8px;
+
+        .time-block {
+          flex: 1;
+          padding: 16px;
+          background-color: #f5f6fa;
+          border-radius: 8px;
+
+          .week-select {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: fit-content;
+            min-width: 120px;
+            padding: 12px 16px;
+            background-color: #f5f6fa;
+            border-radius: 8px;
+
+            .right-icon {
+              width: 16px;
+              height: 16px;
+              margin-left: 8px;
+            }
+          }
+
+          .time-periods {
+            padding: 12px 0;
+
+            .time-item {
+              display: flex;
+              align-items: center;
+              margin-bottom: 16px;
+              color: #666;
+
+              &:last-child {
+                margin-bottom: 0;
+              }
+
+              .time {
+                flex: 1;
+                margin-left: 16px;
+              }
+            }
+          }
+        }
+
+        .gray_delet-icon {
+          width: 30px;
+          height: 30px;
+          cursor: pointer;
+        }
+      }
+
+      .add-time {
+        display: flex;
+        gap: 4px;
+        align-items: center;
+        justify-content: center;
+        padding: 12px;
+        margin-top: 12px;
+        font-size: 14px;
+        color: #2979ff;
+        background-color: #f8f9fc;
+        border-radius: 4px;
+
+        .add-icon {
+          width: 16px;
+          height: 16px;
+        }
+
+        text {
+          font-size: 16px;
+          color: #2979ff;
+        }
+      }
+
+      .holiday-header {
+        display: flex;
+        align-items: center;
+        margin-bottom: 12px;
+
+        .sub-text {
+          margin-left: 8px;
+          font-size: 12px;
+          color: #999;
+        }
+      }
+
+      .holiday-select {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 12px;
+        background-color: #f8f9fc;
+        border-radius: 4px;
+
+        .holiday-select-right-icon {
+          width: 16px;
+          height: 16px;
+        }
+      }
+    }
+
+    .footer-placeholder {
+      height: 76px; // 为底部按钮占位
+    }
+  }
+
+  .footer {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    padding: 16px;
+    background-color: #f5f6fa;
+
+    .save-btn {
+      width: 100%;
+      height: 44px;
+      font-size: 16px;
+      line-height: 44px;
+      color: #fff;
+      background-color: #2979ff;
+      border-radius: 22px;
+    }
+  }
+</style>
+
+<script setup>
+  const addTimeSlot = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/time-planning-allocation/add-daily-traffic-plan'
+    })
+  }
+
+  const deletAction = () => {
+    console.log('删除')
+  }
+</script>
diff --git a/src/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-detail.vue b/src/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-detail.vue
new file mode 100644
index 0000000..e8761f7
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-detail.vue
@@ -0,0 +1,136 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="计划1" />
+  <scroll-view
+    class="plan-container"
+    :scroll-y="true"
+    :style="{ height: 'calc(100vh - var(--status-bar-height) - 44px - 76px)' }"
+  >
+    <view class="tip-box">
+      <text>如需修改，请在【通行权限】-【通行时间计划】功能内修改</text>
+    </view>
+
+    <!-- 计划名称 -->
+    <view class="form-item">
+      <input
+        class="input"
+        type="text"
+        v-model="planName"
+        placeholder="我路走里呀我路走里哇路在"
+        placeholder-class="placeholder"
+      />
+    </view>
+
+    <!-- 日常通行时间 -->
+    <view class="time-section">
+      <text class="section-title">日常通行时间</text>
+      <view class="time-card">
+        <text class="week-text">周一至周五</text>
+        <view class="time-row">
+          <text class="time-label">时段1</text>
+          <text class="time-value">08:00:00-18:00:00</text>
+        </view>
+        <view class="time-row">
+          <text class="time-label">时段2</text>
+          <text class="time-value">20:00:00-23:59:00</text>
+        </view>
+      </view>
+    </view>
+  </scroll-view>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const planName = ref('')
+</script>
+
+<style lang="scss" scoped>
+  .plan-container {
+    padding: 12px 16px;
+    background-color: #f5f6fa;
+  }
+
+  .tip-box {
+    padding: 12px 16px;
+    margin-right: 32px;
+    margin-bottom: 12px;
+    font-size: 14px;
+    color: #ff6b00;
+    background-color: #fff6f0;
+    border-radius: 8px;
+  }
+
+  .form-item {
+    padding: 16px;
+    margin-right: 32px;
+    margin-bottom: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+    .input {
+      width: 100%;
+      height: 24px;
+      font-size: 14px;
+      color: #333;
+    }
+
+    .placeholder {
+      color: #999;
+    }
+  }
+
+  .time-section {
+    margin-right: 32px;
+
+    .section-title {
+      display: block;
+      margin-bottom: 12px;
+      font-size: 16px;
+      font-weight: 500;
+      color: #333;
+    }
+
+    .time-card {
+      padding: 16px;
+      background-color: #fff;
+      border-radius: 8px;
+
+      .week-text {
+        display: block;
+        margin-bottom: 12px;
+        font-size: 14px;
+        color: #333;
+      }
+
+      .time-row {
+        display: flex;
+        align-items: center;
+        margin-bottom: 8px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .time-label {
+          width: 60px;
+          font-size: 14px;
+          color: #999;
+        }
+
+        .time-value {
+          flex: 1;
+          font-size: 14px;
+          color: #333;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-list.vue b/src/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-list.vue
new file mode 100644
index 0000000..7d4b3ac
--- /dev/null
+++ b/src/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-list.vue
@@ -0,0 +1,157 @@
+<route lang="json5">
+{
+  layout: 'default',
+  style: {
+    navigationStyle: 'custom'
+  }
+}
+</route>
+
+<template>
+  <TopNavigation title="节假日计划配置" />
+  <scroll-view
+    class="plan-container"
+    :scroll-y="true"
+    :style="{ height: 'calc(100vh - var(--status-bar-height) - 44px - 76px)' }"
+  >
+    <!-- 添加计划 -->
+    <view class="plan-item add-plan" @click="handleAddPlan">
+      <text class="title">增加时间计划</text>
+      <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+    </view>
+
+    <!-- 计划列表 -->
+    <view class="plan-list">
+      <!-- 法定节假日 -->
+      <view class="plan-item" @click="handlePlanClickDetail">
+        <view class="checkbox-wrap">
+          <checkbox class="checkbox" :checked="false" color="#2B5CFF" />
+        </view>
+        <view class="content" @click="handlePlanClick">
+          <text class="title">法定节假日</text>
+          <text class="desc">每年自动同步国家法定节假日，通行时段可自定义</text>
+          <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+        </view>
+      </view>
+
+      <!-- 浓的 -->
+      <view class="plan-item" @click="handlePlanClickDetail">
+        <view class="checkbox-wrap">
+          <checkbox class="checkbox" :checked="false" color="#2B5CFF" />
+        </view>
+        <view class="content" @click="handlePlanClick">
+          <text class="title">浓的</text>
+          <image class="arrow" src="/static/images/icon_black_right.png" mode="aspectFit" />
+        </view>
+      </view>
+    </view>
+  </scroll-view>
+
+  <!-- 底部按钮 -->
+  <button class="save-btn">保存</button>
+</template>
+
+<script setup lang="ts">
+  import TopNavigation from '@/components/TopNavigation/TopNavigation.vue'
+
+  const handleAddPlan = () => {
+    // 处理添加计划
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/time-planning-allocation/add-time-schedule'
+    })
+  }
+
+  const handlePlanClick = () => {
+    // 处理计划点击
+  }
+
+  // 处理计划点击
+  const handlePlanClickDetail = () => {
+    uni.navigateTo({
+      url: '/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-detail'
+    })
+  }
+</script>
+
+<style lang="scss" scoped>
+  .plan-container {
+    padding: 12px 16px;
+    background-color: #f5f6fa;
+  }
+
+  .plan-item {
+    display: flex;
+    align-items: center;
+    padding: 16px;
+    margin-right: 32px;
+    margin-bottom: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+
+    &.add-plan {
+      justify-content: space-between;
+
+      .title {
+        font-size: 16px;
+        color: #333;
+      }
+
+      .arrow {
+        width: 16px;
+        height: 16px;
+      }
+    }
+
+    .checkbox-wrap {
+      margin-right: 8px;
+
+      .checkbox {
+        transform: scale(0.8);
+      }
+    }
+
+    .content {
+      position: relative;
+      flex: 1;
+
+      .title {
+        display: block;
+        margin-bottom: 4px;
+        font-size: 16px;
+        color: #333;
+      }
+
+      .desc {
+        display: block;
+        margin-right: 16px;
+        font-size: 14px;
+        color: #999;
+      }
+
+      .arrow {
+        position: absolute;
+        top: 50%;
+        right: 0;
+        width: 16px;
+        height: 16px;
+        transform: translateY(-50%);
+      }
+    }
+  }
+
+  .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/static/images/icon_blue_add.png b/src/static/images/icon_blue_add.png
new file mode 100644
index 0000000000000000000000000000000000000000..38341529bdb737ca6440cc4e8694ab21af0702d4
GIT binary patch
literal 2232
zcmeAS@N?(olHy`uVBq!ia0vp^CqS5k4M?tyST_$yF%}28J29*~C-ahlfuqRN#WAEJ
z?(M9=AQf{FmaB7)6>uJ2%VU4$AH(*fZ$bw$GmZ<WCA~E$E1&x4s>0K{@|965&(&t!
zT>6onN#Mt%15DB!4iB=KI1XKBZ2Yg#pim<x;2^M%kt2g;hJuuN&}0FJ37&kja<f<j
zTpqh+2{CaPopjvn+sn|DamT~giNR6LGGp6HK?i|e>6M-w3MW+9&zhMsaV#oSHsxew
znfYYF&1G&3jwX3a)D#;OCd-)IzQUo<ajf@>3X4F>q~^5QQj9DYcTAks!qDVXbRj2L
zxq&E4&%Ibs|2uiF-QIJzFBjP?zCP<$sK67RzW<-fYV+3Cp7{7PJ@Qun^!BF(Z0pUx
zYAbkr_~9>{9C^#LPyfGy*N29vY!0C(^_9EVMZdbf_3nq{>taEF=Q~dL=VQLMqIA35
zwXJvat9ERC{Q7ax=8utbuRRzXtq$GUeC689k2}?ZQ~2-JomcX(pSC;9X+rFdBz|QN
zhQHHJ|Fn<q<`lBf(0eKQf@9Ldbz6)aMY7V^9DN#E3t2Q<{zkScFuq7qZR&V1N21B%
zOV(zNpwqt>^ExtJIO@eBc+k?2rSQeoG{Gg)%!O4B++OJ-&^~WQDo{0(Aq%I2`viuP
zjY5tt1%5n^GF4k6SynzhD?6%ecm{|Kx1(SEVyoFd@@{r_m+f8mw(fkjzW48s|L*lw
z8{PkTbNlkAI^U#(pMVp)uj;Y#e+ka->td#T`}{P~vgKFwPKEID*NN}%&(pN{GLOCS
z@)sY^AiWb$-|m{nUUu)%Y(a~Cc6#Pl-^XZiTweUE;`poR>t(^U=9;1{FAcA;NAI0|
zq(3UPN#p;w_*#Z9b8Q<x$!`{T@@7A0+y`-{$6Q6XRP2*JZnS1;`zQEX-|@%Y_Rp<8
z^JL=$-YHJ5e|YShaM7H&?Qi%#oouUrWx8)t<>II1{r*>;HYuFi6TfrQ=POS-xIg`5
z+Wgo3=;eJs&v)GpS^012gZ+C$bDDCTO`Zjxiq-iT{lxI)``e;TZysNLn#uCAX=92Y
zi{`;U--Un~L0ntVh2{AXfg=mUXS+^_x+kB@A=IE3rqsc4u2ZqYdA(V;!qz=A6&UaN
zsRA?E5glO{7V!>64+g6ymId8YIh2};lQ<q-SbbK>LpT53sIrj|Aiq|A0_T+2{I&J9
zF&3-WZm_ar|I%mhU8fXU)}Pb?=B`g0WVYFyHm>DV@Q9zcJM6ZFYv20*(`VPUR_>5y
zWO>;Z6#b%Jjk72tV)s&kCDLBC3okGI`)E<@`t09-x18FvW&Zp3Z-0E-BJ(xW^Bb@h
zwbj^kYy+^0yRkSm*_K1WgTHHyp$;R9<hP8Q5&TRXmztHbdAu1M+iauEt~E0>eOYiq
n>adW*gv9=7y<Z2p_IjqDjqkpRi5MsWn<5OJu6{1-oD!M<0-L2F

literal 0
HcmV?d00001

diff --git a/src/static/images/icon_gray_delet.png b/src/static/images/icon_gray_delet.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6931c3f156d8fb666b30e96ecae3890f393c8a4
GIT binary patch
literal 2910
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
E1LqPz+W-In

literal 0
HcmV?d00001

diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index 808d5cc..776f507 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -48,7 +48,11 @@ interface NavigateToOptions {
        "/pages/personnel-passage/password-open-door/password-open-door" |
        "/pages/personnel-passage/traffic-record/traffic-record" |
        "/pages/personnel-passage/visitor-invitation/visitor-invitation" |
-       "/pages/personnel-passage/visitor-manage/visitor-manage-tab";
+       "/pages/personnel-passage/visitor-manage/visitor-manage-tab" |
+       "/pages/personnel-passage/AccessManage/time-planning-allocation/add-daily-traffic-plan" |
+       "/pages/personnel-passage/AccessManage/time-planning-allocation/add-time-schedule" |
+       "/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-detail" |
+       "/pages/personnel-passage/AccessManage/time-planning-allocation/time-planning-allocation-list";
 }
 interface RedirectToOptions extends NavigateToOptions {}