Add new login background image and refactor login component styles

- Introduced a new background image for the login component, replacing the previous image with 'soho01.png'.
- Updated the login component's template to utilize a CSS class for background styling, enhancing maintainability.
- Refactored the layout of the login component for improved structure and visual appeal.
- Made minor adjustments to the traffic analysis view by reordering the display of the "最多访问TOP10" section.

src/hooks/setting/index.ts

@@ -1,6 +1,7 @@
 import type { GlobConfig } from '/#/config';
 
 import { getAppEnvConfig } from '/@/utils/env';
+import { windows } from "rimraf";
 
 export const useGlobSetting = (): Readonly<GlobConfig> => {
   const {
@@ -22,10 +23,17 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
   // }
 
   // 短标题：替换shortName的下划线为空格
-  const shortTitle = VITE_GLOB_APP_SHORT_NAME.replace(/_/g, " ");
+  let shortTitle = VITE_GLOB_APP_SHORT_NAME.replace(/_/g, " ");
+  let title = VITE_GLOB_APP_TITLE;
+
+  // TODO:: 待域名申请好之后修改配置
+  if (window.location.hostname != 'v3.adwebcloud.com') {
+    shortTitle = '苏豪通';
+    title = '苏豪通'
+  }
   // Take global configuration
   const glob: Readonly<GlobConfig> = {
-    title: VITE_GLOB_APP_TITLE,
+    title: title,
     domainUrl: VITE_GLOB_DOMAIN_URL,
     apiUrl: VITE_GLOB_API_URL,
     shortName: VITE_GLOB_APP_SHORT_NAME,

src/views/adweb/data/trafficAnalysis.vue

@@ -134,46 +134,9 @@
         </a-card>
       </a-col>
 
-      <!-- 最多访问TOP10 -->
-      <a-col :span="24">
-        <a-card style="margin: 10px" title="最多访问TOP10">
-          <a-row class="r5" :gutter="[20,20]">
-            <a-col :span="24">
-              <a-table
-                :columns="mostAccessColumns"
-                :data-source="mostAccessDatasource"
-                size="middle"
-                rowKey="type"
-                :pagination="false">
-                <template #bodyCell="{ column, record, index, text }">
-                  <template v-if="column.key ==='pagePathSlot' ">
-                    <a-popover>
-                      <template slot="content">
-                        {{ text }}
-                      </template>
-                      <a :href="text" target="_blank">
-                        <div
-                          style="width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis">
-                          {{ text }}
-                        </div>
-                      </a>
-                    </a-popover>
-                  </template>
-                  <template v-if="column.key ==='centerSlot' ">
-                    <span style="margin-left: 20px;">{{ text }}</span>
-                  </template>
-                  <template v-if="column.key ==='avgTimeOnPageSlot' ">
-                    <span style="margin-left: 30px;">{{ text }} s</span>
-                  </template>
-                </template>
-              </a-table>
-            </a-col>
-          </a-row>
-        </a-card>
-      </a-col>
-
       <!-- 来源媒介 -->
       <a-col :span="24">
+        
         <a-card style="margin: 10px" title="来源媒介">
           <a-row class="r5" :gutter="[20,20]">
             <a-col :span="24">
@@ -228,6 +191,44 @@
           </a-row>
         </a-card>
       </a-col>
+
+      <!-- 最多访问TOP10 -->
+      <a-col :span="24">
+        <a-card style="margin: 10px" title="最多访问TOP10">
+          <a-row class="r5" :gutter="[20,20]">
+            <a-col :span="24">
+              <a-table
+                :columns="mostAccessColumns"
+                :data-source="mostAccessDatasource"
+                size="middle"
+                rowKey="type"
+                :pagination="false">
+                <template #bodyCell="{ column, record, index, text }">
+                  <template v-if="column.key ==='pagePathSlot' ">
+                    <a-popover>
+                      <template slot="content">
+                        {{ text }}
+                      </template>
+                      <a :href="text" target="_blank">
+                        <div
+                          style="width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis">
+                          {{ text }}
+                        </div>
+                      </a>
+                    </a-popover>
+                  </template>
+                  <template v-if="column.key ==='centerSlot' ">
+                    <span style="margin-left: 20px;">{{ text }}</span>
+                  </template>
+                  <template v-if="column.key ==='avgTimeOnPageSlot' ">
+                    <span style="margin-left: 30px;">{{ text }} s</span>
+                  </template>
+                </template>
+              </a-table>
+            </a-col>
+          </a-row>
+        </a-card>
+      </a-col>
     </a-row>
   </a-spin>
 </template>

src/views/system/loginmini/Login.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="background-color: rgba(251, 251, 251, 1)">
+  <div class="login-bg">
     <a-row>
       <a-col :span="24">
         <div :class="prefixCls">
@@ -11,11 +11,11 @@
         </div>
       </a-col>
     </a-row>
+    
     <a-row>
+      
       <a-col :span="12">
-        <div class="login-bg">
-          <img :src="loginBg" alt="">
-        </div>
+        
       </a-col>
       <a-col :span="12" class="login-box">
         <div class="login-content">
@@ -76,6 +76,7 @@
       </a-col>
     </a-row>
   </div>
+
 </template>
 <script lang="ts" setup name="login-mini">
 import { getCaptcha, getCodeInfo } from '/@/api/sys/user';
@@ -85,7 +86,7 @@ import { useUserStore } from '/@/store/modules/user';
 import { useMessage } from '/@/hooks/web/useMessage';
 import { useI18n } from '/@/hooks/web/useI18n';
 import logoImg from '/@/assets/loginmini/icon/soho_logo.png';
-import loginBg from '/@/assets/loginmini/icon/login_bg.webp';
+import loginBg from '/@/assets/loginmini/icon/soho01.png';
 import { useLocaleStore } from '/@/store/modules/locale';
 import { useDesign } from "/@/hooks/web/useDesign";
 import { useAppInject } from "/@/hooks/web/useAppInject";
@@ -265,7 +266,12 @@ onMounted(() => {
   }
   .login-bg{
     width: 100%;
+    height: 100vh;
     z-index: -1;
+    background-image: url('/@/assets/loginmini/icon/soho01.png');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
   }
 </style>