feat: 锁屏添加OMC升级等待

src/components/LockScreen/index.vue

@@ -98,8 +98,8 @@ onUnmounted(() => {
       background: 'rgba(0, 0, 0, 0.85)',
     }"
   >
-    <!-- 锁屏块 -->
-    <div class="lock-screen_login">
+    <!-- 锁屏-登录 -->
+    <div class="lock-screen_login" v-if="lockedStore.lockType === 'lock'">
       <div class="lock-screen_login-user">
         <a-avatar
           shape="circle"
@@ -130,6 +130,13 @@ onUnmounted(() => {
         </a-button>
       </div>
     </div>
+
+    <!-- 锁屏-OMC重启升级 -->
+    <div class="lock-screen_reload" v-if="lockedStore.lockType === 'reload'">
+      <LoadingOutlined style="font-size: 56px" />
+      <div class="text">正在重启，请稍等...</div>
+      <div class="desc">当准备就绪的时候，你的浏览器会自动刷新。</div>
+    </div>
   </a-modal>
 </template>
 
@@ -173,6 +180,27 @@ onUnmounted(() => {
     }
   }
 }
+
+.lock-screen_reload {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent;
+
+  color: #fff;
+
+  & .text {
+    font-size: 24px;
+    font-weight: bold;
+    letter-spacing: 4px;
+    margin-top: 24px;
+  }
+  & .desc {
+    margin-top: 8px;
+    font-size: 16px;
+  }
+}
 </style>
 
 <style lang="less">