chore: plugin管理

packages/ui/certd-client/src/router/source/modules/sys.ts

@@ -68,6 +68,34 @@ export const sysResources = [
           permission: "sys:settings:view"
         }
       },
+      {
+        title: "系统级授权",
+        name: "SysAccess",
+        path: "/sys/access",
+        component: "/sys/access/index.vue",
+        meta: {
+          show: () => {
+            const settingStore = useSettingStore();
+            return settingStore.isComm;
+          },
+          icon: "ion:disc-outline",
+          permission: "sys:settings:view"
+        }
+      },
+      {
+        title: "插件管理",
+        name: "SysPlugin",
+        path: "/sys/plugin",
+        component: "/sys/plugin/index.vue",
+        meta: {
+          show: () => {
+            const settingStore = useSettingStore();
+            return settingStore.isComm;
+          },
+          icon: "ion:extension-puzzle-outline",
+          permission: "sys:settings:view"
+        }
+      },
       {
         title: "账号绑定",
         name: "AccountBind",

packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx

@@ -1,5 +1,4 @@
 // @ts-ignore
-import * as api from "/@/views/certd/access/api";
 import { ref } from "vue";
 import { getCommonColumnDefine } from "/@/views/certd/access/common";
 import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
@@ -9,25 +8,25 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
   const { props, ctx } = context;
   const lastResRef = ref();
   const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
-    return await api.GetList(query);
+    return await context.api.GetList(query);
   };
   const editRequest = async (req: EditReq) => {
     const { form, row } = req;
     form.id = row.id;
     form.type = props.type;
-    const res = await api.UpdateObj(form);
+    const res = await context.api.UpdateObj(form);
     lastResRef.value = res;
     return res;
   };
   const delRequest = async (req: DelReq) => {
     const { row } = req;
-    return await api.DelObj(row.id);
+    return await context.api.DelObj(row.id);
   };
 
   const addRequest = async (req: AddReq) => {
     const { form } = req;
     form.type = props.type;
-    const res = await api.AddObj(form);
+    const res = await context.api.AddObj(form);
     lastResRef.value = res;
     return res;
   };
@@ -41,7 +40,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 
   const typeRef = ref("aliyun");
   context.typeRef = typeRef;
