Add new images and update login component styles

- Added new logo and background images for the login component.
- Refactored the login component to dynamically select logos and titles based on the domain.
- Adjusted the positioning of the login box for better responsiveness.

src/assets/loginmini/style/home.less

@@ -8,7 +8,7 @@
 }
 .login-box {
   position: absolute;
-  right: 50px;
+  right: 15%;
   top: 50%;
   transform: translate(0, -50%);
 }

src/components/Application/src/AppLogo.vue

@@ -4,7 +4,7 @@
 -->
 <template>
   <div class="anticon" :class="getAppLogoClass" @click="goHome">
-    <img src="../../../assets/images/adweb_logo.png" />
+    <img :src=logo />
     <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
       {{ shortTitle }}
     </div>
@@ -18,6 +18,8 @@
   import { useDesign } from '/@/hooks/web/useDesign';
   import { PageEnum } from '/@/enums/pageEnum';
   import { useUserStore } from '/@/store/modules/user';
+  import logoImg from '/@/assets/images/soho_logo.png';
+  import adwebLogoImg from '/@/assets/images/adweb_logo.png';
 
   const props = defineProps({
     /**
@@ -53,6 +55,17 @@
   function goHome() {
     go(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
   }
+
+  const logo = computed(() => {
+  const domain = window.location.hostname;
+
+  // TODO:: 待域名申请
+  if (domain.includes('sohoeb2b')) {
+    return logoImg; // Use the imported image for this domain
+  } else {
+    return adwebLogoImg; // Use the imported image for other domains
+  }
+});
 </script>
 <style lang="less" scoped>
   @prefix-cls: ~'@{namespace}-app-logo';

src/hooks/setting/index.ts

@@ -27,9 +27,13 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
   let title = VITE_GLOB_APP_TITLE;
 
   // TODO:: 待域名申请好之后修改配置
-  if (window.location.hostname != 'v3.adwebcloud.com') {
+  const domain = window.location.hostname;
+  if (domain.includes('sohoeb2b')) {
     shortTitle = '苏豪通';
-    title = '苏豪通'
+    title = '苏豪通'; // Use the imported image for this domain
+  } else {
+    shortTitle = 'Adweb';
+    title = 'Adweb'; // Use the imported image for other domains
   }
   // Take global configuration
   const glob: Readonly<GlobConfig> = {

src/views/system/loginmini/Login.vue

@@ -1,26 +1,21 @@
 <template>
-  <div class="login-bg">
+  <div class="login-bg" :style="{ backgroundImage: `url(${backgroundImage})` }">
     <a-row>
       <a-col :span="24">
         <div :class="prefixCls">
           <div style="margin:50px">
             <div>
-              <img width="233px" :src="logoImg" alt="jeecg" />
+              <img width="233px" :src="logo" alt="jeecg" />
             </div>
           </div>
         </div>
       </a-col>
     </a-row>
     
-    <a-row>
-      
-      <a-col :span="12">
-        
-      </a-col>
-      <a-col :span="12" class="login-box">
+      <div :span="12" class="login-box">
         <div class="login-content">
           <div class="login-title">
-            登录 苏豪通
+            登录 {{ title }}
           </div>
           <div class="login-form-box">
             <a-form ref="loginRef" :model="formData" @keyup.enter.native="loginHandleClick">
@@ -73,73 +68,75 @@
             </a-form>
           </div>
         </div>
-      </a-col>
-    </a-row>
+      </div>
   </div>
 
 </template>
 <script lang="ts" setup name="login-mini">
-import { getCaptcha, getCodeInfo } from '/@/api/sys/user';
-import { computed, onMounted, reactive, ref, toRaw, unref } from 'vue';
+import { getCodeInfo } from '/@/api/sys/user';
+import { computed, onMounted, reactive, ref, toRaw } from 'vue';
 import codeImg from '/@/assets/images/checkcode.png';
 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/soho01.png';
-import { useLocaleStore } from '/@/store/modules/locale';
+import AdweblogoImg from '/@/assets/loginmini/icon/adweb-logo.png';
 import { useDesign } from "/@/hooks/web/useDesign";
-import { useAppInject } from "/@/hooks/web/useAppInject";
-import { useModal } from "@/components/Modal";
+import sohoImage from '/@/assets/loginmini/icon/soho-bg.jpg'; // Import the first background image
+import adwebImage from '/@/assets/loginmini/icon/adweb-bg.jpg'; // Import the alternative background image
 
 const { prefixCls } = useDesign('mini-login');
 const { notification, createMessage } = useMessage();
 const userStore = useUserStore();
 const { t } = useI18n();
-const localeStore = useLocaleStore();
 const randCodeData = reactive<any>({
   randCodeImage: '',
   requestCodeSuccess: false,
   checkKey: null,
 });
+
+const backgroundImage = computed(() => {
+  const domain = window.location.hostname;
+
+  // TODO:: 待域名申请
+  if (domain.includes('sohoeb2b')) {
+    return sohoImage; // Use the imported image for this domain
+  } else {
+    return adwebImage; // Use the imported image for other domains
+  }
+});
+
+const title = computed(() => {
+  const domain = window.location.hostname;
+
+  // TODO:: 待域名申请
+  if (domain.includes('sohoeb2b')) {
+    return '苏豪通'; // Use the imported image for this domain
+  } else {
+    return 'Adweb V3'; // Use the imported image for other domains
+  }
+});
+
+const logo = computed(() => {
+  const domain = window.location.hostname;
+
+  // TODO:: 待域名申请
+  if (domain.includes('sohoeb2b')) {
+    return logoImg; // Use the imported image for this domain
+  } else {
+    return AdweblogoImg; // Use the imported image for other domains
+  }
+});
+
 const rememberMe = ref<string>('0');
-//手机号登录还是账号登录
-const activeIndex = ref<string>('accountLogin');
-const type = ref<string>('login');
 //账号登录表单字段
 const formData = reactive<any>({
   inputCode: '',
   username: 'admin',
   password: '123456',
 });
-//手机登录表单字段
-const phoneFormData = reactive<any>({
-  mobile: '',
-  smscode: '',
-});
 const loginRef = ref();
-//第三方登录弹窗
-const thirdModalRef = ref();
-//扫码登录
-const codeRef = ref();
-//是否显示获取验证码
-const showInterval = ref<boolean>(true);
-//60s
-const timeRuning = ref<number>(60);
-//定时器
-const timer = ref<any>(null);
-//忘记密码
-const forgotRef = ref();
-//注册
-const registerRef = ref();
 const loginLoading = ref<boolean>(false);
-const { getIsMobile } = useAppInject();
-const [captchaRegisterModal, { openModal: openCaptchaModal }] = useModal();
-defineProps({
-  sessionTimeout: {
-    type: Boolean,
-  },
-});
 
 /**
  * 获取验证码
@@ -268,7 +265,6 @@ onMounted(() => {
     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;