yg-yygl 0.0.1

package/src/views/sys/quartz/joblog-index.vue

@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import type { BusinessFilterItem } from '@udp/component-ui';
+
+import { h, ref } from 'vue';
+
+import { BusinessFilterBar, Table, useTable } from '@udp/component-ui';
+
+import { logDelete, logPage } from '../../../api/quartz';
+import { MainContainer } from '../../../components/main-container';
+
+const props = defineProps<{
+  taskData?: any;
+}>();
+
+// 查询
+const searchParams = ref({});
+const filterItems: BusinessFilterItem[] = [
+  {
+    prop: 'jobStatus',
+    label: '执行状态',
+    type: 'select',
+    options: [
+      { label: '正常', value: '1' },
+      { label: '失败', value: '0' },
+    ],
+  },
+  {
+    prop: 'executionTimeList',
+    label: '执行时间',
+    type: 'daterange',
+    width: 360,
+     props: {
+      type: 'datetimerange',
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    },
+  },
+
+ 
+];
+
+// 列表信息
+const columns = [
+  { prop: 'jobName', label: '任务名称' },
+  {
+    prop: 'jobGroup',
+    label: '任务组名',
+    render: ({ row }: any) => {
+      return h('el-tag', row.jobGroup === '2' ? '系统' : '默认');
+    },
+  },
+  { prop: 'invokeTarget', label: '调用目标字符串' },
+  { prop: 'jobMessage', label: '日志信息' },
+  {
+    prop: 'jobStatus',
+    label: '状态',
+    render: ({ row }: any) => {
+      return h(
+        'el-tag',
+        {
+          type: +row.jobStatus === 1 ? 'success' : 'info',
+        },
+        +row.jobStatus === 1 ? '正常' : '失败',
+      );
+    },
+  },
+  { prop: 'executionTime', label: '执行时间' },
+];
+
+// 配置 API
+const api = {
+  // list: (params: any) => getBaseList(params),
+  list: (params: any) => {
+    // 构造分页参数
+    // const pageParam = {
+    //   model: {
+    //     jobId: props.taskData?.id,
+    //     jobStatus: params.model.jobStatus,
+    //     executionTime: params.model.executionTime,
+    //   },
+    //   current: params.current || 1,
+    //   size: params.size || 10,
+    // };
+    params.model.jobId = props.taskData?.id;
+    return logPage(params);
+  },
+  delete: (jobLogId: string) => {
+    console.log(jobLogId,6666)
+    const param = { jobLogId };
+    return logDelete(param);
+  },
+};
+
+const dataLayout = 'table';
+
+// 使用 Hook
+const {
+  loading,
+  data,
+  pagination,
+  refresh,
+  reset,
+  search,
+  deleteRow,
+  handleSizeChange,
+  handleCurrentPageChange,
+  handleSelectionChange,
+} = useTable({
+  api,
+  rowKey: 'jobLogId'
+  // initParams: { "model": {
+  //   },},
+});
+
+const handleFilterSearch = (params: Record<string, any>) => {
+  search(params);
+};
+
+const handleFilterReset = () => {
+  reset();
+};
+</script>
+<template>
+  <MainContainer>
+    <div class="flex h-full w-full flex-col overflow-hidden bg-background">
+      <BusinessFilterBar
+        v-model="searchParams"
+        :items="filterItems"
+        :loading="loading"
+        @search="handleFilterSearch"
+        @reset="handleFilterReset"
+      />
+      <Table
+        :data="data"
+        :columns="columns"
+        :loading="loading"
+        :pagination="pagination"
+        show-toolbar
+        show-pagination
+        show-action
+        :show-layout="false"
+        :layout-type="dataLayout"
+        action-width="120px"
+        @refresh="refresh"
+        @selection-change="handleSelectionChange"
+        @size-change="handleSizeChange"
+        @current-page-change="handleCurrentPageChange"
+        :on-delete="deleteRow"
+      />
+    </div>
+  </MainContainer>
+</template>
+
+<style scoped lang="scss"></style>

package/src/views/sys/role/components/application-menu-auth.vue

