update 表格样式

report-ui/src/views/accessAuthority/index.vue

@@ -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>
-

report-ui/src/views/accessRole/index.vue

@@ -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',
+              dictCode: "ENABLE_FLAG"
             },
-            label: '启用状态',
-            field: 'enableFlag',
-          },
+            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']}]`
+            label: "角色名称",
+            placeholder: "",
+            field: "roleName",
+            fieldTableRowRenderer: row => {
+              return `${row["roleName"]}[${row["roleCode"]}]`;
             },
-            editField: 'roleName',
-            inputType: 'input',
+            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'])
+            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: '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>
-

report-ui/src/views/accessUser/index.vue

@@ -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'])
+            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: '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>
-