+
+
+
+
+
+
+ {{ item.label }}
+
+
+ {menu}
+
+ );
+ };
+ }
+});
diff --git a/packages/ui/certd-client/src/layout/components/menu/index.less b/packages/ui/certd-client/src/layout/components/menu/index.less
new file mode 100644
index 000000000..9521a4070
--- /dev/null
+++ b/packages/ui/certd-client/src/layout/components/menu/index.less
@@ -0,0 +1,11 @@
+.fs-menu-wrapper{
+ height: 100%;
+ overflow-y: auto;
+ &.fs-menu-better-scroll{
+ overflow-y: hidden;
+ }
+ .menu-item-title{
+ display: flex;
+ align-items: center;
+ }
+}
diff --git a/packages/ui/certd-client/src/layout/components/source-link/index.vue b/packages/ui/certd-client/src/layout/components/source-link/index.vue
new file mode 100644
index 000000000..9d16a5021
--- /dev/null
+++ b/packages/ui/certd-client/src/layout/components/source-link/index.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/layout/components/tabs/index.vue b/packages/ui/certd-client/src/layout/components/tabs/index.vue
new file mode 100644
index 000000000..21ddddb8c
--- /dev/null
+++ b/packages/ui/certd-client/src/layout/components/tabs/index.vue
@@ -0,0 +1,295 @@
+
+ 本页源码（Gitee）
+ 本页源码（Github）
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/layout/components/theme/color-picker.vue b/packages/ui/certd-client/src/layout/components/theme/color-picker.vue
new file mode 100644
index 000000000..599baf34e
--- /dev/null
+++ b/packages/ui/certd-client/src/layout/components/theme/color-picker.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/layout/components/theme/index.vue b/packages/ui/certd-client/src/layout/components/theme/index.vue
new file mode 100644
index 000000000..bc8a92c05
--- /dev/null
+++ b/packages/ui/certd-client/src/layout/components/theme/index.vue
@@ -0,0 +1,51 @@
+
+ 主题色
+
+
+
+ {{ item.key }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/layout/components/user-info/index.vue b/packages/ui/certd-client/src/layout/components/user-info/index.vue
new file mode 100644
index 000000000..24af19850
--- /dev/null
+++ b/packages/ui/certd-client/src/layout/components/user-info/index.vue
@@ -0,0 +1,40 @@
+
+ 注销登录
+
+ 
+ FsAdmin
+
+
+
+ FsAdmin
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/layout/layout-pass.vue b/packages/ui/certd-client/src/layout/layout-pass.vue
new file mode 100644
index 000000000..98240aef8
--- /dev/null
+++ b/packages/ui/certd-client/src/layout/layout-pass.vue
@@ -0,0 +1,3 @@
+
+
+
+
+
+
+
+
+
+
+
+ FsAdmin
+
+
+ FsAdmin
+ fast-crud，开发crud快如闪电
+ 大量数据
+
+
+ 对话框中显示crud
+
+
+
+ 打开对话框
+
+
+
+
+ 本地分页
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/mock.js b/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/mock.js
new file mode 100644
index 000000000..726a628a8
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/mock.js
@@ -0,0 +1,19 @@
+import mockUtil from "/src/mock/base";
+const options = {
+ name: "AdvancedSubTable",
+ idGenerator: 0
+};
+const list = [
+ {
+ name: "张三"
+ },
+ {
+ name: "李四"
+ },
+ {
+ name: "王五"
+ }
+];
+options.list = list;
+const mock = mockUtil.buildMock(options);
+export default mock;
diff --git a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/api.js b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/api.js
new file mode 100644
index 000000000..af612a7a8
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/api.js
@@ -0,0 +1,42 @@
+import { requestForMock } from "/src/api/service";
+const request = requestForMock;
+const apiPrefix = "/mock/BasisColumnMergePlugin";
+export function GetList(query) {
+ return request({
+ url: apiPrefix + "/page",
+ method: "get",
+ data: query
+ });
+}
+
+export function AddObj(obj) {
+ return request({
+ url: apiPrefix + "/add",
+ method: "post",
+ data: obj
+ });
+}
+
+export function UpdateObj(obj) {
+ return request({
+ url: apiPrefix + "/update",
+ method: "post",
+ data: obj
+ });
+}
+
+export function DelObj(id) {
+ return request({
+ url: apiPrefix + "/delete",
+ method: "post",
+ params: { id }
+ });
+}
+
+export function GetObj(id) {
+ return request({
+ url: apiPrefix + "/info",
+ method: "get",
+ params: { id }
+ });
+}
diff --git a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/crud.jsx b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/crud.jsx
new file mode 100644
index 000000000..40a9cc8ca
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/crud.jsx
@@ -0,0 +1,69 @@
+import * as api from "./api";
+import { dict } from "@fast-crud/fast-crud";
+
+export default function ({ expose }) {
+ const pageRequest = async (query) => {
+ return await api.GetList(query);
+ };
+ const editRequest = async ({ form, row }) => {
+ form.id = row.id;
+ return await api.UpdateObj(form);
+ };
+ const delRequest = async ({ row }) => {
+ return await api.DelObj(row.id);
+ };
+
+ const addRequest = async ({ form }) => {
+ return await api.AddObj(form);
+ };
+
+ return {
+ output: {},
+ crudOptions: {
+ settings: {
+ viewFormUseCellComponent: true
+ },
+ request: {
+ pageRequest,
+ addRequest,
+ editRequest,
+ delRequest
+ },
+ columns: {
+ id: {
+ title: "ID",
+ key: "id",
+ type: "number",
+ column: {
+ width: 50
+ },
+ form: {
+ show: false
+ }
+ },
+ text: {
+ title: "text",
+ type: "text"
+ },
+ readonly: {
+ title: "只读字段",
+ type: "text",
+ readonly: true
+ },
+ useCell: {
+ title: "查看使用cell组件",
+ type: "dict-select",
+ readonly: true,
+ dict: dict({
+ url: "/mock/dicts/OpenStatusEnum"
+ }),
+ viewForm: {
+ component: {
+ vModel: "modelValue"
+ }
+ }
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/index.vue b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/index.vue
new file mode 100644
index 000000000..186aa0367
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/index.vue
@@ -0,0 +1,34 @@
+
+ 年级id：{{ gradeId }},当前选中值：{{ modelValue }}
+
+
+ 可以实现类似dict的公共属性
+
+
+ 动态计算-更多测试
+
+
+ 动态计算
+
+
+ 帮助说明
+
+
+ CRUD示例【国际化】
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-custom/index.vue b/packages/ui/certd-client/src/views/crud/basis/layout-custom/index.vue
new file mode 100644
index 000000000..747c9dd9e
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/basis/layout-custom/index.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自定义布局
+
+ ValueChange
+
+ {scope.value}
;
+ }
+ }
+ }
+ },
+ disabled: {
+ title: "禁用启用",
+ search: { show: false },
+ type: "dict-switch",
+ dict: dict({
+ data: [
+ { value: true, label: "禁用" },
+ { value: false, label: "启用" }
+ ]
+ })
+ },
+ content_wang: {
+ title: "内容",
+ column: {
+ width: 300,
+ show: false
+ },
+ type: ["editor-wang5"], // 富文本图片上传依赖file-uploader，请先配置好file-uploader
+ form: {
+ helper:"示例已升级到wangEditor5版本，原来的editor-wang目前仍然可以使用，后续fs升级可能会将其删除，请尽快升级到editor-wang5版本",
+ col: { span: 24 },
+ // 动态显隐字段
+ // show: compute(({ form }) => {
+ // return form.change === "wang";
+ // }),
+ rules: [{ required: true, message: "此项必填" }],
+ component: {
+ disabled: compute(({ form }) => {
+ return form.disabled;
+ }),
+ id: "1", // 当同一个页面有多个editor时，需要配置不同的id
+ config: {},
+ uploader: {
+ type: "form",
+ buildUrl(res) {
+ return res.url;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/component/editor/index.vue b/packages/ui/certd-client/src/views/crud/component/editor/index.vue
new file mode 100644
index 000000000..61e5e2033
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/component/editor/index.vue
@@ -0,0 +1,44 @@
+
+ 非常好用哦
', + change: "quill" + }, + { + title: "d2-crud-plus有什么优势？", + text: "简单，方便", + content_quill: "简单方便", + change: "wang" + }, + { + title: "1111111", + text: "22222", + content_quill: "3333", + change: "wang" + } +]; +options.list = list; +const mock = mockUtil.buildMock(options); +export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/icon/api.js b/packages/ui/certd-client/src/views/crud/component/icon/api.js new file mode 100644 index 000000000..4db9ed9ba --- /dev/null +++ b/packages/ui/certd-client/src/views/crud/component/icon/api.js @@ -0,0 +1,42 @@ +import { requestForMock } from "/src/api/service"; +const request = requestForMock; +const apiPrefix = "/mock/ComponentIcon"; +export function GetList(query) { + return request({ + url: apiPrefix + "/page", + method: "get", + data: query + }); +} + +export function AddObj(obj) { + return request({ + url: apiPrefix + "/add", + method: "post", + data: obj + }); +} + +export function UpdateObj(obj) { + return request({ + url: apiPrefix + "/update", + method: "post", + data: obj + }); +} + +export function DelObj(id) { + return request({ + url: apiPrefix + "/delete", + method: "post", + params: { id } + }); +} + +export function GetObj(id) { + return request({ + url: apiPrefix + "/info", + method: "get", + params: { id } + }); +} diff --git a/packages/ui/certd-client/src/views/crud/component/icon/crud.jsx b/packages/ui/certd-client/src/views/crud/component/icon/crud.jsx new file mode 100644 index 000000000..ad9c38bed --- /dev/null +++ b/packages/ui/certd-client/src/views/crud/component/icon/crud.jsx @@ -0,0 +1,75 @@ +import * as api from "./api"; +export default function ({ expose }) { + const pageRequest = async (query) => { + return await api.GetList(query); + }; + const editRequest = async ({ form, row }) => { + form.id = row.id; + return await api.UpdateObj(form); + }; + const delRequest = async ({ row }) => { + return await api.DelObj(row.id); + }; + + const addRequest = async ({ form }) => { + return await api.AddObj(form); + }; + return { + crudOptions: { + request: { + pageRequest, + addRequest, + editRequest, + delRequest + }, + columns: { + id: { + title: "ID", + key: "id", + type: "number", + column: { + width: 50 + }, + form: { + show: false + } + }, + icon: { + title: "icon", + search: { show: true }, + type: "text", + column: { + component: { + name: "fs-icon", + vModel: "icon", + style: "font-size:18px" + } + }, + form: { + helper: { + render() { + return ( + + 点击此处选择图标名称 + + ); + } + } + } + }, + svg: { + title: "svg", + search: { show: true }, + type: "text", + column: { + component: { + name: "fs-icon", + vModel: "icon", + style: "font-size:18px" + } + } + } + } + } + }; +} diff --git a/packages/ui/certd-client/src/views/crud/component/icon/index.vue b/packages/ui/certd-client/src/views/crud/component/icon/index.vue new file mode 100644 index 000000000..f8f1e9293 --- /dev/null +++ b/packages/ui/certd-client/src/views/crud/component/icon/index.vue @@ -0,0 +1,42 @@ + +
+ // {value}
+ // 复制
+ //
+ // );
+ // const clipboard = resolveDirective("clipboard");
+ // return withDirectives(content, [[clipboard, value]]);
+ // }
+ // }
+ // },
+ copy: {
+ title: "剪贴板",
+ type: ["text", "copyable"]
+ },
+ intro: {
+ title: "简介",
+ type: "textarea",
+ form: {
+ component: { showWordLimit: true, maxlength: 200 }
+ },
+ column: {
+ ellipsis: true,
+ showTitle: true
+ }
+ },
+ render: {
+ title: "复杂输入(render)",
+ form: {
+ title: "复杂输入",
+ component: {
+ render(context) {
+ console.log("context scope", context);
+ return (
+
+ index: {scope.index} ; row: {JSON.stringify(scope.record)}
+
+ );
+ }
+ }
+ },
+ columns: {
+ id: {
+ title: "ID",
+ key: "id",
+ type: "number",
+ column: {
+ width: 50
+ },
+ form: {
+ show: false
+ }
+ },
+ radio: {
+ title: "状态",
+ search: { show: true },
+ type: "dict-radio",
+ dict: dict({
+ url: "/mock/dicts/OpenStatusEnum?single"
+ })
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/feature/expand/index.vue b/packages/ui/certd-client/src/views/crud/feature/expand/index.vue
new file mode 100644
index 000000000..fe8b3d2c4
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/feature/expand/index.vue
@@ -0,0 +1,65 @@
+
+
+
+ 搜索框：
+
+
+
+
+ 动作条：
+
+
+
+ 添加：
+
+
+ 自定义：
+
+
+
+ 工具条：
+
+
+
+ 查询：
+
+
+ 刷新：
+
+
+ 紧凑：
+
+
+ 导出：
+
+
+ 列设置：
+
+
+
+ 表格：
+
+
+
+
+ 操作列：
+
+
+
+ 查看：
+
+
+ 修改：
+
+
+ 删除：
+
+
+ 自定义：
+
+
+
+ 翻页：
+
+
+
+
+
+ 将本地crud当做v-model,编辑好之后一并提交，你还可以使用行编辑模式，效果更好
+
+
+
+
+
+
+
+
+
+ 提交
+
+
+
+
+
+
+
+ 总结栏
;
+ }
+ }
+ },
+ columns: {
+ id: {
+ title: "id",
+ type: "text"
+ },
+ radio: {
+ title: "状态",
+ search: { show: true },
+ type: "dict-radio",
+ dict: dict({
+ url: "/mock/dicts/OpenStatusEnum?single"
+ })
+ },
+ cellMerge: {
+ title: "上下合并",
+ column: {
+ customRender: ({ text, index }, cellRender) => {
+ const obj = {
+ props: {}
+ };
+ if (index === 2) {
+ obj.children = text + "(我合并了)";
+ obj.props.rowSpan = 2;
+ } else if (index === 3) {
+ obj.props.rowSpan = 0;
+ } else {
+ obj.children = cellRender();
+ }
+ return obj;
+ }
+ }
+ },
+ colMerge1: {
+ title: "左右合并",
+ column: {
+ align: "center",
+ customRender({ text, index, record, dataIndex }, cellRender) {
+ if (index !== 4) {
+ return {
+ children: cellRender()
+ };
+ }
+ return {
+ children: text + "(我合并了)",
+ props: {
+ colSpan: 2
+ }
+ };
+ }
+ }
+ },
+ colMerge2: {
+ title: "左右合并",
+ column: {
+ customRender({ text, index, record, dataIndex }, cellRender) {
+ if (index !== 4) {
+ return {
+ children: cellRender()
+ };
+ }
+ return {
+ props: {
+ colSpan: 0
+ }
+ };
+ }
+ }
+ },
+ header1: {
+ title: "表头合并(我合并了)",
+ type: "text",
+ column: {
+ colSpan: 2
+ }
+ },
+ header2: {
+ title: "表头合并",
+ type: "text",
+ column: {
+ colSpan: 0
+ }
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/feature/merge/index.vue b/packages/ui/certd-client/src/views/crud/feature/merge/index.vue
new file mode 100644
index 000000000..49d0ce99c
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/feature/merge/index.vue
@@ -0,0 +1,39 @@
+
+ LabelRender
;
+ },
+ helper: {
+ text: "配置form.title为一个render方法即可自定义label"
+ }
+ }
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/form/base/index.vue b/packages/ui/certd-client/src/views/crud/form/base/index.vue
new file mode 100644
index 000000000..c7a2168c1
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/form/base/index.vue
@@ -0,0 +1,31 @@
+
+ jsx自定义render
;
+ }
+ }
+ }
+ },
+ status: {
+ title: "显示在label",
+ type: "text",
+ form: {
+ rules: [{ required: true, message: "此项必填" }],
+ helper: {
+ position: "label",
+ tooltip: {
+ placement: "topLeft"
+ },
+ text: "在label通过tooltip方式显示的helper\n换行测试"
+ // render() {
+ // return 在label通过tooltip方式显示的helper
;
+ // }
+ }
+ }
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/form/helper/index.vue b/packages/ui/certd-client/src/views/crud/form/helper/index.vue
new file mode 100644
index 000000000..440574488
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/form/helper/index.vue
@@ -0,0 +1,48 @@
+
+ jsx自定义render
;
+ }
+ }
+ }
+ },
+ status: {
+ title: "显示在label",
+ type: "text",
+ form: {
+ rules: [{ required: true, message: "此项必填" }],
+ helper: {
+ position: "label",
+ tooltip: {
+ placement: "topLeft"
+ },
+ text: "在label通过tooltip方式显示的helper"
+ // render() {
+ // return 在label通过tooltip方式显示的helper
;
+ // }
+ }
+ }
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/form/independent/index.vue b/packages/ui/certd-client/src/views/crud/form/independent/index.vue
new file mode 100644
index 000000000..633904440
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/form/independent/index.vue
@@ -0,0 +1,215 @@
+
+
+ 提交表单
+ 重置表单
+ setFormData
+
+ 表单布局
+
+ 表单布局
+
+ 表单布局
+
+ 新页面编辑
+
+
+
+
+ 保存
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/api.js b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/api.js
new file mode 100644
index 000000000..3cfd81822
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/api.js
@@ -0,0 +1,42 @@
+import { requestForMock } from "/src/api/service";
+const request = requestForMock;
+const apiPrefix = "/mock/RowHandleDropdown";
+export function GetList(query) {
+ return request({
+ url: apiPrefix + "/page",
+ method: "get",
+ data: query
+ });
+}
+
+export function AddObj(obj) {
+ return request({
+ url: apiPrefix + "/add",
+ method: "post",
+ data: obj
+ });
+}
+
+export function UpdateObj(obj) {
+ return request({
+ url: apiPrefix + "/update",
+ method: "post",
+ data: obj
+ });
+}
+
+export function DelObj(id) {
+ return request({
+ url: apiPrefix + "/delete",
+ method: "post",
+ params: { id }
+ });
+}
+
+export function GetObj(id) {
+ return request({
+ url: apiPrefix + "/info",
+ method: "get",
+ params: { id }
+ });
+}
diff --git a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/crud.jsx b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/crud.jsx
new file mode 100644
index 000000000..2947b5377
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/crud.jsx
@@ -0,0 +1,82 @@
+import * as api from "./api";
+import { dict, compute } from "@fast-crud/fast-crud";
+import { message } from "ant-design-vue";
+export default function ({ expose }) {
+ const pageRequest = async (query) => {
+ return await api.GetList(query);
+ };
+ const editRequest = async ({ form, row }) => {
+ form.id = row.id;
+ return await api.UpdateObj(form);
+ };
+ const delRequest = async ({ row }) => {
+ return await api.DelObj(row.id);
+ };
+
+ const addRequest = async ({ form }) => {
+ return await api.AddObj(form);
+ };
+ return {
+ crudOptions: {
+ request: {
+ pageRequest,
+ addRequest,
+ editRequest,
+ delRequest
+ },
+ rowHandle: {
+ width: 290,
+ buttons: {
+ remove: {
+ // 根据row的值判断按钮是否显示
+ show: compute(({ row }) => {
+ return row.radio !== "0";
+ }),
+ dropdown: true //---------》给想要折叠的按钮配置dropdown为true，就会放入dropdown中《---------------
+ },
+ orderExample: {
+ text: "我排前面",
+ title: "按钮排序示例",
+ type: "link",
+ order: 0, //数字越小，越靠前,默认排序号为1
+ click(opts) {
+ console.log("自定义操作列按钮点击", opts);
+ message.success("自定义操作列按钮点击");
+ }
+ }
+ },
+ dropdown: {
+ // 操作列折叠
+ // 至少几个以上的按钮才会被折叠
+ // atLeast: 2, //TODO 注意 [atLeast]参数即将废弃，请给button配置dropdown即可放入折叠
+ more: {
+ text: "更多",
+ icon: null,
+ iconRight: "ion:caret-down-outline"
+ }
+ }
+ },
+ columns: {
+ id: {
+ title: "ID",
+ key: "id",
+ type: "number",
+ column: {
+ width: 50
+ },
+ form: {
+ show: false
+ }
+ },
+ radio: {
+ title: "状态",
+ search: { show: true },
+ type: "dict-radio",
+ dict: dict({
+ url: "/mock/dicts/OpenStatusEnum?single"
+ })
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/index.vue b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/index.vue
new file mode 100644
index 000000000..45d6937e2
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/index.vue
@@ -0,0 +1,40 @@
+
+
+
+
+ 
+ Fast Crud v{{ version }}
+
+
+ Fast Crud v{{ version }}
+ 面向配置的crud编程，快速开发crud功能
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+ 
+
+ 如果觉得好用，请不要吝啬你的star哟！
+
+
+
+
+ );
+ }
+ }
+ }
+ }
+ }
+ },
+ columns: {
+ id: {
+ title: "ID",
+ key: "id",
+ type: "number",
+ column: {
+ width: 50
+ },
+ form: {
+ show: false
+ }
+ },
+ radio: {
+ title: "状态",
+ search: { show: true },
+ type: "dict-radio",
+ dict: dict({
+ url: "/mock/dicts/OpenStatusEnum?single"
+ })
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/index.vue b/packages/ui/certd-client/src/views/crud/row-handle/tooltip/index.vue
new file mode 100644
index 000000000..40dde985f
--- /dev/null
+++ b/packages/ui/certd-client/src/views/crud/row-handle/tooltip/index.vue
@@ -0,0 +1,51 @@
+
+ + 修改时间：{{ dateFormat(scope.row.updateDate) }} + + + +
+
+
+
+
diff --git a/packages/ui/certd-client/src/views/framework/login/index.vue b/packages/ui/certd-client/src/views/framework/login/index.vue
new file mode 100644
index 000000000..a4b8728b7
--- /dev/null
+++ b/packages/ui/certd-client/src/views/framework/login/index.vue
@@ -0,0 +1,270 @@
+
+
+
+
+
+ FsAdmin v{{ version }}
+
+
+ FsAdmin v{{ version }}
+ 面向配置的crud编程，快速开发crud功能
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 如果觉得好用，请不要吝啬你的star哟！
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/views/framework/register/index.vue b/packages/ui/certd-client/src/views/framework/register/index.vue
new file mode 100644
index 000000000..d63e8e102
--- /dev/null
+++ b/packages/ui/certd-client/src/views/framework/register/index.vue
@@ -0,0 +1,178 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 注册
+
+
+
+ 登录
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/views/sys/authority/permission/api.js b/packages/ui/certd-client/src/views/sys/authority/permission/api.js
new file mode 100644
index 000000000..64627ea60
--- /dev/null
+++ b/packages/ui/certd-client/src/views/sys/authority/permission/api.js
@@ -0,0 +1,48 @@
+import { request } from "/src/api/service";
+const apiPrefix = "/sys/authority/permission";
+export async function GetList(query) {
+ return request({
+ url: apiPrefix + "/page",
+ method: "post",
+ data: query
+ });
+}
+
+export async function GetTree() {
+ return request({
+ url: apiPrefix + "/tree",
+ method: "post"
+ });
+}
+
+export async function AddObj(obj) {
+ return request({
+ url: apiPrefix + "/add",
+ method: "post",
+ data: obj
+ });
+}
+
+export async function UpdateObj(obj) {
+ return request({
+ url: apiPrefix + "/update",
+ method: "post",
+ data: obj
+ });
+}
+
+export async function DelObj(id) {
+ return request({
+ url: apiPrefix + "/delete",
+ method: "post",
+ params: { id }
+ });
+}
+
+export async function GetObj(id) {
+ return request({
+ url: apiPrefix + "/info",
+ method: "post",
+ params: { id }
+ });
+}
diff --git a/packages/ui/certd-client/src/views/sys/authority/permission/crud.jsx b/packages/ui/certd-client/src/views/sys/authority/permission/crud.jsx
new file mode 100644
index 000000000..c8b918534
--- /dev/null
+++ b/packages/ui/certd-client/src/views/sys/authority/permission/crud.jsx
@@ -0,0 +1,150 @@
+import * as api from "./api";
+import { dict } from "@fast-crud/fast-crud";
+
+export default function ({ expose }) {
+ const pageRequest = async (query) => {
+ const list = await api.GetTree(query);
+
+ return {
+ current: 1,
+ records: list,
+ total: 10000,
+ pageSize: 10000
+ };
+ };
+
+ async function afterChange() {
+ await permissionTreeDict.reloadDict();
+ }
+ const editRequest = async ({ form, row }) => {
+ form.id = row.id;
+ const ret = await api.UpdateObj(form);
+ await afterChange();
+ return ret;
+ };
+ const delRequest = async ({ row }) => {
+ const ret = await api.DelObj(row.id);
+ await afterChange();
+ return ret;
+ };
+
+ const addRequest = async ({ form }) => {
+ const ret = await api.AddObj(form);
+ await afterChange();
+ return ret;
+ };
+ let permissionTreeDict = dict({
+ url: "/sys/authority/permission/tree",
+ isTree: true,
+ value: "id",
+ label: "title",
+ async onReady({ dict }) {
+ dict.setData([{ id: -1, title: "根节点", children: dict.data }]);
+ }
+ });
+ return {
+ crudOptions: {
+ request: {
+ pageRequest,
+ addRequest,
+ editRequest,
+ delRequest
+ },
+ actionbar: {
+ show: false
+ },
+ toolbar: {
+ show: false
+ },
+ table: {
+ show: false
+ // scroll: { fixed: true }
+ },
+ rowHandle: {
+ fixed: "right"
+ },
+ search: {
+ show: false
+ },
+ pagination: {
+ show: false,
+ pageSize: 100000
+ },
+ columns: {
+ id: {
+ title: "id",
+ type: "number",
+ form: { show: false }, // 表单配置
+ column: {
+ width: 120,
+ sortable: "custom"
+ }
+ },
+ title: {
+ title: "权限名称",
+ type: "text",
+ form: {
+ rules: [
+ { required: true, message: "请输入权限名称" },
+ { max: 50, message: "最大50个字符" }
+ ],
+ component: {
+ placeholder: "权限名称"
+ }
+ },
+ column: {
+ width: 200
+ }
+ },
+
+ permission: {
+ title: "权限代码",
+ type: "text",
+ column: {
+ width: 170
+ },
+ form: {
+ rules: [
+ { required: true, message: "请输入权限代码" },
+ { max: 100, message: "最大100个字符" }
+ ],
+ component: {
+ placeholder: "例如:sys:user:view"
+ }
+ }
+ },
+ sort: {
+ title: "排序",
+ type: "number",
+ column: {
+ width: 100
+ },
+ form: {
+ value: 100,
+ rules: [{ required: true, type: "number", message: "排序号必填" }]
+ }
+ },
+ parentId: {
+ title: "父节点",
+ type: "dict-tree",
+ column: {
+ width: 100
+ },
+ dict: permissionTreeDict,
+ form: {
+ value: -1,
+ component: {
+ multiple: false,
+ defaultExpandAll: true,
+ dict: { cache: false },
+ fieldNames: {
+ value: "id",
+ label: "title"
+ }
+ }
+ }
+ }
+ }
+ }
+ };
+}
diff --git a/packages/ui/certd-client/src/views/sys/authority/permission/fs-permission-tree.vue b/packages/ui/certd-client/src/views/sys/authority/permission/fs-permission-tree.vue
new file mode 100644
index 000000000..692ca1ddb
--- /dev/null
+++ b/packages/ui/certd-client/src/views/sys/authority/permission/fs-permission-tree.vue
@@ -0,0 +1,178 @@
+
+
+
+
+ {{ scope.title }}
+
+
+ 权限管理
+
+ 角色管理
+
+ 用户管理
+
+