feat : 项目管理表单缓存,文件回显,个人中心icon排版
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user