103 lines
1.9 KiB
TypeScript
103 lines
1.9 KiB
TypeScript
|
import { BasicColumn } from '/@/components/Table';
|
||
|
|
import { FormSchema } from '/@/components/Table';
|
||
|
|
import { h } from 'vue';
|
||
|
|
import { Tag } from 'ant-design-vue';
|
||
|
|
|
||
|
|
export const columns: BasicColumn[] = [
|
||
|
|
{
|
||
|
|
title: '角色名称',
|
||
|
|
dataIndex: 'roleName',
|
||
|
|
width: 200,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '角色值',
|
||
|
|
dataIndex: 'roleValue',
|
||
|
|
width: 180,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '排序',
|
||
|
|
dataIndex: 'orderNo',
|
||
|
|
width: 50,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '状态',
|
||
|
|
dataIndex: 'status',
|
||
|
|
width: 80,
|
||
|
|
customRender: ({ record }) => {
|
||
|
|
const status = record.status;
|
||
|
|
const enable = ~~status === 0;
|
||
|
|
const color = enable ? 'green' : 'red';
|
||
|
|
const text = enable ? '启用' : '停用';
|
||
|
|
return h(Tag, { color: color }, () => text);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '创建时间',
|
||
|
|
dataIndex: 'createTime',
|
||
|
|
width: 180,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '备注',
|
||
|
|
dataIndex: 'remark',
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
export const searchFormSchema: FormSchema[] = [
|
||
|
|
{
|
||
|
|
field: 'roleNme',
|
||
|
|
label: '角色名称',
|
||
|
|
component: 'Input',
|
||
|
|
colProps: { span: 8 },
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'status',
|
||
|
|
label: '状态',
|
||
|
|
component: 'Select',
|
||
|
|
componentProps: {
|
||
|
|
options: [
|
||
|
|
{ label: '启用', value: '0' },
|
||
|
|
{ label: '停用', value: '1' },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
colProps: { span: 8 },
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
export const formSchema: FormSchema[] = [
|
||
|
|
{
|
||
|
|
field: 'roleName',
|
||
|
|
label: '角色名称',
|
||
|
|
required: true,
|
||
|
|
component: 'Input',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'roleValue',
|
||
|
|
label: '角色值',
|
||
|
|
required: true,
|
||
|
|
component: 'Input',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'status',
|
||
|
|
label: '状态',
|
||
|
|
component: 'RadioButtonGroup',
|
||
|
|
defaultValue: '0',
|
||
|
|
componentProps: {
|
||
|
|
options: [
|
||
|
|
{ label: '启用', value: '0' },
|
||
|
|
{ label: '停用', value: '1' },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '备注',
|
||
|
|
field: 'remark',
|
||
|
|
component: 'InputTextArea',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '菜单分配',
|
||
|
|
field: 'menu',
|
||
|
|
slot: 'menu',
|
||
|
|
component: 'Render',
|
||
|
|
},
|
||
|
|
];
|