@utogether/udp-core 1.0.0

package/src/views/urpt/template/ReportTemplate.vue

@@ -0,0 +1,198 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-11-27 20:29:59
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:41:55
+ * @Description: 打印模板配置
+-->
+<template>
+  <div>
+    <ut-grid
+      ref="xgrid"
+      :items="formItems"
+      :buttons="buttons"
+      :columns="columns"
+      :events="onEvents"
+      :url="url"
+    />
+
+    <ut-modal-form
+      v-if="showModal"
+      ref="xmodal"
+      :record="record"
+      :items="subItems"
+      width="400"
+      height="170"
+      data-status="update"
+      title="单据复制"
+      @confirm="onConfirm"
+      @close="showModal = false"
+    />
+
+    <ut-modal-grid
+      v-if="showModalTable"
+      ref="xmgrid"
+      :default-value="subParam"
+      :columns="subColumns"
+      url="/upms/v1/printTemplateConfigOgn"
+      title="库存组织"
+      width="45%"
+      @close="showModalTable = false"
+    />
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { clone } from 'xe-utils';
+import { successMessage, useRender, warnMessage } from '@utogether/utils';
+import { useSystemStoreHook } from '../../../store/modules/system';
+import { getServiceApi } from '../../../api';
+
+const { t } = useI18n();
+const renderHook = useRender();
+
+const xgrid = ref(null);
+const showModal = ref(false);
+const showModalTable = ref(false);
+const subParam = ref({});
+const subItems = ref([]);
+const record = ref<IRecord>({});
+
+const url = '/upms/v1/printTemplateConfig';
+const formItems = [
+  { field: 'templateCode', title: 'message.file.templateCode' },
+  { field: 'templateName', title: 'message.file.templateName' },
+  { field: 'printPosition', title: 'message.file.printPosition', code: 'SU.PRINT.VIEW' }
+];
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 40, align: 'center' },
+  {
+    field: 'templateCode',
+    title: 'message.file.templateCode',
+    required: true,
+    width: 120,
+    editRender: renderHook.renderLov({
+      field: 'templateCode',
+      code: 'SU.PRINT.CODE',
+      mapField: { templateName: 'templateName' }
+    })
+  },
+  { field: 'templateName', title: 'message.file.templateName', width: 180 },
+  {
+    field: 'printPosition',
+    title: 'message.file.printPosition',
+    required: true,
+    width: 120,
+    formatter: ['formatDict', 'SU.PRINT.VIEW'],
+    editRender: renderHook.renderDict('SU.PRINT.VIEW')
+  },
+  {
+    field: 'buttonCode',
+    title: 'message.file.buttonCode',
+    width: 120,
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  { field: 'url', title: 'message.baseUrl', editRender: renderHook.renderInput() },
+  { field: 'remark', editRender: renderHook.renderInput() },
+  {
+    field: 'operate',
+    width: 100,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        return [
+          <>
+            <ut-button content="inv" icon="ri-edit-line" onTap={() => handleInvOrg(row)} />
+          </>
+        ];
+      }
+    }
+  }
+];
+
+const handleCopy = () => {
+  const checkboxRecords = xgrid.value.getInstance().getCheckboxRecords();
+  if (!checkboxRecords.length) {
+    return warnMessage(t('message.selectedRecord'));
+  }
+  subItems.value = [];
+  subItems.value.push({
+    field: 'orgName',
+    required: true,
+    itemRender: {
+      name: '$checkbox',
+      options: useSystemStoreHook().getOrglist.map(m => {
+        return { value: m.id, label: m.orgName };
+      })
+    }
+  });
+  record.value = {};
+  showModal.value = true;
+};
+
+const onConfirm = () => {
+  if (record.value.orgName) {
+    const checkboxRecords = xgrid.value.getInstance().getCheckboxRecords();
+    const body = [];
+    console.log(record.value.orgName);
+    checkboxRecords.forEach(item => {
+      record.value.orgName.forEach(orgId => {
+        const data = clone(item, true);
+        data.orgId = orgId;
+        data.id = null;
+        body.push(data);
+      });
+    });
+    getServiceApi()
+      .post(url, body)
+      .then(() => {
+        showModal.value = false;
+        successMessage();
+      });
+  }
+};
+/**
+ * @description:监听grid事件
+ * @return {*}
+ */
+const onEvents = {
+  toolbarButtonClick({ code }) {
+    'copy' === code && handleCopy();
+  }
+};
+
+const subColumns = [
+  {
+    field: 'organizationName',
+    required: true,
+    editRender: renderHook.renderInvOrg({ orgId: useSystemStoreHook().getOrgId })
+  },
+  { field: 'remark', editRender: renderHook.renderInput() }
+];
+
+const handleInvOrg = row => {
+  subParam.value = { headerId: row.id };
+  showModalTable.value = true;
+};
+
+const buttons = [{ code: 'copy', icon: 'ri-file-copy-line', status: 'warning', auth: 'copy' }];
+
+// let invOrgLsit;
+// const getOnvOrg = () => {
+//   serviceApi.get('/uums/cusOrganization', { pageSize: 100, pageNum: 1 }).then((res: IResponseData) => {
+//     invOrgLsit = res.list.map(item => {
+//       return {
+//         value: item.id,
+//         label: item.organizationName
+//       };
+//     });
+//   });
+// };
+
+// getOnvOrg();
+</script>

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": false,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "experimentalDecorators": true,
+    "strictFunctionTypes": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "allowJs": false,
+    "resolveJsonModule": true,
+    "lib": ["dom", "esnext"],
+    "incremental": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@build/*": ["build/*"]
+    },
+    "types": ["node", "vite/client", "element-plus/global", "jquery"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "types/*.d.ts", "vite.config.ts"],
+  "exclude": ["node_modules", "dist", "**/*.js"]
+}

