@utogether/udp-core 1.0.1-beta.31 → 1.0.1-beta.32

package/src/views/upms/interface/log-out.vue

@@ -1,101 +1,104 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-12-23 11:22:51
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-04-08 15:36:36
- * @Description: 出站接口日志
--->
-
-<template>
-  <div>
-    <ut-grid ref="SuGridRef" :items="formItems" :columns="columns" url="/upms/v1/invokeOutbound" :editable="false" />
-
-    <ut-modal-form
-      v-if="data.showModal"
-      ref="suModalRef"
-      :record="data.record"
-      :items="items"
-      :width="640"
-      :height="480"
-      :title="data.title"
-      @close="data.showModal = false"
-    />
-  </div>
-</template>
-<script lang="tsx">
-export default {
-  name: 'LogoutLog'
-};
-</script>
-<script setup lang="tsx">
-import { ref, reactive } from 'vue';
-// import { useRouter } from 'vue-router';
-// import to from 'await-to-js';
-// import { clone } from 'xe-utils';
-import { useRender } from '@utogether/utils';
-
-const renderHook = useRender();
-// const renderOption = renderOptions();
-
-// const router = useRouter();
-
-const data = reactive({
-  showModal: false,
-  record: {},
-  title: ''
-});
-
-const formItems = [
-  { field: 'interfaceName' },
-  { field: 'interfaceUrl' },
-  { field: 'requestParameter' },
-  { field: 'responseContent' },
-  // { field: 'ip',  },
-  { field: 'requestDate', itemRender: { name: '#SuDateRange', props: { type: 'daterange' } } },
-  { field: 'requestStatus', itemRender: renderHook.renderDict('SU.REQUEST.STATUS') }
-];
-
-const items = [
-  { field: 'requestParameter', itemRender: { name: '$textarea', props: { rows: 5 } } },
-  {
-    field: 'responseContent',
-    itemRender: { name: '$textarea', props: { rows: 10 } }
-  },
-  { field: 'stacktrace', itemRender: { name: '$textarea', props: { rows: 3 } } }
-];
-
-const SuGridRef = ref(null);
-// 列字段
-const columns = [
-  { field: 'interfaceName', minWidth: 120 },
-  { field: 'interfaceUrl', minWidth: 150 },
-  // { field: 'ip', width: 120 },
-  { field: 'requestDate', width: 160 },
-  { field: 'responseTimeConsume', width: 120 },
-  { field: 'requestStatus', width: 90, formatter: ['formatDict', 'SU.REQUEST.STATUS'] },
-  {
-    field: 'operate',
-    width: 70,
-    slots: {
-      default: ({ row }) => {
-        if (!row.id) return null;
-        return [
-          <>
-            <ut-button content="detail" icon="ri-eye-line ri-1x" onTap={() => handleShowDetail(row)} />
-          </>
-        ];
-      }
-    }
-  }
-];
-// 详情
-const handleShowDetail = record => {
-  // const resContent = JSON.parse(record.responseContent);
-  // console.log(resContent);
-  // record.resContent = resContent?.data?.list || resContent?.data;
-  // record.resContent = record.resContent ? JSON.stringify(record.resContent) : '';
-  data.record = record;
-  data.showModal = true;
-  data.title = `【${record.interfaceName}】接口明细`;
-};
-</script>
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 11:22:51
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-11-21 18:17:10
+ * @Description: 出站接口日志
+-->
+
+<template>
+  <div>
+    <ut-grid ref="xgrid" :items="formItems" :columns="columns" :url="url" :editable="false" />
+
+    <ut-modal-form
+      v-if="data.showModal"
+      ref="suModalRef"
+      :record="data.record"
+      :items="items"
+      :width="640"
+      :height="480"
+      :title="data.title"
+      @close="data.showModal = false"
+    />
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { ref, reactive } from 'vue';
+import { useRender } from '@utogether/utils';
+
+import { getEnv } from '../../../config';
+import to from 'await-to-js';
+import { getServiceApi } from '../../../api';
+
+defineOptions({ name: 'LogoutLog' });
+
+const renderHook = useRender();
+
+const baseService = getEnv().VITE_BUINESS_SERVICE;
+
+const url = `${baseService}/v1/invoke-outbound`;
+
+const data = reactive({
+  showModal: false,
+  record: {},
+  title: ''
+});
+
+const formItems = [
+  { field: 'interfaceName' },
+  { field: 'interfaceUrl' },
+  { field: 'requestParameter' },
+  { field: 'responseContent' },
+  // { field: 'ip',  },
+  { field: 'requestDate', itemRender: { name: '#SuDateRange', props: { type: 'daterange' } } },
+  { field: 'requestStatus', itemRender: renderHook.renderDict('SU.REQUEST.STATUS') }
+];
+
+const items = [
+  { field: 'requestParameter', itemRender: { name: '$textarea', props: { rows: 5 } } },
+  {
+    field: 'responseContent',
+    itemRender: { name: '$textarea', props: { rows: 10 } }
+  },
+  { field: 'stacktrace', itemRender: { name: '$textarea', props: { rows: 3 } } }
+];
+
+const xgrid = ref(null);
+// 列字段
+const columns = [
+  { field: 'interfaceName', minWidth: 120 },
+  { field: 'interfaceUrl', minWidth: 150 },
+  // { field: 'ip', width: 120 },
+  { field: 'requestDate', width: 160 },
+  { field: 'responseTimeConsume', width: 120 },
+  { field: 'requestStatus', width: 90, formatter: ['formatDict', 'SU.REQUEST.STATUS'] },
+  {
+    field: 'operate',
+    width: 70,
+    slots: {
+      default: ({ row }) => {
+        if (!row.id) return null;
+        return [
+          <>
+            <ut-button content="detail" icon="ri-eye-line ri-1x" onTap={() => handleShowDetail(row)} />
+          </>
+        ];
+      }
+    }
+  }
+];
+// 详情
+const handleShowDetail = async row => {
+  const [err, res]: any = await to(getServiceApi().get(url + '/detail', { id: row.id }));
+  if (err) return;
+  console.log(res);
+  // const resContent = JSON.parse(record.responseContent);
+  // console.log(resContent);
+  // record.resContent = resContent?.data?.list || resContent?.data;
+  // record.resContent = record.resContent ? JSON.stringify(record.resContent) : '';
+  data.record = res;
+  data.showModal = true;
+  data.title = `【${res.interfaceName}】接口明细`;
+};
+</script>

