From 529d588d2bb2ecbf630900f83bdd457b39f68771 Mon Sep 17 00:00:00 2001 From: Sheng Date: Fri, 28 Oct 2022 14:24:20 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A7=92=E8=89=B2=E7=AE=A1=E7=90=86=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E7=9A=84=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/views/system/apiWhiteList/curd.tsx | 221 +++++++++++++++++ web/src/views/system/apiWhiteList/index.vue | 223 +---------------- web/src/views/system/role/curd.tsx | 4 +- web/src/views/system/role/index.vue | 260 +------------------- 4 files changed, 226 insertions(+), 482 deletions(-) create mode 100644 web/src/views/system/apiWhiteList/curd.tsx diff --git a/web/src/views/system/apiWhiteList/curd.tsx b/web/src/views/system/apiWhiteList/curd.tsx new file mode 100644 index 0000000..4fad11e --- /dev/null +++ b/web/src/views/system/apiWhiteList/curd.tsx @@ -0,0 +1,221 @@ +import { CrudExpose, CrudOptions, AddReq, DelReq, EditReq, dict } from '@fast-crud/fast-crud'; +import _ from 'lodash-es'; + +interface CreateCrudOptionsTypes { + crudOptions: CrudOptions; +} + +//此处为crudOptions配置 +export const createCrudOptions = function ({crudExpose}: {crudExpose: CrudExpose}): CreateCrudOptionsTypes { + //本地模拟后台crud接口方法 ----开始 + const records = [ + { + id: 1, + modifier_name: '超级管理员', + creator_name: '超级管理员', + create_datetime: '2022-05-24 13:43:21', + update_datetime: '2022-05-31 02:09:01', + description: 'null1111111', + modifier: '1', + dept_belong_id: '1', + url: '/api/system/dept_lazy_tree/', + method: 0, + enable_datasource: true, + creator: 1, + }, + { + id: 2, + modifier_name: '超级管理员', + creator_name: '超级管理员', + create_datetime: '2022-05-24 13:43:21', + update_datetime: '2022-05-31 02:09:01', + description: 'null22222', + modifier: '1', + dept_belong_id: '1', + url: '/api/system/dept_lazy_tree/', + method: 3, + enable_datasource: false, + creator: 1, + }, + ]; + const pageRequest = async (query: any) => { + return { + records, + currentPage: 1, + pageSize: 20, + total: records.length, + }; + }; + const editRequest = async (req: EditReq) => { + const target = _.find(records, (item) => { + return req.row.id === item.id; + }); + _.merge(target, req.form); + return target; + }; + const delRequest = async (req: DelReq) => { + _.remove(records, (item) => { + return item.id === req.row.id; + }); + }; + + const addRequest = async (req: AddReq) => { + const maxRecord = _.maxBy(records, (item) => { + return item.id; + }); + req.form.id = (maxRecord?.id || 0) + 1; + records.push(req.form); + return req.form; + }; + //本地模拟后台crud接口方法 ----结束 + return { + crudOptions: { + request: { + pageRequest, + addRequest, + editRequest, + delRequest, + }, + rowHandle: { + buttons: { + view: { show: false }, + }, + }, + form: { + labelWidth: '120px', + wrapper: { + is: 'el-dialog', + width: '600px', + }, + }, + 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 }, + type: 'text', + search: { show: true }, + form: { + show: false, + component: { + placeholder: '输入关键词搜索', + }, + }, + }, + id: { + title: 'ID', + type: 'text', + column: { show: false }, + search: { show: false }, + form: { show: false }, + }, + method: { + title: '请求方式', + type: 'dict-select', + search: { show: true }, + dict: dict({ + data: [ + { + label: 'GET', + value: 0, + color: null, + }, + { + label: 'POST', + value: 1, + color: null, + }, + { + label: 'PUT', + value: 2, + color: null, + }, + { + label: 'DELETE', + value: 3, + color: null, + }, + ], + }), + form: { + component: { + maxlength: 20, + }, + }, + column: { + sortable: true, + }, + }, + url: { + title: '接口地址', + type: 'text', + search: { show: false }, + form: { + col: { span: 24 }, + helper: { + render() { + return ('
请正确填写，以免请求时被拦截。匹配单例使用正则,例如:/api/xx/.*?/
'); + }, + }, + component: { + maxlength: 20, + }, + }, + column: { + sortable: true, + }, + }, + enable_datasource: { + title: '数据权限认证', + search: { show: true }, + type: 'dict-radio', + dict: dict({ + data: [ + { + label: '启用', + value: true, + color: 'success', + }, + { + label: '禁用', + value: false, + color: 'danger', + }, + ], + }), + form: { + component: { + maxlength: 20, + }, + }, + }, + description: { + title: '备注', + type: 'textarea', + search: { show: false }, + form: { + col: { span: 24 }, + component: { + maxlength: 200, + }, + }, + }, + }, + }, + }; +}; \ No newline at end of file diff --git a/web/src/views/system/apiWhiteList/index.vue b/web/src/views/system/apiWhiteList/index.vue index 4c4c2e8..d2ff9e0 100644 --- a/web/src/views/system/apiWhiteList/index.vue +++ b/web/src/views/system/apiWhiteList/index.vue @@ -10,227 +10,8 @@