From 2f9bd54361499e85dc63ba36bb0f57e5388692c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E9=B9=8F?= <fanpeng@star-lock.cn>
Date: Fri, 7 Feb 2025 16:28:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=8D=A1=E7=89=87=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3UI=E5=8F=8A=E9=83=A8=E5=88=86=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/card.js                                   |  12 +
 components/LockSwitch/LockSwitch.vue          |  48 ++
 pages.json                                    |  42 ++
 pages/cardDetail/cardDetail.vue               | 166 +++++++
 pages/cardList/cardList.vue                   | 412 ++++++++++++++++++
 pages/createCard/createCard.vue               | 290 ++++++++++++
 pages/createFingerprint/createFingerprint.vue |   7 +
 pages/fingerprintDetail/fingerprintDetail.vue |   7 +
 pages/fingerprintList/fingerprintList.vue     |   7 +
 pages/lockDetail/lockDetail.vue               |  21 +-
 static/images/icon_add_blue.png               | Bin 0 -> 1655 bytes
 static/images/icon_admin_black.png            | Bin 0 -> 1906 bytes
 static/images/icon_card.png                   | Bin 0 -> 2200 bytes
 static/images/icon_card_white.png             | Bin 0 -> 7460 bytes
 static/images/icon_fingerprint.png            | Bin 0 -> 3249 bytes
 static/images/icon_record.png                 | Bin 0 -> 2284 bytes
 stores/basic.js                               |  30 ++
 stores/bluetooth.js                           |   4 +-
 18 files changed, 1042 insertions(+), 4 deletions(-)
 create mode 100644 api/card.js
 create mode 100644 components/LockSwitch/LockSwitch.vue
 create mode 100644 pages/cardDetail/cardDetail.vue
 create mode 100644 pages/cardList/cardList.vue
 create mode 100644 pages/createCard/createCard.vue
 create mode 100644 pages/createFingerprint/createFingerprint.vue
 create mode 100644 pages/fingerprintDetail/fingerprintDetail.vue
 create mode 100644 pages/fingerprintList/fingerprintList.vue
 create mode 100644 static/images/icon_add_blue.png
 create mode 100644 static/images/icon_admin_black.png
 create mode 100644 static/images/icon_card.png
 create mode 100755 static/images/icon_card_white.png
 create mode 100644 static/images/icon_fingerprint.png
 create mode 100644 static/images/icon_record.png

diff --git a/api/card.js b/api/card.js
new file mode 100644
index 0000000..fea2f8d
--- /dev/null
+++ b/api/card.js
@@ -0,0 +1,12 @@
+import request from '../utils/request'
+
+// card 卡片模块
+
+// 获取卡片列表
+export function getCardList(data) {
+  return request({
+    url: '/identityCard/list',
+    method: 'POST',
+    data
+  })
+}
diff --git a/components/LockSwitch/LockSwitch.vue b/components/LockSwitch/LockSwitch.vue
new file mode 100644
index 0000000..f23e8a1
--- /dev/null
+++ b/components/LockSwitch/LockSwitch.vue
@@ -0,0 +1,48 @@
+<template>
+  <view class="bg-white">
+    <view class="name">
+      <view class="name-text">{{ title }}</view>
+      <switch :checked="checked" class="mr-4 transform-scale-90" @change="change" color="#002ce5" />
+    </view>
+    <view class="px-3 text-sm whitespace-pre-line pb-2" v-if="placeholder">{{ placeholder }}</view>
+  </view>
+</template>
+
+<script setup>
+  import { onMounted, ref } from 'vue'
+
+  const checked = ref(false)
+
+  const props = defineProps({
+    title: String,
+    placeholder: String,
+    value: Boolean
+  })
+
+  onMounted(() => {
+    checked.value = props.value
+  })
+
+  const change = e => {
+    console.log(111, e)
+    // this.$emit('changeInput', e.detail.value)
+  }
+</script>
+
+<style scoped lang="scss">
+  .name {
+    height: 100rpx;
+    width: 750rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #ffffff;
+
+    .name-text {
+      margin-left: 32rpx;
+      font-weight: bold;
+      font-size: 32rpx;
+      line-height: 100rpx;
+    }
+  }
+</style>
diff --git a/pages.json b/pages.json
index 342e554..7e7d55a 100644
--- a/pages.json
+++ b/pages.json
@@ -141,6 +141,48 @@
         "navigationBarTitleText": "添加锁",
         "disableScroll": true
       }
