From de16ca9e4528be96b5628edde6678b383248d32d Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期三, 08 一月 2025 15:37:04 +0800
Subject: [PATCH] home和login冲突
---
src/component/userInfo.vue | 106 ++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 85 insertions(+), 21 deletions(-)
diff --git a/src/component/userInfo.vue b/src/component/userInfo.vue
index aa8ca4d..4fc599d 100644
--- a/src/component/userInfo.vue
+++ b/src/component/userInfo.vue
@@ -1,54 +1,87 @@
<template>
- <el-dialog :visible.sync="dialogVisible" :show-close="false" width="80%">
+ <el-dialog :visible.sync="dialogVisible" :show-close="false" width="80%" top="51px">
<div class="content">
- <el-form label-position="left" :inline="true" label-width="105px" :model="formLabelAlign" :rules="rules">
+ <el-form label-position="left" label-width="105px" :model="form" :rules="rules">
<div class="title">个人信息</div>
<div class="company">所属公司：成都喜望软件有限公司</div>
- <el-row :gutter="0" class="companyForm">
- <el-col :span="7">
- <el-form-item label="姓名">
- <el-input v-model="formLabelAlign.name"></el-input>
+ <el-row :gutter="90" class="companyForm">
+ <el-col :span="6.5">
+ <el-form-item label="姓名:">
+ <el-input v-model="form.name"></el-input>
</el-form-item>
</el-col>
- <el-col :span="7"><el-form-item label="手机号">
- <el-input v-model="formLabelAlign.region"></el-input>
+ <el-col :span="6.5"><el-form-item label="手机号:" label-width="120px">
+ <el-input v-model="form.region"></el-input>
</el-form-item></el-col>
- <el-col :span="7"><el-form-item label="邮箱">
- <el-input v-model="formLabelAlign.type"></el-input>
+ <el-col :span="6.5"><el-form-item label="邮箱:">
+ <el-input v-model="form.type"></el-input>
</el-form-item></el-col>
</el-row>
<div class="company" style="margin-top: 6px;">其他邮箱
<div class="btn"><img src="@/assets/add.png" alt="">新增邮箱</div>
</div>
- <el-row :gutter="0" class="companyForm">
- <el-col :span="7">
- <el-form-item label="邮箱">
- <el-input v-model="formLabelAlign.email"></el-input>
+ <el-row :gutter="90" class="companyForm">
+ <el-col :span="6.5">
+ <el-form-item label="邮箱:" prop="email">
+ <el-input v-model="form.email"></el-input>
</el-form-item>
</el-col>
- <el-col :span="7"><el-form-item label="手机号">
- <el-input v-model="formLabelAlign.region"></el-input>
+ <el-col :span="16"><el-form-item label="备注:" label-width="120px">
+ <div style="display: flex;align-items: center;"><el-input
+ v-model="form.region"></el-input>
+ <img style="width: 19px;height: 21px;cursor: pointer;margin-left: 26px;"
+ src="@/assets/delete.png" alt="">
+ </div>
</el-form-item></el-col>
- <el-col :span="7"><el-form-item label="邮箱">
- <el-input v-model="formLabelAlign.type"></el-input>
+
+ </el-row>
+ <div class="company" style="margin-top: 6px;">常用收件信息
+ <div class="btn"><img src="@/assets/add.png" alt="">新增收件人</div>
+ </div>
+ <el-row :gutter="90" class="companyForm">
+ <el-col :span="6.5">
+ <el-form-item label="收件人姓名:">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6.5"><el-form-item label="收件人手机号:" label-width="120px">
+ <el-input v-model="form.region"></el-input>
+ </el-form-item></el-col>
+ <el-col :span="6.5"><el-form-item label="收件人邮箱:">
+ <el-input v-model="form.type"></el-input>
+ </el-form-item></el-col>
+ <el-col :span="20" style="padding-right: 73px;"><el-form-item label="收件人地址:">
+ <el-input v-model="form.type"></el-input>
+ </el-form-item></el-col>
+ <el-col :span="20" style="padding-right: 73px;position: relative;"><el-form-item label="备注:">
+ <div style="display: flex;align-items: center;"><el-input type="textarea" :rows="3"
+ v-model="form.region"></el-input>
+ <img style="width: 19px;height: 21px;cursor: pointer;position: absolute;right: -175px;"
+ src="@/assets/delete.png" alt="">
+ </div>
</el-form-item></el-col>
</el-row>
</el-form>
+ <div class="btns">
+ <el-button @click="dialogVisible = false">关闭</el-button>
+ <el-button type="primary">保存</el-button>
+ </div>
</div>
</el-dialog>
</template>
<script>
export default {
+ props: ['show'],
data() {
return {
- dialogVisible: true,
- formLabelAlign: {
+ dialogVisible: this.show,
+ form: {
name: '',
region: '',
type: '',
- email:''
+ email: ''
},
rules: {
email: [
@@ -57,6 +90,18 @@
}
};
},
+ created() {
+ console.log(this.$store.state.userInfo, '111');
+ },
+ watch: {
+ show(val) {
+
+ this.dialogVisible = val
+ },
+ dialogVisible(val) {
+ this.$emit('update:show', val);
+ }
+ }
};
</script>
@@ -108,6 +153,25 @@
border-bottom: 1px solid rgba(151, 151, 151, 0.12);
padding-left: 38px;
}
+
+ .btns {
+ display: flex;
+ justify-content: center;
+ margin-top: 32px;
+ padding-bottom: 33px;
+
+ .el-button {
+ width: 190px;
+ height: 50px;
+ font-size: 20px;
+
+ }
+
+ .el-button--primary {
+ background-color: #014099;
+ border-color: #014099;
+ }
+ }
}
/deep/ .el-dialog {
--
Gitblit v1.7.1