fix: 修复bug

This commit is contained in:
jiayu 2025-10-25 09:38:26 +08:00
parent 8bff2f2a30
commit 4dcc94c00e

View File

@ -50,17 +50,17 @@
<el-form-item label="登录账号:" prop="account"> <el-form-item label="登录账号:" prop="account">
<el-input v-model="logonForm.account" size="large" placeholder="请输入账号" /> <el-input v-model="logonForm.account" size="large" placeholder="请输入账号" />
</el-form-item> </el-form-item>
<el-form-item label="密码:" prop="password"> <el-form-item label="密码:" prop="showPassword">
<el-input type="password" v-model="logonForm.password" size="large" placeholder="请输入密码" /> <el-input type="password" v-model="logonForm.showPassword" size="large" placeholder="请输入密码" />
</el-form-item> </el-form-item>
<el-form-item label="确认密码:" prop="enterPassword"> <el-form-item label="确认密码:" prop="enterPassword">
<el-input type="password" v-model="logonForm.enterPassword" size="large" placeholder="请确认密码" /> <el-input type="password" v-model="logonForm.enterPassword" size="large" placeholder="请确认密码" />
</el-form-item> </el-form-item>
<el-form-item label="项目负责人:" prop="password"> <el-form-item label="项目负责人:" prop="projectManage">
<el-input v-model="logonForm.projectManage" size="large" placeholder="请输入项目负责人" /> <el-input v-model="logonForm.projectManage" size="large" placeholder="请输入项目负责人" />
</el-form-item> </el-form-item>
<el-form-item label="手机号码:" prop="phone"> <el-form-item label="手机号码:" prop="userTel">
<el-input v-model.number="logonForm.phone" size="large" placeholder="请输入手机号码" /> <el-input v-model.number="logonForm.userTel" size="large" placeholder="请输入手机号码" />
</el-form-item> </el-form-item>
<el-form-item label="邮箱:" prop="email"> <el-form-item label="邮箱:" prop="email">
<el-input v-model="logonForm.email" size="large" placeholder="请输入邮箱" /> <el-input v-model="logonForm.email" size="large" placeholder="请输入邮箱" />
@ -97,7 +97,7 @@ const rules = reactive<FormRules>({
], ],
projectName: [{ required: true, message: "请输入项目名称", trigger: "blur" }], projectName: [{ required: true, message: "请输入项目名称", trigger: "blur" }],
governmentSn: [{ required: true, message: "请选择住建局", trigger: "change" }], governmentSn: [{ required: true, message: "请选择住建局", trigger: "change" }],
phone: [ userTel: [
{ {
required: true, required: true,
trigger: "blur", trigger: "blur",
@ -106,7 +106,7 @@ const rules = reactive<FormRules>({
} }
], ],
password: [{ required: true, message: "请输入密码", trigger: "blur" }], showPassword: [{ required: true, message: "请输入密码", trigger: "blur" }],
projectAddress: [{ required: true, message: "请输入定位", trigger: "change" }], projectAddress: [{ required: true, message: "请输入定位", trigger: "change" }],
enterPassword: [ enterPassword: [
{ {
@ -119,7 +119,7 @@ const rules = reactive<FormRules>({
// console.log(value); // console.log(value);
if (value === "") { if (value === "") {
callback(new Error("请确认密码")); callback(new Error("请确认密码"));
} else if (value !== logonForm.password) { } else if (value !== logonForm.showPassword) {
callback(new Error("两次密码输入不一致")); callback(new Error("两次密码输入不一致"));
} else { } else {
callback(); callback();
@ -133,10 +133,10 @@ const logonForm = reactive({
email: "", email: "",
projectName: "", projectName: "",
governmentSn: "", governmentSn: "",
phone: "", userTel: "",
projectManage: "", projectManage: "",
enterPassword: "", enterPassword: "",
password: "", showPassword: "",
longitude: "", longitude: "",
projectAddress: "", projectAddress: "",
latitude: "" // latitude: "" //
@ -193,53 +193,55 @@ onMounted(async () => {
<style scoped lang="scss"> <style scoped lang="scss">
.orderSide { .orderSide {
position: relative;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
text-align: center;
background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat; background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
text-align: center;
position: relative;
.header-lf { .header-lf {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
width: 100%;
height: 10%;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
height: 10%;
width: 100%;
justify-content: space-between;
.middle { .middle {
margin: 0 30px; margin: 0 30px;
} }
.logo { .logo {
display: flex;
flex-shrink: 0; flex-shrink: 0;
align-items: center;
// width: 210px; // width: 210px;
margin-left: 16px; margin-left: 16px;
display: flex;
align-items: center;
div { div {
cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer;
} }
span { span {
height: 36px;
font-size: 24px; font-size: 24px;
line-height: 36px;
// font-weight: bold; // font-weight: bold;
color: #dadada; color: #dadada;
white-space: nowrap; white-space: nowrap;
height: 36px;
line-height: 36px;
} }
img { img {
width: 36px; width: 36px;
height: 39px; height: 39px;
border-radius: 0px 0px 0px 0px; margin-right: 6px;
border-radius: 0;
opacity: 1; opacity: 1;
object-fit: contain; object-fit: contain;
margin-right: 6px;
} }
} }
.header-rt { .header-rt {
color: #fff; color: #ffffff;
cursor: pointer; cursor: pointer;
span { span {
font-size: 16px; font-size: 16px;
@ -247,18 +249,19 @@ onMounted(async () => {
} }
} }
.centerLogin { .centerLogin {
display: flex;
width: 60%;
// height: 70%;
background-color: #fff;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
display: flex;
width: 60%;
// height: 70%;
background-color: #ffffff;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
.loginRight { .loginRight {
width: 50%; width: 50%;
margin: 0 auto;
padding: 6% 0; padding: 6% 0;
margin: 0 auto;
.title { .title {
margin-top: 65px; margin-top: 65px;
font-size: 30px; font-size: 30px;
@ -275,7 +278,6 @@ onMounted(async () => {
:deep(.el-form-item__content) { :deep(.el-form-item__content) {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
:deep(.el-input__inner) { :deep(.el-input__inner) {
// width: 358px; // width: 358px;
width: 100%; width: 100%;