reactor:修改默认登录图片;展示logo环境变量

.env.development

@@ -46,3 +46,9 @@ VITE_JTHS_API_URL=http://118.121.58.161:19021
 # 捷通华声AppKey
 VITE_JTHS_APPKEY=MTAwMDAx
 
+# 登录背景图
+VITE_LOGIN_BG=login/log_bg.png
+
+# 是否开启logo
+VITE_IS_SHOW_LOGO=true
+

.env.production

@@ -44,4 +44,10 @@ VITE_RECORD_DOWNLOAD_PREFIX=http://222.213.23.229:10085
 VITE_JTHS_API_URL=http://118.121.58.161:19021
 
 # 捷通华声AppKey
-VITE_JTHS_APPKEY=MTAwMDAx
+VITE_JTHS_APPKEY=MTAwMDAx
+
+# 登录背景图
+VITE_LOGIN_BG=login/yb_login_bg.png
+
+# 是否开启logo
+VITE_IS_SHOW_LOGO=true

.env.st

@@ -44,4 +44,10 @@ VITE_RECORD_DOWNLOAD_PREFIX=http://222.213.23.229:10085
 VITE_JTHS_API_URL=http://118.121.58.161:19021
 
 # 捷通华声AppKey
-VITE_JTHS_APPKEY=MTAwMDAx
+VITE_JTHS_APPKEY=MTAwMDAx
+
+# 登录背景图
+VITE_LOGIN_BG=login/log_bg.png
+
+# 是否开启logo
+VITE_IS_SHOW_LOGO=true

.env.yibin

@@ -44,4 +44,10 @@ VITE_RECORD_DOWNLOAD_PREFIX=http://192.168.2.212:29003
 VITE_JTHS_API_URL=http://218.6.151.146:50110
 
 # 捷通华声AppKey
-VITE_JTHS_APPKEY=MTAwMDAx
+VITE_JTHS_APPKEY=MTAwMDAx
+
+# 登录背景图
+VITE_LOGIN_BG=login/yb_login_bg.png
+
+# 是否开启logo
+VITE_IS_SHOW_LOGO=true

.env.zigong

@@ -44,4 +44,10 @@ VITE_RECORD_DOWNLOAD_PREFIX=http://192.168.2.212:29003
 VITE_JTHS_API_URL=http://218.6.151.146:50110
 
 # 捷通华声AppKey
-VITE_JTHS_APPKEY=MTAwMDAx
+VITE_JTHS_APPKEY=MTAwMDAx
+
+# 登录背景图
+VITE_LOGIN_BG=login/log_bg.png
+
+# 是否开启logo
+VITE_IS_SHOW_LOGO=false

src/layout/component/aside.vue

@@ -78,9 +78,12 @@ const closeLayoutAsideMobileMode = () => {
 	document.body.setAttribute('class', '');
 };
 // 设置显示/隐藏 logo
-const setShowLogo = computed(() => {
+/*const setShowLogo = computed(() => {
 	let { layout, isShowLogo } = themeConfig.value;
 	return (isShowLogo && layout === 'defaults') || (isShowLogo && layout === 'columns');
+});*/
+const setShowLogo = computed(() => {
+  return import.meta.env.VITE_IS_SHOW_LOGO === 'true'
 });
 // 设置/过滤路由（非静态路由/是否显示在菜单中）
 const setFilterRoutes = () => {

src/layout/lockScreen/index.vue

@@ -65,6 +65,7 @@ import {storeToRefs} from 'pinia';
 import {useThemeConfig} from '@/stores/themeConfig';
 import {useUserInfo} from '@/stores/userInfo';
 import {ElMessage, ElMessageBox} from 'element-plus';
+import { getImageUrl } from "@/utils/tools";
 
 // 定义接口来定义对象的类型
 interface LockScreenState {
@@ -218,6 +219,8 @@ onBeforeUnmount(() => {
 	window.clearInterval(state.setIntervalTime);
 	window.clearInterval(state.isShowLockScreenIntervalTime);
 });
+
+let bgImg = themeConfig.value.loginImage ?? `url(${getImageUrl('login/log_bg.png')})`;
 </script>
 
 <style scoped lang="scss">
@@ -241,8 +244,7 @@ onBeforeUnmount(() => {
 
 .layout-lock-screen-img {
 	@extend .layout-lock-screen-fixed;
-	//background-image: url(https://i.hd-r.cn/e4a19d84364f185266666765ac21a5db.jpg);
-  background-image: url(@/assets/images/login/bg.png);
+  background-image: v-bind(bgImg);
   background-size: calc(100vw + 1px) calc(100vh + 1px);
 	z-index: 99;
 }

src/stores/themeConfig.ts

@@ -138,7 +138,7 @@ export const useThemeConfig = defineStore('themeConfig', {
 			// 默认全局组件大小，可选值"<large|'default'|small>"，默认 'default'
 			globalComponentSize: 'default',
 			// 登录页面背景图
-			loginImage: `url(${getImageUrl('login/bg.png')}`,
+			loginImage: `url(${getImageUrl('login/log_bg.png')}`,
 			// 登录页是否展示短信验证码
 			isLoginMessageCode: false,
 		},

src/views/forgetPwd/index.vue

@@ -34,7 +34,7 @@ const state = reactive<LoginState>({
 	tabsActiveName: 'account',  // 账号密码登录
 	isScan: false,  // 是否扫码登录
 });
-let bgImg = themeConfig.value.loginImage ?? `url(${getImageUrl('login/bg.png')})`;
+let bgImg = themeConfig.value.loginImage ?? `url(${getImageUrl('login/log_bg.png')})`;
 // 页面加载时
 onMounted(async () => {
 	NextLoading.done();

src/views/login/index.vue

@@ -59,7 +59,8 @@ const isFooter = computed(() => {
   return themeConfig.value.isFooter;
 });
 
-let bgImg = themeConfig.value.loginImage ?? `url(${getImageUrl('login/bg.png')})`;
+// let bgImg = themeConfig.value.loginImage ?? `url(${getImageUrl('login/log_bg.png')})`;
+const bgImg = `url(${getImageUrl(import.meta.env.VITE_LOGIN_BG)}`
 // 获取布局配置信息
 const getThemeConfig = computed(() => {
 	return themeConfig.value;
@@ -77,7 +78,6 @@ onMounted(async () => {
 .login-container {
 	position: relative;
 	background-image: v-bind(bgImg);
-	// background-image: url("@/assets/images/login/bg.png");
 	background-repeat: no-repeat;
 	background-size: calc(100vw + 1px) calc(100vh + 1px);
 	.login-content {