From 3639cad58cbd0360e30d749ca298924e61474bac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8C=BF=E5=B0=8F=E5=A4=A9?= <1638245306@qq.com> Date: Mon, 25 Dec 2023 20:02:43 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=8A=9F=E8=83=BD:=201.=20=E5=B0=81?= =?UTF-8?q?=E8=A3=85=E6=89=80=E6=9C=89=E7=9A=84=E6=9B=B4=E6=96=B0=E6=97=B6?= =?UTF-8?q?=E9=97=B4=E3=80=81=E6=9B=B4=E6=96=B0=E6=95=B0=E6=8D=AE=E3=80=81?= =?UTF-8?q?=E9=83=A8=E9=97=A8=E7=AD=89=EF=BC=8C=E7=B1=BB=E4=BC=BCdvadmin2?= =?UTF-8?q?=E7=9A=84=EF=BC=8C=E4=B8=80=E9=94=AE=E5=8A=A0=E5=85=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/settings.ts | 7 ++ web/src/utils/commonCrud.ts | 130 ++++++++++++++++++++++++++++ web/src/views/system/demo/index.vue | 13 +++ 3 files changed, 150 insertions(+) create mode 100644 web/src/utils/commonCrud.ts create mode 100644 web/src/views/system/demo/index.vue diff --git a/web/src/settings.ts b/web/src/settings.ts index c70fb38..62349a0 100644 --- a/web/src/settings.ts +++ b/web/src/settings.ts @@ -11,6 +11,7 @@ import { request } from '/@/utils/service'; import { FsExtendsEditor,FsExtendsUploader } from '@fast-crud/fast-extends'; import '@fast-crud/fast-extends/dist/style.css'; import { successMessage, successNotification } from '/@/utils/message'; +import XEUtils from "xe-utils"; export default { async install(app: any, options: any) { // 先安装ui @@ -20,8 +21,14 @@ export default { //i18n, //i18n配置，可选，默认使用中文，具体用法请看demo里的 src/i18n/index.js 文件 // 此处配置公共的dictRequest（字典请求） async dictRequest({ dict }: any) { + const {isTree} = dict + console.log(222222,isTree) //根据dict的url，异步返回一个字典数组 return await request({ url: dict.url, params: dict.params || {} }).then((res:any)=>{ + console.log(XEUtils.toArrayTree(res.data,{parentKey:'parent'})) + if(isTree){ + return XEUtils.toArrayTree(res.data,{parentKey:'parent'}) + } return res.data }); }, diff --git a/web/src/utils/commonCrud.ts b/web/src/utils/commonCrud.ts new file mode 100644 index 0000000..b9719a7 --- /dev/null +++ b/web/src/utils/commonCrud.ts @@ -0,0 +1,130 @@ +import { dict } from "@fast-crud/fast-crud"; +export const commonCrudConfig = (options = { + create_datetime: { + form: false, + table: false, + search: false + }, + update_datetime: { + form: false, + table: false, + search: false + }, + creator_name: { + form: false, + table: false, + search: false + }, + modifier_name: { + form: false, + table: false, + search: false + }, + dept_belong_id: { + form: false, + table: false, + search: false + }, + description: { + form: false, + table: false, + search: false + }, +}) => { + return { + description: { + title: '备注', + search: { + show: options.description?.search || false + }, + type: 'textarea', + column: { + show: options.description?.table || false, + }, + form: { + component: { + show: options.description?.form || false, + placeholder: '请输入内容', + showWordLimit: true, + maxlength: '200', + } + } + }, + modifier_name: { + title: '修改人', + search: { + show: options.modifier_name?.search || false + }, + column: { + width: 100, + show: options.modifier_name?.table || false, + } + }, + update_datetime: { + title: '更新时间', + type: 'datetime', + search: { + show: options.update_datetime?.search || false + }, + column: { + width: 160, + show: options.update_datetime?.table || false, + } + }, + creator_name: { + title: '创建人', + search: { + show: options.creator_name?.search || false + }, + column: { + width: 100, + show: options.creator_name?.table || false, + } + }, + create_datetime: { + title: '创建时间', + type: 'datetime', + search: { + show: options.create_datetime?.search || false + }, + column: { + width: 160, + show: options.create_datetime?.table || false, + } + }, + dept_belong_id: { + title: '所属部门', + type: 'dict-tree', + search: { + show: false + }, + dict: dict({ + url: '/api/system/dept/all_dept/', + isTree: true, + value: 'id', + label: 'name', + children: 'children' // 数据字典中children字段的属性名 + }), + column: { + width: 150, + show: options.dept_belong_id?.table || false, + }, + form: { + component: { + show: options.dept_belong_id?.form || false, + multiple: false, + clearable: true, + props: { + props: { + // 为什么这里要写两层props + // 因为props属性名与fs的动态渲染的props命名冲突，所以要多写一层 + label: "name", + value: "id", + } + } + }, + helper: "默认不填则为当前创建用户的部门ID" + } + } + } +} diff --git a/web/src/views/system/demo/index.vue b/web/src/views/system/demo/index.vue new file mode 100644 index 0000000..4f7b7ec --- /dev/null +++ b/web/src/views/system/demo/index.vue @@ -0,0 +1,13 @@ + + + + +