|
|
@@ -6,19 +6,19 @@
|
|
|
<div class="left-list">
|
|
|
<div class="list-item">
|
|
|
<div class="item-title">用户名称:</div>
|
|
|
- <div class="item-text">{{ baseForm.userName }}</div>
|
|
|
+ <div class="item-text" :title="baseForm.userName">{{ baseForm.userName }}</div>
|
|
|
</div>
|
|
|
<div class="list-item">
|
|
|
<div class="item-title">登录名称:</div>
|
|
|
- <div class="item-text">{{ baseForm.loginName }}</div>
|
|
|
+ <div class="item-text" :title="baseForm.loginName">{{ baseForm.loginName }}</div>
|
|
|
</div>
|
|
|
<div class="list-item">
|
|
|
<div class="item-title">手机号码:</div>
|
|
|
- <div class="item-text">{{ baseForm.mobile }}</div>
|
|
|
+ <div class="item-text" :title="baseForm.mobile">{{ baseForm.mobile }}</div>
|
|
|
</div>
|
|
|
<div class="list-item">
|
|
|
<div class="item-title">用户角色:</div>
|
|
|
- <div class="item-text">{{ baseForm.roles }}</div>
|
|
|
+ <div class="item-text" :title="baseForm.roles">{{ baseForm.roles }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right-head">
|
|
|
@@ -37,7 +37,7 @@
|
|
|
</a-form-item>
|
|
|
<!-- 登录名称 -->
|
|
|
<a-form-item label="登录名称" name="loginName">
|
|
|
- <a-input v-model:value="form.loginName" style="width: 100%" placeholder="请输入" disabled/>
|
|
|
+ <a-input v-model:value="form.loginName" style="width: 100%" placeholder="请输入" disabled />
|
|
|
</a-form-item>
|
|
|
<!-- 职责 -->
|
|
|
<a-form-item label="手机号码" name="mobile">
|
|
|
@@ -70,7 +70,7 @@ import headerImg from "/@/assets/images/header-icon.png";
|
|
|
// 正则表达式验证
|
|
|
import { ChineseRegexp, EmailRegexp, phoneRegexp } from '/@/utils/rules';
|
|
|
import { getUserInfoByLoginCode, SaveOrUpdateUserInfo } from '/@/api/system/system';
|
|
|
-import { getUserIdInfo } from '/@/api/sys/user';
|
|
|
+import { getUserIdInfo, roleList } from '/@/api/sys/user';
|
|
|
import md5 from 'js-md5';
|
|
|
|
|
|
|
|
|
@@ -142,7 +142,6 @@ export default defineComponent({
|
|
|
//取LOGIN_NAM去查询用户的基础信息
|
|
|
if (props.formData.LOGIN_NAME) {
|
|
|
getUserBaseInfo(props.formData.LOGIN_NAME);
|
|
|
- baseForm.roles = props.formData.nameroles;
|
|
|
}
|
|
|
})
|
|
|
const getUserBaseInfo = (loginName) => {
|
|
|
@@ -163,6 +162,21 @@ export default defineComponent({
|
|
|
form.loginName = res.user.loginName;
|
|
|
form.mobile = res.user.mobile;
|
|
|
form.pwd = "";
|
|
|
+ roleList().then(res => {
|
|
|
+ if (res.length) {
|
|
|
+ let rolesObj = {};
|
|
|
+ let rolesArr = []
|
|
|
+ res.forEach(item => {
|
|
|
+ rolesObj[item.groupid] = item.groupName;
|
|
|
+ })
|
|
|
+ roleRes.forEach(item=>{
|
|
|
+ rolesArr.push(rolesObj[item] || '')
|
|
|
+ })
|
|
|
+ baseForm.roles = rolesArr.join(' ');
|
|
|
+ } else {
|
|
|
+ message.error('角色数据查询失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
})
|
|
|
} else {
|
|
|
message.error('用户信息查询失败')
|
|
|
@@ -239,6 +253,12 @@ export default defineComponent({
|
|
|
.list-item {
|
|
|
margin: 5px 0;
|
|
|
display: flex;
|
|
|
+ .item-text{
|
|
|
+ width: 70%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|