From cc885752ad67eb744aa6eda83cd95b6198dc12d7 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Wed, 2 Nov 2022 17:31:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=8F=91=E8=80=85=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/logo-white.png | Bin 0 -> 19229 bytes
 src/router/index.js           |   2 +-
 src/views/devLogin.vue        | 191 ++++++++++++++++------------------
 3 files changed, 88 insertions(+), 105 deletions(-)
 create mode 100644 src/assets/img/logo-white.png

diff --git a/src/assets/img/logo-white.png b/src/assets/img/logo-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..96be788f9b7ee3287796bb4bba99db2309282f76
GIT binary patch
literal 19229
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

literal 0
HcmV?d00001

diff --git a/src/router/index.js b/src/router/index.js
index 653bf6d..7fb67e0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -245,7 +245,7 @@ router.beforeEach(function(to, from, next) {
     // 根据路由元信息设置文档标题
     window.document.title = to.meta.title || '中台';
     //使用钩子函数对路由进行权限跳转
-    const login = location.href.includes('dev.huorantech.cn') ? '/devLogin' : '/login'
+    const login = location.href.includes('192.168.31.126:') ? '/devLogin' : '/login'
     if (!sessionStorage.getItem('token') && to.path !== login && to.path !== '/join' && to.path !== '/success') {
         next(login);
     } else {
diff --git a/src/views/devLogin.vue b/src/views/devLogin.vue
index 937c046..3ab7411 100644
--- a/src/views/devLogin.vue
+++ b/src/views/devLogin.vue
@@ -1,74 +1,65 @@
 <template>
   <div class="wrap">
-    <div class="header">
-        <div class="logo">
-            <img src="../assets/img/logo.png">
-        </div>
-    </div>
+    <img class="logo" width="200" src="../assets/img/logo-white.png">
     <div class="login">
-      <div class="form">
-          <ul class="tab">
-            <li v-for="(item, i) in tabList" :key="i" :class="{active: activeIndex == item.id}" @click="handleSelect(item.id)">{{item.label}}</li>
-          </ul>
-          <el-form v-show="activeIndex==='1'" :model="param" :rules="rules" ref="login" label-width="0px">
-              <el-form-item prop="account">
-                  <el-input @blur="blur" v-model="param.account" placeholder="请输入账号"></el-input>
-              </el-form-item>
-              <el-form-item prop="password">
-                  <el-input
-                      type="password"
-                      placeholder="请输入密码"
-                      v-model="param.password"
-                  >
-                  </el-input>
-              </el-form-item>
-              <el-form-item prop="code" v-if="showVerify">
-                  <el-input
-                      placeholder="请输入验证码"
-                      v-model="param.code"
-                      @keyup.enter.native="submitForm()"
-                  >
-                  </el-input>
-                  <img @click="blur" :src="verificationIMG" class="verification" alt="">
-              </el-form-item>
-              
-              <div style="width:100%;display:flex;justify-content: flex-end;">
-                  <el-button type="text" class="forget">忘记密码?</el-button>
-              </div>
-              <div class="login-btn">
-                  <el-button type="primary" @click="submitForm()">马上登录</el-button>
-              </div>
-          </el-form>
+      <div class="box">
+        <h1>欢迎使用开发者平台</h1>
+        <div class="form">
+            <ul class="tab">
+              <li v-for="(item, i) in tabList" :key="i" :class="{active: activeIndex == item.id}" @click="handleSelect(item.id)">{{item.label}}</li>
+            </ul>
+            <el-form v-show="activeIndex==='1'" :model="param" :rules="rules" ref="login" label-width="0px">
+                <el-form-item prop="account">
+                    <el-input @blur="blur" v-model="param.account" placeholder="请输入账号"></el-input>
+                </el-form-item>
+                <el-form-item prop="password">
+                    <el-input
+                        type="password"
+                        placeholder="请输入密码"
+                        v-model="param.password"
+                    >
+                    </el-input>
+                </el-form-item>
+                <el-form-item prop="code" v-if="showVerify">
+                    <el-input
+                        placeholder="请输入验证码"
+                        v-model="param.code"
+                        @keyup.enter.native="submitForm()"
+                    >
+                    </el-input>
+                    <img @click="blur" :src="verificationIMG" class="verification" alt="">
+                </el-form-item>
+                <div class="login-btn">
+                    <el-button type="primary" @click="submitForm()">马上登录</el-button>
+                </div>
+            </el-form>
 
-          <el-form v-show="activeIndex==='2'" :model="phoneOrEmail" :rules="phoneOrEmailrules" ref="phoneOrEmail" label-width="0px">
-              <el-form-item prop="account">
-                  <el-input @blur="phoneBlur" v-model="phoneOrEmail.account" placeholder="请输入电话/邮箱"></el-input>
-              </el-form-item>
-              <el-form-item prop="password">
-                  <el-input
-                      type="password"
-                      placeholder="请输入密码"
-                      v-model="phoneOrEmail.password"
-                  >
-                  </el-input>
-              </el-form-item>
-              <el-form-item prop="code" v-if="showPhoneVerify">
-                  <el-input
-                      placeholder="请输入验证码"
-                      v-model="phoneOrEmail.code"
-                      @keyup.enter.native="submitForm('phone')"
-                  >
-                  </el-input>
-                  <img @click="phoneBlur" :src="PhoneVerificationIMG" class="verification" alt="">
-              </el-form-item>
-              
-              <div style="width:100%;display:flex;justify-content: flex-end;">
-                  <el-button type="text" class="forget">忘记密码?</el-button>
-              </div>
-              <div class="login-btn">
-                  <el-button type="primary" @click="submitForm('phone')">马上登录</el-button>
-              </div>
-          </el-form>
+            <el-form v-show="activeIndex==='2'" :model="phoneOrEmail" :rules="phoneOrEmailrules" ref="phoneOrEmail" label-width="0px">
+                <el-form-item prop="account">
+                    <el-input @blur="phoneBlur" v-model="phoneOrEmail.account" placeholder="请输入电话/邮箱"></el-input>
+                </el-form-item>
+                <el-form-item prop="password">
+                    <el-input
+                        type="password"
+                        placeholder="请输入密码"
+                        v-model="phoneOrEmail.password"
+                    >
+                    </el-input>
+                </el-form-item>
+                <el-form-item prop="code" v-if="showPhoneVerify">
+                    <el-input
+                        placeholder="请输入验证码"
+                        v-model="phoneOrEmail.code"
+                        @keyup.enter.native="submitForm('phone')"
+                    >
+                    </el-input>
+                    <img @click="phoneBlur" :src="PhoneVerificationIMG" class="verification" alt="">
+                </el-form-item>
+                <div class="login-btn">
+                    <el-button type="primary" @click="submitForm('phone')">马上登录</el-button>
+                </div>
+            </el-form>
+        </div>
       </div>
     </div>
     <el-dialog title="绑定手机号" :visible.sync="phoneVisible" :close-on-click-modal="false" width="576px">
@@ -314,22 +305,37 @@ export default {
 .wrap {
   min-height: 100%;
 }
+.logo {
+  z-index: 2;
+  position: absolute;
+  top: 50px;
+  left: 50px;
+}
 .login {
   position: relative;
-  height: calc(100vh - 144px);
+  height: 100%;
   background-image: url(../assets/img/devLogin.jpg);
   background-size: 100%;
 }
+.box {
+  width: 448px;
+  position: absolute;
+  right: 20%;
+  top: 50%;
+  transform: translateY(-50%);
+  h1 {
+    margin-bottom: 20px;
+    font-size: 34px;
+    color: #fff;
+    text-align: center;
+  }
+}
 /deep/ .form {
-    width: 448px;
-    position: absolute;
-    right: 20%;
-    top: 50%;
-    padding: 20px 40px 0;
-    transform: translateY(-50%);
-    background-color: rgba(255, 255, 255, .85);
+    padding: 20px 60px 0;
+    background-color: rgba(255, 255, 255, .3);
     border-radius: 4px;
     box-sizing: border-box;
+    border: 4px solid rgba(255, 255, 255, .2);
     .el-input__inner {
         height: 50px;
         line-height: 50px;
@@ -357,15 +363,16 @@ export default {
         padding: 18px 5px;
         margin: 0 20px;
         font-size: 16px;
-        color: #555;
+        font-weight: 600;
+        color: #fff;
         cursor: pointer;
         border-bottom: 2px solid transparent;
         &:last-child{
             margin-right: 0;
         }
         &.active{
-            color: #9076FF;
-            border-bottom-color: #9076FF;
+            color: #fff;
+            border-bottom-color: #ccc;
         }
     }
 }
@@ -382,8 +389,9 @@ export default {
     height: 48px;
     margin-bottom: 50px;
     font-weight: bold;
-    background: #9076FF;
+    background: #1dabff;
     border-radius: 4px;
+    border: 0;
 }
 .forget{
     margin-bottom: 28px;
@@ -394,29 +402,4 @@ export default {
         color: #0092FF;
     }
 }
-
-/* 头部 */
-.header{
-    height: 60px;
-    background-color: #fff;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-size: 18px;
-}
-.logo{
-    width: 171px;
-    height: 40px;
-    margin-left: 20px;
-}
-img{
-    width: 100%;
-    height: 100%;
-}
-.tips {
-    margin: -20px 0 20px 5px;
-    font-size: 14px;
-    text-align: center;
-    color: #666;
-}
 </style>
\ No newline at end of file