ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update 表格样式

Browse Source
qianlishi 3 years ago
parent f0c33529e7
commit 71ec8a1b73
3 changed files with 396 additions and 375 deletions
Show Stats Download Patch File Download Diff File

271
report-ui/src/views/accessAuthority/index.vue
Unescape Escape View File

@ -1,7 +1,6 @@
<template>
<anji-crud ref="listPage" :option="crudOption">
<template v-slot:buttonLeftOnTable>
</template>
<template v-slot:buttonLeftOnTable> </template>
<!--
<template slot="rowButton" slot-scope="props">
@ -22,229 +21,231 @@ import {
accessAuthorityAdd,
accessAuthorityDeleteBatch,
accessAuthorityUpdate,
accessAuthorityDetail,
} from '@/api/accessAuthority'
accessAuthorityDetail
} from "@/api/accessAuthority";
export default {
name: 'AccessAuthority',
name: "AccessAuthority",
data() {
return {
crudOption: {
// 使用菜单做为页面标题
title: '权限管理',
title: "权限管理",
// 详情页中输入框左边文字宽度
labelWidth: '120px',
labelWidth: "120px",
// 查询表单条件
queryFormFields: [
{
inputType: 'anji-tree', // 该类型将内容区一分为二，左侧20%显示树
inputType: "anji-tree", // 该类型将内容区一分为二，左侧20%显示树
anjiTreeOption: {
url: '/accessAuthority/menuTree', // 请求接口，将响应中id字段做为tree的id，将label字段做为tree的label
url: "/accessAuthority/menuTree", // 请求接口，将响应中id字段做为tree的id，将label字段做为tree的label
enableFilter: true, // tree 是否有input 过滤
isOpen: true, // true tree 展开 false 关闭
isOpen: true // true tree 展开 false 关闭
},
label: '所属菜单',
field: 'target',
label: "所属菜单",
field: "target"
},
{
inputType: 'anji-select', //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange
inputType: "anji-select", //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange
anjiSelectOption: {
dictCode: 'ENABLE_FLAG',
dictCode: "ENABLE_FLAG"
},
label: '启用状态',
field: 'enableFlag',
label: "启用状态",
field: "enableFlag"
},
{
inputType: 'input',
label: '菜单代码',
field: 'target',
inputType: "input",
label: "菜单代码",
field: "target"
},
{
inputType: 'input',
label: '菜单名称',
field: 'targetName',
inputType: "input",
label: "菜单名称",
field: "targetName"
},
{
inputType: 'input',
label: '按钮代码',
field: 'action',
inputType: "input",
label: "按钮代码",
field: "action"
},
{
inputType: 'input',
label: '按钮名称',
field: 'actionName',
},
inputType: "input",
label: "按钮名称",
field: "actionName"
}
],
// 操作按钮
buttons: {
query: {
api: accessAuthorityList,
permission: 'authorityManage:query',
permission: "authorityManage:query"
},
queryByPrimarykey: {
api: accessAuthorityDetail,
permission: 'authorityManage:query',
permission: "authorityManage:query"
},
add: {
api: accessAuthorityAdd,
permission: 'authorityManage:insert',
permission: "authorityManage:insert"
},
delete: {
api: accessAuthorityDeleteBatch,
permission: 'authorityManage:delete',
permission: "authorityManage:delete"
},
edit: {
api: accessAuthorityUpdate,
permission: 'authorityManage:update',
permission: "authorityManage:update"
},
customButton: {
operationWidth: "150px"
}
},
// 表格列
columns: [
{
label: '',
field: 'id',
label: "",
field: "id",
primaryKey: true, // 根据主键查询详情或者根据主键删除时, 主键的
tableHide: true, // 表格中不显示
editHide: true, // 编辑弹框中不显示
editHide: true // 编辑弹框中不显示
},
{
label: '菜单代码', //目标菜单
placeholder: '',
field: 'target',
editField: 'target',
label: "菜单代码", //目标菜单
placeholder: "",
field: "target",
editField: "target",
tableHide: true, // 表格中不显示
inputType: 'input',
inputType: "input",
rules: [
{ required: true, message: '目标菜单必填', trigger: 'blur' },
{ min: 1, max: 64, message: '不超过64个字符', trigger: 'blur' },
{ required: true, message: "目标菜单必填", trigger: "blur" },
{ min: 1, max: 64, message: "不超过64个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '菜单名称', //目标菜单名称
placeholder: '',
field: 'targetName',
label: "菜单名称", //目标菜单名称
placeholder: "",
field: "targetName",
sortable: true,
fieldTableRowRenderer: (row) => {
return `${row['targetName']}[${row['target']}]`
fieldTableRowRenderer: row => {
return `${row["targetName"]}[${row["target"]}]`;
},
editField: 'targetName',
inputType: 'input',
editField: "targetName",
inputType: "input",
rules: [
{ required: true, message: '目标菜单名称必填', trigger: 'blur' },
{ min: 1, max: 128, message: '不超过128个字符', trigger: 'blur' },
{ required: true, message: "目标菜单名称必填", trigger: "blur" },
{ min: 1, max: 128, message: "不超过128个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '按钮代码', //目标按钮
placeholder: '',
field: 'action',
label: "按钮代码", //目标按钮
placeholder: "",
field: "action",
tableHide: true, // 表格中不显示
editField: 'action',
inputType: 'input',
editField: "action",
inputType: "input",
rules: [
{ required: true, message: '目标必填', trigger: 'blur' },
{ min: 1, max: 64, message: '不超过64个字符', trigger: 'blur' },
{ required: true, message: "目标必填", trigger: "blur" },
{ min: 1, max: 64, message: "不超过64个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '按钮名称', //目标按钮名称
placeholder: '',
field: 'actionName',
fieldTableRowRenderer: (row) => {
return `${row['actionName']}[${row['action']}]`
label: "按钮名称", //目标按钮名称
placeholder: "",
field: "actionName",
fieldTableRowRenderer: row => {
return `${row["actionName"]}[${row["action"]}]`;
},
sortable: true,
editField: 'actionName',
inputType: 'input',
editField: "actionName",
inputType: "input",
rules: [
{ required: true, message: '目标按钮名称必填', trigger: 'blur' },
{ min: 1, max: 128, message: '不超过128个字符', trigger: 'blur' },
{ required: true, message: "目标按钮名称必填", trigger: "blur" },
{ min: 1, max: 128, message: "不超过128个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '启用状态', //0--已禁用 1--已启用 DIC_NAME=ENABLE_FLAG
placeholder: '',
field: 'enableFlag',
fieldTableRowRenderer: (row) => {
return this.getDictLabelByCode('ENABLE_FLAG', row['enableFlag'])
label: "启用状态", //0--已禁用 1--已启用 DIC_NAME=ENABLE_FLAG
placeholder: "",
field: "enableFlag",
fieldTableRowRenderer: row => {
return this.getDictLabelByCode("ENABLE_FLAG", row["enableFlag"]);
},
editField: 'enableFlag',
inputType: 'anji-select',
editField: "enableFlag",
inputType: "anji-select",
anjiSelectOption: {
dictCode: 'ENABLE_FLAG', //指定数据字典
dictCode: "ENABLE_FLAG" //指定数据字典
},
colorStyle: {
0: 'table-danger', //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：''
1: 'table-success',
0: "table-danger", //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：''
1: "table-success"
},
rules: [
{ required: true, message: '启用状态必填', trigger: 'blur' },
{ required: true, message: "启用状态必填", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '排序', //
placeholder: '',
field: 'sort',
editField: 'sort',
inputType: 'input',
label: "排序", //
placeholder: "",
field: "sort",
editField: "sort",
inputType: "input",
rules: [],
disabled: false,
disabled: false
},
{
label: '创建人',
placeholder: '',
field: 'createBy',
columnType: 'expand',
editField: 'createBy',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
},
{
label: '创建时间',
placeholder: '',
field: 'createTime',
columnType: 'expand',
editField: 'createTime',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
},
{
label: '修改人',
placeholder: '',
field: 'updateBy',
columnType: 'expand',
editField: 'updateBy',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
},
{
label: '修改时间',
placeholder: '',
field: 'updateTime',
columnType: 'expand',
editField: 'updateTime',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
},
],
},
label: "创建人",
placeholder: "",
field: "createBy",
columnType: "expand",
editField: "createBy",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: "创建时间",
placeholder: "",
field: "createTime",
columnType: "expand",
editField: "createTime",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: "修改人",
placeholder: "",
field: "updateBy",
columnType: "expand",
editField: "updateBy",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: "修改时间",
placeholder: "",
field: "updateTime",
columnType: "expand",
editField: "updateTime",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
}
]
}
};
},
created() {},
methods: {},
}
methods: {}
};
</script>

210
report-ui/src/views/accessRole/index.vue
Unescape Escape View File

@ -1,14 +1,22 @@
<template>
<anji-crud ref="listPage" :option="crudOption">
<template v-slot:buttonLeftOnTable>
</template>
<template v-slot:buttonLeftOnTable> </template>
<template slot="rowButton" slot-scope="props">
<el-button type="text" @click="handleOpenDialogSetAuthorityForRole(props)" v-permission="'roleManage:grantAuthority'">分配权限</el-button>
<el-button
type="text"
@click="handleOpenDialogSetAuthorityForRole(props)"
v-permission="'roleManage:grantAuthority'"
>分配权限</el-button
>
</template>
<!--自定义的卡片插槽，将在编辑详情页面，出现在底部新卡片-->
<template v-slot:pageSection>
<RoleAuthority :role-code="roleCode" :visib="dialogVisibleSetAuthorityForRole" @handleClose="dialogVisibleSetAuthorityForRole = false" />
<RoleAuthority
:role-code="roleCode"
:visib="dialogVisibleSetAuthorityForRole"
@handleClose="dialogVisibleSetAuthorityForRole = false"
/>
</template>
</anji-crud>
</template>
@ -18,176 +26,178 @@ import {
accessRoleAdd,
accessRoleDeleteBatch,
accessRoleUpdate,
accessRoleDetail,
} from '@/api/accessRole'
import RoleAuthority from '@/views/accessRole/components/RoleAuthority'
accessRoleDetail
} from "@/api/accessRole";
import RoleAuthority from "@/views/accessRole/components/RoleAuthority";
export default {
name: 'AccessRole',
name: "AccessRole",
components: {
RoleAuthority: RoleAuthority,
RoleAuthority: RoleAuthority
},
data() {
return {
// 选中一个角色，点设定权限时，弹出对话框
dialogVisibleSetAuthorityForRole: false,
roleCode: '',
roleCode: "",
// 页面渲染使用
crudOption: {
// 使用菜单做为页面标题
title: '角色管理',
title: "角色管理",
// 详情页中输入框左边文字宽度
labelWidth: '120px',
labelWidth: "120px",
// 查询表单条件
queryFormFields: [
{
inputType: 'input',
label: '角色编码',
field: 'roleCode',
inputType: "input",
label: "角色编码",
field: "roleCode"
},
{
inputType: 'input',
label: '角色名称',
field: 'roleName',
inputType: "input",
label: "角色名称",
field: "roleName"
},
{
inputType: 'anji-select', //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange
inputType: "anji-select", //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange
anjiSelectOption: {
dictCode: 'ENABLE_FLAG',
},
label: '启用状态',
field: 'enableFlag',
dictCode: "ENABLE_FLAG"
},
label: "启用状态",
field: "enableFlag"
}
],
// 操作按钮
buttons: {
query: {
api: accessRoleList,
permission: 'roleManage:query',
permission: "roleManage:query"
},
queryByPrimarykey: {
api: accessRoleDetail,
permission: 'roleManage:query',
permission: "roleManage:query"
},
add: {
api: accessRoleAdd,
permission: 'roleManage:insert',
permission: "roleManage:insert"
},
delete: {
api: accessRoleDeleteBatch,
permission: 'roleManage:delete',
permission: "roleManage:delete"
},
edit: {
api: accessRoleUpdate,
permission: 'roleManage:update',
permission: "roleManage:update"
},
customButton: {
operationWidth: "150px"
}
},
// 表格列
columns: [
{
label: '',
field: 'id',
label: "",
field: "id",
primaryKey: true, // 根据主键查询详情或者根据主键删除时, 主键的
tableHide: true, // 表格中不显示
editHide: true, // 编辑弹框中不显示
editHide: true // 编辑弹框中不显示
},
{
label: '角色编码',
placeholder: '',
field: 'roleCode',
editField: 'roleCode',
label: "角色编码",
placeholder: "",
field: "roleCode",
editField: "roleCode",
tableHide: true, // 表格中不显示
inputType: 'input',
inputType: "input",
rules: [
{ required: true, message: '角色编码必填', trigger: 'blur' },
{ min: 1, max: 32, message: '不超过32个字符', trigger: 'blur' },
{ required: true, message: "角色编码必填", trigger: "blur" },
{ min: 1, max: 32, message: "不超过32个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '角色名称',
placeholder: '',
field: 'roleName',
fieldTableRowRenderer: (row) => {
return `${row['roleName']}[${row['roleCode']}]`
},
editField: 'roleName',
inputType: 'input',
label: "角色名称",
placeholder: "",
field: "roleName",
fieldTableRowRenderer: row => {
return `${row["roleName"]}[${row["roleCode"]}]`;
},
editField: "roleName",
inputType: "input",
rules: [
{ required: true, message: '角色名称必填', trigger: 'blur' },
{ min: 1, max: 64, message: '不超过64个字符', trigger: 'blur' },
{ required: true, message: "角色名称必填", trigger: "blur" },
{ min: 1, max: 64, message: "不超过64个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '启用状态', //0--已禁用 1--已启用 DIC_NAME=ENABLE_FLAG
placeholder: '',
field: 'enableFlag',
fieldTableRowRenderer: (row) => {
return this.getDictLabelByCode('ENABLE_FLAG', row['enableFlag'])
},
editField: 'enableFlag',
inputType: 'anji-select',
label: "启用状态", //0--已禁用 1--已启用 DIC_NAME=ENABLE_FLAG
placeholder: "",
field: "enableFlag",
fieldTableRowRenderer: row => {
return this.getDictLabelByCode("ENABLE_FLAG", row["enableFlag"]);
},
editField: "enableFlag",
inputType: "anji-select",
anjiSelectOption: {
dictCode: 'ENABLE_FLAG', //指定数据字典
dictCode: "ENABLE_FLAG" //指定数据字典
},
colorStyle: {
0: 'table-danger', //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：''
1: 'table-success',
0: "table-danger", //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：''
1: "table-success"
},
rules: [
{ required: true, message: '启用状态必填', trigger: 'blur' },
{ required: true, message: "启用状态必填", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '创建人',
placeholder: '',
field: 'createBy',
editField: 'createBy',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
label: "创建人",
placeholder: "",
field: "createBy",
editField: "createBy",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: '创建时间',
placeholder: '',
field: 'createTime',
editField: 'createTime',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
label: "创建时间",
placeholder: "",
field: "createTime",
editField: "createTime",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: '修改人',
placeholder: '',
field: 'updateBy',
editField: 'updateBy',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
label: "修改人",
placeholder: "",
field: "updateBy",
editField: "updateBy",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: '修改时间',
placeholder: '',
field: 'updateTime',
editField: 'updateTime',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
},
],
},
label: "修改时间",
placeholder: "",
field: "updateTime",
editField: "updateTime",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
}
]
}
};
},
created() {},
methods: {
handleOpenDialogSetAuthorityForRole(props) {
this.roleCode = props.msg.roleCode
this.dialogVisibleSetAuthorityForRole = true
},
},
}
this.roleCode = props.msg.roleCode;
this.dialogVisibleSetAuthorityForRole = true;
}
}
};
</script>

290
report-ui/src/views/accessUser/index.vue
Unescape Escape View File

@ -1,15 +1,23 @@
<template>
<anji-crud ref="listPage" :option="crudOption">
<template v-slot:buttonLeftOnTable>
</template>
<template v-slot:buttonLeftOnTable> </template>
<template slot="rowButton" slot-scope="props">
<el-button type="text" @click="handleOpenDialogSetRoleForUser(props)" v-permission="'userManage:grantRole'">分配角色</el-button>
<el-button
type="text"
@click="handleOpenDialogSetRoleForUser(props)"
v-permission="'userManage:grantRole'"
>分配角色</el-button
>
<!--<el-button type="text" @click="handleOpenDialogSetRoleForUser(props)" v-permission="'userManage:resetPassword'">重置密码</el-button>-->
</template>
<!--自定义的卡片插槽，将在编辑详情页面，出现在底部新卡片-->
<template v-slot:pageSection>
<UserRole :login-name="loginName" :visib="dialogVisibleSetRoleForUser" @handleClose="dialogVisibleSetRoleForUser = false" />
<UserRole
:login-name="loginName"
:visib="dialogVisibleSetRoleForUser"
@handleClose="dialogVisibleSetRoleForUser = false"
/>
</template>
</anji-crud>
</template>
@ -19,112 +27,115 @@ import {
accessUserAdd,
accessUserDeleteBatch,
accessUserUpdate,
accessUserDetail,
} from '@/api/accessUser'
import UserRole from '@/views/accessUser/components/UserRole'
accessUserDetail
} from "@/api/accessUser";
import UserRole from "@/views/accessUser/components/UserRole";
export default {
name: 'AccessUser',
name: "AccessUser",
components: {
UserRole: UserRole,
UserRole: UserRole
},
data() {
return {
// 选中一个用户时，点授予角色时，弹出对话框
dialogVisibleSetRoleForUser: false,
loginName: '',
loginName: "",
// 页面渲染使用
crudOption: {
// 使用菜单做为页面标题
title: '用户管理',
title: "用户管理",
// 详情页中输入框左边文字宽度
labelWidth: '120px',
labelWidth: "120px",
// 查询表单条件
queryFormFields: [
{
inputType: 'anji-select', //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange
inputType: "anji-select", //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange
anjiSelectOption: {
dictCode: 'ENABLE_FLAG',
dictCode: "ENABLE_FLAG"
},
label: '启用状态',
field: 'enableFlag',
label: "启用状态",
field: "enableFlag"
},
{
inputType: 'input',
label: '登录名',
field: 'loginName',
inputType: "input",
label: "登录名",
field: "loginName"
},
{
inputType: 'input',
label: '真实姓名',
field: 'realName',
inputType: "input",
label: "真实姓名",
field: "realName"
},
{
inputType: 'input',
label: '手机号',
field: 'phone',
},
inputType: "input",
label: "手机号",
field: "phone"
}
],
// 操作按钮
buttons: {
query: {
api: accessUserList,
permission: 'userManage:query',
permission: "userManage:query"
},
queryByPrimarykey: {
api: accessUserDetail,
permission: 'userManage:query',
permission: "userManage:query"
},
add: {
api: accessUserAdd,
permission: 'userManage:insert',
permission: "userManage:insert"
},
delete: {
api: accessUserDeleteBatch,
permission: 'userManage:delete',
permission: "userManage:delete"
},
edit: {
api: accessUserUpdate,
permission: 'userManage:update',
permission: "userManage:update"
},
customButton: {
operationWidth: "150px"
}
},
// 表格列
columns: [
{
label: '',
field: 'id',
label: "",
field: "id",
primaryKey: true, // 根据主键查询详情或者根据主键删除时, 主键的
tableHide: true, // 表格中不显示
editHide: true, // 编辑弹框中不显示
editHide: true // 编辑弹框中不显示
},
{
label: '登录名',
placeholder: '',
field: 'loginName',
label: "登录名",
placeholder: "",
field: "loginName",
tableHide: true, // 表格中不显示
editField: 'loginName',
inputType: 'input',
editField: "loginName",
inputType: "input",
rules: [
{ required: true, message: '登录名必填', trigger: 'blur' },
{ min: 1, max: 64, message: '不超过64个字符', trigger: 'blur' },
{ required: true, message: "登录名必填", trigger: "blur" },
{ min: 1, max: 64, message: "不超过64个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '真实姓名',
placeholder: '',
field: 'realName',
fieldTableRowRenderer: (row) => {
return `${row['realName']}[${row['loginName']}]`
label: "真实姓名",
placeholder: "",
field: "realName",
fieldTableRowRenderer: row => {
return `${row["realName"]}[${row["loginName"]}]`;
},
editField: 'realName',
inputType: 'input',
editField: "realName",
inputType: "input",
rules: [
{ required: true, message: '真实姓名必填', trigger: 'blur' },
{ min: 1, max: 64, message: '不超过64个字符', trigger: 'blur' },
{ required: true, message: "真实姓名必填", trigger: "blur" },
{ min: 1, max: 64, message: "不超过64个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
// {
// label: '密码',
@ -141,131 +152,130 @@ export default {
// disabled: false,
// },
{
label: '手机号码',
placeholder: '',
field: 'phone',
editField: 'phone',
inputType: 'input',
label: "手机号码",
placeholder: "",
field: "phone",
editField: "phone",
inputType: "input",
rules: [
{ min: 1, max: 16, message: '不超过16个字符', trigger: 'blur' },
{ min: 1, max: 16, message: "不超过16个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '用户邮箱',
placeholder: '',
field: 'email',
editField: 'email',
inputType: 'input',
label: "用户邮箱",
placeholder: "",
field: "email",
editField: "email",
inputType: "input",
rules: [
{ min: 1, max: 64, message: '不超过64个字符', trigger: 'blur' },
{ min: 1, max: 64, message: "不超过64个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '备注',
placeholder: '',
field: 'remark',
editField: 'remark',
inputType: 'input',
label: "备注",
placeholder: "",
field: "remark",
editField: "remark",
inputType: "input",
rules: [
{ min: 1, max: 512, message: '不超过512个字符', trigger: 'blur' },
{ min: 1, max: 512, message: "不超过512个字符", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '启用状态', //0--已禁用 1--已启用 DIC_NAME=ENABLE_FLAG
placeholder: '',
field: 'enableFlag',
fieldTableRowRenderer: (row) => {
return this.getDictLabelByCode('ENABLE_FLAG', row['enableFlag'])
},
editField: 'enableFlag',
inputType: 'anji-select',
label: "启用状态", //0--已禁用 1--已启用 DIC_NAME=ENABLE_FLAG
placeholder: "",
field: "enableFlag",
fieldTableRowRenderer: row => {
return this.getDictLabelByCode("ENABLE_FLAG", row["enableFlag"]);
},
editField: "enableFlag",
inputType: "anji-select",
anjiSelectOption: {
dictCode: 'ENABLE_FLAG', //指定数据字典
dictCode: "ENABLE_FLAG" //指定数据字典
},
colorStyle: {
0: 'table-danger', //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：''
1: 'table-success',
0: "table-danger", //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：''
1: "table-success"
},
rules: [
{ required: true, message: '启用状态必填', trigger: 'blur' },
{ required: true, message: "启用状态必填", trigger: "blur" }
],
disabled: false,
disabled: false
},
{
label: '最后一次登陆时间',
placeholder: '',
field: 'lastLoginTime',
editField: 'lastLoginTime',
inputType: 'input',
label: "最后一次登陆时间",
placeholder: "",
field: "lastLoginTime",
editField: "lastLoginTime",
inputType: "input",
rules: [],
disabled: true,
disabled: true
},
{
label: '最后一次登录IP',
placeholder: '',
field: 'lastLoginIp',
editField: 'lastLoginIp',
inputType: 'input',
label: "最后一次登录IP",
placeholder: "",
field: "lastLoginIp",
editField: "lastLoginIp",
inputType: "input",
rules: [
{ min: 1, max: 16, message: '不超过16个字符', trigger: 'blur' },
{ min: 1, max: 16, message: "不超过16个字符", trigger: "blur" }
],
disabled: true,
disabled: true
},
{
label: '创建人',
placeholder: '',
field: 'createBy',
columnType: 'expand',
editField: 'createBy',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
label: "创建人",
placeholder: "",
field: "createBy",
columnType: "expand",
editField: "createBy",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: '创建时间',
placeholder: '',
field: 'createTime',
columnType: 'expand',
editField: 'createTime',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
label: "创建时间",
placeholder: "",
field: "createTime",
columnType: "expand",
editField: "createTime",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: '修改人',
placeholder: '',
field: 'updateBy',
columnType: 'expand',
editField: 'updateBy',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
label: "修改人",
placeholder: "",
field: "updateBy",
columnType: "expand",
editField: "updateBy",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
},
{
label: '修改时间',
placeholder: '',
field: 'updateTime',
columnType: 'expand',
editField: 'updateTime',
inputType: 'input',
editHide: 'hideOnAdd', // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true,
},
],
},
label: "修改时间",
placeholder: "",
field: "updateTime",
columnType: "expand",
editField: "updateTime",
inputType: "input",
editHide: "hideOnAdd", // 编辑弹框中不显示 true/false/'hideOnAdd hideOnView hideOnEdit'
disabled: true
}
]
}
};
},
created() {},
methods: {
handleOpenDialogSetRoleForUser(props) {
this.loginName = props.msg.loginName
this.dialogVisibleSetRoleForUser = true
},
},
}
this.loginName = props.msg.loginName;
this.dialogVisibleSetRoleForUser = true;
}
}
};
</script>

Write Preview
Loading…
Cancel
Save