1

src/views/sys/login/Login.vue

@@ -10,7 +10,9 @@
     <span class="-enter-x xl:hidden">
       <AppLogo :alwaysShowTitle="true" />
     </span>
-    <div class="suoyuan">公安部鉴定中心 & 江门市公安局 & 四维时代 | 公安部科技强警基础工作计划(2022JC13)</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">
@@ -32,34 +34,17 @@
         <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-7/12">
           <div
             :class="`${prefixCls}-form`"
-            class="
-              relative
-              2xl:left-48
-              xl:left-16
-              w-full
-              px-5
-              py-8
-              mx-auto
-              my-auto
-              rounded-md
-              shadow-md
-              xl:ml-8
-              2xl:ml-16
-              xl:bg-transparent
-              sm:px-8
-              xl:p-4 xl:shadow-none
-              sm:w-4/5
-              lg:w-3/5
-              xl:w-auto
-              enter-x
-            "
+            class="relative 2xl:left-48 xl:left-16 w-full px-5 py-8 mx-auto my-auto rounded-md shadow-md xl:ml-8 2xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-4/5 lg:w-3/5 xl:w-auto enter-x"
           >
             <div class="title" v-if="mytitle != '江门公安'">
               <div class="titleText" style="font-weight: bold; letter-spacing: 12px">
                 <div style="margin-bottom: 0; white-space: nowrap">案事件实景三维重建</div>
                 <div>及数字化建档系统</div>
               </div>
-              <div class="en text-sm font-normal mb-5 titleSubtext" style="line-height: 30px; margin-bottom:24px;color:#666">
+              <div
+                class="en text-sm font-normal mb-5 titleSubtext"
+                style="line-height: 30px; margin-bottom: 24px; color: #666"
+              >
                 <div>3D Scene Reconstruction and Digital Archiving System of Police</div>
                 <div>Cases and Events</div>
               </div>
@@ -69,7 +54,10 @@
                 <div style="margin-bottom: 0">江门市公安局</div>
                 <div>警用三维实景平台</div>
               </div>
-              <div class="en text-sm font-normal mb-5 titleSubtext" style="line-height: 30px; margin-bottom:24px;color:#666">
+              <div
+                class="en text-sm font-normal mb-5 titleSubtext"
+                style="line-height: 30px; margin-bottom: 24px; color: #666"
+              >
                 <div>Three-Dimensional Police Scene Platform for Public Security</div>
                 <div>Bureau of Jiangmen Municipality</div>
               </div>
@@ -122,43 +110,52 @@
   const title = computed(() => globSetting?.title ?? '');
   function getUrlParams2() {
     const { createConfirm } = useMessage();
-    let url = window.location.href
-    let urlStr = url.split('?')[1]
-    const urlSearchParams = new URLSearchParams(urlStr)
-    const result = Object.fromEntries(urlSearchParams.entries())
-    let address = result['key']
-    if(address){
-      addressKey(address).then(res => {
-        if(res.status == 1){
+    let url = window.location.href;
+    let urlStr = url.split('?')[1];
+    const urlSearchParams = new URLSearchParams(urlStr);
+    const result = Object.fromEntries(urlSearchParams.entries());
+    let address = result['key'];
+    if (address) {
+      addressKey(address).then((res) => {
+        if (res.status == 1) {
           createConfirm({
             iconType: 'warning',
             title: '警告',
             content: `此平台已被禁用`,
             onOk: async () => {
-              onClose()
+              onClose();
             },
             onCancel: async () => {
-              onClose()
+              onClose();
             },
           });
-          return
+          return;
         }
         appStore.setTitle(res.platformName);
-      })
+      });
     }
   }
   const onClose = () => {
     window.opener = null;
     window.open('about:blank', '_top')?.close();
   };
-  getUrlParams2()
+  getUrlParams2();
 </script>
 <style lang="less">
   @prefix-cls: ~'@{namespace}-login';
   @logo-prefix-cls: ~'@{namespace}-app-logo';
   @countdown-prefix-cls: ~'@{namespace}-countdown-input';
   @dark-bg: #293146;
-
+  @media screen and (min-width: 3000px) {
+    .login-main {
+      .titleText {
+        line-height: 46px !important;
+      }
+      .mymargin {
+        margin-bottom: 10px !important;
+      }
+    }
+  }
   html[data-theme='dark'] {
     .@{prefix-cls} {
       background-color: @dark-bg;
@@ -200,10 +197,10 @@
         line-height: 40px;
       }
       @media (max-width: @screen-xl) {
-      font-size: 40px;
+        font-size: 40px;
       }
       @media (min-width: 3000px) {
-      font-size: 28px;
+        font-size: 28px;
       }
     }
     .titleSubtext {
@@ -211,7 +208,6 @@
       @media (max-width: @screen-sm) {
         font-size: 12px;
         line-height: 14px !important;
-
       }
       @media (max-width: 1024px) {
         font-size: 12px;

src/views/sys/login/LoginForm.vue

@@ -224,10 +224,10 @@
   }
   .mybtmargin {
     margin-bottom: 20px;
-    @media (min-width: 3000px) {
+    @media (max-width: 1024px) {
       margin-bottom: 10px;
     }
-    @media (max-width: 1024px) {
+    @media (min-width: 3000px) {
       margin-bottom: 10px;
     }
   }