点击线上地址打开页面

zhangwei

2 天以前 9488f2bcb346c32c64f2c4eb5814fece8726b363

 Web/src/views/login/index.vue

@@ -8,7 +8,7 @@
               <span class="login-left-logo-text-msg">{{ getThemeConfig.globalViceTitleMsg }}</span>
            </div>
         </div>
         <el-carousel height="500px" class="login-carousel">
         <!-- <el-carousel height="500px" class="login-carousel">
            <el-carousel-item>
               <img :src="loginIconTwo" class="login-icon-group-icon" />
            </el-carousel-item>
@@ -18,7 +18,10 @@
            <el-carousel-item>
               <img :src="loginIconTwo2" class="login-icon-group-icon" />
            </el-carousel-item>
         </el-carousel>
            <el-carousel-item>
               <img :src="loginIconTwo3" class="login-icon-group-icon" />
            </el-carousel-item>
         </el-carousel> -->
      </div>
      <div class="login-right flex">
         <div class="login-right-warp flex-margin">
@@ -29,22 +32,22 @@
               <div class="login-right-warp-main-form">
                  <div v-if="!state.isScan">
                     <el-tabs v-model="state.tabsActiveName">
                        <el-tab-pane :label="$t('message.label.label1')" name="account" v-if="state.tabsActiveName != 'register'">
                        <!-- <el-tab-pane :label="$t('message.label.label1')" name="account" v-if="state.tabsActiveName != 'register'"> -->
                           <Account :tenant-info="tenantInfo" />
                        </el-tab-pane>
                        <el-tab-pane :label="$t('message.label.label2')" name="mobile" v-if="state.tabsActiveName != 'register'">
                        <!-- </el-tab-pane> -->
                        <!-- <el-tab-pane :label="$t('message.label.label2')" name="mobile" v-if="state.tabsActiveName != 'register'">
                           <Mobile :tenant-info="tenantInfo" />
                        </el-tab-pane>
                        </el-tab-pane> -->
                        <el-tab-pane :label="$t('message.label.label3')" name="register" v-if="state.tabsActiveName == 'register'">
                           <Register :tenant-info="tenantInfo" @goLogin="() => state.tabsActiveName = 'account'" />
                        </el-tab-pane>
                     </el-tabs>
                  </div>
                  <Scan v-if="state.isScan" :tenant-info="tenantInfo" />
                  <div class="login-content-main-scan" @click="state.isScan = !state.isScan">
                  <!-- <div class="login-content-main-scan" @click="state.isScan = !state.isScan">
                     <i class="iconfont" :class="state.isScan ? 'icon-diannao1' : 'icon-barcode-qr'"></i>
                     <div class="login-content-main-scan-delta"></div>
                  </div>
                  </div> -->
                  <div class="login-content-main-left" v-if="getThemeConfig.registration">
                     <template v-if="state.tabsActiveName != 'register'">
                        {{$t('message.label.label4')}}<el-link class="login-content-main-left-register" @click="() => state.tabsActiveName = 'register'">{{$t('message.label.label5')}}</el-link>
@@ -69,9 +72,10 @@
import { storeToRefs } from 'pinia';
import { useThemeConfig } from '/@/stores/themeConfig';
import { NextLoading } from '/@/utils/loading';
import loginIconTwo from '/@/assets/login-icon-two.svg';
import loginIconTwo1 from '/@/assets/login-icon-two1.svg';
import loginIconTwo2 from '/@/assets/login-icon-two2.svg';
// import loginIconTwo from '/@/assets/login-icon-two.svg';
// import loginIconTwo1 from '/@/assets/login-icon-two1.svg';
// import loginIconTwo2 from '/@/assets/login-icon-two2.svg';
import loginIconTwo3 from '/@/assets/login-icon-two3.svg';
import {getAPI} from '/@/utils/axios-utils';
import {SysTenantApi} from '/@/api-services';
import {useRoute} from 'vue-router';
@@ -125,12 +129,14 @@
<style scoped lang="scss">
.login-container {
   height: 100%;
   background-color: rgba(53, 62, 84);
   // background-color: rgba(53, 62, 84);
   .login-left {
      width: 50%;
      height: 100%;
      float: left;
      justify-content: center;
      background: url('/@/assets/login-icon-two3.svg')  no-repeat left center;
      background-size: cover;
      .login-carousel {
         position: relative;
         top: 50%;
@@ -155,12 +161,12 @@
               margin-left: 20px;
               font-size: 28px;
               font-weight: 700;
               color: var(--el-color-white);
               color: var(--el-color-primary);
            }
            .login-left-logo-text-msg {
               padding-top: 5px;
               font-size: 14px;
               color: var(--el-color-white);
               color: var(--el-color-primary);
            }
         }
      }