1. 添加密码不同状态的显示

pages/keyList/keyList.vue

@@ -277,6 +277,9 @@ page {
       font-size: 32rpx;
       font-weight: bold;
       padding-bottom: 6rpx;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     .key-right-bottom {

pages/passwordList/passwordList.vue

@@ -20,7 +20,12 @@
               <view class="password" @click="toPasswordDetail(password)">
                 <image class="password-left" src="/static/images/icon_lock_transparent.png" mode="aspectFill"></image>
                 <view class="password-right">
-                  <view class="password-right-top">{{ password.keyboardPwdName }}</view>
+                  <view style="display: flex; align-items: center">
+                    <view class="password-right-top">{{ password.keyboardPwdName }}</view>
+                    <view class="key-status">
+                      {{ getPasswordStatus(password.keyboardPwdStatus) }}
+                    </view>
+                  </view>
                   <view class="password-right-bottom">{{ password.timeText }}</view>
                 </view>
               </view>
@@ -81,7 +86,7 @@ export default {
   },
   methods: {
     ...mapActions(useBasicStore, ['routeJump', 'getDeviceInfo']),
-    ...mapActions(useLockStore, ['getPasswordList', 'updateCurrentPasswordInfo', 'updatePasswordSearch']),
+    ...mapActions(useLockStore, ['getPasswordList', 'updateCurrentPasswordInfo', 'updatePasswordSearch', 'getPasswordStatus']),
     ...mapActions(useBluetoothStore, ['resetLockPassword', 'setLockPassword']),
     toPasswordDetail(password) {
       this.updateCurrentPasswordInfo(password)
@@ -299,12 +304,13 @@ page {
 
   .password-right {
     margin-right: 32rpx;
+    margin-left: 32rpx;
+    width: 574rpx;
 
     .password-right-top {
       font-size: 32rpx;
       font-weight: bold;
-      padding-bottom: 10rpx;
-      width: 600rpx;
+      padding-bottom: 6rpx;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -335,4 +341,10 @@ page {
   font-size: 32rpx;
   color: #999999;
 }
+
+.key-status {
+  margin-left: auto;
+  font-size: 26rpx;
+  color: #df282d;
+}
 </style>

stores/lock.js

@@ -101,6 +101,15 @@ export const useLockStore = defineStore('lock', {
         return ''
       }
     },
+    getPasswordStatus(passwordStatus) {
+      if(passwordStatus === 2) {
+        return '已过期'
+      } else if(passwordStatus === 3) {
+        return '未生效'
+      } else {
+        return ''
+      }
+    },
     getTimeLimit(keyType) {
       if(keyType === 1) {
         return '永久'