package/types/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/types/global-components.d.ts

@@ -0,0 +1,12 @@
+declare module 'vue' {
+  /**
+   * 自定义全局组件获得 Volar 提示（自定义的全局组件需要在这里声明下才能获得 Volar 类型提示哦）
+   */
+  export interface GlobalComponents {
+    IconifyIconOffline: (typeof import('../src/components/ReIcon'))['IconifyIconOffline'];
+    IconifyIconOnline: (typeof import('../src/components/ReIcon'))['IconifyIconOnline'];
+    FontIcon: (typeof import('../src/components/ReIcon'))['FontIcon'];
+  }
+}
+
+export {};

package/types/global.d.ts

@@ -0,0 +1,236 @@
+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 instance
+    __APP__: App<Element>;
+    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;
+    VITE_COMPRESSION: ViteCompression;
+  }
+
+  /**
+   * 对应 `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;
+  }
+}

package/types/image.d.ts

@@ -0,0 +1,7 @@
+declare module '*.svg';
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';
+declare module '*.bmp';
+declare module '*.tiff';

package/types/index.d.ts

@@ -0,0 +1,73 @@
+// 此文件跟同级目录的 global.d.ts 文件一样也是全局类型声明，只不过这里存放一些零散的全局类型，无需引入直接在 .vue 、.ts 、.tsx 文件使用即可获得类型提示
+
+type RefType<T> = T | null;
+
+type EmitType = (event: string, ...args: any[]) => void;
+
+type TargetContext = '_self' | '_blank';
+
+type ComponentRef<T extends HTMLElement = HTMLDivElement> = ComponentElRef<T> | null;
+
+type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>;
+
+type ForDataType<T> = {
+  [P in T]?: ForDataType<T[P]>;
+};
+
+type AnyFunction<T> = (...args: any[]) => T;
+
+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;
+}
+
+interface Fn<T = any, R = T> {
+  (...arg: T[]): R;
+}
+
+interface PromiseFn<T = any, R = T> {
+  (...arg: T[]): Promise<R>;
+}
+
+interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
+  $el: T;
+}
+
+function parseInt(s: string | number, radix?: number): number;
+
+function parseFloat(string: string | number): number;

package/types/router.d.ts

@@ -0,0 +1,107 @@
+// 全局路由类型声明
+
+import type { RouteComponent, RouteLocationNormalized } from 'vue-router';
+
+declare global {
+  interface ToRouteType extends RouteLocationNormalized {
+    meta: CustomizeRouteMeta;
+  }
+
+  /**
+   * @description 完整子路由的`meta`配置表
+   */
+  interface CustomizeRouteMeta {
+    /** 菜单名称（兼容国际化、非国际化，如何用国际化的写法就必须在根目录的`locales`文件夹下对应添加） `必填` */
+    title: string;
+    /** 菜单图标 `可选` */
+    icon?: string | FunctionalComponent | IconifyIcon;
+    /** 菜单名称右侧的额外图标 */
+    extraIcon?: string | FunctionalComponent | IconifyIcon;
+    /** 是否在菜单中显示（默认`true`）`可选` */
+    showLink?: boolean;
+    /** 是否显示父级菜单 `可选` */
+    showParent?: boolean;
+    /** 页面级别权限设置 `可选` */
+    roles?: Array<string>;
+    /** 按钮级别权限设置 `可选` */
+    auths?: Array<string>;
+    /** 路由组件缓存（开启 `true`、关闭 `false`）`可选` */
+    keepAlive?: boolean;
+    /** 内嵌的`iframe`链接 `可选` */
+    frameSrc?: string;
+    /** `iframe`页是否开启首次加载动画（默认`true`）`可选` */
+    frameLoading?: boolean;
+    /** 页面加载动画（有两种形式，一种直接采用vue内置的`transitions`动画，另一种是使用`animate.css`写进、离场动画）`可选` */
+    transition?: {
+      /**
+       * @description 当前路由动画效果
+       * @see {@link https://next.router.vuejs.org/guide/advanced/transitions.html#transitions}
+       * @see animate.css {@link https://animate.style}
+       */
+      name?: string;
+      /** 进场动画 */
+      enterTransition?: string;
+      /** 离场动画 */
+      leaveTransition?: string;
+    };
+    // 是否不添加信息到标签页，（默认`false`）
+    hiddenTag?: boolean;
+    /** 当前菜单名称是否固定显示在标签页且不可关闭（默认`false`） */
+    fixedTag?: boolean;
+    /** 动态路由可打开的最大数量 `可选` */
+    dynamicLevel?: number;
+    /** 将某个菜单激活
+     * （主要用于通过`query`或`params`传参的路由，当它们通过配置`showLink: false`后不在菜单中显示，就不会有任何菜单高亮，
+     * 而通过设置`activePath`指定激活菜单即可获得高亮，`activePath`为指定激活菜单的`path`）
+     */
+    activePath?: string;
+  }
+
+  /**
+   * @description 完整子路由配置表
+   */
+  interface RouteChildrenConfigsTable {
+    /** 子路由地址 `必填` */
+    path: string;
+    /** 路由名字（对应不要重复，和当前组件的`name`保持一致）`必填` */
+    name?: string;
+    /** 路由重定向 `可选` */
+    redirect?: string;
+    /** 按需加载组件 `可选` */
+    component?: RouteComponent;
+    meta?: CustomizeRouteMeta;
+    /** 子路由配置项 */
+    children?: Array<RouteChildrenConfigsTable>;
+  }
+
+  /**
+   * @description 整体路由配置表（包括完整子路由）
+   */
+  interface RouteConfigsTable {
+    /** 路由地址 `必填` */
+    path: string;
+    /** 路由名字（保持唯一）`可选` */
+    name?: string;
+    /** `Layout`组件 `可选` */
+    component?: RouteComponent;
+    /** 路由重定向 `可选` */
+    redirect?: string;
+    meta?: {
+      /** 菜单名称（兼容国际化、非国际化，如何用国际化的写法就必须在根目录的`locales`文件夹下对应添加）`必填` */
+      title: string;
+      /** 菜单图标 `可选` */
+      icon?: string | FunctionalComponent | IconifyIcon;
+      /** 是否在菜单中显示（默认`true`）`可选` */
+      showLink?: boolean;
+      /** 菜单升序排序，值越高排的越后（只针对顶级路由）`可选` */
+      rank?: number;
+    };
+    /** 子路由配置项 */
+    children?: Array<RouteChildrenConfigsTable>;
+  }
+}
+
+// https://router.vuejs.org/zh/guide/advanced/meta.html#typescript
+declare module 'vue-router' {
+  interface RouteMeta extends CustomizeRouteMeta {}
+}

package/types/shims-tsx.d.ts

@@ -0,0 +1,22 @@
+import Vue, { VNode } from 'vue';
+
+declare module '*.tsx' {
+  import Vue from 'compatible-vue';
+  export default Vue;
+}
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+    interface ElementClass extends Vue {}
+    interface ElementAttributesProperty {
+      $props: any;
+    }
+    interface IntrinsicElements {
+      [elem: string]: any;
+    }
+    interface IntrinsicAttributes {
+      [elem: string]: any;
+    }
+  }
+}