|  | @@ -1,12 +1,11 @@
 | 
											
												
													
														|  | -<script setup lang="ts" name="loginIndex">
 |  | 
 | 
											
												
													
														|  | -import { computed, defineAsyncComponent, onMounted, reactive, ref } from 'vue'
 |  | 
 | 
											
												
													
														|  | -import { storeToRefs } from 'pinia'
 |  | 
 | 
											
												
													
														|  | -import { useThemeConfig } from '/@/stores/themeConfig'
 |  | 
 | 
											
												
													
														|  | -import { NextLoading } from '/@/utils/loading'
 |  | 
 | 
											
												
													
														|  | -import loginMain from '/src/assets/login-main.svg'
 |  | 
 | 
											
												
													
														|  | -import loginBg from '/@/assets/login-bg.svg'
 |  | 
 | 
											
												
													
														|  | -import loginOne from '/@/assets/login11.jpg'
 |  | 
 | 
											
												
													
														|  | -import AnsjerImg from '/@/assets/ansjer_image.png'
 |  | 
 | 
											
												
													
														|  | 
 |  | +<script lang="ts" name="loginIndex" setup>
 | 
											
												
													
														|  | 
 |  | +import { computed, defineAsyncComponent, onMounted, reactive } from 'vue';
 | 
											
												
													
														|  | 
 |  | +import { storeToRefs } from 'pinia';
 | 
											
												
													
														|  | 
 |  | +import { useThemeConfig } from '/@/stores/themeConfig';
 | 
											
												
													
														|  | 
 |  | +import { NextLoading } from '/@/utils/loading';
 | 
											
												
													
														|  | 
 |  | +import loginMain from '/src/assets/login-main.svg';
 | 
											
												
													
														|  | 
 |  | +import loginBg from '/@/assets/login-bg.svg';
 | 
											
												
													
														|  | 
 |  | +import AnsjerImg from '/@/assets/asj.png';
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |  // 引入组件
 |  |  // 引入组件
 | 
											
												
													
														|  |  const Account = defineAsyncComponent(() => import('/@/views/system/login/component/account.vue'));
 |  |  const Account = defineAsyncComponent(() => import('/@/views/system/login/component/account.vue'));
 | 
											
										
											
												
													
														|  | @@ -28,7 +27,7 @@ const getThemeConfig = computed(() => {
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |  // 切换登录方式
 |  |  // 切换登录方式
 | 
											
												
													
														|  |  function showScan() {
 |  |  function showScan() {
 | 
											
												
													
														|  | -	state.isScan = !state.isScan
 |  | 
 | 
											
												
													
														|  | 
 |  | +	state.isScan = !state.isScan;
 | 
											
												
													
														|  |  }
 |  |  }
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |  // const systemConfigStore = SystemConfigStore()
 |  |  // const systemConfigStore = SystemConfigStore()
 | 
											
										
											
												
													
														|  | @@ -59,21 +58,15 @@ onMounted(() => {
 | 
											
												
													
														|  |  <template>
 |  |  <template>
 | 
											
												
													
														|  |  	<div class="login-container flex">
 |  |  	<div class="login-container flex">
 | 
											
												
													
														|  |  		<div class="login-left">
 |  |  		<div class="login-left">
 | 
											
												
													
														|  | -			<!--<div class="login-left-logo">-->
 |  | 
 | 
											
												
													
														|  | -				<!-- <img src="src/assets/ansjer_image.png"/> -->
 |  | 
 | 
											
												
													
														|  | -				<!--<el-image style="width: 110px; height: 110px" :src="AnsjerImg" fit="contain" />-->
 |  | 
 | 
											
												
													
														|  | -				<!-- 登录页左上角logo后面的文字 -->
 |  | 
 | 
											
												
													
														|  | -				<!-- <div class="login-left-logo-text">
 |  | 
 | 
											
												
													
														|  | 
 |  | +			<div class="login-left-logo">
 | 
											
												
													
														|  | 
 |  | +				<el-image :src="AnsjerImg" fit="contain" style="width: 52px; height: 52px" />
 | 
											
												
													
														|  | 
 |  | +				<!--登录页左上角logo后面的文字-->
 | 
											
												
													
														|  | 
 |  | +				<div class="login-left-logo-text">
 | 
											
												
													
														|  |  					<span>{{ getThemeConfig.globalViceTitle }}</span>
 |  |  					<span>{{ getThemeConfig.globalViceTitle }}</span>
 | 
											
												
													
														|  |  					<span class="login-left-logo-text-msg">{{ getThemeConfig.globalViceTitleMsg }}</span>
 |  |  					<span class="login-left-logo-text-msg">{{ getThemeConfig.globalViceTitleMsg }}</span>
 | 
											
												
													
														|  | -				</div> -->
 |  | 
 | 
											
												
													
														|  | -			<!--</div>-->
 |  | 
 | 
											
												
													
														|  | -			<!--<div class="login-left-img">-->
 |  | 
 | 
											
												
													
														|  | -			<!--	<img :src="loginMain" alt="" />-->
 |  | 
 | 
											
												
													
														|  | -			<!--</div>-->
 |  | 
 | 
											
												
													
														|  | -			<!--<img :src="loginBg" class="login-left-waves" alt="" />-->
 |  | 
 | 
											
												
													
														|  | 
 |  | +				</div>
 | 
											
												
													
														|  | 
 |  | +			</div>
 | 
											
												
													
														|  |  		</div>
 |  |  		</div>
 | 
											
												
													
														|  | -		<!--<img :src="loginOne" alt="" />-->
 |  | 
 | 
											
												
													
														|  |  		<div class="login-right flex">
 |  |  		<div class="login-right flex">
 | 
											
												
													
														|  |  			<div class="login-right-warp flex-margin">
 |  |  			<div class="login-right-warp flex-margin">
 | 
											
												
													
														|  |  				<span class="login-right-warp-one"></span>
 |  |  				<span class="login-right-warp-one"></span>
 | 
											
										
											
												
													
														|  | @@ -94,7 +87,7 @@ onMounted(() => {
 | 
											
												
													
														|  |  						</div>
 |  |  						</div>
 | 
											
												
													
														|  |  						<Scan v-if="state.isScan" :isScan="state.isScan" />
 |  |  						<Scan v-if="state.isScan" :isScan="state.isScan" />
 | 
											
												
													
														|  |  						<div class="login-content-main-sacn" @click="showScan">
 |  |  						<div class="login-content-main-sacn" @click="showScan">
 | 
											
												
													
														|  | -							<i class="iconfont" :class="state.isScan ? 'icon-diannao1' : 'icon-barcode-qr'"></i>
 |  | 
 | 
											
												
													
														|  | 
 |  | +							<i :class="state.isScan ? 'icon-diannao1' : 'icon-barcode-qr'" class="iconfont"></i>
 | 
											
												
													
														|  |  							<div class="login-content-main-sacn-delta"></div>
 |  |  							<div class="login-content-main-sacn-delta"></div>
 | 
											
												
													
														|  |  						</div>
 |  |  						</div>
 | 
											
												
													
														|  |  					</div>
 |  |  					</div>
 | 
											
										
											
												
													
														|  | @@ -117,12 +110,12 @@ onMounted(() => {
 | 
											
												
													
														|  |  	</div>
 |  |  	</div>
 | 
											
												
													
														|  |  </template>
 |  |  </template>
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -<style scoped lang="scss">
 |  | 
 | 
											
												
													
														|  | 
 |  | +<style lang="scss" scoped>
 | 
											
												
													
														|  |  .login-container {
 |  |  .login-container {
 | 
											
												
													
														|  |  	height: 100%;
 |  |  	height: 100%;
 | 
											
												
													
														|  |  	// background: var(--el-color-white);
 |  |  	// background: var(--el-color-white);
 | 
											
												
													
														|  |  	background-image: url('/src/assets/bg-main.jpg');
 |  |  	background-image: url('/src/assets/bg-main.jpg');
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  |  	.login-left {
 |  |  	.login-left {
 | 
											
												
													
														|  |  		flex: 1;
 |  |  		flex: 1;
 | 
											
												
													
														|  |  		position: relative;
 |  |  		position: relative;
 |