package/types/global.d.ts

@@ -1,230 +1,231 @@
-import type { PropType as VuePropType } from 'vue';
-import type { ECharts } from 'echarts';
-// import type { ResponsiveStorage } from './index';
-
-/**
- * 全局类型声明，无需引入直接在 `.vue` 、`.ts` 、`.tsx` 文件使用即可获得类型提示
- */
-
-// GlobalComponents for Volar
-
-declare module '@utogether/components';
-
-import type { VxeColumnProps, VxeFormItemProps, VxeToolbarProps } from 'vxe-table';
-
-declare global {
-  /**
-   * 平台的名称、版本、依赖、最后构建时间的类型提示
-   */
-  const __APP_INFO__: {
-    pkg: {
-      version: string;
-    };
-    lastBuildTime: string;
-  };
-
-  /**
-   * Window 的类型提示
-   */
-  interface Window {
-    // Global vue app
-    __HISTORY_PATH__: string;
-    __APP__: App<Element>;
-    $i18n: () => void;
-    webkitCancelAnimationFrame: (handle: number) => void;
-    mozCancelAnimationFrame: (handle: number) => void;
-    oCancelAnimationFrame: (handle: number) => void;
-    msCancelAnimationFrame: (handle: number) => void;
-    webkitRequestAnimationFrame: (callback: FrameRequestCallback) => number;
-    mozRequestAnimationFrame: (callback: FrameRequestCallback) => number;
-    oRequestAnimationFrame: (callback: FrameRequestCallback) => number;
-    msRequestAnimationFrame: (callback: FrameRequestCallback) => number;
-  }
-
-  // vue
-  type PropType<T> = VuePropType<T>;
-
-  type Writable<T> = {
-    -readonly [P in keyof T]: T[P];
-  };
-
-  type Nullable<T> = T | null;
-  type NonNullable<T> = T extends null | undefined ? never : T;
-  type Recordable<T = any> = Record<string, T>;
-  type ReadonlyRecordable<T = any> = {
-    readonly [key: string]: T;
-  };
-  type Indexable<T = any> = {
-    [key: string]: T;
-  };
-  type DeepPartial<T> = {
-    [P in keyof T]?: DeepPartial<T[P]>;
-  };
-  type TimeoutHandle = ReturnType<typeof setTimeout>;
-  type IntervalHandle = ReturnType<typeof setInterval>;
-
-  interface ChangeEvent extends Event {
-    target: HTMLInputElement;
-  }
-
-  interface WheelEvent {
-    path?: EventTarget[];
-  }
-  interface ImportMetaEnv extends ViteEnv {
-    __: unknown;
-  }
-
-  type ViteCompression = 'none' | 'gzip' | 'brotli' | 'both' | 'gzip-clear' | 'brotli-clear' | 'both-clear';
-
-  interface ViteEnv {
-    VITE_PORT: number;
-    VITE_PUBLIC_PATH: string;
-    VITE_BASE_URL: string;
-    VITE_ROUTER_HISTORY: string;
-    VITE_TITLE: string;
-  }
-
-  /**
-   * 对应 `public/serverConfig.json` 文件的类型声明
-   */
-  interface ServerConfigs {
-    Version?: string;
-    Title?: string;
-    FixedHeader?: boolean;
-    HiddenSideBar?: boolean;
-    MultiTagsCache?: boolean;
-    KeepAlive?: boolean;
-    Locale?: string;
-    Layout?: string;
-    Theme?: string;
-    DarkMode?: boolean;
-    OverallStyle?: string;
-    Grey?: boolean;
-    Weak?: boolean;
-    HideTabs?: boolean;
-    SidebarStatus?: boolean;
-    EpThemeColor?: string;
-    ShowLogo?: boolean;
-    ShowModel?: string;
-    MenuArrowIconNoTransition?: boolean;
-    CachingAsyncRoutes?: boolean;
-    ResponsiveStorageNameSpace?: string;
-    MapConfigure?: {
-      amapKey?: string;
-      options: {
-        resizeEnable?: boolean;
-        center?: number[];
-        zoom?: number;
-      };
-    };
-  }
-
-  interface ISystemEnv {
-    VITE_BASE_URL?: string;
-    VITE_PUBLIC_PATH?: string;
-    VITE_ROUTER_HISTORY?: string;
-    MODE?: string;
-  }
-
-  /**
-   * 与 `ServerConfigs` 类型不同，这里是缓存到浏览器本地存储的类型声明
-   */
-  interface StorageConfigs {
-    version?: string;
-    title?: string;
-    fixedHeader?: boolean;
-    hiddenSideBar?: boolean;
-    multiTagsCache?: boolean;
-    keepAlive?: boolean;
-    locale?: string;
-    layout?: string;
-    theme?: string;
-    darkMode?: boolean;
-    overallStyle?: string;
-    grey?: boolean;
-    weak?: boolean;
-    hideTabs?: boolean;
-    sidebarStatus?: boolean;
-    epThemeColor?: string;
-    showLogo?: boolean;
-    showModel?: string;
-    mapConfigure?: {
-      amapKey?: string;
-      options: {
-        resizeEnable?: boolean;
-        center?: number[];
-        zoom?: number;
-      };
-    };
-    username?: string;
-  }
-
-  /**
-   * `responsive-storage` 本地响应式 `storage` 的类型声明
-   */
-  interface ResponsiveStorage {
-    locale: {
-      locale?: string;
-    };
-    layout: {
-      layout?: string;
-      theme?: string;
-      darkMode?: boolean;
-      sidebarStatus?: boolean;
-      epThemeColor?: string;
-      overallStyle?: string;
-    };
-    configure: {
-      grey?: boolean;
-      weak?: boolean;
-      hideTabs?: boolean;
-      showLogo?: boolean;
-      showModel?: string;
-      multiTagsCache?: boolean;
-    };
-    tags?: Array<any>;
-  }
-
-  declare interface IRecord {
-    [ele: string]: any;
-  }
-  declare interface IServiceData {
-    code: string;
-    data: any;
-    msg: tring;
-  }
-  // axios 返回数据结构
-  declare interface IResponseData {
-    list: [IRecord];
-    total: number;
-    data: object | sting;
-  }
-  declare interface IProps {
-    type?: string;
-    required?: boolean;
-    isHidden?: boolean;
-  }
-  declare interface IFormItemProps extends VxeFormItemProps, IProps {
-    [x: string]: any;
-    fromField?: string;
-    toField?: string;
-    disabled?: boolean;
-  }
-  declare interface ITableColProps extends VxeColumnProps, IProps {
-    [x: string]: any;
-  }
-
-  declare interface IButtonProps extends VxeToolbarProps.buttons {
-    auth: string | Array;
-    code: string;
-  }
-
-  /**
-   * 平台里所有组件实例都能访问到的全局属性对象的类型声明
-   */
-  interface GlobalPropertiesApi {
-    $echarts: ECharts;
-    $storage: ResponsiveStorage;
-    $config: ServerConfigs;
-  }
-}
+import type { PropType as VuePropType } from 'vue';
+import type { ECharts } from 'echarts';
+// import type { ResponsiveStorage } from './index';
+
+/**
+ * 全局类型声明，无需引入直接在 `.vue` 、`.ts` 、`.tsx` 文件使用即可获得类型提示
+ */
+
+// GlobalComponents for Volar
+
+declare module '@utogether/components';
+
+import type { VxeColumnProps, VxeFormItemProps, VxeToolbarProps } from 'vxe-table';
+
+declare global {
+  /**
+   * 平台的名称、版本、依赖、最后构建时间的类型提示
+   */
+  const __APP_INFO__: {
+    pkg: {
+      version: string;
+    };
+    lastBuildTime: string;
+  };
+
+  /**
+   * Window 的类型提示
+   */
+  interface Window {
+    // Global vue app
+    __HISTORY_PATH__: string;
+    __APP__: App<Element>;
+    $i18n: () => void;
+    webkitCancelAnimationFrame: (handle: number) => void;
+    mozCancelAnimationFrame: (handle: number) => void;
+    oCancelAnimationFrame: (handle: number) => void;
+    msCancelAnimationFrame: (handle: number) => void;
+    webkitRequestAnimationFrame: (callback: FrameRequestCallback) => number;
+    mozRequestAnimationFrame: (callback: FrameRequestCallback) => number;
+    oRequestAnimationFrame: (callback: FrameRequestCallback) => number;
+    msRequestAnimationFrame: (callback: FrameRequestCallback) => number;
+  }
+
+  // vue
+  type PropType<T> = VuePropType<T>;
+
+  type Writable<T> = {
+    -readonly [P in keyof T]: T[P];
+  };
+
+  type Nullable<T> = T | null;
+  type NonNullable<T> = T extends null | undefined ? never : T;
+  type Recordable<T = any> = Record<string, T>;
+  type ReadonlyRecordable<T = any> = {
+    readonly [key: string]: T;
+  };
+  type Indexable<T = any> = {
+    [key: string]: T;
+  };
+  type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>;
+  };
+  type TimeoutHandle = ReturnType<typeof setTimeout>;
+  type IntervalHandle = ReturnType<typeof setInterval>;
+
+  interface ChangeEvent extends Event {
+    target: HTMLInputElement;
+  }
+
+  interface WheelEvent {
+    path?: EventTarget[];
+  }
+  interface ImportMetaEnv extends ViteEnv {
+    __: unknown;
+  }
+
+  type ViteCompression = 'none' | 'gzip' | 'brotli' | 'both' | 'gzip-clear' | 'brotli-clear' | 'both-clear';
+
+  interface ViteEnv {
+    VITE_PORT: number;
+    VITE_PUBLIC_PATH: string;
+    VITE_BASE_URL: string;
+    VITE_ROUTER_HISTORY: string;
+    VITE_TITLE: string;
+  }
+
+  /**
+   * 对应 `public/serverConfig.json` 文件的类型声明
+   */
+  interface ServerConfigs {
+    Version?: string;
+    Title?: string;
+    FixedHeader?: boolean;
+    HiddenSideBar?: boolean;
+    MultiTagsCache?: boolean;
+    KeepAlive?: boolean;
+    Locale?: string;
+    Layout?: string;
+    Theme?: string;
+    DarkMode?: boolean;
+    OverallStyle?: string;
+    Grey?: boolean;
+    Weak?: boolean;
+    HideTabs?: boolean;
+    SidebarStatus?: boolean;
+    EpThemeColor?: string;
+    ShowLogo?: boolean;
+    ShowModel?: string;
+    MenuArrowIconNoTransition?: boolean;
+    CachingAsyncRoutes?: boolean;
+    ResponsiveStorageNameSpace?: string;
+    MapConfigure?: {
+      amapKey?: string;
+      options: {
+        resizeEnable?: boolean;
+        center?: number[];
+        zoom?: number;
+      };
+    };
+  }
+
+  interface ISystemEnv {
+    VITE_BASE_URL?: string;
+    VITE_PUBLIC_PATH?: string;
+    VITE_ROUTER_HISTORY?: string;
+    VITE_BUINESS_SERVICE?: string;
+    MODE?: string;
+  }
+
+  /**
+   * 与 `ServerConfigs` 类型不同，这里是缓存到浏览器本地存储的类型声明
+   */
+  interface StorageConfigs {
+    version?: string;
+    title?: string;
+    fixedHeader?: boolean;
+    hiddenSideBar?: boolean;
+    multiTagsCache?: boolean;
+    keepAlive?: boolean;
+    locale?: string;
+    layout?: string;
+    theme?: string;
+    darkMode?: boolean;
+    overallStyle?: string;
+    grey?: boolean;
+    weak?: boolean;
+    hideTabs?: boolean;
+    sidebarStatus?: boolean;
+    epThemeColor?: string;
+    showLogo?: boolean;
+    showModel?: string;
+    mapConfigure?: {
+      amapKey?: string;
+      options: {
+        resizeEnable?: boolean;
+        center?: number[];
+        zoom?: number;
+      };
+    };
+    username?: string;
+  }
+
+  /**
+   * `responsive-storage` 本地响应式 `storage` 的类型声明
+   */
+  interface ResponsiveStorage {
+    locale: {
+      locale?: string;
+    };
+    layout: {
+      layout?: string;
+      theme?: string;
+      darkMode?: boolean;
+      sidebarStatus?: boolean;
+      epThemeColor?: string;
+      overallStyle?: string;
+    };
+    configure: {
+      grey?: boolean;
+      weak?: boolean;
+      hideTabs?: boolean;
+      showLogo?: boolean;
+      showModel?: string;
+      multiTagsCache?: boolean;
+    };
+    tags?: Array<any>;
+  }
+
+  declare interface IRecord {
+    [ele: string]: any;
+  }
+  declare interface IServiceData {
+    code: string;
+    data: any;
+    msg: tring;
+  }
+  // axios 返回数据结构
+  declare interface IResponseData {
+    list: [IRecord];
+    total: number;
+    data: object | sting;
+  }
+  declare interface IProps {
+    type?: string;
+    required?: boolean;
+    isHidden?: boolean;
+  }
+  declare interface IFormItemProps extends VxeFormItemProps, IProps {
+    [x: string]: any;
+    fromField?: string;
+    toField?: string;
+    disabled?: boolean;
+  }
+  declare interface ITableColProps extends VxeColumnProps, IProps {
+    [x: string]: any;
+  }
+
+  declare interface IButtonProps extends VxeToolbarProps.buttons {
+    auth: string | Array;
+    code: string;
+  }
+
+  /**
+   * 平台里所有组件实例都能访问到的全局属性对象的类型声明
+   */
+  interface GlobalPropertiesApi {
+    $echarts: ECharts;
+    $storage: ResponsiveStorage;
+    $config: ServerConfigs;
+  }
+}