-  const commonColumnsDefine = getCommonColumnDefine(crudExpose, typeRef);
+  const commonColumnsDefine = getCommonColumnDefine(crudExpose, typeRef, api);
   commonColumnsDefine.type.form.component.disabled = true;
   return {
     typeRef,

packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue

@@ -8,6 +8,7 @@
 import { defineComponent, onMounted, watch } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
+import { createAccessApi } from "/@/views/certd/access/api";
 
 export default defineComponent({
   name: "CertAccessModal",
@@ -16,11 +17,16 @@ export default defineComponent({
       type: String,
       default: "aliyun"
     },
+    from: {
+      type: String, //user | sys
+      default: "user"
+    },
     modelValue: {}
   },
   emits: ["update:modelValue"],
   setup(props, ctx) {
-    const context: any = { props, ctx };
+    const api = createAccessApi(props.from === "sys" ? "/sys/access" : "/pi/access");
+    const context: any = { props, ctx, api };
     const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context });
 
     // 你可以调用此方法，重新初始化crud配置

packages/ui/certd-client/src/views/certd/access/access-selector/index.vue

@@ -18,9 +18,8 @@
 
 <script>
 import { defineComponent, reactive, ref, watch } from "vue";
-import * as api from "../api";
 import CertAccessModal from "./access/index.vue";
-import { GetProviderDefineByAccessType } from "../api";
+import { createAccessApi } from "../api";
 
 export default defineComponent({
   name: "AccessSelector",
@@ -41,10 +40,16 @@ export default defineComponent({
     size: {
       type: String,
       default: "middle"
+    },
+    from: {
+      type: String, //user | sys
+      default: "user"
     }
   },
   emits: ["update:modelValue"],
   setup(props, ctx) {
+    const api = createAccessApi(props.from === "sys" ? "/sys/access" : "/pi/access");
+
     const target = ref({});
     const selectedId = ref();
     async function refreshTarget(value) {

packages/ui/certd-client/src/views/certd/access/api.ts

@@ -1,57 +1,61 @@
 import { request } from "/src/api/service";
-const apiPrefix = "/pi/access";
-export async function GetList(query: any) {
-  return await request({
-    url: apiPrefix + "/page",
-    method: "post",
-    data: query
-  });
-}
 
-export async function AddObj(obj: any) {
-  return await request({
-    url: apiPrefix + "/add",
-    method: "post",
-    data: obj
-  });
-}
+export function createAccessApi(apiPrefix = "/pi/access") {
+  return {
+    async GetList(query: any) {
+      return await request({
+        url: apiPrefix + "/page",
+        method: "post",
+        data: query
+      });
+    },
 
-export async function UpdateObj(obj: any) {
-  return await request({
-    url: apiPrefix + "/update",
-    method: "post",
-    data: obj
-  });
-}
+    async AddObj(obj: any) {
+      return await request({
+        url: apiPrefix + "/add",
+        method: "post",
+        data: obj
+      });
+    },
 
-export async function DelObj(id: number) {
-  return await request({
-    url: apiPrefix + "/delete",
-    method: "post",
-    params: { id }
-  });
-}
+    async UpdateObj(obj: any) {
+      return await request({
+        url: apiPrefix + "/update",
+        method: "post",
+        data: obj
+      });
+    },
 
-export async function GetObj(id: number) {
-  return await request({
-    url: apiPrefix + "/info",
-    method: "post",
-    params: { id }
-  });
-}
+    async DelObj(id: number) {
+      return await request({
+        url: apiPrefix + "/delete",
+        method: "post",
+        params: { id }
+      });
+    },
 
-export async function GetProviderDefine(type: string) {
-  return await request({
-    url: apiPrefix + "/define",
-    method: "post",
-    params: { type }
-  });
-}
+    async GetObj(id: number) {
+      return await request({
+        url: apiPrefix + "/info",
+        method: "post",
+        params: { id }
+      });
+    },
 
-export async function GetProviderDefineByAccessType(type: string) {
-  return await request({
-    url: apiPrefix + "/defineByAccessType",
-    method: "post",
-    params: { type }
-  });
+    async GetProviderDefine(type: string) {
+      return await request({
+        url: apiPrefix + "/define",
+        method: "post",
+        params: { type }
+      });
+    },
+
+    async GetProviderDefineByAccessType(type: string) {
+      return await request({
+        url: apiPrefix + "/defineByAccessType",
+        method: "post",
+        params: { type }
+      });
+    }
+  };
 }

packages/ui/certd-client/src/views/certd/access/common.tsx

@@ -1,12 +1,9 @@
-import { ColumnCompositionProps, dict, compute } from "@fast-crud/fast-crud";
-// @ts-ignore
-import * as api from "./api";
-// @ts-ignore
-import _ from "lodash-es";
+import { ColumnCompositionProps, dict } from "@fast-crud/fast-crud";
 import { computed, ref, toRef } from "vue";
 import { useReference } from "/@/use/use-refrence";
+import { forEach, get, merge, set } from "lodash-es";
 
-export function getCommonColumnDefine(crudExpose: any, typeRef: any) {
+export function getCommonColumnDefine(crudExpose: any, typeRef: any, api: any) {
   const AccessTypeDictRef = dict({
     url: "/pi/access/accessTypeDict"
   });
@@ -27,20 +24,20 @@ export function getCommonColumnDefine(crudExpose: any, typeRef: any) {
       }
     }
     console.log('crudBinding.value[mode + "Form"].columns', columnsRef.value);
-    _.forEach(define.input, (value: any, mapKey: any) => {
+    forEach(define.input, (value: any, mapKey: any) => {
       const key = "access." + mapKey;
       const field = {
         ...value,
         key
       };
-      const column = _.merge({ title: key }, defaultPluginConfig, field);
+      const column = merge({ title: key }, defaultPluginConfig, field);
 
       //eval
       useReference(column);
 
       //设置默认值
-      if (column.value != null && _.get(form, key) == null) {
-        _.set(form, key, column.value);
+      if (column.value != null && get(form, key) == null) {
+        set(form, key, column.value);
       }
       //字段配置赋值
       columnsRef.value[key] = column;

packages/ui/certd-client/src/views/certd/access/crud.tsx

@@ -1,12 +1,12 @@
 // @ts-ignore
-import * as api from "./api";
 import { useI18n } from "vue-i18n";
 import { ref } from "vue";
 import { getCommonColumnDefine } from "/@/views/certd/access/common";
 import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
 
-export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
   const { t } = useI18n();
+  const api = context.api;
   const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
     return await api.GetList(query);
   };
@@ -28,7 +28,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
   };
 
   const typeRef = ref();
-  const commonColumnsDefine = getCommonColumnDefine(crudExpose, typeRef);
+  const commonColumnsDefine = getCommonColumnDefine(crudExpose, typeRef, api);
   return {
     crudOptions: {
       request: {

packages/ui/certd-client/src/views/certd/access/index.vue

@@ -14,11 +14,13 @@
 import { defineComponent, onMounted } from "vue";
 import { useFs } from "@fast-crud/fast-crud";
 import createCrudOptions from "./crud";
+import { createAccessApi } from "/@/views/certd/access/api";
 
 export default defineComponent({
   name: "AccessManager",
   setup() {
-    const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: {} });
+    const api = createAccessApi("/pi/access");
+    const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: { api } });
 
     // 页面打开后获取列表数据
     onMounted(() => {

packages/ui/certd-client/src/views/sys/access/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <fs-page>
+    <template #header>
+      <div class="title">
+        系统级授权管理
+        <span class="sub">管理第三方系统的授权信息(系统级)</span>
+      </div>
+    </template>
+    <fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
+  </fs-page>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted } from "vue";
+import { useFs } from "@fast-crud/fast-crud";
+import createCrudOptions from "../../certd/access/crud";
+import { createAccessApi } from "/@/views/certd/access/api";
+
+export default defineComponent({
+  name: "SysAccessManager",
+  setup() {
+    const api = createAccessApi("/sys/access");
+    const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: { api } });
+
+    // 页面打开后获取列表数据
+    onMounted(() => {
+      crudExpose.doRefresh();
+    });
+
+    return {
+      crudBinding,
+      crudRef
+    };
+  }
+});
+</script>

packages/ui/certd-client/src/views/sys/plugin/api.ts

@@ -0,0 +1,59 @@
+import { request } from "/src/api/service";
+
+const apiPrefix = "/sys/plugin";
+
+export async function GetList(query: any) {
+  return await request({
+    url: apiPrefix + "/page",
+    method: "post",
+    data: query
+  });
+}
+
+export async function AddObj(obj: any) {
+  return await request({
+    url: apiPrefix + "/add",
+    method: "post",
+    data: obj
+  });
+}
+
+export async function UpdateObj(obj: any) {
+  return await request({
+    url: apiPrefix + "/update",
+    method: "post",
+    data: obj
+  });
+}
+
+export async function DelObj(id: any) {
+  return await request({
+    url: apiPrefix + "/delete",
+    method: "post",
+    params: { id }
+  });
+}
+
+export async function GetObj(id: any) {
+  return await request({
+    url: apiPrefix + "/info",
+    method: "post",
+    params: { id }
+  });
+}
+
+export async function GetDetail(id: any) {
+  return await request({
+    url: apiPrefix + "/detail",
+    method: "post",
+    params: { id }
+  });
+}
+
+export async function DeleteBatch(ids: any[]) {
+  return await request({
+    url: apiPrefix + "/deleteByIds",
+    method: "post",
+    data: { ids }
+  });
+}

packages/ui/certd-client/src/views/sys/plugin/crud.tsx

@@ -0,0 +1,180 @@
+import * as api from "./api";
+import { useI18n } from "vue-i18n";
+import { computed, Ref, ref } from "vue";
+import { useRouter } from "vue-router";
+import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud";
+import { useUserStore } from "/src/store/modules/user";
+import { useSettingStore } from "/src/store/modules/settings";
+import { Modal } from "ant-design-vue";
+
+export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+  const router = useRouter();
+  const { t } = useI18n();
+  const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
+    return await api.GetList(query);
+  };
+  const editRequest = async ({ form, row }: EditReq) => {
+    form.id = row.id;
+    const res = await api.UpdateObj(form);
+    return res;
+  };
+  const delRequest = async ({ row }: DelReq) => {
+    return await api.DelObj(row.id);
+  };
+
+  const addRequest = async ({ form }: AddReq) => {
+    form.content = JSON.stringify({
+      title: form.title
+    });
+    const res = await api.AddObj(form);
+    return res;
+  };
+
+  const userStore = useUserStore();
+  const settingStore = useSettingStore();
+  const selectedRowKeys: Ref<any[]> = ref([]);
+  context.selectedRowKeys = selectedRowKeys;
+
+  return {
+    crudOptions: {
+      settings: {
+        plugins: {
+          //这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并
+          rowSelection: {
+            enabled: true,
+            order: -2,
+            before: true,
+            // handle: (pluginProps,useCrudProps)=>CrudOptions,
+            props: {
+              multiple: true,
+              crossPage: true,
+              selectedRowKeys
+            }
+          }
+        }
+      },
+      request: {
+        pageRequest,
+        addRequest,
+        editRequest,
+        delRequest
+      },
+      actionbar: {
+        buttons: {
+          add: {
+            show: false
+          }
+        }
+      },
+      rowHandle: {
+        minWidth: 200,
+        fixed: "right",
+        buttons: {
+          edit: {
+            show: false
+          }
+        }
+      },
+      columns: {
+        id: {
+          title: "ID",
+          key: "id",
+          type: "number",
+          column: {
+            width: 100
+          },
+          form: {
+            show: false
+          }
+        },
+        name: {
+          title: "插件名称",
+          type: "text",
+          search: {
+            show: true
+          },
+          form: {
+            show: false
+          },
+          column: {
+            width: 100
+          }
+        },
+        title: {
+          title: "标题",
+          type: "text",
+          column: {
+            width: 300
+          }
+        },
+        desc: {
+          title: "描述",
+          type: "text",
+          column: {
+            width: 300
+          }
+        },
+        group: {
+          title: "分组",
+          type: "text",
+          column: {
+            width: 300
+          }
+        },
+        disabled: {
+          title: "禁用/启用",
+          type: "dict-switch",
+          dict: dict({
+            data: [
+              { label: "启用", value: false, color: "success" },
+              { label: "禁用", value: true, color: "error" }
+            ]
+          }),
+          form: {
+            value: false
+          },
+          column: {
+            width: 100,
+            component: {
+              title: "点击可禁用/启用",
+              on: {
+                async click({ value, row }) {
+                  Modal.confirm({
+                    title: "提示",
+                    content: `确定要${!value ? "禁用" : "启用"}吗？`,
+                    onOk: async () => {
+                      await api.SetDisabled(row.id, !value);
+                      await crudExpose.doRefresh();
+                    }
+                  });
+                }
+              }
+            }
+          }
+        },
+        createTime: {
+          title: "创建时间",
+          type: "datetime",
+          form: {
+            show: false
+          },
+          column: {
+            sorter: true,
+            width: 160,
+            align: "center"
+          }
+        },
+        updateTime: {
+          title: "更新时间",
+          type: "datetime",
+          form: {
+            show: false
+          },
+          column: {
+            show: true
+          }
+        }
+      }
+    }
+  };
+}

packages/ui/certd-client/src/views/sys/plugin/index.vue

@@ -0,0 +1,51 @@
+<template>
+  <fs-page class="page-cert">
+    <template #header>
+      <div class="title">插件管理</div>
+    </template>
+    <fs-crud ref="crudRef" v-bind="crudBinding">
+      <!--      <template #pagination-left>-->
+      <!--        <a-tooltip title="批量删除">-->
+      <!--          <fs-button icon="DeleteOutlined" @click="handleBatchDelete"></fs-button>-->
+      <!--        </a-tooltip>-->
+      <!--      </template>-->
+    </fs-crud>
+  </fs-page>
+</template>
+
+<script lang="ts" setup>
+import { onMounted } from "vue";
+import { useFs } from "@fast-crud/fast-crud";
+import createCrudOptions from "./crud";
+import { message, Modal } from "ant-design-vue";
+import { DeleteBatch } from "./api";
+
+defineOptions({
+  name: "SysPlugin"
+});
+const { crudBinding, crudRef, crudExpose, context } = useFs({ createCrudOptions });
+
+const selectedRowKeys = context.selectedRowKeys;
+const handleBatchDelete = () => {
+  if (selectedRowKeys.value?.length > 0) {
+    Modal.confirm({
+      title: "确认",
+      content: `确定要批量删除这${selectedRowKeys.value.length}条记录吗`,
+      async onOk() {
+        await DeleteBatch(selectedRowKeys.value);
+        message.info("删除成功");
+        crudExpose.doRefresh();
+        selectedRowKeys.value = [];
+      }
+    });
+  } else {
+    message.error("请先勾选记录");
+  }
+};
+
+// 页面打开后获取列表数据
+onMounted(() => {
+  crudExpose.doRefresh();
+});
+</script>
+<style lang="less"></style>