fix: 锁屏页面重构

src/layouts/BasicLayout.vue

@@ -308,6 +308,9 @@ document.addEventListener('visibilitychange', function () {
         </transition>
       </RouterView>
 
+      <!-- 锁屏遮罩 -->
+      <LockScreen />
+
       <!--插槽-内容底部-->
       <template #footerRender="{ width }">
         <footer class="footer">

src/layouts/components/RightContent.vue

@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
+import Modal from 'ant-design-vue/lib/modal/Modal';
 import { useRouter } from 'vue-router';
 import { useFullscreen } from '@vueuse/core';
 import useI18n from '@/hooks/useI18n';
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import useAlarmStore from '@/store/modules/alarm';
-import LockScreen from '@/components/LockScreen/index.vue';
+import useLockedStore from '@/store/modules/locked';
 const { isFullscreen, toggle } = useFullscreen();
 const { t, changeLocale, optionsLocale } = useI18n();
+const lockedStore = useLockedStore();
 const userStore = useUserStore();
 const appStore = useAppStore();
 const router = useRouter();
@@ -28,6 +30,17 @@ function fnClick({ key }: MenuInfo) {
   }
 }
 
+/**锁屏按钮提示 */
+function fnClickLock() {
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('loayouts.rightContent.lockTip'),
+    onOk() {
+      lockedStore.fnLock('lock', true);
+    },
+  });
+}
+
 /**告警数按钮提示跳转 */
 function fnClickAlarm() {
   router.push({ name: 'ActiveAlarm_2088' });
@@ -62,7 +75,16 @@ function fnChangeLocale(e: any) {
         </a-badge>
       </template>
     </a-button>
-    <LockScreen />
+
+    <a-tooltip placement="bottom">
+      <template #title>{{ t('loayouts.rightContent.lock') }}</template>
+      <a-button type="text" @click="fnClickLock">
+        <template #icon>
+          <LockOutlined />
+        </template>
+      </a-button>
+    </a-tooltip>
+
     <a-tooltip placement="bottom">
       <template #title>{{ t('loayouts.rightContent.helpDoc') }}</template>
       <a-button type="text" @click="fnClickHelpDoc()">