From cf7e71c6d0fb64eeb6b5deac540da843b4bb465c Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期二, 26 八月 2025 10:41:52 +0800
Subject: [PATCH] 关于我们-理念与品牌文化
---
src/layout/components/login.vue | 291 +++++++++++++++++++++------------------------------------
1 files changed, 107 insertions(+), 184 deletions(-)
diff --git a/src/layout/components/login.vue b/src/layout/components/login.vue
index f7bb65d..ab585b7 100644
--- a/src/layout/components/login.vue
+++ b/src/layout/components/login.vue
@@ -1,77 +1,47 @@
<template>
- <el-dialog
- append-to-body
- v-model="dialogFormVisible"
- @close="closeDialog"
- @open="openDialog"
- class="fansdialog"
- style="padding: 0; padding-bottom: 0px"
- >
- <div style="display: flex; justify-content: space-between">
- <el-image :src="dialogLeftImg" class="leftImg" />
-
+ <el-dialog append-to-body v-model="dialogFormVisible" @close="closeDialog" @open="openDialog" width="804px"
+ class="fansdialog" style="padding: 0; padding-bottom: 0px">
+ <div class="changeDialog">
+ <div class="leftImg"></div>
<div class="logIn">
<div class="signUpTitle" v-if="flag == 'logIn'">
<ul>
- <li
- @click="signUpWay = 'authSignUp'"
- :style="{
- color: signUpWay == 'authSignUp' ? '#019E58' : '#545C63',
- }"
- style="font-weight: 700"
- >
+ <li @click="signUpWay = 'authSignUp'" :style="{
+ color: signUpWay == 'authSignUp' ? '#019E58' : '#545C63',
+ }" style="font-weight: 700">
鎵嬫満鍙风櫥褰�
</li>
<li>|</li>
- <li
- @click="wechatLoginOpen"
- :style="{ color: signUpWay == 'wechat' ? '#019E58' : '#545C63' }"
- style="font-weight: 700"
- >
+ <li @click="wechatLoginOpen" :style="{ color: signUpWay == 'wechat' ? '#019E58' : '#545C63' }"
+ style="font-weight: 700">
寰俊鐧诲綍
</li>
</ul>
</div>
<div v-else style="text-align: center; color: #144941">娉ㄥ唽</div>
- <div
- class="singUpPhone"
- v-if="signUpWay === 'phone' || 'authSignUp'"
- :style="{ height: signUpWay == 'findPassword' ? '450px' : '400px' }"
- >
- <el-form
- :model="passFormData"
- v-if="signUpWay === 'phone' || 'authSignUp'"
- ref="passFormRef"
- @keyup.enter="signInSystem(passFormRef)"
- >
- <el-form-item
- v-if="signUpWay !== 'findPassword'"
- :rules="[
- { min: 11, max: 11, message: '璇疯緭鍏�11浣嶇數璇濆彿鐮�' },
- {
- validator: (_, value, callback) => {
- if (
- !/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(
- value,
- )
- ) {
- callback('璇疯緭鍏�11浣嶇數璇濆彿鐮�')
- } else {
- callback()
- }
- },
+ <div class="singUpPhone" v-if="signUpWay === 'phone' || 'authSignUp'"
+ :style="{ height: signUpWay == 'findPassword' ? '450px' : '400px' }">
+ <el-form :model="passFormData" v-if="signUpWay === 'phone' || 'authSignUp'" ref="passFormRef"
+ @keyup.enter="signInSystem(passFormRef)">
+ <el-form-item v-if="signUpWay !== 'findPassword'" :rules="[
+ { min: 11, max: 11, message: '璇疯緭鍏�11浣嶇數璇濆彿鐮�' },
+ {
+ validator: (_, value, callback) => {
+ if (
+ !/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(
+ value,
+ )
+ ) {
+ callback('璇疯緭鍏�11浣嶇數璇濆彿鐮�')
+ } else {
+ callback()
+ }
},
- ]"
- prop="telNumber"
- >
+ },
+ ]" prop="telNumber">
<el-input v-model="passFormData.telNumber" placeholder="璇疯緭鍏ユ墜鏈哄彿" size="large">
<template #prepend>
- <el-select
- v-model="select"
- placeholder="Select"
- style="width: 110px"
- class="selectPhone"
- >
+ <el-select v-model="select" placeholder="Select" style="width: 110px" class="selectPhone">
<el-option label="涓浗+86" value="86" />
</el-select>
</template>
@@ -80,84 +50,48 @@
<el-form-item>
<el-button class="yanzhengBtn" @click="sliderImgDialogVisable = true">楠岃瘉</el-button>
</el-form-item>
- <el-form-item
- v-if="signUpWay === 'authSignUp'"
- class="codeWay"
- :rules="[
- { required: true, message: '璇疯緭鍏ラ獙璇佺爜' },
- { min: 4, max: 6, message: '璇疯緭鍏ユ湁鏁堥獙璇佺爜' },
- ]"
- prop="telCode"
- >
+ <el-form-item v-if="signUpWay === 'authSignUp'" class="codeWay" :rules="[
+ { required: true, message: '璇疯緭鍏ラ獙璇佺爜' },
+ { min: 4, max: 6, message: '璇疯緭鍏ユ湁鏁堥獙璇佺爜' },
+ ]" prop="telCode">
<el-input v-model="passFormData.telCode" placeholder="璇疯緭鍏ラ獙璇佺爜" size="large" />
- <el-button
- type="primary"
- class="codeBtn"
- :disabled="countDown != 0"
- @click="getCode(passFormRef)"
- >{{ countDown == 0 ? '鑾峰彇楠岃瘉鐮�' : '楠岃瘉鐮�(' + countDown + 's)' }}</el-button
- >
+ <el-button type="primary" class="codeBtn" :disabled="countDown != 0" @click="getCode(passFormRef)">{{
+ countDown == 0 ?
+ '鑾峰彇楠岃瘉鐮�' : '楠岃瘉鐮�(' + countDown + 's)' }}</el-button>
</el-form-item>
- <el-form-item
- v-if="flag === 'signUp'"
- :rules="[
- { required: true, message: '璇疯緭鍏ュ瘑鐮�' },
- { min: 8, max: 16, message: '瀵嗙爜鍦�8鍒�16浣嶄箣闂�' },
- {
- validator: (rule, value, callback) => {
- if (!/\d/.test(value) || /^\d+$/.test(value)) {
- callback('瀵嗙爜涓嶈兘涓虹函鏁板瓧鎴栧瓧姣�')
- } else {
- callback()
- }
- },
+ <el-form-item v-if="flag === 'signUp'" :rules="[
+ { required: true, message: '璇疯緭鍏ュ瘑鐮�' },
+ { min: 8, max: 16, message: '瀵嗙爜鍦�8鍒�16浣嶄箣闂�' },
+ {
+ validator: (rule, value, callback) => {
+ if (!/\d/.test(value) || /^\d+$/.test(value)) {
+ callback('瀵嗙爜涓嶈兘涓虹函鏁板瓧鎴栧瓧姣�')
+ } else {
+ callback()
+ }
},
- ]"
- prop="password"
- class="passwordInput"
- >
- <el-input
- type="password"
- show-password
- v-model="passFormData.password"
- placeholder="璇疯緭鍏ュ瘑鐮�"
- size="large"
- style="width: 304px"
- >
+ },
+ ]" prop="password" class="passwordInput">
+ <el-input type="password" show-password v-model="passFormData.password" placeholder="璇疯緭鍏ュ瘑鐮�" size="large"
+ style="width: 304px">
</el-input>
</el-form-item>
- <el-form-item
- v-if="flag === 'signUp'"
- :rules="[
- { required: true, message: '璇疯緭鍏ョ‘璁ゅ瘑鐮�' },
- { validator: validateLogInPassword },
- ]"
- prop="confirmPassword"
- class="passwordInput"
- >
- <el-input
- type="password"
- show-password
- v-model="passFormData.confirmPassword"
- placeholder="纭瀵嗙爜"
- size="large"
- style="width: 304px"
- />
+ <el-form-item v-if="flag === 'signUp'" :rules="[
+ { required: true, message: '璇疯緭鍏ョ‘璁ゅ瘑鐮�' },
+ { validator: validateLogInPassword },
+ ]" prop="confirmPassword" class="passwordInput">
+ <el-input type="password" show-password v-model="passFormData.confirmPassword" placeholder="纭瀵嗙爜"
+ size="large" style="width: 304px" />
</el-form-item>
</el-form>
- <el-button class="loginBtn" @click="loginBtn">鐧诲綍</el-button>
+ <el-button class="loginBtn" @click="loginBtn">鐧诲綍 / 娉ㄥ唽</el-button>
</div>
</div>
</div>
- <el-dialog
- v-model="sliderImgDialogVisable"
- align-center
- destroy-on-close="true"
- width="420"
- class="sliderImgDialog"
- >
+ <el-dialog v-model="sliderImgDialogVisable" align-center destroy-on-close="true" width="420"
+ class="sliderImgDialog">
<verify :MG="MG" @loginImgVerify="loginImgVerify"></verify>
</el-dialog>
</el-dialog>
@@ -203,7 +137,7 @@
dialogFormVisible.value = false
}
// 寮圭獥鎵撳紑浜嬩欢
-const openDialog = () => {}
+const openDialog = () => { }
const loginImgVerify = (code) => {
sliderImgDialogVisable.value = false
@@ -222,11 +156,6 @@
}
})
}
-
-watchEffect(() => {
- if (dialogFormVisible.value) {
- }
-})
//鐧诲綍
@@ -309,7 +238,14 @@
})
}
}
- router.go(0)
+ if (localStorage.getItem('loginBack')) {
+ console.log(localStorage.getItem('loginBack'))
+ debugger
+ window.location.href = localStorage.getItem('loginBack')
+ localStorage.removeItem('loginBack')
+ } else {
+ router.go(0)
+ }
})
}
@@ -373,49 +309,29 @@
width: 80%;
line-height: 24px;
color: #000;
+
span {
display: inline-block;
}
}
}
+
.fansdialog {
- width: 806px;
- padding: 0 !important;
- margin: 0 !important;
+
+ .changeDialog {
+ display: flex;
+ }
+
.leftImg {
+ background-image: url('@/assets/images/header/dialogLeftImg.png');
+ background-size: 100% 100%;
+ background-position: center;
+ background-repeat: no-repeat;
box-sizing: border-box;
- width: 403px;
+ width: 402px;
+ height: 481px;
}
- ::v-deep(.el-dialog__header) {
- padding: 0 !important;
- padding-bottom: 0 !important;
- }
-
- .el-dialog__body {
- width: 806px;
- height: 575px;
- display: flex;
- padding: 0 !important;
- margin: 0 !important;
- }
-
- .leftImg {
- .el-image__inner {
- width: 403px;
- }
- }
-
- .el-dialog__header {
- padding: 0;
- padding-bottom: 0 !important;
- }
-
- .el-dialog__body {
- width: 806px;
- display: flex;
- padding: 0 !important;
- }
}
.agreementDialog {
@@ -453,6 +369,7 @@
}
}
}
+
.sliderImgDialog {
.el-dialog__body {
min-height: 320px;
@@ -463,34 +380,45 @@
<style lang="less">
/** 鐧诲綍娉ㄥ唽寮圭獥 */
.logIn {
- width: 403px;
- height: 100%;
- padding-top: 48px;
+ width: 402px;
+ height: 481px;
display: flex;
flex-direction: column;
- justify-content: space-between;
+ justify-content: center;
+ padding-top: 30px;
+ box-sizing: border-box;
.signUpTitle {
width: 100%;
+
ul {
display: flex;
justify-content: center;
width: 100%;
+
li {
height: 20px;
display: flex;
align-items: center;
+ font-family: Microsoft YaHei UI, Microsoft YaHei UI;
+ font-weight: bold;
+ font-size: 16px;
+ color: #019E58;
+
.el-image {
margin-right: 5px;
width: 20px;
}
}
+
li:nth-child(2n + 1) {
cursor: pointer;
margin: 0 10px;
}
+
li:first-child {
margin-left: 0;
+
.el-image {
width: 10px;
}
@@ -575,12 +503,14 @@
background-color: #019e58;
// opacity: 0.55;
}
+
.yanzhengBtn {
width: 100%;
height: 41px;
background-color: #019e58;
color: #fff;
}
+
.loginBtn {
width: 76%;
height: 41px;
@@ -627,6 +557,7 @@
margin-left: 10px;
cursor: pointer;
position: relative;
+
span {
position: absolute;
top: 35px;
@@ -648,10 +579,12 @@
line-height: 26px;
}
}
+
.policy {
cursor: pointer;
color: #019e58;
}
+
/** 娉ㄥ唽琛ㄥ崟 */
.signUp {
width: 403px;
@@ -694,6 +627,7 @@
font-size: 14px;
}
}
+
.agreement {
height: 40px;
display: flex;
@@ -741,6 +675,7 @@
margin-left: 10px;
cursor: pointer;
position: relative;
+
span {
position: absolute;
top: 35px;
@@ -771,15 +706,18 @@
flex-direction: column;
justify-content: space-between;
align-items: center;
+
.el-form-item {
&:last-child {
margin-bottom: 0;
}
+
.el-button {
height: 40px;
margin-left: 10px;
}
}
+
h2 {
font-size: 20px;
margin-top: 70px;
@@ -813,20 +751,5 @@
.selectPhone {
background: #fff;
-}
-
-::v-deep(.el-select) {
- width: 100px;
- height: 30px;
- color: red;
- border: none !important;
-
- ::v-deep(.select-trigger) {
- height: 100%;
- .el-input--suffix {
- height: 100%;
- background-color: #fff;
- }
- }
}
</style>
--
Gitblit v1.9.1