+    },
+    {
+      "path": "pages/cardList/cardList",
+      "style": {
+        "navigationBarTitleText": "卡",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/createCard/createCard",
+      "style": {
+        "navigationBarTitleText": "添加卡",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/cardDetail/cardDetail",
+      "style": {
+        "navigationBarTitleText": "卡详情",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/fingerprintList/fingerprintList",
+      "style": {
+        "navigationBarTitleText": "指纹",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/createFingerprint/createFingerprint",
+      "style": {
+        "navigationBarTitleText": "添加指纹",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/fingerprintDetail/fingerprintDetail",
+      "style": {
+        "navigationBarTitleText": "指纹详情",
+        "disableScroll": true
+      }
     }
   ],
   "globalStyle": {
diff --git a/pages/cardDetail/cardDetail.vue b/pages/cardDetail/cardDetail.vue
new file mode 100644
index 0000000..647f4b3
--- /dev/null
+++ b/pages/cardDetail/cardDetail.vue
@@ -0,0 +1,166 @@
+<template>
+  <view>
+    <view v-if="info">
+      <view class="item">
+        <view class="item-title">卡号</view>
+        <view class="item-content">{{ info.cardNumber }}</view>
+      </view>
+      <view class="item" style="margin-top: 2rpx">
+        <view class="item-title">姓名</view>
+        <view class="item-content">{{ info.cardName }}</view>
+      </view>
+      <view class="item" style="margin-top: 2rpx">
+        <view class="item-title">有效期</view>
+        <view v-if="info.cardType === 1">永久</view>
+        <view v-else-if="info.cardType === 2">
+          <view class="item-content">{{ timeFormat(info.startDate, 'yyyy-mm-dd h:M') }}</view>
+          <view class="item-content">{{ timeFormat(info.endDate, 'yyyy-mm-dd h:M') }}</view>
+        </view>
+        <view v-else>
+          <view class="item-content">{{ timeFormat(info.startDate, 'yyyy-mm-dd') }}</view>
+          <view class="item-content">{{ timeFormat(info.endDate, 'yyyy-mm-dd') }}</view>
+        </view>
+      </view>
+      <view class="item" style="margin-top: 2rpx" v-if="info.cardType === 4">
+        <view class="item-title">有效日</view>
+        <view class="item-content">{{ $lock.convertWeekDaysToChineseString(info.weekDay) }}</view>
+      </view>
+      <view class="item" style="margin-top: 2rpx" v-if="info.cardType === 4">
+        <view class="item-title">有效时间</view>
+        <view class="item-content">
+          {{ timeFormat(info.startDate, 'h:M') }} - {{ timeFormat(info.endDate, 'h:M') }}
+        </view>
+      </view>
+      <view class="item" style="margin-top: 20rpx">
+        <view class="item-title">添加者</view>
+        <view class="item-content">{{ info.senderUsername }}</view>
+      </view>
+      <view class="item" style="margin-top: 2rpx">
+        <view class="item-title">添加时间</view>
+        <view class="item-content">{{ timeFormat(info.createDate, 'yyyy-mm-dd h:M') }}</view>
+      </view>
+
+      <view class="button" @click="deletePassword">删除</view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+  import { ref } from 'vue'
+  import { onLoad } from '@dcloudio/uni-app'
+  import { timeFormat } from 'uview-plus'
+  import { deletePsaawordRequest } from '@/api/keyboardPwd'
+  import { useLockStore } from '@/stores/lock'
+
+  const $lock = useLockStore()
+
+  const info = ref(null)
+
+  onLoad(options => {
+    if (options.info) {
+      info.value = JSON.parse(options.info)
+      console.log(info.value)
+    }
+  })
+
+  const deletePassword = async () => {
+    const netWork = await this.getNetworkType()
+    if (!netWork) {
+      return
+    }
+    const that = this
+    uni.showModal({
+      title: '提示',
+      content: '确定要删除该密码',
+      async success(res) {
+        if (res.confirm) {
+          uni.showLoading({
+            title: '删除中',
+            mask: true
+          })
+          const timestamp = parseInt(new Date().getTime() / 1000, 10)
+          const { code } = await that.setLockPassword({
+            keyId: that.keyId.toString(),
+            uid: that.userInfo.uid.toString(),
+            pwdNo: that.currentPasswordInfo.pwdUserNo,
+            operate: 3,
+            isAdmin: that.currentPasswordInfo.pwdRight,
+            pwd: that.currentPasswordInfo.keyboardPwd,
+            userCountLimit: 0xffff,
+            startTime: timestamp,
+            endTime: timestamp
+          })
+          that.closeBluetoothConnection()
+          if (code === 0) {
+            const { code: requestCode, message } = await deletePsaawordRequest({
+              lockId: that.currentLockInfo.lockId,
+              keyboardPwdId: that.currentPasswordInfo.keyboardPwdId,
+              deleteType: 1
+            })
+            if (requestCode === 0) {
+              uni.hideLoading()
+              that.updatePasswordSearch({
+                ...that.passwordSearch,
+                pageNo: 1
+              })
+              that.getPasswordList(that.passwordSearch)
+              that.backAndToast('删除成功')
+            } else {
+              uni.hideLoading()
+              uni.showToast({
+                title: message,
+                icon: 'none'
+              })
+            }
+          } else if (code === -1) {
+            uni.hideLoading()
+            uni.showToast({
+              title: '删除失败，请保持在锁附近',
+              icon: 'none'
+            })
+          }
+        }
+      }
+    })
+  }
+</script>
+
+<style lang="scss">
+  page {
+    background-color: $uni-bg-color-grey;
+  }
+</style>
+
+<style lang="scss" scoped>
+  .item-title {
+    width: 350rpx;
+  }
+
+  .item {
+    padding: 24rpx 32rpx;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 32rpx;
+    font-weight: 500;
+  }
+
+  .tips {
+    padding: 24rpx 32rpx;
+    font-size: 24rpx;
+    color: #999999;
+  }
+
+  .button {
+    margin: 32rpx;
+    width: 686rpx;
+    height: 88rpx;
+    background-color: #df282d;
+    color: white;
+    text-align: center;
+    line-height: 88rpx;
+    border-radius: 44rpx;
+    font-weight: bold;
+  }
+</style>
diff --git a/pages/cardList/cardList.vue b/pages/cardList/cardList.vue
new file mode 100644
index 0000000..5bd3812
--- /dev/null
+++ b/pages/cardList/cardList.vue
@@ -0,0 +1,412 @@
+<template>
+  <view>
+    <scroll-view
+      v-if="deviceInfo"
+      scroll-y="true"
+      :style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }"
+      lower-threshold="100"
+      @refresherrefresh="refresherList"
+      :refresher-enabled="true"
+      @scrolltolower="nextPage"
+      :refresher-triggered="refresherTriggered"
+    >
+      <view class="search">
+        <up-search
+          shape="square"
+          :searchIconSize="48"
+          :inputStyle="{ fontSize: '32rpx' }"
+          :height="80"
+          placeholder="搜索"
+          :clearabled="false"
+          @change="changeSearch"
+          v-model="searchStr"
+          bgColor="#ffffff"
+          :showAction="false"
+          maxlength="50"
+        ></up-search>
+      </view>
+      <view style="padding: 0 0 calc(env(safe-area-inset-bottom) + 250rpx) 0">
+        <view v-if="list.length === 0 && requestFinished">
+          <image
+            class="empty-list"
+            src="/static/images/background_empty_list.png"
+            mode="aspectFill"
+          ></image>
+          <view class="empty-list-text">暂无数据</view>
+        </view>
+        <view v-else>
+          <up-swipe-action>
+            <up-swipe-action-item
+              ref="swipeItem"
+              :options="options"
+              v-for="item in list"
+              :key="item.keyboardPwdId"
+              :threshold="50"
+              @click="deleteItem(item)"
+            >
+              <view class="item" @click="toDetail(item)">
+                <image
+                  class="item-left"
+                  src="/static/images/icon_card_white.png"
+                  mode="aspectFill"
+                ></image>
+                <view class="item-right">
+                  <view style="display: flex; align-items: center">
+                    <view class="item-right-top">{{ item.cardName }}</view>
+                    <view class="status">
+                      {{ item.statusText }}
+                    </view>
+                  </view>
+                  <view class="item-right-bottom">{{ item.timeText }}</view>
+                </view>
+              </view>
+              <view class="line"></view>
+            </up-swipe-action-item>
+          </up-swipe-action>
+        </view>
+      </view>
+    </scroll-view>
+    <view class="button">
+      <view class="button-reset" @click="toCreate">重置卡片</view>
+      <view class="button-create" @click="toCreate">添加卡片</view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+  import { onMounted, ref } from 'vue'
+  import { timeFormat } from 'uview-plus'
+  import { deletePsaawordRequest } from '@/api/keyboardPwd'
+  import { useBasicStore } from '@/stores/basic'
+  import { useLockStore } from '@/stores/lock'
+  import { useBluetoothStore } from '@/stores/bluetooth'
+  import { getCardList } from '@/api/card'
+
+  const $basic = useBasicStore()
+  const $lock = useLockStore()
+  const $bluetooth = useBluetoothStore()
+
+  const searchStr = ref('')
+  const list = ref([])
+  const pageNo = ref(1)
+  const pageSize = 50
+  const total = ref(0)
+  const lockId = ref(null)
+
+  const deviceInfo = ref(null)
+  const requestFinished = ref(false)
+  const refresherTriggered = ref(false)
+  const options = ref([
+    {
+      text: '删除',
+      style: {
+        backgroundColor: '#f56c6c'
+      }
+    }
+  ])
+
+  onMounted(async () => {
+    uni.showLoading({
+      title: '加载中',
+      mask: true
+    })
+    deviceInfo.value = await $basic.getDeviceInfo()
+    console.log(deviceInfo.value)
+    lockId.value = $bluetooth.currentLockInfo.lockId
+    const { code, message } = await getList({
+      pageNo: pageNo.value
+    })
+    requestFinished.value = true
+    uni.hideLoading()
+    if (code !== 0) {
+      uni.showToast({
+        title: message,
+        icon: 'none'
+      })
+    }
+  })
+
+  const deleteItem = async data => {
+    const netWork = await this.getNetworkType()
+    if (!netWork) {
+      return
+    }
+    const password = data
+    const that = this
+    let index = this.passwordList.findIndex(item => item.keyboardPwdId === password.keyboardPwdId)
+    that.$refs.swipeItem[index].closeHandler()
+    uni.showModal({
+      title: '提示',
+      content: '确定要删除该密码',
+      async success(res) {
+        if (res.confirm) {
+          uni.showLoading({
+            title: '删除中',
+            mask: true
+          })
+          const timestamp = parseInt(new Date().getTime() / 1000, 10)
+          const { code } = await that.setLockPassword({
+            keyId: that.keyId.toString(),
+            uid: that.userInfo.uid.toString(),
+            pwdNo: password.pwdUserNo,
+            operate: 3,
+            isAdmin: password.pwdRight,
+            pwd: password.keyboardPwd,
+            userCountLimit: 0xffff,
+            startTime: timestamp,
+            endTime: timestamp
+          })
+          that.closeBluetoothConnection()
+          if (code === 0) {
+            const { code: requestCode, message } = await deletePsaawordRequest({
+              lockId: that.currentLockInfo.lockId,
+              keyboardPwdId: password.keyboardPwdId,
+              deleteType: 1
+            })
+            if (requestCode === 0) {
+              uni.hideLoading()
+              uni.showToast({
+                title: '删除成功',
+                icon: 'none'
+              })
+              that.updatePasswordSearch({
+                ...$lock.passwordSearch,
+                pageNo: 1
+              })
+              await that.getPasswordList($lock.passwordSearch)
+            } else {
+              uni.hideLoading()
+              uni.showToast({
+                title: message,
+                icon: 'none'
+              })
+            }
+          } else if (code === -1) {
+            uni.hideLoading()
+            uni.showToast({
+              title: '删除失败，请保持在锁附近',
+              icon: 'none'
+            })
+          }
+        }
+      }
+    })
+  }
+
+  const refresherList = async () => {
+    refresherTriggered.value = true
+    pageNo.value = 1
+    const { code, message } = await getList({
+      pageNo: pageNo.value,
+      searchStr: searchStr.value
+    })
+    if (code === 0) {
+      uni.showToast({
+        title: '刷新成功',
+        icon: 'none'
+      })
+    } else {
+      uni.showToast({
+        title: message,
+        icon: 'none'
+      })
+    }
+    refresherTriggered.value = false
+  }
+
+  const nextPage = async () => {
+    if (total.value <= pageNo.value * pageSize) {
+      return
+    }
+    const page = pageNo.value + 1
+    const params = {
+      searchStr: searchStr.value,
+      pageNo: page
+    }
+    const { code, message } = await getList(params)
+    if (code === 0) {
+      pageNo.value = page
+    } else {
+      uni.showToast({
+        title: message,
+        icon: 'none'
+      })
+    }
+  }
+
+  const getList = async params => {
+    const {
+      data: { timestamp }
+    } = await $bluetooth.updateServerTimestamp()
+    const { code, data, message } = await getCardList({
+      ...params,
+      lockId: lockId.value,
+      pageSize
+    })
+    if (code === 0) {
+      total.value = data.total
+      for (let i = 0; i < data.list.length; i++) {
+        if (data.list[i].cardStatus === 1 && data.list[i].startDate > timestamp) {
+          data.list[i].statusText = '未生效'
+        } else if (data.list[i].cardStatus === 2) {
+          data.list[i].statusText = '已失效'
+        }
+
+        if (data.list[i].cardType === 1) {
+          data.list[i].timeText = timeFormat(data.list[i].startDate, 'yyyy-mm-dd hh:MM') + ' 永久'
+        } else if (data.list[i].cardType === 2) {
+          data.list[i].timeText =
+            timeFormat(data.list[i].startDate, 'yyyy-mm-dd hh:MM') +
+            ' - ' +
+            timeFormat(data.list[i].endDate, 'yyyy-mm-dd hh:MM') +
+            ' 限时'
+        } else {
+          data.list[i].timeText =
+            timeFormat(data.list[i].startDate, 'yyyy-mm-dd') +
+            ' - ' +
+            timeFormat(data.list[i].endDate, 'yyyy-mm-dd') +
+            ' 循环'
+        }
+      }
+      if (params.pageNo === 1) {
+        list.value = data.list
+      } else {
+        list.value = list.value.concat(data.list)
+      }
+      return { code }
+    }
+    return { code, message }
+  }
+
+  const changeSearch = async data => {
+    pageNo.value = 1
+    const { code, message } = await getList({
+      searchStr: data,
+      pageNo: pageNo.value
+    })
+    if (code !== 0) {
+      uni.showToast({
+        title: message,
+        icon: 'none'
+      })
+    }
+  }
+
+  const toCreate = () => {
+    $basic.routeJump({
+      name: 'createCard'
+    })
+  }
+
+  const toDetail = item => {
+    $basic.routeJump({
+      name: 'cardDetail',
+      params: {
+        info: JSON.stringify(item)
+      }
+    })
+  }
+</script>
+
+<style lang="scss">
+  page {
+    background-color: $uni-bg-color-grey;
+  }
+</style>
+
+<style lang="scss" scoped>
+  .search {
+    padding: 32rpx;
+    width: 686rpx !important;
+  }
+
+  .button {
+    display: flex;
+    align-items: center;
+    position: fixed;
+    bottom: calc(env(safe-area-inset-bottom) + 20rpx);
+    font-weight: bold;
+
+    .button-reset {
+      margin-left: 50rpx;
+      width: 300rpx;
+      height: 88rpx;
+      background-color: #df282d;
+      color: white;
+      text-align: center;
+      line-height: 88rpx;
+      border-radius: 44rpx;
+    }
+
+    .button-create {
+      margin-left: 50rpx;
+      width: 300rpx;
+      height: 88rpx;
+      background-color: #63b8af;
+      color: white;
+      text-align: center;
+      line-height: 88rpx;
+      border-radius: 44rpx;
+    }
+  }
+
+  .item {
+    display: flex;
+    align-items: center;
+    background-color: #ffffff;
+    height: 120rpx;
+    width: 750rpx;
+
+    .item-left {
+      margin-left: 32rpx;
+      width: 80rpx;
+      height: 80rpx;
+    }
+
+    .item-right {
+      margin-right: 32rpx;
+      margin-left: 32rpx;
+      width: 574rpx;
+
+      .item-right-top {
+        max-width: 400rpx;
+        font-size: 32rpx;
+        font-weight: bold;
+        padding-bottom: 6rpx;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .item-right-bottom {
+        font-size: 24rpx;
+        color: #999999;
+      }
+    }
+  }
+
+  .line {
+    width: 100%;
+    height: 2rpx;
+    background: #ebebeb;
+  }
+
+  .empty-list {
+    width: 150rpx;
+    height: 150rpx;
+    margin: 300rpx auto 20rpx 50%;
+    transform: translateX(-50%);
+  }
+
+  .empty-list-text {
+    text-align: center;
+    font-size: 32rpx;
+    color: #999999;
+  }
+
+  .status {
+    margin-left: auto;
+    font-size: 26rpx;
+    color: #df282d;
+  }
+</style>
diff --git a/pages/createCard/createCard.vue b/pages/createCard/createCard.vue
new file mode 100644
index 0000000..3f5d288
--- /dev/null
+++ b/pages/createCard/createCard.vue
@@ -0,0 +1,290 @@
+<template>
+  <view>
+    <view class="tabs">
+      <up-tabs
+        :list="tabs"
+        lineWidth="40rpx"
+        lineHeight="5rpx"
+        :current="currentIndex"
+        lineColor="#63b8af"
+        @click="clickTab"
+        :inactiveStyle="{ color: '#a3a3a3', fontSize: '32rpx', fontWeight: 'bold' }"
+        :activeStyle="{ color: '#63b8af', fontSize: '32rpx', fontWeight: 'bold' }"
+      >
+      </up-tabs>
+    </view>
+    <swiper
+      :style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }"
+      v-if="deviceInfo"
+      :list="tabs"
+      :autoplay="false"
+      :circular="true"
+      :current="currentIndex"
+      @change="changeSwiper"
+    >
+      <swiper-item>
+        <LockInput
+          :value="permanentName"
+          title="姓名"
+          placeholder="请输入"
+          @change-input="changePermanentInput"
+        ></LockInput>
+        <view class="mt-3">
+          <LockSwitch
+            :value="false"
+            title="是否为管理员"
+            @change="changePermanentInput"
+          ></LockSwitch>
+        </view>
+        <view class="mt-3 mb-3">
+          <LockSwitch
+            :value="false"
+            title="胁迫卡"
+            @change="changePermanentInput"
+            :placeholder="placeholder"
+          ></LockSwitch>
+        </view>
+        <view class="button" @click="createPassword('permanent')">下一步</view>
+      </swiper-item>
+      <swiper-item :style="{ height: deviceInfo.windowHeight - 44 + 'px' }">
+        <LockInput
+          :value="temporaryName"
+          title="姓名"
+          placeholder="请输入"
+          @change-input="changeTemporaryInput"
+        ></LockInput>
+        <view class="mt-3">
+          <LockDatetimePicker
+            title="生效时间"
+            :value="temporaryTime"
+            :minDate="minDate"
+            :maxDate="maxDate"
+            type="datehour"
+            @change-time="changeTemporaryTime"
+          ></LockDatetimePicker>
+        </view>
+        <view class="mt-3">
+          <LockDatetimePicker
+            title="失效时间"
+            :value="temporaryTime"
+            :minDate="minDate"
+            :maxDate="maxDate"
+            type="datehour"
+            @change-time="changeTemporaryTime"
+          ></LockDatetimePicker>
+        </view>
+        <view class="mt-3">
+          <LockSwitch
+            :value="false"
+            title="是否为管理员"
+            @change="changePermanentInput"
+          ></LockSwitch>
+        </view>
+        <view class="mt-3 mb-3">
+          <LockSwitch
+            :value="false"
+            title="胁迫卡"
+            @change="changePermanentInput"
+            :placeholder="placeholder"
+          ></LockSwitch>
+        </view>
+        <view class="button" @click="createPassword('temporary')">下一步</view>
+      </swiper-item>
+    </swiper>
+  </view>
+</template>
+
+<script setup>
+  import { ref } from 'vue'
+  import { onLoad } from '@dcloudio/uni-app'
+  import { createPsaawordRequest } from '@/api/keyboardPwd'
+  import { useBasicStore } from '@/stores/basic'
+
+  const $basic = useBasicStore()
+
+  const tabs = [
+    {
+      name: '永久'
+    },
+    {
+      name: '限时'
+    }
+  ]
+  const permanentName = ref('')
+  const temporaryName = ref('')
+  const temporaryTime = ref(Number(new Date()))
+  const minDate = ref(Number(new Date()))
+  const maxDate = ref(Number(4133951940000))
+  const currentIndex = ref(0)
+  const deviceInfo = ref(null)
+  const pending = ref(false)
+  const placeholder =
+    '当被胁迫要求强行开锁时，使用胁迫卡会触发报警，报警信息会推送给管理员，该功能需要锁联网。\n请不要将胁迫卡用于日常开锁'
+
+  onLoad(async () => {
+    deviceInfo.value = await $basic.getDeviceInfo()
+    temporaryTime.value = setTime()
+    minDate.value = Number(getNextFullHour())
+    maxDate.value = Number(getFutureTimestamp())
+  })
+
+  const getNextFullHour = () => {
+    const now = new Date()
+    const currentHour = now.getHours()
+    now.setHours(currentHour)
+    now.setMinutes(0)
+    now.setSeconds(0)
+    now.setMilliseconds(0)
+
+    return now
+  }
+
+  const getFutureTimestamp = () => {
+    const currentDate = new Date()
+
+    const year = currentDate.getFullYear()
+    const month = currentDate.getMonth()
+    const day = currentDate.getDate()
+
+    const futureDate = new Date(year + 3, month, day, 23, 0, 0)
+
+    return futureDate.getTime()
+  }
+
+  const setTime = () => {
+    const now = new Date()
+    now.setMinutes(0, 0, 0)
+
+    return now.getTime()
+  }
+
+  const createPassword = async type => {
+    if (
+      (type === 'temporary' && temporaryName.value === '') ||
+      (type === 'permanent' && permanentName.value === '')
+    ) {
+      uni.showToast({
+        title: '名称不能为空',
+        icon: 'none'
+      })
+      return
+    }
+
+    const netWork = await $basic.getNetworkType()
+    if (!netWork) {
+      return
+    }
+
+    if (pending.value) {
+      return
+    }
+    pending.value = true
+
+    let params = {
+      lockId: this.currentLockInfo.lockId,
+      isCoerced: 2,
+      pwdRight: 0
+    }
+    if (type === 'temporary') {
+      params.keyboardPwdName = this.temporaryName
+      params.keyboardPwdType = 3
+      params.startDate = new Date().getTime()
+      params.endDate = this.temporaryTime
+      params.hoursStart = 0
+      params.hoursEnd = 0
+    } else {
+      params.startDate = 0
+      params.endDate = 0
+      params.keyboardPwdName = this.permanentName
+      params.keyboardPwdType = 2
+      params.hoursStart = 0
+      params.hoursEnd = 0
+    }
+    const { code, data, message } = await createPsaawordRequest(params)
+    if (code === 0) {
+      uni.reportEvent('create_password', {})
+      this.updatePasswordSearch({
+        ...this.passwordSearch,
+        pageNo: 1
+      })
+      this.getPasswordList(this.passwordSearch)
+      uni.showModal({
+        title: '密码生成成功',
+        content: `密码：${data.keyboardPwd}`,
+        cancelText: '复制',
+        success: res => {
+          if (res.confirm) {
+            uni.navigateBack()
+          } else {
+            uni.setClipboardData({
+              data: data.keyboardPwd,
+              success: () => {
+                $basic.backAndToast('复制成功')
+              }
+            })
+          }
+        }
+      })
+    } else {
+      uni.showToast({
+        title: message,
+        icon: 'none'
+      })
+    }
+    pending.value = false
+  }
+
+  const changePermanentInput = e => {
+    permanentName.value = e
+  }
+
+  const changeTemporaryInput = e => {
+    temporaryName.value = e
+  }
+
+  const changeTemporaryTime = e => {
+    temporaryTime.value = e
+  }
+
+  const clickTab = data => {
+    currentIndex.value = data.index
+  }
+
+  const changeSwiper = e => {
+    currentIndex.value = e.detail.current
+  }
+</script>
+
+<style lang="scss">
+  page {
+    background-color: $uni-bg-color-grey;
+  }
+</style>
+
+<style lang="scss" scoped>
+  .tabs {
+    display: flex;
+    justify-content: center;
+  }
+
+  .text {
+    margin-top: 40rpx;
+    margin-bottom: 50rpx;
+    color: #262626;
+    font-size: 26rpx;
+    padding: 0 32rpx;
+  }
+
+  .button {
+    border-radius: 64rpx;
+    width: 686rpx;
+    margin-left: 32rpx;
+    height: 100rpx;
+    line-height: 100rpx;
+    text-align: center;
+    background-color: #63b8af;
+    color: #fff;
+    font-size: 32rpx;
+    font-weight: bold;
+  }
+</style>
diff --git a/pages/createFingerprint/createFingerprint.vue b/pages/createFingerprint/createFingerprint.vue
new file mode 100644
index 0000000..6ebc436
--- /dev/null
+++ b/pages/createFingerprint/createFingerprint.vue
@@ -0,0 +1,7 @@
+<template>
+  <view> </view>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss"></style>
diff --git a/pages/fingerprintDetail/fingerprintDetail.vue b/pages/fingerprintDetail/fingerprintDetail.vue
new file mode 100644
index 0000000..281e78b
--- /dev/null
+++ b/pages/fingerprintDetail/fingerprintDetail.vue
@@ -0,0 +1,7 @@
+<template>
+  <view> </view>
+</template>
+
+<script setup></script>
+
+<style scoped lang="scss"></style>
diff --git a/pages/fingerprintList/fingerprintList.vue b/pages/fingerprintList/fingerprintList.vue
new file mode 100644
index 0000000..281e78b
--- /dev/null
+++ b/pages/fingerprintList/fingerprintList.vue
@@ -0,0 +1,7 @@
+<template>
+  <view> </view>
+</template>
+
+<script setup></script>
+
+<style scoped lang="scss"></style>
diff --git a/pages/lockDetail/lockDetail.vue b/pages/lockDetail/lockDetail.vue
index e587973..e33c018 100644
--- a/pages/lockDetail/lockDetail.vue
+++ b/pages/lockDetail/lockDetail.vue
@@ -68,6 +68,22 @@
           <image class="menu-main-image" src="/static/images/icon_lock_transparent.png"></image>
           <view>密码</view>
         </view>
+        <view class="menu-main-view" @click="routeJump({ name: 'cardList' })">
+          <image class="menu-main-image" src="/static/images/icon_card.png"></image>
+          <view>卡</view>
+        </view>
+        <view class="menu-main-view" @click="routeJump({ name: 'fingerprintList' })">
+          <image class="menu-main-image" src="/static/images/icon_fingerprint.png"></image>
+          <view>指纹</view>
+        </view>
+        <view class="menu-main-view" @click="routeJump({ name: 'keyList' })">
+          <image class="menu-main-image" src="/static/images/icon_admin_black.png"></image>
+          <view>授权管理员</view>
+        </view>
+        <view class="menu-main-view" @click="routeJump({ name: 'keyList' })">
+          <image class="menu-main-image" src="/static/images/icon_record.png"></image>
+          <view>操作记录</view>
+        </view>
       </view>
     </view>
     <view class="setting" @click="routeJump({ name: 'setting' })">
@@ -428,7 +444,6 @@
   .menu {
     margin-top: 32rpx;
     margin-left: 32rpx;
-    padding-bottom: 32rpx;
     width: 686rpx;
     background-color: #ffffff;
     border-radius: 32rpx;
@@ -449,16 +464,16 @@
 
     .menu-main {
       padding-top: 32rpx;
-      padding-bottom: 32rpx;
       display: flex;
       align-items: center;
-      font-size: 32rpx;
+      font-size: 28rpx;
       flex-wrap: wrap;
       text-align: center;
       margin-left: 43rpx;
 
       .menu-main-view {
         width: 150rpx;
+        margin-bottom: 48rpx;
 
         .menu-main-image {
           filter: sepia(100%) saturate(10000%) hue-rotate(180deg) brightness(0.1);
diff --git a/static/images/icon_add_blue.png b/static/images/icon_add_blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..d08fc1253f806d706b67a714fe396c31aa0a7515
GIT binary patch
literal 1655
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
B!KDBI

literal 0
HcmV?d00001

diff --git a/static/images/icon_admin_black.png b/static/images/icon_admin_black.png
new file mode 100644
index 0000000000000000000000000000000000000000..c43108643c33cf169336bc7db29388633ab9c554
GIT binary patch
literal 1906
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

literal 0
HcmV?d00001

diff --git a/static/images/icon_card.png b/static/images/icon_card.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6606292941412a833b3b216ffcd90ada9f12f02
GIT binary patch
literal 2200
zcmV;J2xs?+P)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00001b5ch_0Itp)
z=>Px-Qb|NXRCr$Poojj&ISfT%WizufhLth1GWY~BxT~v5S5M1j=O1ZXmUNHhR}wyd
z+Fwg&;PcYa@8Cae02YT}1pxj&(U`vX-{Jeme=mW?lK^N!f9aGv6Q2{7K={9F^e@+8
z=Fevapch;tv_!Waibnx48vvQ2-vRRV<HPA;m<0e5o=SW4OqW!J)|OzH7KG{mR2KdS
z%akBg1z;xOrv{-K05c0eB?y%OpmnrA!fDpyW1s$P-yiMHZ2$G~P0xJ>jsK5FAW=4|
z0PxLWgV)4vJ9Nv%4nc5sub|bT?EYXh0F-1BU;9NOdkBt<PZf%)gtkJIgkU59mXhCu
zx6E=x^s_dtI%t-wa!bM}0JP#)n?>3<XkRb_-Z!8}0H9g#N6vVpQfNRZ0dqD0(nM7k
zzK25^8}%IyK_&pw1PxCPGWAc|NaGy39Ap6?O^TQJ{c*0H^N*Sx?*}~Y^`-F+gCGNd
z%w#mdEypzi#N+u_dc@7pB7GAm5#Mq|l8mFN?3RjzZh9^8YhwD@Cz3kJ4A2H2ExgzL
zJ_>;aG!+Dq0H8r@#LpJq0|Yc5sr!K_03-rQe5mwVs5zp32dAkdC!opmW>Ev7fl5lA
zWJxh4Mc6qa28m6fyRXe706=HIBuLceRWh!gg}t7DBVtKe3cLY8g^EbnQGDr3q4fwU
z*~=jN0f{|z6&M8oIxY%SOMqrwzDk~SZ0Xf5vP_0o0aOTtFf?K4>__djiyN{V@xmtY
zLjnO}H@pgD1AqpEB&R`%0);^ARSi&|kfk8B3U~s5lr$tUlHGo2a*Pi>h;K-&=%i5r
z?gaocV-fKw2*eh(LlUe?3eySo4;2on0$w`3h2~}0Yxbkb9VLECpr@Zm6$p#h0{}D`
z$XEzSVaX7d3nXr@DuCJ%hT!uUgd_qf|6X>)NicLk$~O}GuquGeN-jUhtVPD*>>!Ce
z^R->@&@A#kCL+R-Ph9+nosi1MImU@kpL4<?<qMhpQeUrZYC*Cb5fSmYYJ%hu(d(s+
zG^xh{5aE!7b9N9Ly>Fa7?__#R0;CF9^>RN2aEV5bYg_^)fg?V(+e5G4+e60WVn6^u
zDv78Ha87Z?xUz+;e_Zk;v!AndjK}lsfP)wj&%*|%nd=h3IgFHAPBau!&dyz85OKJ~
za+3kc1!qGt890A`evT&h$`}U#;_#gfBx&TEMf?_<6#}G$bNS}tK=T2KZv_Ae*a`sB
zpGz8?42SDwZbEPXa5<e00B%;@1&jpCl}w5Ftt|qb_DE>Shxf+SyaaHxA}4?=8;A%I
z;(I`FmzU)L;7Z<E`5rBPBm_uo9(y9V@^J#)8A2)mXa5KQmmp+JIC!8T=Z`c$h&}5*
z0to9*6HXv$fXDWn{T=`=IoaYzR01wW8uL*V0A2IA#EcT(0|K(q_A6YRQvtv^i*5o*
zT&e_DU!%qMgn;|ORW4QpptL2x0|3rh&oe$Z7V^2f0Ea=R1Ase<aZA8m(yNKzd`0dj
z5SY%|JPrWujHxPqGz47SmI-wVCAUlGNaiYlX0~ui;C#yZToW7T8<)>=03c#XAVchN
zNzDA*8-mn307{fZ9L<`AoCKQP*~IUc18#SZK*_ED9(uj`VFkeJBrvP^eL}6}nahE8
zKXnVA2LN~L7E&U)z>(QgrHuswt^!zWU*^XHfGfvW6Tc<dBGlbv@X#t`2{>B@5b?Pk
zZ<SfC@xxNCwJ)R^Kh2xKHfS#<68w|JZ#hBoa3$KYs#<J??*V9l<}l*u3gUZ15K{g<
zj}`6LuV#4EQI$$VCuCCGRRZp@%;1{+9snJj+u@>iW^HGIAT;K%($aaoy7(T;K^O$l
z0BrGJr7KqnA^~{P1&`+pECoRn09*WfWRQCjPv}B#0*}Ub*~g?S0YO9sSm~UPNqyaF
zI0PF2tAzIcLm}7z*ah^k;Q4n7ME*nous47r30@joUJ_NKMgTyLa6j6la(0nUsSrc~
zu&aQL)-(vB0HE;qanJ@q%7sxR02=}u0Mt7if@lCX1jQl90ANE<7=kPS8U$ZH_6GKp
ztY;x)ImiT{Nw%+w_3*kwFaiJye?w3Nf>8i$2=oBBo(@I=K!NNFBRvQ%k4U2d*bwLe
zpq^$3DgZDu1pWU&LN}iyzDyg#Dgev|!Bx^nU4N@}RCf$Qz51R2oo(5t9MrEj*{T6h
zxe`d%+sr3%_3L3p0IEVDO>*XPpw>~{F=z?s%~o0tq_aQs)>B>n$;rw9RC+|xCOH~n
zEttP2T6F-bKp-vuEy0n?fELP^;ynWZ6(G<iI|=};KU16nuC^CZ$wam@+Jr|e0a{;9
z<D8`e^d)uF&lG5K<$WLED*g<cz^mEmo!E#f;9arY#h)1f^1V6)o)<wO;?E91RS3M-
z{V?&L0KlkQ!}hy;G=6&#Y=0n&_9$Loq2fOUfKd>5iF{=zT>K{i@H7at7f)g+HAfrq
zAc-Bk*WX0fe-D)={?jTz%izoqq>BGk0A^ec%#S+SQuVYYpwGiBm0+0oPp$y7EC)ly
zUjYD$(fdkPTWyd1hKs)n02LufIpZUwK6wvtjK4}HC?oz#6`;W|8iG>duLwX}4o3V;
zK{@eP1)x=f%;)5i;;#+>#h(E|S@AajziL4w1f|8_0Q@;8MBEyd7k>lrdQkL)U<&a!
z0Pi;?9uTCz=ph$AS8Z0h2txB@fnX}}cLlgcLIc5c;%@-%YXS;EiANo@ydB%^CBO#3
z)Z*_7fK3~EKRCNOo@S?i7v`=27zFJNp|$S+Iv8%DV9O0aK~XYY+5lu`yWm(GfP$iA
ay7U8drxl+io>c7s0000<MNUMnLSTYB_r;R{

literal 0
HcmV?d00001

diff --git a/static/images/icon_card_white.png b/static/images/icon_card_white.png
new file mode 100755
index 0000000000000000000000000000000000000000..355b5c01bb645acf54ce57346a504efd394fc2c2
GIT binary patch
literal 7460
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

literal 0
HcmV?d00001

diff --git a/static/images/icon_fingerprint.png b/static/images/icon_fingerprint.png
new file mode 100644
index 0000000000000000000000000000000000000000..19e66bdf4a850e048afeb4548b74ff777093610c
GIT binary patch
literal 3249
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

literal 0
HcmV?d00001

diff --git a/static/images/icon_record.png b/static/images/icon_record.png
new file mode 100644
index 0000000000000000000000000000000000000000..305017206e7ce6c6e66816069f4a8eef2da7848c
GIT binary patch
literal 2284
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
GLSTZqVkdF{

literal 0
HcmV?d00001

diff --git a/stores/basic.js b/stores/basic.js
index e74af09..d4c6afb 100644
--- a/stores/basic.js
+++ b/stores/basic.js
@@ -111,6 +111,36 @@ const pages = [
     name: 'addLockGuid',
     path: '/pages/addLockGuid/addLockGuid',
     tabBar: false
+  },
+  {
+    name: 'cardList',
+    path: '/pages/cardList/cardList',
+    tabBar: false
+  },
+  {
+    name: 'createCard',
+    path: '/pages/createCard/createCard',
+    tabBar: false
+  },
+  {
+    name: 'cardDetail',
+    path: '/pages/cardDetail/cardDetail',
+    tabBar: false
+  },
+  {
+    name: 'fingerprintList',
+    path: '/pages/fingerprintList/fingerprintList',
+    tabBar: false
+  },
+  {
+    name: 'createFingerprint',
+    path: '/pages/createFingerprint/createFingerprint',
+    tabBar: false
+  },
+  {
+    name: 'fingerprintDetail',
+    path: '/pages/fingerprintDetail/fingerprintDetail',
+    tabBar: false
   }
 ]
 
diff --git a/stores/bluetooth.js b/stores/bluetooth.js
index 4be5942..8829725 100644
--- a/stores/bluetooth.js
+++ b/stores/bluetooth.js
@@ -102,10 +102,12 @@ export const useBluetoothStore = defineStore('ble', {
     // 更新服务端时间戳
     async updateServerTimestamp() {
       const { code, data, message } = await getServerDatetime({})
+      let timestamp = new Date().getTime()
       if (code === 0) {
         this.serverTimestamp = parseInt(data.date / 1000, 10)
+        timestamp = data.date
       }
-      return { code, data, message }
+      return { code, data: { ...data, timestamp }, message }
     },
     // 关闭全部蓝牙监听并关闭蓝牙模拟
     closeAllBluetooth() {