1

src/design/public.less

@@ -1,6 +1,7 @@
 #app {
   width: 100%;
   height: 100%;
+  min-width: 800px;
 }
 
 // =================================

src/views/sys/login/Login.vue

@@ -7,16 +7,23 @@
     /> -->
     <!-- <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" /> -->
 
-    <span class="-enter-x xl:hidden">
-      <AppLogo :alwaysShowTitle="true" />
-    </span>
+    <div class="-enter-x w-full containertop" style="padding-left: 40px">
+      <!-- <div class="-enter-x xl:hidden"> -->
+      <AppLogo class="-enter-x" :alwaysShowTitle="true" />
+      <div class="absolute right-64px top-8 rightText">
+        <span @click="handleDown">下载浏览器</span>
+        <span @click="handlesybz">使用帮助</span>
+      </div>
+    </div>
     <div class="suoyuan"
       >公安部鉴定中心 & 江门市公安局 & 四维时代 | 公安部科技强警基础工作计划(2022JC13)</div
     >
     <div class="container relative h-full py-2 mx-auto sm:px-10">
       <div class="flex h-full">
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-5/12">
-          <AppLogo class="-enter-x" />
+          <!-- <div class="flex w-full">
+            <AppLogo class="-enter-x" />
+          </div> -->
           <div class="my-auto" style="visibility: hidden">
             <img
               :alt="title"
@@ -74,7 +81,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, ref } from 'vue';
   import { AppLogo } from '/@/components/Application';
   import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
   import LoginForm from './LoginForm.vue';
@@ -99,6 +106,12 @@
       type: Boolean,
     },
   });
+  const DownUrl = ref('');
+  fetch('./register.json')
+    .then((response) => response.json())
+    .then((data) => {
+      DownUrl.value = data.downUrl;
+    });
   const { getTitle } = useRootSetting();
   const mytitle = computed(() => getTitle.value);
   const globSetting = useGlobSetting();
@@ -139,6 +152,12 @@
     window.opener = null;
     window.open('about:blank', '_top')?.close();
   };
+  function handlesybz() {
+    window.open('//help.map.jms.gd/forum-4.htm');
+  }
+  function handleDown() {
+    window.open(DownUrl.value);
+  }
   getUrlParams2();
 </script>
 <style lang="less">
@@ -263,29 +282,6 @@
       }
     }
 
-    .container {
-      .@{logo-prefix-cls} {
-        display: flex;
-        width: 60%;
-        height: 80px;
-
-        &__title {
-          // font-size: 24px;
-          // color: #fff;
-          font-size: 32px;
-          font-family: Source Han Sans CN, Source Han Sans CN;
-          font-weight: 500;
-          color: #000000;
-          line-height: 38px;
-        }
-
-        img {
-          width: 40px;
-          height: 40px;
-        }
-      }
-    }
-
     &-sign-in-way {
       .anticon {
         font-size: 22px;
@@ -344,4 +340,37 @@
     line-height: 30px;
     text-align: center;
   }
+  .containertop {
+    .rightText {
+      font-weight: 400;
+      font-size: 16px;
+      color: #333333;
+      line-height: 19px;
+      text-align: left;
+      font-style: normal;
+      span {
+        margin-left: 64px;
+      }
+    }
+    .@{logo-prefix-cls} {
+      display: flex;
+      width: 60%;
+      height: 80px;
+
+      &__title {
+        // font-size: 24px;
+        // color: #fff;
+        font-size: 32px;
+        font-family: Source Han Sans CN, Source Han Sans CN;
+        font-weight: 500;
+        color: #000000;
+        line-height: 38px;
+      }
+
+      img {
+        width: 40px;
+        height: 40px;
+      }
+    }
+  }
 </style>

src/views/sys/login/LoginForm.vue

@@ -60,7 +60,7 @@
       <Button size="large" class="mybtmargin enter-x" block @click="handleRegister">
         {{ t('sys.login.registerButton') }}
       </Button>
-      <Button size="large" class="enter-x" block @click="handlesybz"> 使用帮助 </Button>
+      <!-- <Button size="large" class="enter-x" block @click="handlesybz"> 使用帮助 </Button> -->
     </FormItem>
     <!-- <ARow class="enter-x">
       <ACol :md="8" :xs="24">