import * as api from './api'; import { UserPageQuery, AddReq, DelReq, EditReq, CrudExpose, CrudOptions, CreateCrudOptionsProps, CreateCrudOptionsRet } from '@fast-crud/fast-crud'; export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { const pageRequest = async (query: UserPageQuery) => { return await api.GetList(query); }; const editRequest = async ({ form, row }: EditReq) => { form.id = row.id; return await api.UpdateObj(form); }; const delRequest = async ({ row }: DelReq) => { return await api.DelObj(row.id); }; const addRequest = async ({ form }: AddReq) => { return await api.AddObj(form); }; return { crudOptions: { toolbar:{ buttons:{ search:{show:false}, // 刷新按钮 refresh:{show:false}, // 紧凑模式 compact:{show:false}, // 导出按钮 export:{ text: '导出', type: 'primary', size: 'small', icon: 'upload', circle: false, display: true, show:false }, // 列设置按钮 columns:{ show:false }, } }, request: { pageRequest, addRequest, editRequest, delRequest, }, actionbar: { buttons: { add: { show: false, }, }, }, rowHandle: { fixed:'right', width: 100, buttons: { view: { type: 'text', }, edit: { show: false, }, remove: { show: false, }, }, }, columns: { _index: { title: '序号', form: { show: false }, column: { //type: 'index', align: 'center', width: '70px', columnSetDisabled: true, //禁止在列设置中选择 formatter: (context) => { //计算序号,你可以自定义计算规则,此处为翻页累加 let index = context.index ?? 1; let pagination = crudExpose!.crudBinding.value.pagination; return ((pagination!.currentPage ?? 1) - 1) * pagination!.pageSize + index + 1; }, }, }, search: { title: '关键词', column: { show: false, }, search: { show: true, component: { props: { clearable: true, }, placeholder: '请输入关键词', }, }, form: { show: false, component: { props: { clearable: true, }, }, }, }, request_modular: { title: '请求模块', search: { disabled: false, }, type: 'input', column:{ minWidth: 100, }, form: { disabled: true, component: { placeholder: '请输入请求模块', }, }, }, request_path: { title: '请求地址', search: { disabled: false, }, type: 'input', column:{ minWidth: 200, }, form: { disabled: true, component: { placeholder: '请输入请求地址', }, }, }, request_body: { column: { showOverflowTooltip: true, width: 200, //列宽 minWidth: 100, //最小列宽 }, title: '请求参数', search: { disabled: true, }, disabled: true, type: 'textarea', form: { component: { props: { type: 'textarea', }, autosize: { minRows: 2, maxRows: 8, }, placeholder: '请输入关键词', }, }, }, request_method: { title: '请求方法', type: 'input', search: { disabled: false, }, column:{ minWidth: 100, }, form: { disabled: true, component: { placeholder: '请输入请求方法', }, }, component: { props: { color: 'auto' } }, // 自动染色 }, request_msg: { title: '操作说明', disabled: true, form: { component: { span: 12, }, }, }, request_ip: { title: 'IP地址', search: { disabled: false, }, type: 'input', column:{ minWidth: 100, }, form: { disabled: true, component: { placeholder: '请输入IP地址', }, }, component: { props: { color: 'auto' } }, // 自动染色 }, request_browser: { title: '请求浏览器', type: 'input', column:{ minWidth: 120, }, form: { disabled: true, }, component: { props: { color: 'auto' } }, // 自动染色 }, response_code: { title: '响应码', search: { disabled: true, }, type: 'input', column:{ minWidth: 100, }, form: { disabled: true, }, component: { props: { color: 'auto' } }, // 自动染色 }, request_os: { title: '操作系统', disabled: true, search: { disabled: true, }, type: 'input', column:{ minWidth: 120, }, form: { disabled: true, }, component: { props: { color: 'auto' } }, // 自动染色 }, json_result: { title: '返回信息', search: { disabled: true, }, type: 'input', column:{ minWidth: 150, }, form: { disabled: true, }, component: { props: { color: 'auto' } }, // 自动染色 }, creator_name: { title: '操作人', column:{ minWidth: 100, }, form: { disabled: true, }, }, }, }, }; };