@@ -0,0 +1,190 @@
+<script setup lang="tsx">
+import type { RoleAppMenu } from '../../../../api/role';
+
+import { nextTick, onBeforeMount, ref } from 'vue';
+
+import { getAllAppList } from '../../../../api/app-menu';
+import { getRoleMenuTree } from '../../../../api/menu';
+
+const props = defineProps<{
+  appMenusSelections: RoleAppMenu[];
+  webMenusSelections: RoleAppMenu[];
+}>();
+
+const emit = defineEmits<{
+  (
+    e: 'change',
+    value: {
+      appId: string;
+      menuIds: string[];
+      menuStyle: 0 | 1;
+    },
+  ): void;
+}>();
+
+const applicationTreeRef = ref();
+const applicationTreeData = ref<any[]>([]);
+const currentApplicationNode = {
+  applicationId: '',
+  menuStyle: 0,
+};
+
+const getApplist = async () => {
+  try {
+    const res = await getAllAppList({});
+    applicationTreeData.value =
+      res.map((item) => {
+        return {
+          ...item,
+          label: item.appName,
+          children: [
+            {
+              id: `${item.id}_web`,
+              label: 'Web菜单',
+            },
+            {
+              id: `${item.id}_app`,
+              label: '移动端菜单',
+            },
+          ],
+        };
+      }) || [];
+    if (applicationTreeData.value?.length) {
+      // 默认加载内置应用的web菜单
+      nextTick(() => {
+        getAppMenuList(applicationTreeData.value[0].id, 0);
+        applicationTreeRef.value.setCurrentKey(
+          applicationTreeData.value[0].children[0].id,
+        );
+      });
+    }
+  } catch (error) {
+    console.error('error:', error);
+  }
+};
+
+const menuTreeRef = ref();
+const menuTreeData = ref<any[]>([]);
+
+const getAppMenuList = async (
+  applicationId: string,
+  menuStyle: 0 | 1 = 0,
+  parentId?: string,
+) => {
+  currentApplicationNode.applicationId = applicationId;
+  currentApplicationNode.menuStyle = menuStyle;
+  menuTreeData.value = await getRoleMenuTree({
+    applicationId,
+    menuStyle,
+    parentId,
+  });
+  nextTick(() => {
+    let menuIds = [];
+    menuIds =
+      menuStyle === 0
+        ? props.webMenusSelections.find((item) => item.appId === applicationId)
+            ?.menuIds || []
+        : props.appMenusSelections.find((item) => item.appId === applicationId)
+            ?.menuIds || [];
+    menuTreeRef.value.setCheckedKeys(menuIds);
+  });
+};
+
+const handleApplicationNodeClick = (data: any) => {
+  if (data.id.endsWith('web') || data.id.endsWith('app')) {
+    const applicationId = data.id.split('_')[0];
+    const menuStyle = data.id.endsWith('app') ? 1 : 0;
+    getAppMenuList(applicationId, menuStyle);
+  }
+};
+
+const handleMenuTreeCheckChange = (data: unknown) => {
+  const node = menuTreeRef.value.getNode(data);
+  const check = node.checked;
+  // 获取应用树当前节点
+  const applicationData = applicationTreeRef.value.getNode(
+    `${currentApplicationNode.applicationId}_${currentApplicationNode.menuStyle ? 'app' : 'web'}`,
+  )?.data;
+  if (!applicationData || !applicationData.id) return false;
+  if (check) {
+    // 选择，则父级选择
+    parentCheck(node);
+  } else {
+    // 取消选择，则子级取消选择
+    childUncheck(node);
+  }
+  nextTick(() => {
+    const menuIds = menuTreeRef.value?.getCheckedKeys();
+    const applicationId = applicationData.id.split('_')[0];
+    const menuStyle = applicationData.id.endsWith('app') ? 1 : 0;
+    emit('change', { appId: applicationId, menuStyle, menuIds });
+  });
+};
+
+// 选，则父亦选
+const parentCheck = (node: any) => {
+  // 添加父级
+  const parent = node?.parent;
+  if (parent) {
+    menuTreeRef.value.setChecked(parent.data, true);
+    parentCheck(parent);
+  }
+};
+
+// 去，则子亦去
+const childUncheck = (node: any) => {
+  // 遍历子级
+  node.childNodes &&
+    node.childNodes.forEach((child: any) => {
+      menuTreeRef.value.setChecked(child.data, false);
+      childUncheck(child);
+    });
+};
+
+onBeforeMount(() => {
+  getApplist();
+});
+</script>
+
+<template>
+  <div
+    class="flex h-[45vh] w-full items-center justify-between overflow-hidden rounded-lg border-[1px] border-gray-200"
+  >
+    <div
+      class="flex h-full w-[150px] flex-col overflow-hidden border-r-[1px] border-gray-200"
+    >
+      <div
+        class="min-h-[40px] shrink-0 border-b-[1px] border-gray-200 px-2 py-1 text-sm"
+      >
+        应用
+      </div>
+      <el-tree
+        ref="applicationTreeRef"
+        class="w-full flex-1 overflow-y-auto"
+        :data="applicationTreeData"
+        highlight-current
+        node-key="id"
+        :default-expanded-keys="['1']"
+        @node-click="handleApplicationNodeClick"
+      />
+    </div>
+    <div class="flex h-full flex-1 flex-col overflow-hidden">
+      <div
+        class="min-h-[40px] shrink-0 border-b-[1px] border-gray-200 px-2 py-1 text-sm"
+      >
+        菜单
+      </div>
+      <!-- fjl modify: check-strictly 改为 false，父子联动选中 -->
+      <el-tree
+        ref="menuTreeRef"
+        class="w-full flex-1 overflow-y-auto"
+        :data="menuTreeData"
+        :props="{ label: 'menuName' }"
+        node-key="id"
+        show-checkbox
+        :check-strictly="false"
+        @check="handleMenuTreeCheckChange"
+      />
+    </div>
+  </div>
+</template>