yg-yygl 0.0.1

package/dist/views/sys/app-menu/config/auth/auth-form.vue.d.ts

@@ -0,0 +1,17 @@
+import type { App } from '../../../../../api/app-menu/types';
+type __VLS_Props = {
+    application: App;
+    step: Number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    getData: () => {
+        subjects: {
+            id: string;
+            name: string;
+            type: "account" | "dept" | "role";
+            originalData?: any;
+        }[];
+        action: string;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/app-menu/config/auth/index.d.vue.ts

@@ -0,0 +1,6 @@
+import type { App } from '../../../../../api/app-menu/types';
+type __VLS_Props = {
+    application?: App;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/app-menu/config/auth/index.vue

@@ -0,0 +1,211 @@
+<script setup lang="ts">
+import type { SearchItemConfig, TableColumn } from '@udp/component-ui';
+
+import type { ApplicationAuth } from '../../../../../api/app-menu/config/types';
+import type { App } from '../../../../../api/app-menu/types';
+
+import { h, reactive, ref } from 'vue';
+
+import { Dialog, IconButton, Search, Table, useTable } from '@udp/component-ui';
+
+import { ElMessage } from 'element-plus';
+
+import {
+  createAuthEntityBatch,
+  deleteAuth,
+  getAuthList,
+  updateAuthAllowedFlag as updateAppAuthEntityAllowedFlag,
+} from '../../../../../api/app-menu/config';
+
+import AuthForm from './auth-form.vue';
+
+const props = defineProps<{
+  application?: App;
+}>();
+
+const searchItems: SearchItemConfig[] = [
+  {
+    prop: 'entityName',
+    label: '授权主体名称',
+    type: 'input',
+    placeholder: '请输入',
+  },
+];
+
+// 列表信息
+const columns = reactive<TableColumn[]>([
+  { prop: 'entityName', label: '授权主体名称', minWidth: 120 },
+  {
+    prop: 'entityType',
+    label: '授权主体类型',
+    minWidth: 120,
+    render: ({ row }) => {
+      const typeMap: Record<string, string> = {
+        '1': '账户',
+        '2': '角色',
+        '3': '组织',
+      };
+      return typeMap[row.entityType] || row.entityType;
+    },
+  },
+  {
+    prop: 'allowedFlag',
+    label: '授权结果',
+    minWidth: 120,
+    render: ({ row }) =>
+      h(ElSwitch, {
+        modelValue: row.allowedFlag,
+        inlinePrompt: true,
+        activeText: '允许',
+        activeValue: 0,
+        inactiveText: '拒绝',
+        inactiveValue: 1,
+        onClick: () => {
+          handleSwitchChange(row);
+        },
+      }),
+  },
+]);
+
+// 配置 API
+const api = {
+  list: ({ current, size, model }: any) => {
+    const newParams = {
+      current,
+      size,
+      model: {
+        ...model,
+        appId: props.application?.id,
+      },
+    };
+    return getAuthList(newParams);
+  },
+  delete: deleteAuth,
+};
+
+// 使用 Hook
+const {
+  loading,
+  data,
+  pagination,
+  refresh,
+  reset,
+  search,
+  deleteRow,
+  handleSizeChange,
+  handleCurrentPageChange,
+  handleSelectionChange,
+} = useTable({
+  api,
+});
+
+const drawerVisible = ref(false);
+const step = ref(0);
+const handleAdd = () => {
+  drawerVisible.value = true;
+  step.value = 0;
+};
+
+const handleClose = () => {
+  drawerVisible.value = false;
+  step.value = 0;
+};
+
+const handleNextStep = () => {
+  step.value = 1;
+};
+
+const authFormRef = ref<InstanceType<typeof AuthForm>>();
+
+// Switch 开关变更处理
+const handleSwitchChange = async (row: ApplicationAuth) => {
+  try {
+    const value = row.allowedFlag === 0 ? 1 : 0
+    await updateAppAuthEntityAllowedFlag({
+      id: row.id!,
+      allowedFlag: value,
+    });
+    ElMessage.success(value === 0 ? '已设置为允许' : '已设置为拒绝');
+    row.allowedFlag = value;
+  } catch {
+    ElMessage.error('操作失败，请重试');
+    refresh();
+  }
+};
+
+// 确认创建授权主体
+const handleConfirm = async () => {
+  const formData = authFormRef.value?.getData();
+  if (!formData || formData.subjects.length === 0) {
+    ElMessage.warning('请选择授权主体');
+    return;
+  }
+
+  await createAuthEntityBatch({
+    appId: props.application?.id || '',
+    entities: formData.subjects.map((item: any) => ({
+      entityId: item.id,
+      entityName: item.name,
+      entityType:
+        item.type === 'account' ? '1' : item.type === 'role' ? '2' : '3',
+      allowedFlag: Number(formData.action),
+    })),
+  });
+
+  ElMessage.success('授权主体创建成功');
+  handleClose();
+  refresh();
+};
+</script>
+
+<template>
+  <div class="flex h-full w-full flex-col overflow-hidden">
+    <Search :items="searchItems" @search="search" @reset="reset" />
+
+    <Table
+      ref="tableRef"
+      height="100%"
+      :data="data"
+      :columns="columns"
+      :loading="loading"
+      :pagination="pagination"
+      show-pagination
+      show-action
+      layout-type="table"
+      action-width="90px"
+      show-delete
+      :on-delete="deleteRow"
+      @refresh="refresh"
+      @selection-change="handleSelectionChange"
+      @size-change="handleSizeChange"
+      @current-page-change="handleCurrentPageChange"
+    >
+      <template #top-actions>
+        <IconButton type="primary" icon-type="add" @click="handleAdd">
+          新增授权主体
+        </IconButton>
+      </template>
+    </Table>
+  </div>
+  <Dialog
+    v-model="drawerVisible"
+    title="新增授权主体"
+    type="add"
+    width="808px"
+    @closed="handleClose"
+  >
+    <AuthForm ref="authFormRef" :step="step" :application="application" />
+    <template #footer>
+      <el-button v-if="step === 0" @click="handleClose">取消</el-button>
+      <el-button v-if="step === 0" type="primary" @click="handleNextStep">
+        下一步
+      </el-button>
+      <el-button v-if="step === 1" @click="step = 0">上一步</el-button>
+      <el-button v-if="step === 1" type="primary" @click="handleConfirm">
+        确定
+      </el-button>
+    </template>
+  </Dialog>
+</template>
+
+<style scoped></style>

package/dist/views/sys/app-menu/config/auth/index.vue.d.ts

@@ -0,0 +1,6 @@
+import type { App } from '../../../../../api/app-menu/types';
+type __VLS_Props = {
+    application?: App;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/app-menu/config/index.d.vue.ts

@@ -0,0 +1,6 @@
+import type { App } from '../../../../api/app-menu/types';
+type __VLS_Props = {
+    application: App;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/app-menu/config/index.vue

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import type { App } from '../../../../api/app-menu/types';
+
+import { ref } from 'vue';
+import { MainContainer } from '../../../../components/main-container';
+// 导入访问授权组件
+import ApplicationAuth from './auth/index.vue';
+// 导入账号关联组件
+import AccountLink from './account/index.vue';
+// 导入角色关联组件
+import RoleLink from './role/index.vue';
+// 导入组织关联组件
+import OrganLink from './organ/index.vue';
+
+// 定义组件属性
+defineProps<{
+  application: App;
+}>();
+
+const emit = defineEmits(['onBack']);
+
+const activeTab = ref('auth')
+
+const toggleTab = (tab: string) => {
+  activeTab.value = tab
+}
+</script>
+
+<template>
+  <MainContainer showHeader show-back :headerTitle="`${application.appName} - 配置`" @back="emit('onBack')">
+    <!-- 应用类型 Tab 切换 -->
+    <div class="w-full">
+      <el-tabs v-model="activeTab" @tab-change="toggleTab">
+        <el-tab-pane label="访问授权" name="auth" />
+        <el-tab-pane label="账号关联" name="account" />
+        <el-tab-pane label="角色关联" name="role" />
+        <el-tab-pane label="组织关联" name="organ" />
+      </el-tabs>
+    </div>
+
+    <!--  访问授权页面  -->
+    <ApplicationAuth v-if="activeTab === 'auth'" :application="application"/>
+    <!--  账号关联页面  -->
+    <AccountLink v-if="activeTab === 'account'" :application-id="application.id??''" />
+    <!--  应用角色页面  -->
+    <RoleLink v-if="activeTab === 'role'" :application-id="application.id??''"  />
+    <!--  应用组织页面  -->
+    <OrganLink v-if="activeTab === 'organ'" :application-id="application.id??''"  />
+
+  </MainContainer>
+</template>
+
+<style scoped>
+
+</style>

package/dist/views/sys/app-menu/config/index.vue.d.ts

@@ -0,0 +1,6 @@
+import type { App } from '../../../../api/app-menu/types';
+type __VLS_Props = {
+    application: App;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/app-menu/config/organ/index.d.vue.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    applicationId: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/app-menu/config/organ/index.vue

@@ -0,0 +1,359 @@
+<script setup lang="tsx">
+import type { SearchItemConfig } from '@udp/component-ui';
+
+import { computed, onBeforeMount, ref } from 'vue';
+
+import { Drawer, IconButton, Search } from '@udp/component-ui';
+
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+import {
+  deleteAppAuthOrgan,
+  getAppAuthOrganPage,
+  syncAppAuthOrgan,
+  updateAppAuthOrgan,
+} from '../../../../../api/app-menu/config';
+import {
+  filterTree,
+  findNodeShallow,
+  findParent,
+  flattenTreeRecursive,
+} from '../../../../../utils/treeUtil';
+
+import LinkOrgan from './link-organ.vue';
+import type {AppAuthOrgan} from '../../../../../api/app-menu/config/types';
+
+const props = defineProps<{
+  applicationId: string;
+}>();
+
+const searchFormRef = ref();
+const searchForm = computed(() => searchFormRef.value?.searchModel);
+
+const searchItems: SearchItemConfig[] = [
+  {
+    prop: 'orgName',
+    label: '机构名称',
+    type: 'input',
+    placeholder: '请输入组织名称',
+  },
+];
+
+// 列表信息
+const columns = [
+  {
+    key: 'selection',
+    width: 50,
+    cellRenderer: ({ rowData }) => {
+      return (
+        <el-checkbox
+          modelValue={rowData.checked}
+          onChange={(value) => onCheckBoxChange(value, rowData)}
+        />
+      );
+    },
+  },
+  {
+    key: 'orgName',
+    dataKey: 'orgName',
+    title: '组织名称',
+    minWidth: 200,
+    flexShrink: 1,
+    flexGrow: 1,
+  },
+  {
+    key: 'operations',
+    title: '操作',
+    cellRenderer: ({ rowData }) => (
+      <el-button link onClick={() => handleUnlink(rowData)} type="primary">
+        取消关联
+      </el-button>
+    ),
+    width: 90,
+  },
+];
+
+const treeData = ref<AppAuthOrgan[]>([]);
+const allData = ref<AppAuthOrgan[]>([]); // 保存原始数据用于前端过滤
+const expandedRowKeys = ref<string[]>([]); // 展开的行key
+
+/**
+ * 获取所有节点的key
+ */
+const getAllNodeKeys = (nodes: AppAuthOrgan[]): string[] => {
+  const keys: string[] = [];
+  const traverse = (nodeList: AppAuthOrgan[]) => {
+    nodeList.forEach((node) => {
+      if (node.children && node.children.length > 0) {
+        keys.push(node.id);
+        traverse(node.children);
+      }
+    });
+  };
+  traverse(nodes);
+  return keys;
+};
+
+/**
+ * 更新展开的行key
+ */
+const updateExpandedKeys = () => {
+  expandedRowKeys.value = getAllNodeKeys(treeData.value);
+};
+
+const allIds = computed(() =>
+  flattenTreeRecursive(treeData.value)?.map((item) => item.orgId),
+);
+
+/**
+ * 前端过滤树数据
+ */
+const filterTreeData = (filterText: string) => {
+  if (!filterText) {
+    treeData.value = buildTree(allData.value);
+    return;
+  }
+
+  const matchedIds = new Set<string>();
+  const lowerFilterText = filterText.toLowerCase();
+
+  // 找到所有匹配的节点及其父节点
+  const findMatchedNodes = (nodes: AppAuthOrgan[], parents: AppAuthOrgan[]) => {
+    for (const node of nodes) {
+      if (node.orgName?.toLowerCase().includes(lowerFilterText)) {
+        matchedIds.add(node.orgId);
+        // 添加所有父节点
+        for (const parent of parents) {
+          matchedIds.add(parent.orgId);
+        }
+      }
+      if (node.children) {
+        findMatchedNodes(node.children, [...parents, node]);
+      }
+    }
+  };
+
+  const fullTree = buildTree(allData.value);
+  findMatchedNodes(fullTree, []);
+
+  // 只保留匹配的节点
+  const filterTree = (nodes: AppAuthOrgan[]): AppAuthOrgan[] => {
+    return nodes
+      .filter((node) => matchedIds.has(node.orgId))
+      .map((node) => ({
+        ...node,
+        children: node.children ? filterTree(node.children) : [],
+      }));
+  };
+
+  treeData.value = filterTree(fullTree);
+  updateExpandedKeys();
+};
+
+const search = () => {
+  const orgName = searchForm.value?.orgName || '';
+  filterTreeData(orgName);
+};
+
+const reset = () => {
+  searchFormRef.value.clearSearchParams();
+  treeData.value = buildTree(allData.value);
+  updateExpandedKeys();
+};
+
+/**
+ * 将扁平化数据转换为树形结构
+ * @param flatData 扁平化的部门数据
+ * @param parentId 父节点ID
+ */
+const buildTree = (
+  flatData: AppAuthOrgan[],
+  parentId: string = '0',
+): AppAuthOrgan[] => {
+  const result: AppAuthOrgan[] = [];
+  for (const item of flatData) {
+    if (item.parentId === parentId) {
+      const children = buildTree(flatData, item.orgId);
+      result.push({
+        ...item,
+        children: children.length > 0 ? children : [],
+      });
+    }
+  }
+  return result;
+};
+
+const getList = () => {
+  const newParams = {
+    appId: props.applicationId ?? '',
+  };
+  getAppAuthOrganPage(newParams).then((res) => {
+    allData.value = res || [];
+    treeData.value = buildTree(allData.value);
+    updateExpandedKeys();
+    console.log('treeData', treeData.value)
+  });
+};
+
+// 多选框交互
+const onCheckBoxChange = (value, row) => {
+  console.log(`${row.departName}点击结果：`, value);
+  // 选中作用于取消关联组织，某组织取消关联后，其子组织也需要全部取消关联（即选中）
+  // 取消选中作用户不取消关联组织，某组织不取消关联，其父组织也不可取消关联（即取消选中）
+  row.checked = value;
+  if (value) {
+    row.children?.length && traverseChildren(row.children);
+  } else {
+    traverseParent(row, treeData.value);
+  }
+};
+// 遍历子级
+const traverseChildren = (children) => {
+  if (!children || children.length === 0) return;
+  children.forEach((child) => {
+    child.checked = true;
+    traverseChildren(child.children);
+  });
+};
+// 遍历父级
+const traverseParent = (row, list) => {
+  let current = row;
+  while (current) {
+    const parent = findParent(list, current.id);
+    if (parent) {
+      parent.checked = false;
+      current = parent;
+    } else {
+      break;
+    }
+  }
+};
+
+/** * 取消关联 */
+const handleUnlink = async (row?) => {
+  let ids: string[] = [];
+  if (row) {
+    console.log('row', row)
+    // 单个取消时，需要注意有子级的数据，需要同步取消子级数据
+    ids = [row.id];
+    if (row.children) {
+      const childrenIds = flattenTreeRecursive(row.children)?.map(item => item.id) || [];
+      ids = ids.concat(childrenIds)
+    }
+    console.log('ids', ids)
+  } else {
+    const selectedRows =
+      flattenTreeRecursive(treeData.value)
+        .filter((item) => item.checked)
+    if (!selectedRows?.length) {
+      ElMessage.warning('请先选择数据');
+      return;
+    }
+    ids = selectedRows.map((item) => item.id);
+  }
+  await ElMessageBox.confirm(`是否确认取消关联选中组织数据？若有子级将会同步取消关联！`, '警告', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  });
+  await deleteAppAuthOrgan(ids);
+  ElMessage.success('取消关联成功');
+  getList();
+};
+
+/** * 组织同步 */
+const syncRoleData = async () => {
+  await ElMessageBox.confirm(`是否确认同步所有组织数据？`, '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  });
+  await syncAppAuthOrgan(props.applicationId);
+  ElMessage.success('组织同步成功');
+  getList();
+};
+
+/** * 关联组织 */
+const drawerVisible = ref(false);
+const linkOrganRef = ref();
+
+const handleAdd = () => {
+  drawerVisible.value = true;
+};
+
+const handleClose = () => {
+  drawerVisible.value = false;
+};
+
+const handleConfirm = () => {
+  const selectionRows = linkOrganRef.value?.selectionRows();
+  updateAppAuthOrgan({
+    appId: props.applicationId,
+    appAuthOrganList: selectionRows || [],
+  }).then((res) => {
+    ElMessage.success('组织关联成功');
+    handleClose();
+    getList();
+  });
+};
+
+onBeforeMount(() => {
+  getList();
+});
+</script>
+
+<template>
+  <div class="flex h-full w-full flex-col overflow-hidden">
+    <Search
+      ref="searchFormRef"
+      :items="searchItems"
+      @search="search"
+      @reset="reset"
+    />
+
+    <div class="mb-4 w-full">
+      <IconButton type="primary" icon-type="add" @click="handleAdd">
+        关联组织
+      </IconButton>
+      <IconButton icon="hx-line-built-in:indeterminate-circle-line" @click="handleUnlink(null)">
+        取消关联
+      </IconButton>
+      <IconButton icon-type="refresh" type="primary" @click="syncRoleData">
+        组织同步
+      </IconButton>
+    </div>
+
+    <div class="w-full flex-1">
+      <el-auto-resizer>
+        <template #default="{ height, width }">
+          <el-table-v2
+            ref="treeTableRef"
+            :columns="columns"
+            :data="treeData"
+            :width="width"
+            :height="height"
+            expand-column-key="orgName"
+            row-key="id"
+            v-model:expanded-row-keys="expandedRowKeys"
+          />
+        </template>
+      </el-auto-resizer>
+    </div>
+  </div>
+  <Drawer
+    v-model="drawerVisible"
+    title="关联组织"
+    icon="hx-line-built-in:links-line"
+    size="637px"
+    @closed="handleClose"
+    @confirm="handleConfirm"
+  >
+    <LinkOrgan
+      ref="linkOrganRef"
+      :application-id="applicationId"
+      :init-select-ids="allIds"
+    />
+  </Drawer>
+</template>
+
+<style scoped></style>

package/dist/views/sys/app-menu/config/organ/index.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    applicationId: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/app-menu/config/organ/link-organ.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    applicationId: string;
+    initSelectIds: string[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    selectionRows: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;