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

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

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

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

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

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

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

Write Preview
Loading…
Cancel
Save