140 lines
3.1 KiB
TypeScript
140 lines
3.1 KiB
TypeScript
/**
|
||
* 列表配置
|
||
*/
|
||
export interface ListConfig {
|
||
//是否有左侧菜单
|
||
isLeftMenu: boolean;
|
||
//是否分页
|
||
isPage: boolean;
|
||
//分页 每页显示条数
|
||
pageSize?: number;
|
||
//左侧菜单配置
|
||
leftMenuConfig?: LeftMenuConfig;
|
||
//查询配置
|
||
queryConfigs: QueryConfig[];
|
||
//列表配置
|
||
columnConfigs: ColumnConfig[];
|
||
//按钮配置
|
||
buttonConfigs: ButtonConfig[];
|
||
// //合计配置
|
||
// totalConfigs?: TotalConfig[];
|
||
//列表标题
|
||
listTitle?: string;
|
||
//是否默认排序
|
||
defaultOrder?: boolean;
|
||
//排序字段
|
||
orderBy?: string;
|
||
//排序类型 (默认 倒叙)
|
||
orderType?: 'desc' | 'asc';
|
||
}
|
||
|
||
/**
|
||
* 左侧菜单配置
|
||
*/
|
||
export interface LeftMenuConfig {
|
||
//左侧菜单是否树结构
|
||
// isTree: boolean;
|
||
//左侧菜单宽度 分为 按照 1/3 | 1/4 | 1/5
|
||
leftWidth?: 1 | 2 | 3;
|
||
//如果不是数据字典 就是数据源
|
||
datasourceType: string; //dic | datasource | api
|
||
//如果是静态数据 则需要静态数据列表
|
||
staticData?: Array<any>;
|
||
//如果是数据源 就需要有数据源id
|
||
datasourceId?: string;
|
||
//如果是数据源 则需要配置 数据字段名 （与parentFiledName 搭配拼接树结构）
|
||
fieldName?: string;
|
||
//如果是数据源 则需要配置 父级字段名 （与fieldName 搭配拼接树结构）
|
||
parentFiledName?: string;
|
||
// 显示字段
|
||
showFieldName?: string;
|
||
//如果是数据源 需要 关联字段 关联 列表关联字段
|
||
relationFieldName?: string;
|
||
//列表关联字段
|
||
listFieldName?: string;
|
||
//数据项Id 用户查询数据字典详情
|
||
dictionaryItemId?: string;
|
||
//如果是api 则需要api配置
|
||
apiConfig?: any;
|
||
//菜单显示名称
|
||
menuName?: string;
|
||
//父级菜单图标
|
||
parentIcon?: string;
|
||
//子级菜单图标
|
||
childIcon?: string;
|
||
}
|
||
|
||
/**
|
||
* 查询配置
|
||
*/
|
||
export interface QueryConfig {
|
||
//查询字段
|
||
fieldName: string;
|
||
//查询框所占宽度
|
||
width?: number;
|
||
//是否时间字段
|
||
isDate: boolean;
|
||
//时间选择和日期选择需要
|
||
format?: string;
|
||
}
|
||
|
||
/**
|
||
* 列表配置
|
||
*/
|
||
export interface ColumnConfig {
|
||
//组件唯一标识
|
||
key?: string;
|
||
//显示名
|
||
label?: string;
|
||
//列名
|
||
columnName: string;
|
||
//对齐
|
||
alignType?: string;
|
||
//宽度
|
||
columnWidth?: string;
|
||
//自适应
|
||
autoWidth?: boolean;
|
||
//是否合计
|
||
isTotal?: boolean;
|
||
//是否是数字类型
|
||
isNumber?: boolean;
|
||
//组件类型
|
||
componentType?: string;
|
||
//时间选择、日期选择、时间范围、日期范围需要
|
||
format?: string;
|
||
//组件配置
|
||
componentProps?: any;
|
||
//手机端是否显示标签
|
||
showLabel?: boolean;
|
||
//手机端是否主字段，当主字段启用时，该字段的标签和内容的字体大小增加2px，然后字体加粗
|
||
mainField?: boolean;
|
||
//是否列头筛选
|
||
isFilter?: boolean;
|
||
}
|
||
|
||
/**
|
||
* 按钮配置
|
||
*/
|
||
export interface ButtonConfig {
|
||
//是否启用
|
||
isUse: boolean;
|
||
//按钮名
|
||
name: string;
|
||
//编码
|
||
code: string;
|
||
//图标
|
||
icon: string;
|
||
//是否新增
|
||
isDefault: boolean;
|
||
//按钮类型
|
||
type: string;
|
||
}
|
||
|
||
/**
|
||
* 合计配置
|
||
*/
|
||
export interface TotalConfig {
|
||
//需要合计字段
|
||
fieldName: string;
|
||
}
|