From 1c76f64e93a522ec609bded0bc3c693779c7df13 Mon Sep 17 00:00:00 2001
From: fangxiang <fangxiang@cloudview.work>
Date: Thu, 17 Mar 2022 19:14:51 +0800
Subject: [PATCH] =?UTF-8?q?loading=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=BF=94=E5=9B=9E=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                |  7 +++++++
 src/i18n/zh-CN/index.ts    |  1 +
 src/layouts/MainLayout.vue | 18 ++++++++++++++++++
 src/pages/Index.vue        |  9 ++++++++-
 src/pages/TopToolBar.vue   | 20 +++++++++++++++-----
 5 files changed, 49 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b384e7e..70223e4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,6 +5,7 @@
   </div>
 </template>
 <script lang="ts">
+import { SessionStorage, Cookies } from "quasar";
 import { defineComponent } from "vue";
 import { useI18n } from "vue-i18n";
 import EventBus, { EventNamesDefine } from "src/common/EventBus";
@@ -41,6 +42,12 @@ export default defineComponent({
 
     document.body.classList.add("overflow-hidden");
 
+    (window as any).controlLogout = () => {
+      Cookies.remove("auto_login");
+      SessionStorage.clear();
+      window.location.reload();
+    };
+
     return {};
   },
 });
diff --git a/src/i18n/zh-CN/index.ts b/src/i18n/zh-CN/index.ts
index 09432e5..beee037 100644
--- a/src/i18n/zh-CN/index.ts
+++ b/src/i18n/zh-CN/index.ts
@@ -419,4 +419,5 @@ export default {
   "open file": "打开文件",
   "remember password": "记住密码",
   "auto login": "自动登录",
+  "back to login page": "返回登录页面",
 };
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 9afe7c7..f42eaf9 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -88,6 +88,13 @@
                 <div class="text-h5">loading...</div>
               </q-item-section>
             </q-item>
+            <q-item v-show="show_back">
+              <q-item-section>
+                <a href="javascript:void(0);" OnClick="window.controlLogout()">
+                  {{ $t("back to login page") }}
+                </a>
+              </q-item-section>
+            </q-item>
           </q-list>
         </q-page>
       </q-page-container>
@@ -147,6 +154,8 @@ export default defineComponent({
     let show_right_tool_bar = ref(true);
     let mouse_page_right_flag = ref(false);
 
+    const show_back = ref(true);
+
     EventBus.getInstance().on(EventNamesDefine.WindowResize, () => {
       const new_landspace = window.innerHeight < window.innerWidth;
       if (landspace != new_landspace) {
@@ -154,8 +163,17 @@ export default defineComponent({
       }
     });
 
+    EventBus.getInstance().on(EventNamesDefine.CurrentConnectDisconnect, () => {
+      show_back.value = false;
+    });
+
+    EventBus.getInstance().on(EventNamesDefine.CurrentConnectConnected, () => {
+      show_back.value = true;
+    });
+
     return {
       landspace,
+      show_back,
       show_left_tool_bar,
       show_right_tool_bar,
       mouse_page_left_flag,
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 7cd993e..e2268f1 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -40,8 +40,15 @@ export default defineComponent({
 
     EventBus.getInstance().on(EventNamesDefine.CurrentConnectDisconnect, () => {
       $q.loading.show({
+        html: true,
         message:
-          $t.t("network disconnect!") + $t.t("wait reconnection") + "...",
+          $t.t("network disconnect!") +
+          $t.t("wait reconnection") +
+          "..." +
+          "<br />" +
+          "<a href='javascript:void(0);' OnClick='window.controlLogout()'>" +
+          $t.t("back to login page") +
+          "</a>",
       });
     });
 
diff --git a/src/pages/TopToolBar.vue b/src/pages/TopToolBar.vue
index eb4bc86..456dc06 100644
--- a/src/pages/TopToolBar.vue
+++ b/src/pages/TopToolBar.vue
@@ -298,7 +298,6 @@
 
 <script lang="ts">
 import { defineComponent, ref, Ref, computed } from "vue";
-import { Cookies } from "quasar";
 import { useStore } from "src/store";
 
 import GridSettingDialog from "src/components/GridSettingDialog.vue";
@@ -317,7 +316,13 @@ import { Protocol } from "src/entities/WSProtocol";
 import GlobalData from "src/common/GlobalData";
 import { api } from "boot/axios";
 import { HttpProtocol } from "src/entities/HttpProtocol";
-import { SessionStorage, openURL, useQuasar, date as $date } from "quasar";
+import {
+  SessionStorage,
+  Cookies,
+  openURL,
+  useQuasar,
+  date as $date,
+} from "quasar";
 import { useI18n } from "vue-i18n";
 
 export default defineComponent({
@@ -516,9 +521,14 @@ export default defineComponent({
         window.location.reload();
       },
       logout() {
-        Cookies.remove("auto_login");
-        SessionStorage.clear();
-        window.location.reload();
+        const w = window as any;
+        if (w.controlLogout && typeof w.controlLogout == "function") {
+          w.controlLogout();
+        } else {
+          Cookies.remove("auto_login");
+          SessionStorage.clear();
+          window.location.reload();
+        }
       },
       async showDeviceInfo() {
         try {