登录页修改

src/config/website.js

@@ -2,7 +2,7 @@
  * 全局配置文件
  */
 export default {
-  title: "saber",
+  title: "欢迎回来",
   logo: "S",
   key: 'saber',//配置主键,目前用于存储
   indexTitle: '联兑通大数据管理平台',

src/page/login/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="login-container"
+  <div :class="type">
+      <div class="login-container "
        ref="login"
        @keyup.enter.native="handleLogin">
     <top-color v-show="false"></top-color>
@@ -14,22 +15,23 @@
       <div class="login-border">
         <div class="login-main">
           <h4 class="login-title">
-            {{ $t('login.title') }}{{website.title}}
-            <top-lang></top-lang>
+           {{website.title}}
+            <!-- <top-lang></top-lang> -->
           </h4>
           <userLogin v-if="activeName==='user'"></userLogin>
           <codeLogin v-else-if="activeName==='code'"></codeLogin>
           <thirdLogin v-else-if="activeName==='third'"></thirdLogin>
           <div class="login-menu">
-            <a href="#" @click.stop="activeName='user'">{{ $t('login.userLogin') }}</a>
+            <!-- <a href="#" @click.stop="activeName='user'">{{ $t('login.userLogin') }}</a> -->
             <!--<a href="#" @click.stop="activeName='code'">{{ $t('login.phoneLogin') }}</a>-->
-            <a href="#" @click.stop="activeName='third'">{{ $t('login.thirdLogin') }}</a>
+            <!-- <a href="#" @click.stop="activeName='third'">{{ $t('login.thirdLogin') }}</a> -->
           </div>
         </div>
 
       </div>
     </div>
   </div>
+  </div>
 </template>
 <script>
   import userLogin from "./userlogin";
@@ -41,7 +43,6 @@
   import topLang from "@/page/index/top/top-lang";
   import topColor from "@/page/index/top/top-color";
   import {getQueryString, getTopUrl} from "@/util/util";
-
   export default {
     name: "login",
     components: {
@@ -53,6 +54,7 @@
     },
     data() {
       return {
+        type: "",
         time: "",
         activeName: "user",
         socialForm: {
@@ -71,6 +73,7 @@
     created() {
       this.handleLogin();
       this.getTime();
+      this.initType();
     },
     mounted() {
     },
@@ -79,6 +82,26 @@
     },
     props: [],
     methods: {
+      initType(){
+        let domain = getTopUrl();
+        switch (domain) {
+          case "http://ldt.guosen-fumao.cn":
+            this.type = "ldt"
+            break;
+          case "http://ldt-shop.guosen-fumao.cn":
+            this.type = "shop"
+            break;
+          case "http://ldt-mall.guosen-fumao.cn":
+            this.type = "agent"
+            break;
+          case "http://ldt-agent.guosen-fumao.cn":
+            this.type = "agent"
+            break;
+          default:
+            this.type = "ldt"
+            break;
+        }
+      },
       getTime() {
         setInterval(() => {
           this.time = dateFormat(new Date());
@@ -115,5 +138,7 @@
 </script>
 
 <style lang="scss">
-  @import "@/styles/login.scss";
+  @import "./style/login-shop.scss";
+  @import "./style/login-ldt.scss";
+  @import "./style/login-agent.scss";
 </style>

src/page/login/style/login-agent.scss

@@ -0,0 +1,216 @@
+.agent {
+  width: 100%;
+  height: 100%;
+
+  .login-container {
+    display: flex;
+    align-items: center;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0 auto;
+    background-image: url("/img/customize/bg-mall.png");
+    background-size: 100% 100%;
+  }
+
+  .login-weaper {
+    margin: 0 auto;
+    width: 1000px;
+    // box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4);
+    background: url("/img/customize/bg-mall-container.png") no-repeat center/contain;
+    border-radius: 20px;
+
+    .el-input-group__append {
+      border: none;
+    }
+  }
+
+  .login-left,
+  .login-border {
+    position: relative;
+    min-height: 600px;
+    align-items: center;
+    display: flex;
+  }
+
+  .login-left {
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    justify-content: center;
+    flex-direction: column;
+    background-color: #409EFF;
+    color: #fff;
+    float: left;
+    width: 50%;
+    position: relative;
+    display: none;
+  }
+
+  .login-left .img {
+    width: 140px;
+  }
+
+  .login-time {
+    position: absolute;
+    left: 25px;
+    top: 25px;
+    width: 100%;
+    color: #fff;
+    font-weight: 200;
+    opacity: 0.9;
+    font-size: 18px;
+    overflow: hidden;
+  }
+
+  .login-left .title {
+    margin-top: 60px;
+    text-align: center;
+    color: #fff;
+    font-weight: 300;
+    letter-spacing: 2px;
+    font-size: 25px;
+  }
+
+  .login-border {
+    border-left: none;
+    border-radius: 15px;
+    color: #fff;
+    background-color: #fff;
+    width: 40%;
+    float: right;
+    box-sizing: border-box;
+    box-shadow: 0px 2px 10px #2385fd5d;
+  }
+
+  .login-border::after {
+    position: absolute;
+    top: -30px;
+    width: 420px;
+    height: 200px;
+    background: url("/img/customize/logo.png") no-repeat;
+    background-size: 120px;
+    background-position: 30px;
+    content: "";
+  }
+
+  .login-main {
+    margin: 0 auto;
+    width: 65%;
+    box-sizing: border-box;
+  }
+
+  .login-main>h3 {
+    margin-bottom: 20px;
+  }
+
+  .login-main>p {
+    color: #76838f;
+  }
+
+  .login-title {
+    color: #142A41;
+    margin-bottom: 70px;
+    font-weight: 500;
+    font-size: 38px;
+    text-align: left;
+    letter-spacing: 4px;
+  }
+
+  .login-title::before {
+    position: absolute;
+    top: 185px;
+    left: 70px;
+    color: #64646477;
+    letter-spacing: 2px;
+    height: 40px;
+    font-size: 10px;
+    content: "全面面对数字时代";
+  }
+
+  .login-menu {
+    margin-top: 40px;
+    width: 100%;
+    text-align: center;
+
+    a {
+      color: #999;
+      font-size: 12px;
+      margin: 0px 8px;
+    }
+  }
+
+  .login-submit {
+    width: 100%;
+    height: 40px;
+    border: none;
+    border-radius: 20px;
+    background: #FE9331;
+    font-size: 18px;
+    letter-spacing: 2px;
+    font-weight: 300;
+    color: #fff;
+    cursor: pointer;
+    margin-top: 30px;
+    font-family: "neo";
+    transition: 0.25s;
+  }
+
+  .login-form {
+    margin: 10px 0;
+
+    i {
+      color: #333;
+    }
+
+    .el-form-item__content {
+      width: 100%;
+    }
+
+    .el-form-item {
+      margin-bottom: 12px;
+    }
+
+    .el-input {
+      input {
+        padding-bottom: 10px;
+        text-indent: 5px;
+        background: transparent;
+        border: none;
+        border-radius: 0;
+        color: #333;
+        border-bottom: 1px solid rgb(235, 237, 242);
+      }
+
+      .el-input__prefix {
+        i {
+          padding: 0 5px;
+          font-size: 16px !important;
+        }
+      }
+    }
+  }
+
+  .login-code {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin: 0 0 0 10px;
+  }
+
+  .login-code-img {
+    margin-top: 2px;
+    width: 100px;
+    height: 38px;
+    background-color: #fdfdfd;
+    border: 1px solid #f0f0f0;
+    color: #333;
+    font-size: 14px;
+    font-weight: bold;
+    letter-spacing: 5px;
+    line-height: 38px;
+    text-indent: 5px;
+    text-align: center;
+    cursor: pointer !important;
+  }
+
+}

src/page/login/style/login-ldt.scss

@@ -0,0 +1,200 @@
+.ldt{
+  width: 100%;
+  height: 100%;
+  .login-container {
+    display: flex;
+    align-items: center;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0 auto;
+    background-image: url("/img/bg/bg-ldt.png");
+    background-size: 100% 100%;
+  }
+
+  .login-weaper::before{
+    position: absolute;
+    top: -200px;
+    width: 420px;
+    height: 200px;
+    background: url("/img/customize/logo.png")  no-repeat center/contain;
+    background-size: 40%;
+    content: "";
+  }
+  .login-weaper {
+    // margin: 0 70%;
+    position: absolute;
+    right: 15%;
+    width: 420px;
+    box-shadow:  0px 2px 10px #2385fd5d;
+    border-radius: 20px;
+    .el-input-group__append {
+      border: none;
+    }
+  }
+  .login-left,
+  .login-border {
+    position: relative;
+    min-height: 350px;
+    align-items: center;
+    display: flex;
+  }
+
+  .login-left {
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    justify-content: center;
+    flex-direction: column;
+    background-color: #409EFF;
+    color: #fff;
+    float: left;
+    width: 50%;
+    position: relative;
+    display: none;
+  }
+
+  .login-left .img {
+    width: 140px;
+  }
+
+  .login-time {
+    position: absolute;
+    left: 25px;
+    top: 25px;
+    width: 100%;
+    color: #fff;
+    font-weight: 200;
+    opacity: 0.9;
+    font-size: 18px;
+    overflow: hidden;
+  }
+
+  .login-left .title {
+    margin-top: 60px;
+    text-align: center;
+    color: #fff;
+    font-weight: 300;
+    letter-spacing: 2px;
+    font-size: 25px;
+  }
+
+  .login-border {
+    border-left: none;
+    border-radius: 10px;
+    color: #fff;
+    background-color: #fff;
+    width: 100%;
+    float: left;
+    box-sizing: border-box;
+  }
+
+  .login-main {
+    margin: 0 auto;
+    width: 65%;
+    box-sizing: border-box;
+  }
+
+  .login-main>h3 {
+    margin-bottom: 20px;
+  }
+
+  .login-main>p {
+    color: #76838f;
+  }
+
+  .login-title {
+    color: #142A41;
+    margin-bottom: 30px;
+    font-weight: 500;
+    font-size: 35px;
+    text-align: left;
+    letter-spacing: 4px;
+  }
+
+  .login-menu {
+    margin-top: 40px;
+    width: 100%;
+    text-align: center;
+
+    a {
+      color: #999;
+      font-size: 12px;
+      margin: 0px 8px;
+    }
+  }
+
+  .login-submit {
+    width: 100%;
+    height: 40px;
+    border: none  ;
+    border-radius: 20px;
+    background: #FE9331;
+    font-size: 18px;
+    letter-spacing: 2px;
+    font-weight: 300;
+    color: #fff;
+    cursor: pointer;
+    margin-top: 30px;
+    font-family: "neo";
+    transition: 0.25s;
+  }
+
+  .login-form {
+    margin: 10px 0;
+
+    i {
+      color: #333;
+    }
+
+    .el-form-item__content {
+      width: 100%;
+    }
+
+    .el-form-item {
+      margin-bottom: 12px;
+    }
+
+    .el-input {
+      input {
+        padding-bottom: 10px;
+        text-indent: 5px;
+        background: transparent;
+        border: none;
+        border-radius: 0;
+        color: #333;
+        border-bottom: 1px solid rgb(235, 237, 242);
+      }
+
+      .el-input__prefix {
+        i {
+          padding: 0 5px;
+          font-size: 16px !important;
+        }
+      }
+    }
+  }
+
+  .login-code {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin: 0 0 0 10px;
+  }
+
+  .login-code-img {
+    margin-top: 2px;
+    width: 100px;
+    height: 38px;
+    background-color: #fdfdfd;
+    border: 1px solid #f0f0f0;
+    color: #333;
+    font-size: 14px;
+    font-weight: bold;
+    letter-spacing: 5px;
+    line-height: 38px;
+    text-indent: 5px;
+    text-align: center;
+    cursor: pointer !important;
+  }
+
+}

src/page/login/style/login-shop.scss

@@ -0,0 +1,212 @@
+.shop{
+  width: 100%;
+  height: 100%;
+  .login-container {
+    display: flex;
+    align-items: center;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0 auto;
+    background-image: url("/img/customize/bg-admin.png");
+    background-size: 100% 100%;
+  }
+
+  .login-weaper {
+    margin: 0 auto;
+    width: 1000px;
+    // box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4);
+    background: url("/img/customize/bg-admin-container.png") no-repeat center/contain;
+    border-radius: 20px;
+    .el-input-group__append {
+      border: none;
+    }
+  }
+
+  .login-left,
+  .login-border {
+    position: relative;
+    min-height: 600px;
+    align-items: center;
+    display: flex;
+  }
+
+  .login-left {
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    justify-content: center;
+    flex-direction: column;
+    background-color: #409EFF;
+    color: #fff;
+    float: left;
+    width: 50%;
+    position: relative;
+    display: none;
+  }
+
+  .login-left .img {
+    width: 140px;
+  }
+
+  .login-time {
+    position: absolute;
+    left: 25px;
+    top: 25px;
+    width: 100%;
+    color: #fff;
+    font-weight: 200;
+    opacity: 0.9;
+    font-size: 18px;
+    overflow: hidden;
+  }
+
+  .login-left .title {
+    margin-top: 60px;
+    text-align: center;
+    color: #fff;
+    font-weight: 300;
+    letter-spacing: 2px;
+    font-size: 25px;
+  }
+
+  .login-border {
+    border-left: none;
+    border-radius: 15px;
+    color: #fff;
+    background-color: #fff;
+    width: 40%;
+    float: right;
+    box-sizing: border-box;
+    box-shadow: 0px 2px 10px #2385fd5d;
+  }
+    .login-border::after {
+      position: absolute;
+      top: -30px;
+      width: 420px;
+      height: 200px;
+      background: url("/img/customize/logo.png") no-repeat;
+      background-size: 120px;
+      background-position: 30px;
+      content: "";
+    }
+
+  .login-main {
+    margin: 0 auto;
+    width: 65%;
+    box-sizing: border-box;
+  }
+
+  .login-main>h3 {
+    margin-bottom: 20px;
+  }
+
+  .login-main>p {
+    color: #76838f;
+  }
+
+  .login-title {
+    color: #142A41;
+    margin-bottom: 70px;
+    font-weight: 500;
+    font-size: 38px;
+    text-align: left;
+    letter-spacing: 4px;
+  }
+  .login-title::before{
+    position: absolute;
+    top: 185px;
+    left: 70px;
+    color: #64646477;
+    letter-spacing: 2px;
+    height: 40px;
+    font-size: 10px;
+    content: "全面面对数字时代";
+  }
+
+  .login-menu {
+    margin-top: 40px;
+    width: 100%;
+    text-align: center;
+
+    a {
+      color: #999;
+      font-size: 12px;
+      margin: 0px 8px;
+    }
+  }
+
+  .login-submit {
+    width: 100%;
+    height: 40px;
+    border: none;
+    border-radius: 20px;
+    background: #FE9331;
+    font-size: 18px;
+    letter-spacing: 2px;
+    font-weight: 300;
+    color: #fff;
+    cursor: pointer;
+    margin-top: 30px;
+    font-family: "neo";
+    transition: 0.25s;
+  }
+
+  .login-form {
+    margin: 10px 0;
+
+    i {
+      color: #333;
+    }
+
+    .el-form-item__content {
+      width: 100%;
+    }
+
+    .el-form-item {
+      margin-bottom: 12px;
+    }
+
+    .el-input {
+      input {
+        padding-bottom: 10px;
+        text-indent: 5px;
+        background: transparent;
+        border: none;
+        border-radius: 0;
+        color: #333;
+        border-bottom: 1px solid rgb(235, 237, 242);
+      }
+
+      .el-input__prefix {
+        i {
+          padding: 0 5px;
+          font-size: 16px !important;
+        }
+      }
+    }
+  }
+
+  .login-code {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin: 0 0 0 10px;
+  }
+
+  .login-code-img {
+    margin-top: 2px;
+    width: 100px;
+    height: 38px;
+    background-color: #fdfdfd;
+    border: 1px solid #f0f0f0;
+    color: #333;
+    font-size: 14px;
+    font-weight: bold;
+    letter-spacing: 5px;
+    line-height: 38px;
+    text-indent: 5px;
+    text-align: center;
+    cursor: pointer !important;
+  }
+
+}

src/page/login/userlogin.vue

@@ -163,7 +163,7 @@
       };
     },
     created() {
-      this.getTenant();
+      // this.getTenant();
       this.refreshCode();
     },
     mounted() {

src/router/page/index.js

@@ -4,7 +4,7 @@ export default [{
     path: '/login',
     name: '登录页',
     component: () =>
-      import( /* webpackChunkName: "page" */ '@/page/login/customize/indexCustomize.vue'),
+      import( /* webpackChunkName: "page" */ '@/page/login/index.vue'),
     meta: {
       keepAlive: true,
       isTab: false,