cloud-web-corejs 1.0.160 → 1.0.162

package/src/views/user/login/default.vue

@@ -3,11 +3,16 @@
     class="login-container"
     :class="backgroundClass"
     ref="login-container"
+    :style="{
+      background: imageUrl
+        ? 'url(' + imageUrl + ') center center/cover no-repeat !important'
+        : 'auto',
+    }"
     v-show="showContent"
   >
     <div class="login-main" style="height: auto">
       <el-tabs v-model="activeName" @tab-click="changeTab">
-        <el-tab-pane :label="$t1('账号登录')" name="first">
+        <el-tab-pane :label="$t1('账号登录')" name="first" v-if="accountLoagin">
           <el-form
             ref="loginForm"
             :model="loginForm"
@@ -72,11 +77,7 @@
             >
           </el-form>
         </el-tab-pane>
-        <el-tab-pane
-          :label="$t1('手机登录')"
-          name="second"
-          v-if="settingConfig.mobileLoginEnabled"
-        >
+        <el-tab-pane :label="$t1('手机登录')" name="second" v-if="phoneLogin">
           <el-form
             ref="loginForm"
             :model="loginForm2"
@@ -128,11 +129,7 @@
             >
           </el-form>
         </el-tab-pane>
-        <el-tab-pane
-          :label="$t1('扫码登录')"
-          name="third"
-          v-if="settingConfig.qrLoginEnabled"
-        >
+        <el-tab-pane :label="$t1('扫码登录')" name="third" v-if="qrLogin">
           <div class="login-qr">
             <img class="qr__img" :src="qrBase64" v-if="activeName === 'third'" />
             <span class="qr__txt">{{ $t1("扫一扫，登录系统") }}</span>
@@ -143,10 +140,15 @@
         </el-tab-pane>
       </el-tabs>
     </div>
-    <div class="tc copyright">
+    <div class="tc copyright" v-show="loginConfig.hide_filing_info !== true">
       <slot name="footer">
-        © {{ $t1("广州同望科技发展有限公司") }}
-        <span style="margin-left: 50px">4000646100</span>
+        © {{ this.$t1(loginConfig.filing_company || "广州同望科技发展有限公司") }}
+        <span style="margin-left: 50px" v-if="!!loginConfig.filing_number">{{
+          loginConfig.filing_number + "   " + (loginConfig.phone || "4000646100")
+        }}</span>
+        <span style="margin-left: 50px" v-if="!loginConfig.filing_number">{{
+          loginConfig.phone || "4000646100"
+        }}</span>
       </slot>
     </div>
   </div>

package/src/views/user/login/index.vue

@@ -6,10 +6,8 @@
 import defaultView from "@base/views/user/login/default.vue";
 
 export default {
-  name: 'Login',
-  components: {defaultView}
-}
+  name: "Login",
+  components: { defaultView },
+};
 </script>
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

package/src/views/user/login/indexMixin.js

