feat : 项目管理表单缓存,文件回显,个人中心icon排版

This commit is contained in:
2024-07-16 20:36:06 +08:00
parent d4ba4bc7c2
commit b77253b0cb
13 changed files with 389 additions and 128 deletions

View File

@@ -6,55 +6,91 @@
<!-- 标题 -->
<template #header>
<div class="card-header">
<span>个人信息</span>
<div>个人信息</div>
</div>
</template>
<div class="userDetail">
<div class="userInfo_item">
用户名: <span>{{ userParams.userName }}</span>
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<User/>
</el-icon>
用户名:
</div>
<div>{{ userParams.userName }}</div>
</div>
<div class="userInfo_item">
用户名称: <span>{{ userParams.nickName }}</span>
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<User/>
</el-icon>
用户名称:
</div>
<div>{{ userParams.nickName }}</div>
</div>
<div class="userInfo_item">
工号: <span>{{ userParams.workCode }}</span>
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<Notification/>
</el-icon>
工号:
</div>
<div>{{ userParams.workCode }}</div>
</div>
<div class="userInfo_item">
<el-icon>
<Iphone/>
</el-icon>
电话号码: <span>{{ userParams.mobile }}</span></div>
<div class="userInfo_item">
<el-icon>
<HomeFilled/>
</el-icon>
所属公司: <span>{{ userParams.subCompanyName }}</span>
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<Phone/>
</el-icon>
电话号码:
</div>
<div>{{ userParams.mobile }}</div>
</div>
<div class="userInfo_item">
<el-icon>
<HomeFilled/>
</el-icon>
所属部门: <span>{{ userParams.departmentName }}</span>
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<House/>
</el-icon>
所属公司:
</div>
<div>{{ userParams.subCompanyName }}</div>
</div>
<div class="userInfo_item">
<el-icon>
<HomeFilled/>
</el-icon>
岗位: <span>{{ userParams.jobActivityDesc }}</span>
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<FolderOpened/>
</el-icon>
所属部门:
</div>
<div>{{ userParams.departmentName }}</div>
</div>
<div class="userInfo_item">
<el-icon>
<HomeFilled/>
</el-icon>
账号类型: <span>{{ userParams.accountType === '0' ? '主账号' : '次账号' }}</span>
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<Folder/>
</el-icon>
岗位:
</div>
<div>{{ userParams.jobActivityDesc }}</div>
</div>
<div class="userInfo_item">
<el-icon>
<OfficeBuilding/>
</el-icon>
所属角色: <span>{{ belongToRole(userParams.roles) }}</span></div>
</div>
<div>
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<Wallet/>
</el-icon>
账号类型:
</div>
<div>{{ userParams.accountType === '0' ? '主账号' : '次账号' }}</div>
</div>
<div class="userInfo_item">
<div style="display: flex;align-items: center">
<el-icon size="18" style="margin-right: 5px">
<User/>
</el-icon>
所属角色:
</div>
<div>{{ belongToRole(userParams.roles) }}</div>
</div>
</div>
</el-card>
</el-col>
@@ -63,7 +99,7 @@
<!-- 标题 -->
<template #header>
<div class="card-header">
<span>{{ isInitPassword ? '修改密码' : '初始化密码' }}</span>
<div>{{ isInitPassword ? '修改密码' : '初始化密码' }}</div>
</div>
</template>
<el-form label-width="120px" ref="passwordRef" :model="userPassword" :rules="rules">
@@ -220,17 +256,21 @@ body, div {
}
.userInfo_item {
display: flex;align-items: center;
justify-content: space-between;
height: 40px;
border-bottom-style: solid;
border-color: #daddd2;
border-width: 1px;
text-align: left;
line-height: 40px;
//text-align: left;
//line-height: 40px;
}
.userInfo_item > span {
float: right;
}
//
//.userInfo_item > div {
// float: right;
//}
}
</style>