62 lines
2.2 KiB
TypeScript
62 lines
2.2 KiB
TypeScript
|
import { reactive } from 'vue';
|
||
|
|
import { $t } from '@/plugins/i18n';
|
||
|
|
import type { FormRules } from 'element-plus';
|
||
|
|
import { ElTag } from 'element-plus';
|
||
|
|
|
||
|
|
// 表格列
|
||
|
|
export const columns: TableColumnList = [
|
||
|
|
{ type: 'selection', align: 'left' },
|
||
|
|
{ type: 'index', index: (index: number) => index + 1, label: '序号', width: 60 },
|
||
|
|
// 消息标题
|
||
|
|
{ label: $t('title'), prop: 'title' },
|
||
|
|
// 发送人昵称
|
||
|
|
{ label: $t('sendNickname'), prop: 'sendNickname' },
|
||
|
|
// 消息类型
|
||
|
|
{ label: $t('messageType'), prop: 'messageType' },
|
||
|
|
// 编辑器类型
|
||
|
|
{ label: $t('editorType'), prop: 'editorType' },
|
||
|
|
// 编辑器类型
|
||
|
|
{
|
||
|
|
label: $t('level'),
|
||
|
|
prop: 'level',
|
||
|
|
formatter({ level }) {
|
||
|
|
return <ElTag type={level}>{$t(level)}</ElTag>;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
// 编辑器类型
|
||
|
|
{ label: $t('extra'), prop: 'extra' },
|
||
|
|
// 0:未读 1:已读
|
||
|
|
{
|
||
|
|
label: $t('status'),
|
||
|
|
prop: 'status',
|
||
|
|
formatter({ status }) {
|
||
|
|
return status ? <ElTag type={'info'}>{$t('readAlready')}</ElTag> : <ElTag type={'primary'}>{$t('unread')}</ElTag>;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{ label: $t('table.updateTime'), prop: 'updateTime', sortable: true, width: 160 },
|
||
|
|
{ label: $t('table.createTime'), prop: 'createTime', sortable: true, width: 160 },
|
||
|
|
{ label: $t('table.createUser'), prop: 'createUser', slot: 'createUser', width: 130 },
|
||
|
|
{ label: $t('table.updateUser'), prop: 'updateUser', slot: 'updateUser', width: 130 },
|
||
|
|
{ label: $t('table.operation'), fixed: 'right', width: 150, slot: 'operation' },
|
||
|
|
];
|
||
|
|
|
||
|
|
// 添加规则
|
||
|
|
export const rules = reactive<FormRules>({
|
||
|
|
// 消息标题
|
||
|
|
title: [{ required: true, message: `${$t('input')}${$t('title')}`, trigger: 'blur' }],
|
||
|
|
// 发送人用户ID
|
||
|
|
sendUserId: [{ required: true, message: `${$t('input')}${$t('sendUserId')}`, trigger: 'blur' }],
|
||
|
|
// 消息类型
|
||
|
|
messageType: [{ required: true, message: `${$t('input')}${$t('messageType')}`, trigger: 'blur' }],
|
||
|
|
// 消息内容
|
||
|
|
content: [{ required: true, message: `${$t('input')}${$t('content')}`, trigger: 'blur' }],
|
||
|
|
// 编辑器类型
|
||
|
|
editorType: [{ required: true, message: `${$t('input')}${$t('editorType')}`, trigger: 'blur' }],
|
||
|
|
});
|
||
|
|
|
||
|
|
/** 编辑器类型 */
|
||
|
|
export const editorTypeList = [
|
||
|
|
{ label: $t('markdown'), value: 'markdown' },
|
||
|
|
{ label: $t('richText'), value: 'rich' },
|
||
|
|
];
|