@@ -67,7 +67,14 @@ export default {
       qrCodeFlag: 0,
       qrBase64: "",
       settingConfig: settingConfig,
-      qrExpired: false
+      qrExpired: false,
+      loginConfig: {},
+      imageUrl: '',
+      loginMethod: '',
+
+      accountLoagin:true,
+      phoneLogin:false,
+      qrLogin:false,
     };
   },
   watch: {
@@ -101,6 +108,42 @@ export default {
     window.removeEventListener('keydown', this.keyDown, false);
   },
   methods: {
+    handleLoginConfig(){
+      let loginConfig = this.$store.getters.loginConfig || {};
+      this.loginConfig = loginConfig;
+      this.initImage();
+      this.initLoginMethod();
+    },
+    initImage(){
+      //初始化登录图片
+      let loginConfig = this.loginConfig;
+      if(loginConfig?.attachments?.length){
+        this.imageUrl = loginConfig.attachments[0].domain + loginConfig.attachments[0].source;
+      }
+    },
+
+    initLoginMethod(){
+      let loginConfig = this.loginConfig?.login_method;
+      if(loginConfig?.length){
+        this.accountLoagin = loginConfig.includes(1);
+        this.phoneLogin = loginConfig.includes(2);
+        this.qrLogin = loginConfig.includes(3);
+        if(this.accountLoagin){
+          this.activeName = "first";
+        }else if(this.phoneLogin){
+          this.activeName = "second";
+        }else if(this.qrLogin){
+          this.activeName = "third";
+          this.$nextTick(() => {
+            this.initQR();
+          })
+        }
+      }else{
+        this.accountLoagin = true;
+        this.phoneLogin = settingConfig.mobileLoginEnabled;
+        this.qrLogin = settingConfig.qrLoginEnabled;
+      }
+    },
     initLang(){
       let lang = this.$route.query.lang;
       if(!lang && !!this.lang){
@@ -117,6 +160,7 @@ export default {
     },
     init() {
       this.initLang();
+      this.handleLoginConfig();
       let searchParam = getUrlParams(location.search);
       this.searchParam = searchParam;
       //小熊SSO返回判断--目前因为小熊单点返回ticket有问题要特殊处理

package/src/views/user/login/index2.vue

@@ -1,131 +0,0 @@
-<template>
-  <div class="login-container" :class="backgroundClass" ref="login-container" v-show="showContent">
-    <div class="login-main" style="height: auto;">
-      <el-tabs v-model="activeName">
-        <el-tab-pane label="账号登录" name="first">
-          <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="box-form login" autocomplete="on"
-                   label-position="left">
-            <el-form-item prop="username" class="txt">
-              <span class="svg-container"><i class="el-icon-user"/></span>
-              <el-input ref="username" v-model="loginForm.username" placeholder="请输入用户名" name="" type="text"
-                        tabindex="1" autocomplete="on" @keyup.enter.native="handleLogin"/>
-            </el-form-item>
-            <el-tooltip :enterable="false" v-model="capsTooltip" content="Caps lock is On" placement="right" manual>
-              <el-form-item prop="password" class="txt">
-                <span class="svg-container"><i class="el-icon-lock"/></span>
-                <el-input
-                  :key="passwordType"
-                  ref="password"
-                  v-model="loginForm.password"
-                  :type="passwordType"
-                  placeholder="请输入密码"
-                  name=""
-                  tabindex="2"
-                  autocomplete="on"
-                  auto-complete="new-password"
-                  @keyup.native="checkCapslock"
-                  @blur="capsTooltip = false"
-                  @keyup.enter.native="handleLogin"
-                />
-                <span class="show-pwd" @click="showPwd"><svg-icon
-                  :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"/></span>
-              </el-form-item>
-            </el-tooltip>
-            <div class="">
-              <el-checkbox v-model="isRememberPassword">记住密码</el-checkbox>
-            </div>
-            <el-button :loading="loading" type="primary" @click.prevent.stop="handleLogin" class="btn">登录</el-button>
-          </el-form>
-        </el-tab-pane>
-        <el-tab-pane label="手机验证码登录" name="second">
-          <el-form ref="loginForm" :model="loginForm2" :rules="loginRules" class="box-form login" autocomplete="on"
-                   label-position="left">
-            <el-form-item prop="username" class="txt" style="width:66%">
-              <span class="svg-container"><i class="el-icon-mobile-phone"/></span>
-              <el-input ref="mobile" v-model="loginForm2.username" placeholder="请输入手机号" name="" type="text"
-                        tabindex="1" autocomplete="on" @keyup.enter.native="handleLogin"/>
-            </el-form-item>
-            <el-button class="btn-send" type="success" :class="{'gray-btn':isCounting}" @click="sendCode">
-              {{ buttonText }}
-            </el-button>
-            <el-form-item prop="smsCode" class="txt">
-              <span class="svg-container"><i class="el-icon-message"/></span>
-              <el-input ref="smsCode" v-model="loginForm2.smsCode" placeholder="请输入验证码" name="" type="text"
-                        tabindex="1" autocomplete="on" @keyup.enter.native="handleLogin"/>
-            </el-form-item>
-            <el-button :loading="loading" type="primary" @click.prevent.stop="handleLogin" class="btn">登录</el-button>
-          </el-form>
-        </el-tab-pane>
-      </el-tabs>
-    </div>
-    <div class="tc copyright">
-      <slot name="footer">
-        © 广州同望科技发展有限公司
-        <span style="margin-left:50px;">4000646100</span>
-      </slot>
-    </div>
-  </div>
-</template>
-
-<script>
-import mixin from "@base/views/user/login/indexMixin";
-
-export default {
-  name: 'Login',
-  mixins: [mixin]
-}
-</script>
-<style lang="scss" scoped>
-@import '@/resources/css/login.scss';
-
-.login-container.tc {
-  background: url(~@/resources/images/bg-login5.jpg) center center/cover no-repeat;
-}
-
-.login-container.chigo {
-  background: url(~@/resources/images/bg-login6.jpg) center center/cover no-repeat;
-}
-
-.login-container.pcp {
-  background: url(~@/resources/images/bg-login8.jpg) center center/cover no-repeat;
-}
-
-.el-select-dropdown {
-  right: 5px;
-  top: 25px;
-}
-
-::v-deep .login-main .el-tabs__header {
-  margin-bottom: 0;
-
-  .el-tabs__nav {
-    line-height: 65px;
-    margin: 0 25px;
-    width: calc(100% - 50px);
-
-    .el-tabs__item {
-      font-size: 18px;
-      width: 50%;
-      text-align: center;
-      margin-right: 0;
-      padding-right: 0 !important;
-      line-height: 65px;
-      height: 65px;
-    }
-  }
-}
-
-.btn-send {
-  position: absolute;
-  margin-top: -74px;
-  right: 35px;
-  height: 52px;
-  width: 27%;
-
-  &.gray-btn {
-    background: #dedede;
-    border-color: #dedede;
-    color: #8a8686;
-  }
-}
-</style>