Initial commit: Add frontend project files

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+[*.{js,ts,vue}]
+charset = utf-8 # 设置文件字符集为 utf-8
+end_of_line = lf # 控制换行类型(lf | cr | crlf)
+insert_final_newline = true # 始终在文件末尾插入一个新行
+indent_style = space # 缩进风格（tab | space）
+indent_size = 2 # 缩进大小
+max_line_length = 100 # 最大行长度
+
+[*.md] # 仅 md 文件适用以下规则
+max_line_length = off # 关闭最大行长度限制
+trim_trailing_whitespace = false # 关闭末尾空格修剪

.env

@@ -0,0 +1,25 @@
+# 标题
+VITE_APP_TITLE=打印平台
+
+# 项目本地运行端口号
+VITE_PORT=10000
+
+# open 运行 npm run dev 时自动打开浏览器
+VITE_OPEN=true
+
+# 租户开关
+VITE_APP_TENANT_ENABLE=true
+
+# 验证码的开关
+VITE_APP_CAPTCHA_ENABLE=false
+
+# 文档地址的开关
+VITE_APP_DOCALERT_ENABLE=false
+
+# 百度统计
+VITE_APP_BAIDU_CODE = a1ff8825baa73c3a78eb96aa40325abc
+
+# 默认账户密码
+VITE_APP_DEFAULT_LOGIN_TENANT = 企业运营管理
+VITE_APP_DEFAULT_LOGIN_USERNAME = ''
+VITE_APP_DEFAULT_LOGIN_PASSWORD = ''

.env.dev

@@ -0,0 +1,42 @@
+# 开发环境：本地只启动前端项目，依赖开发环境（后端、APP）
+NODE_ENV=production
+
+VITE_DEV=true
+
+# 请求路径
+VITE_BASE_URL='http://api-dashboard.jt.cn'
+
+# 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
+VITE_UPLOAD_TYPE=server
+
+# 接口地址
+VITE_API_URL=/admin-api
+
+# 是否删除debugger
+VITE_DROP_DEBUGGER=false
+
+# 是否删除console.log
+VITE_DROP_CONSOLE=false
+
+# 是否sourcemap
+VITE_SOURCEMAP=true
+
+# 打包路径
+VITE_BASE_PATH=/business-platform
+
+# 输出路径
+VITE_OUT_DIR=dist
+
+# 商城H5会员端域名
+VITE_MALL_H5_DOMAIN='http://mall.jt.cn'
+
+# 验证码的开关
+VITE_APP_CAPTCHA_ENABLE=true
+
+# GoView域名
+VITE_GOVIEW_URL='http://127.0.0.1:3000'
+
+#打印exe对接公钥
+VITE_PRINT_EXE_API_KEY = jsCEWSgnUbmh9n7sYmU6Bg==
+#打印exe应用api服务地址
+VITE_PRINT_EXE_API_URL = http://localhost:50001

.env.local

@@ -0,0 +1,48 @@
+# 测试环境：只在打包时使用
+NODE_ENV=production
+
+VITE_DEV=false
+
+# 请求路径
+
+VITE_BASE_URL='http://192.168.88.66:20001'
+# 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
+VITE_UPLOAD_TYPE=server
+
+# 接口地址
+VITE_API_URL=/admin-api
+
+#VITE_BASE_URL=''
+# VITE_PROXY_API_URL='http://218.13.91.108:7126/print-api/admin-api'
+# 是否删除debugger
+VITE_DROP_DEBUGGER=true
+
+# 是否删除console.log
+VITE_DROP_CONSOLE=true
+
+# 是否sourcemap
+VITE_SOURCEMAP=false
+
+# 打包路径
+VITE_BASE_PATH=/
+
+# 输出路径
+VITE_OUT_DIR=business-platform-test
+
+# 商城H5会员端域名
+VITE_MALL_H5_DOMAIN=''
+
+# GoView域名
+VITE_GOVIEW_URL='http://127.0.0.1:3000'
+
+VITE_REDIRECT_URI = 'http://122.152.216.7/business-platform-test'
+
+VITE_FEISHU_APP_ID = 'cli_a834fd65ed3e100e'
+
+# 验证码的开关
+VITE_APP_CAPTCHA_ENABLE=false
+
+#打印exe对接公钥
+VITE_PRINT_EXE_API_KEY = jsCEWSgnUbmh9n7sYmU6Bg==
+#打印exe应用api服务地址
+VITE_PRINT_EXE_API_URL = 60002

.env.prod

@@ -0,0 +1,45 @@
+# 生产环境：只在打包时使用
+NODE_ENV=production
+
+VITE_DEV=false
+
+# 请求路径
+VITE_BASE_URL='http://192.168.100.26:20001'
+
+# 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
+VITE_UPLOAD_TYPE=server
+
+# 接口地址
+VITE_API_URL=/admin-api
+
+# 是否删除debugger
+VITE_DROP_DEBUGGER=true
+
+# 是否删除console.log
+VITE_DROP_CONSOLE=true
+
+# 是否sourcemap
+VITE_SOURCEMAP=true
+
+# 打包路径
+VITE_BASE_PATH=/
+
+# 输出路径
+VITE_OUT_DIR=dist-prod
+
+# 商城H5会员端域名
+VITE_MALL_H5_DOMAIN=''
+
+# GoView域名
+VITE_GOVIEW_URL='http://127.0.0.1:3000'
+
+
+
+VITE_REDIRECT_URI = 'http://122.152.216.7/business-platform-test'
+
+VITE_FEISHU_APP_ID = 'cli_a834fd65ed3e100e'
+
+#打印exe对接公钥
+VITE_PRINT_EXE_API_KEY = jsCEWSgnUbmh9n7sYmU6Bg==
+#打印exe应用api服务地址
+VITE_PRINT_EXE_API_URL = 60002

.env.stage

@@ -0,0 +1,39 @@
+# 预发布环境：只在打包时使用
+NODE_ENV=production
+
+VITE_DEV=false
+
+# 请求路径
+VITE_BASE_URL='http://api-dashboard.jt.cn'
+
+# 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
+VITE_UPLOAD_TYPE=server
+
+# 接口地址
+VITE_API_URL=/admin-api
+
+# 是否删除debugger
+VITE_DROP_DEBUGGER=true
+
+# 是否删除console.log
+VITE_DROP_CONSOLE=true
+
+# 是否sourcemap
+VITE_SOURCEMAP=false
+
+# 打包路径
+VITE_BASE_PATH='http://static-vue3.jt.cn/'
+
+# 输出路径
+VITE_OUT_DIR=dist-stage
+
+# 商城H5会员端域名
+VITE_MALL_H5_DOMAIN='http://mall.jt.cn'
+
+# GoView域名
+VITE_GOVIEW_URL='http://127.0.0.1:3000'
+
+#打印exe对接公钥
+VITE_PRINT_EXE_API_KEY = jsCEWSgnUbmh9n7sYmU6Bg==
+#打印exe应用api服务地址
+VITE_PRINT_EXE_API_URL = http://localhost:50001

.env.test

@@ -0,0 +1,44 @@
+# 测试环境：只在打包时使用
+NODE_ENV=production
+
+VITE_DEV=false
+
+# 请求路径
+VITE_BASE_URL='http://218.13.91.108:7126'
+
+# 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
+VITE_UPLOAD_TYPE=server
+
+# 接口地址
+VITE_API_URL=/print-api/admin-api
+
+# 是否删除debugger
+VITE_DROP_DEBUGGER=true
+
+# 是否删除console.log
+VITE_DROP_CONSOLE=true
+
+# 是否sourcemap
+VITE_SOURCEMAP=false
+
+# 打包路径
+VITE_BASE_PATH=/print-front/
+
+# 输出路径
+VITE_OUT_DIR=dist-test
+
+# 商城H5会员端域名
+VITE_MALL_H5_DOMAIN=''
+
+# GoView域名
+VITE_GOVIEW_URL='http://127.0.0.1:3000'
+
+VITE_REDIRECT_URI = 'http://122.152.216.7/business-platform-test'
+
+VITE_FEISHU_APP_ID = 'cli_a834fd65ed3e100e'
+
+#打印exe对接公钥
+VITE_PRINT_EXE_API_KEY = jsCEWSgnUbmh9n7sYmU6Bg==
+#打印exe应用api服务地址端口
+VITE_PRINT_EXE_API_URL = 60002
+

.eslintignore

@@ -0,0 +1,8 @@
+/build/
+/config/
+/dist/
+/*.js
+/test/unit/coverage/
+/node_modules/*
+/dist*
+/src/main.ts

.eslintrc-auto-import.json

@@ -0,0 +1,259 @@
+{
+  "globals": {
+    "EffectScope": true,
+    "ElMessage": true,
+    "ElMessageBox": true,
+    "ElTag": true,
+    "asyncComputed": true,
+    "autoResetRef": true,
+    "computed": true,
+    "computedAsync": true,
+    "computedEager": true,
+    "computedInject": true,
+    "computedWithControl": true,
+    "controlledComputed": true,
+    "controlledRef": true,
+    "createApp": true,
+    "createEventHook": true,
+    "createGlobalState": true,
+    "createInjectionState": true,
+    "createReactiveFn": true,
+    "createSharedComposable": true,
+    "createUnrefFn": true,
+    "customRef": true,
+    "debouncedRef": true,
+    "debouncedWatch": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "eagerComputed": true,
+    "effectScope": true,
+    "extendRef": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "ignorableWatch": true,
+    "inject": true,
+    "isDefined": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "makeDestructurable": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onClickOutside": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onKeyStroke": true,
+    "onLongPress": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onStartTyping": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "pausableWatch": true,
+    "provide": true,
+    "reactify": true,
+    "reactifyObject": true,
+    "reactive": true,
+    "reactiveComputed": true,
+    "reactiveOmit": true,
+    "reactivePick": true,
+    "readonly": true,
+    "ref": true,
+    "refAutoReset": true,
+    "refDebounced": true,
+    "refDefault": true,
+    "refThrottled": true,
+    "refWithControl": true,
+    "resolveComponent": true,
+    "resolveRef": true,
+    "resolveUnref": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "syncRef": true,
+    "syncRefs": true,
+    "templateRef": true,
+    "throttledRef": true,
+    "throttledWatch": true,
+    "toRaw": true,
+    "toReactive": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "tryOnBeforeMount": true,
+    "tryOnBeforeUnmount": true,
+    "tryOnMounted": true,
+    "tryOnScopeDispose": true,
+    "tryOnUnmounted": true,
+    "unref": true,
+    "unrefElement": true,
+    "until": true,
+    "useActiveElement": true,
+    "useArrayEvery": true,
+    "useArrayFilter": true,
+    "useArrayFind": true,
+    "useArrayFindIndex": true,
+    "useArrayJoin": true,
+    "useArrayMap": true,
+    "useArrayReduce": true,
+    "useArraySome": true,
+    "useAsyncQueue": true,
+    "useAsyncState": true,
+    "useAttrs": true,
+    "useBase64": true,
+    "useBattery": true,
+    "useBluetooth": true,
+    "useBreakpoints": true,
+    "useBroadcastChannel": true,
+    "useBrowserLocation": true,
+    "useCached": true,
+    "useClipboard": true,
+    "useColorMode": true,
+    "useConfirmDialog": true,
+    "useCounter": true,
+    "useCssModule": true,
+    "useCssVar": true,
+    "useCssVars": true,
+    "useCurrentElement": true,
+    "useCycleList": true,
+    "useDark": true,
+    "useDateFormat": true,
+    "useDebounce": true,
+    "useDebounceFn": true,
+    "useDebouncedRefHistory": true,
+    "useDeviceMotion": true,
+    "useDeviceOrientation": true,
+    "useDevicePixelRatio": true,
+    "useDevicesList": true,
+    "useDisplayMedia": true,
+    "useDocumentVisibility": true,
+    "useDraggable": true,
+    "useDropZone": true,
+    "useElementBounding": true,
+    "useElementByPoint": true,
+    "useElementHover": true,
+    "useElementSize": true,
+    "useElementVisibility": true,
+    "useEventBus": true,
+    "useEventListener": true,
+    "useEventSource": true,
+    "useEyeDropper": true,
+    "useFavicon": true,
+    "useFetch": true,
+    "useFileDialog": true,
+    "useFileSystemAccess": true,
+    "useFocus": true,
+    "useFocusWithin": true,
+    "useFps": true,
+    "useFullscreen": true,
+    "useGamepad": true,
+    "useGeolocation": true,
+    "useIdle": true,
+    "useImage": true,
+    "useInfiniteScroll": true,
+    "useIntersectionObserver": true,
+    "useInterval": true,
+    "useIntervalFn": true,
+    "useKeyModifier": true,
+    "useLastChanged": true,
+    "useLocalStorage": true,
+    "useMagicKeys": true,
+    "useManualRefHistory": true,
+    "useMediaControls": true,
+    "useMediaQuery": true,
+    "useMemoize": true,
+    "useMemory": true,
+    "useMounted": true,
+    "useMouse": true,
+    "useMouseInElement": true,
+    "useMousePressed": true,
+    "useMutationObserver": true,
+    "useNavigatorLanguage": true,
+    "useNetwork": true,
+    "useNow": true,
+    "useObjectUrl": true,
+    "useOffsetPagination": true,
+    "useOnline": true,
+    "usePageLeave": true,
+    "useParallax": true,
+    "usePermission": true,
+    "usePointer": true,
+    "usePointerSwipe": true,
+    "usePreferredColorScheme": true,
+    "usePreferredDark": true,
+    "usePreferredLanguages": true,
+    "useRafFn": true,
+    "useRefHistory": true,
+    "useResizeObserver": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useScreenOrientation": true,
+    "useScreenSafeArea": true,
+    "useScriptTag": true,
+    "useScroll": true,
+    "useScrollLock": true,
+    "useSessionStorage": true,
+    "useShare": true,
+    "useSlots": true,
+    "useSpeechRecognition": true,
+    "useSpeechSynthesis": true,
+    "useStepper": true,
+    "useStorage": true,
+    "useStorageAsync": true,
+    "useStyleTag": true,
+    "useSupported": true,
+    "useSwipe": true,
+    "useTemplateRefsList": true,
+    "useTextDirection": true,
+    "useTextSelection": true,
+    "useTextareaAutosize": true,
+    "useThrottle": true,
+    "useThrottleFn": true,
+    "useThrottledRefHistory": true,
+    "useTimeAgo": true,
+    "useTimeout": true,
+    "useTimeoutFn": true,
+    "useTimeoutPoll": true,
+    "useTimestamp": true,
+    "useTitle": true,
+    "useToggle": true,
+    "useTransition": true,
+    "useUrlSearchParams": true,
+    "useUserMedia": true,
+    "useVModel": true,
+    "useVModels": true,
+    "useVibrate": true,
+    "useVirtualList": true,
+    "useWakeLock": true,
+    "useWebNotification": true,
+    "useWebSocket": true,
+    "useWebWorker": true,
+    "useWebWorkerFn": true,
+    "useWindowFocus": true,
+    "useWindowScroll": true,
+    "useWindowSize": true,
+    "watch": true,
+    "watchArray": true,
+    "watchAtMost": true,
+    "watchDebounced": true,
+    "watchEffect": true,
+    "watchIgnorable": true,
+    "watchOnce": true,
+    "watchPausable": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true,
+    "watchThrottled": true,
+    "watchTriggerable": true,
+    "watchWithFilter": true,
+    "whenever": true
+  }
+}

.eslintrc.js

@@ -0,0 +1,75 @@
+// @ts-check
+const { defineConfig } = require('eslint-define-config')
+module.exports = defineConfig({
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true
+  },
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    ecmaVersion: 2020,
+    sourceType: 'module',
+    jsxPragma: 'React',
+    ecmaFeatures: {
+      jsx: true
+    }
+  },
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier',
+    'plugin:prettier/recommended',
+    '@unocss'
+  ],
+  rules: {
+    'vue/no-setup-props-destructure': 'off',
+    'vue/script-setup-uses-vars': 'error',
+    'vue/no-reserved-component-names': 'off',
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    'vue/custom-event-name-casing': 'off',
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    'no-unused-vars': 'off',
+    'space-before-function-paren': 'off',
+
+    'vue/attributes-order': 'off',
+    'vue/one-component-per-file': 'off',
+    'vue/html-closing-bracket-newline': 'off',
+    'vue/max-attributes-per-line': 'off',
+    'vue/multiline-html-element-content-newline': 'off',
+    'vue/singleline-html-element-content-newline': 'off',
+    'vue/attribute-hyphenation': 'off',
+    'vue/require-default-prop': 'off',
+    'vue/require-explicit-emits': 'off',
+    'vue/require-toggle-inside-transition': 'off',
+    'vue/html-self-closing': [
+      'error',
+      {
+        html: {
+          void: 'always',
+          normal: 'never',
+          component: 'always'
+        },
+        svg: 'always',
+        math: 'always'
+      }
+    ],
+    'vue/multi-word-component-names': 'off',
+    'vue/no-v-html': 'off',
+    'prettier/prettier': 'off', // 芋艿：默认关闭 prettier 的 ESLint 校验，因为我们使用的是 IDE 的 Prettier 插件
+    '@unocss/order': 'off', // 芋艿：禁用 unocss 【css】顺序的提示，因为暂时不需要这么严格，警告也有点繁琐
+    '@unocss/order-attributify': 'off' // 芋艿：禁用 unocss 【属性】顺序的提示，因为暂时不需要这么严格，警告也有点繁琐
+  }
+})

.gitignore

@@ -0,0 +1,12 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+/dist*
+pnpm-debug
+auto-*.d.ts
+.idea
+.history
+business-platform-test
+/business-platform-test*
+/business-prod*

.prettierignore

@@ -0,0 +1,11 @@
+/node_modules/**
+/dist/
+/dist*
+/public/*
+/docs/*
+/vite.config.ts
+/src/types/env.d.ts
+/src/types/auto-components.d.ts
+/src/types/auto-imports.d.ts
+/docs/**/*
+CHANGELOG

.stylelintignore

@@ -0,0 +1,6 @@
+/dist/*
+/public/*
+public/*
+/dist*
+/src/types/env.d.ts
+/docs/**/*

.vscode/extensions.json

@@ -0,0 +1,18 @@
+{
+  "recommendations": [
+    "christian-kohler.path-intellisense",
+    "vscode-icons-team.vscode-icons",
+    "davidanson.vscode-markdownlint",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "mrmlnc.vscode-less",
+    "lokalise.i18n-ally",
+    "redhat.vscode-yaml",
+    "csstools.postcss",
+    "mikestead.dotenv",
+    "eamodio.gitlens",
+    "antfu.iconify",
+    "antfu.unocss",
+    "Vue.volar"
+  ]
+}

.vscode/launch.json

@@ -0,0 +1,16 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "msedge",
+      "request": "launch",
+      "name": "Launch Edge against localhost",
+      "url": "http://localhost",
+      "webRoot": "${workspaceFolder}/src",
+      "sourceMaps": true
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,146 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "npm.packageManager": "pnpm",
+  "editor.tabSize": 2,
+  "prettier.printWidth": 100, // 超过最大值换行
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "files.eol": "\n",
+  "search.exclude": {
+    "**/node_modules": true,
+    "**/*.log": true,
+    "**/*.log*": true,
+    "**/bower_components": true,
+    "**/dist": true,
+    "**/elehukouben": true,
+    "**/.git": true,
+    "**/.gitignore": true,
+    "**/.svn": true,
+    "**/.DS_Store": true,
+    "**/.idea": true,
+    "**/.vscode": false,
+    "**/yarn.lock": true,
+    "**/tmp": true,
+    "out": true,
+    "dist": true,
+    "node_modules": true,
+    "CHANGELOG.md": true,
+    "examples": true,
+    "res": true,
+    "screenshots": true,
+    "yarn-error.log": true,
+    "**/.yarn": true
+  },
+  "files.exclude": {
+    "**/.cache": true,
+    "**/.editorconfig": true,
+    "**/.eslintcache": true,
+    "**/bower_components": true,
+    "**/.idea": true,
+    "**/tmp": true,
+    "**/.git": true,
+    "**/.svn": true,
+    "**/.hg": true,
+    "**/CVS": true,
+    "**/.DS_Store": true
+  },
+  "files.watcherExclude": {
+    "**/.git/objects/**": true,
+    "**/.git/subtree-cache/**": true,
+    "**/.vscode/**": true,
+    "**/node_modules/**": true,
+    "**/tmp/**": true,
+    "**/bower_components/**": true,
+    "**/dist/**": true,
+    "**/yarn.lock": true
+  },
+  "stylelint.enable": true,
+  "stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass"],
+  "path-intellisense.mappings": {
+    "@/": "${workspaceRoot}/src"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[less]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[markdown]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit"
+  },
+  "editor.formatOnSave": true,
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "i18n-ally.localesPaths": ["src/locales"],
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.sortKeys": true,
+  "i18n-ally.namespace": false,
+  "i18n-ally.enabledParsers": ["ts"],
+  "i18n-ally.sourceLanguage": "en",
+  "i18n-ally.displayLanguage": "zh-CN",
+  "i18n-ally.enabledFrameworks": ["vue", "react"],
+  "cSpell.words": [
+    "brotli",
+    "browserslist",
+    "codemirror",
+    "commitlint",
+    "cropperjs",
+    "echart",
+    "echarts",
+    "esnext",
+    "esno",
+    "iconify",
+    "INTLIFY",
+    "lintstagedrc",
+    "logicflow",
+    "nprogress",
+    "pinia",
+    "pnpm",
+    "qrcode",
+    "sider",
+    "sortablejs",
+    "stylelint",
+    "svgs",
+    "unocss",
+    "unplugin",
+    "unref",
+    "videojs",
+    "VITE",
+    "vitejs",
+    "vueuse",
+    "wangeditor",
+    "xingyu",
+    "jt",
+    "zxcvbn"
+  ],
+  // 控制相关文件嵌套展示
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.expand": false,
+  "explorer.fileNesting.patterns": {
+    "*.ts": "$(capture).test.ts, $(capture).test.tsx",
+    "*.tsx": "$(capture).test.ts, $(capture).test.tsx",
+    "*.env": "$(capture).env.*",
+    "package.json": "pnpm-lock.yaml,yarn.lock,LICENSE,README*,CHANGELOG*,CNAME,.gitattributes,.eslintrc-auto-import.json,.gitignore,prettier.config.js,stylelint.config.js,commitlint.config.js,.stylelintignore,.prettierignore,.gitpod.yml,.eslintrc.js,.eslintignore"
+  },
+  "terminal.integrated.scrollback": 10000,
+  "nuxt.isNuxtApp": false
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Archer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,84 @@
+
+## 🐯 平台简介
+* 采用 [vue-element-plus-admin](https://gitee.com/kailong110120130/vue-element-plus-admin) 实现
+* 改换 saas，自动引入等功能
+* 使用 Element Plus 免费开源的中后台模版，具备如下特性：
+
+![首页](.image/demo/vue3-ep.png)
+
+* **最新技术栈**：使用 Vue3、Vite4 等前端前沿技术开发
+* **TypeScript**: 应用程序级 JavaScript 的语言
+* **主题**: 可配置的主题
+* **国际化**：内置完善的国际化方案
+* **权限**：内置完善的动态路由权限生成方案
+* **组件**：二次封装了多个常用的组件
+* **示例**：内置丰富的示例
+
+## 技术栈
+
+| 框架                                                                   | 说明               | 版本     |
+|----------------------------------------------------------------------|------------------|--------|
+| [Vue](https://staging-cn.vuejs.org/)                                 | Vue 框架           | 3.3.8  |
+| [Vite](https://cn.vitejs.dev//)                                      | 开发与构建工具          | 4.5.0  |
+| [Element Plus](https://element-plus.org/zh-CN/)                      | Element Plus     | 2.4.2  |
+| [TypeScript](https://www.typescriptlang.org/docs/)                   | JavaScript 的超集   | 5.2.2  |
+| [pinia](https://pinia.vuejs.org/)                                    | Vue 存储库 替代 vuex5 | 2.1.7  |
+| [vueuse](https://vueuse.org/)                                        | 常用工具集            | 10.6.1 |
+| [vue-i18n](https://kazupon.github.io/vue-i18n/zh/introduction.html/) | 国际化              | 9.6.5  |
+| [vue-router](https://router.vuejs.org/)                              | Vue 路由           | 4.2.5  |
+| [unocss](https://uno.antfu.me/)                                      | 原子 css           | 0.57.4 |
+| [iconify](https://icon-sets.iconify.design/)                         | 在线图标库            | 3.1.1  |
+| [wangeditor](https://www.wangeditor.com/)                            | 富文本编辑器           | 5.1.23 |
+
+## 开发工具
+
+推荐 VS Code 开发，配合插件如下：
+
+| 插件名                           | 功能                  |
+|-------------------------------|---------------------|
+| Vue - Official                | Vue 与 TypeScript 支持 |
+| unocss                        | unocss for vscode   |
+| Iconify IntelliSense          | Iconify 预览和搜索       |
+| i18n Ally                     | 国际化智能提示             |
+| Stylelint                     | Css    格式化          |
+| Prettier                      | 代码格式化               |
+| ESLint                        | 脚本代码检查              |
+| DotENV                        | env 文件高亮            |
+
+
+
+## 内置功能
+
+系统内置多种多种业务功能，可以用于快速你的业务系统：
+
+系统内置多种多种业务功能，可以用于快速你的业务系统：
+
+![功能分层](/.image/common/ruoyi-vue-pro-biz.png)
+
+* 通用模块（必选）：系统功能、基础设施
+* 通用模块（可选）：工作流程、支付系统、数据报表、会员中心
+* 业务系统（按需）：ERP 系统、CRM 系统、商城系统、微信公众号、AI 大模型
+
+### 系统功能
+
+|     | 功能    | 描述                              |
+|-----|-------|---------------------------------|
+|     | 用户管理  | 用户是系统操作者，该功能主要完成系统用户配置          |
+| ⭐️  | 在线用户  | 当前系统中活跃用户状态监控，支持手动踢下线           |
+|     | 角色管理  | 角色菜单权限分配、设置角色按机构进行数据范围权限划分      |
+|     | 菜单管理  | 配置系统菜单、操作权限、按钮权限标识等，本地缓存提供性能    |
+|     | 部门管理  | 配置系统组织机构（公司、部门、小组），树结构展现支持数据权限  |
+|     | 岗位管理  | 配置系统用户所属担任职务                    |
+| 🚀  | 租户管理  | 配置系统租户，支持 SaaS 场景下的多租户功能        |
+| 🚀  | 租户套餐  | 配置租户套餐，自定每个租户的菜单、操作、按钮的权限       |
+|     | 字典管理  | 对系统中经常使用的一些较为固定的数据进行维护          |
+| 🚀  | 短信管理  | 短信渠道、短息模板、短信日志，对接阿里云、腾讯云等主流短信平台 |
+| 🚀  | 邮件管理  | 邮箱账号、邮件模版、邮件发送日志，支持所有邮件平台       |
+| 🚀  | 站内信   | 系统内的消息通知，提供站内信模版、站内信消息          |
+| 🚀  | 操作日志  | 系统正常操作日志记录和查询，集成 Swagger 生成日志内容 |
+| ⭐️  | 登录日志  | 系统登录日志记录查询，包含登录异常               |
+| 🚀  | 错误码管理 | 系统所有错误码的管理，可在线修改错误提示，无需重启服务     |
+|     | 通知公告  | 系统通知公告信息发布维护                    |
+| 🚀  | 敏感词   | 配置系统敏感词，支持标签分组                  |
+| 🚀  | 应用管理  | 管理 SSO 单点登录的应用，支持多种 OAuth2 授权方式 |
+| 🚀  | 地区管理  | 展示省份、城市、区镇等城市信息，支持 IP 对应城市      |

build/vite/index.ts

@@ -0,0 +1,99 @@
+import { resolve } from 'path'
+import Vue from '@vitejs/plugin-vue'
+import VueJsx from '@vitejs/plugin-vue-jsx'
+import progress from 'vite-plugin-progress'
+import EslintPlugin from 'vite-plugin-eslint'
+import PurgeIcons from 'vite-plugin-purge-icons'
+import { ViteEjsPlugin } from 'vite-plugin-ejs'
+// @ts-ignore
+import ElementPlus from 'unplugin-element-plus/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import viteCompression from 'vite-plugin-compression'
+import topLevelAwait from 'vite-plugin-top-level-await'
+import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons-ng'
+import UnoCSS from 'unocss/vite'
+
+export function createVitePlugins() {
+  const root = process.cwd()
+
+  // 路径查找
+  function pathResolve(dir: string) {
+    return resolve(root, '.', dir)
+  }
+
+  return [
+    Vue(),
+    VueJsx(),
+    UnoCSS(),
+    progress(),
+    PurgeIcons(),
+    ElementPlus({}),
+    AutoImport({
+      include: [
+        /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
+        /\.vue$/,
+        /\.vue\?vue/, // .vue
+        /\.md$/ // .md
+      ],
+      imports: [
+        'vue',
+        'vue-router',
+        // 可额外添加需要 autoImport 的组件
+        {
+          '@/hooks/web/useI18n': ['useI18n'],
+          '@/hooks/web/useMessage': ['useMessage'],
+          '@/hooks/web/useTable': ['useTable'],
+          '@/hooks/web/useCrudSchemas': ['useCrudSchemas'],
+          '@/utils/formRules': ['required'],
+          '@/utils/dict': ['DICT_TYPE']
+        }
+      ],
+      dts: 'src/types/auto-imports.d.ts',
+      resolvers: [ElementPlusResolver()],
+      eslintrc: {
+        enabled: false, // Default `false`
+        filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json`
+        globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
+      }
+    }),
+    Components({
+      // 生成自定义 `auto-components.d.ts` 全局声明
+      dts: 'src/types/auto-components.d.ts',
+      // 自定义组件的解析器
+      resolvers: [ElementPlusResolver()],
+      globs: ["src/components/**/**.{vue, md}", '!src/components/DiyEditor/components/mobile/**']
+    }),
+    EslintPlugin({
+      cache: false,
+      include: ['src/**/*.vue', 'src/**/*.ts', 'src/**/*.tsx'] // 检查的文件
+    }),
+    VueI18nPlugin({
+      runtimeOnly: true,
+      compositionOnly: true,
+      include: [resolve(__dirname, 'src/locales/**')]
+    }),
+    createSvgIconsPlugin({
+      iconDirs: [pathResolve('src/assets/svgs')],
+      symbolId: 'icon-[dir]-[name]',
+    }),
+    viteCompression({
+      verbose: true, // 是否在控制台输出压缩结果
+      disable: false, // 是否禁用
+      threshold: 10240, // 体积大于 threshold 才会被压缩,单位 b
+      algorithm: 'gzip', // 压缩算法,可选 [ 'gzip' , 'brotliCompress' ,'deflate' , 'deflateRaw']
+      ext: '.gz', // 生成的压缩包后缀
+      deleteOriginFile: false //压缩后是否删除源文件
+    }),
+    ViteEjsPlugin(),
+    topLevelAwait({
+      // https://juejin.cn/post/7152191742513512485
+      // The export name of top-level await promise for each chunk module
+      promiseExportName: '__tla',
+      // The function to generate import names of top-level await promise in each chunk module
+      promiseImportName: (i) => `__tla_${i}`
+    })
+  ]
+}

build/vite/optimize.ts

@@ -0,0 +1,123 @@
+const include = [
+  'qs',
+  'url',
+  'vue',
+  'sass',
+  'mitt',
+  'axios',
+  'pinia',
+  'dayjs',
+  'qrcode',
+  'unocss',
+  'vue-router',
+  'vue-types',
+  'vue-i18n',
+  'crypto-js',
+  'cropperjs',
+  'lodash-es',
+  'nprogress',
+  'web-storage-cache',
+  '@iconify/iconify',
+  '@vueuse/core',
+  '@zxcvbn-ts/core',
+  'echarts/core',
+  'echarts/charts',
+  'echarts/components',
+  'echarts/renderers',
+  'echarts-wordcloud',
+  '@wangeditor/editor',
+  '@wangeditor/editor-for-vue',
+  '@microsoft/fetch-event-source',
+  'markdown-it',
+  'markmap-view',
+  'markmap-lib',
+  'markmap-toolbar',
+  'highlight.js',
+  'element-plus',
+  'element-plus/es',
+  'element-plus/es/locale/lang/zh-cn',
+  'element-plus/es/locale/lang/en',
+  'element-plus/es/components/avatar/style/css',
+  'element-plus/es/components/space/style/css',
+  'element-plus/es/components/backtop/style/css',
+  'element-plus/es/components/form/style/css',
+  'element-plus/es/components/radio-group/style/css',
+  'element-plus/es/components/radio/style/css',
+  'element-plus/es/components/checkbox/style/css',
+  'element-plus/es/components/checkbox-group/style/css',
+  'element-plus/es/components/switch/style/css',
+  'element-plus/es/components/time-picker/style/css',
+  'element-plus/es/components/date-picker/style/css',
+  'element-plus/es/components/descriptions/style/css',
+  'element-plus/es/components/descriptions-item/style/css',
+  'element-plus/es/components/link/style/css',
+  'element-plus/es/components/tooltip/style/css',
+  'element-plus/es/components/drawer/style/css',
+  'element-plus/es/components/dialog/style/css',
+  'element-plus/es/components/checkbox-button/style/css',
+  'element-plus/es/components/option-group/style/css',
+  'element-plus/es/components/radio-button/style/css',
+  'element-plus/es/components/cascader/style/css',
+  'element-plus/es/components/color-picker/style/css',
+  'element-plus/es/components/input-number/style/css',
+  'element-plus/es/components/rate/style/css',
+  'element-plus/es/components/select-v2/style/css',
+  'element-plus/es/components/tree-select/style/css',
+  'element-plus/es/components/slider/style/css',
+  'element-plus/es/components/time-select/style/css',
+  'element-plus/es/components/autocomplete/style/css',
+  'element-plus/es/components/image-viewer/style/css',
+  'element-plus/es/components/upload/style/css',
+  'element-plus/es/components/col/style/css',
+  'element-plus/es/components/form-item/style/css',
+  'element-plus/es/components/alert/style/css',
+  'element-plus/es/components/breadcrumb/style/css',
+  'element-plus/es/components/select/style/css',
+  'element-plus/es/components/input/style/css',
+  'element-plus/es/components/breadcrumb-item/style/css',
+  'element-plus/es/components/tag/style/css',
+  'element-plus/es/components/pagination/style/css',
+  'element-plus/es/components/table/style/css',
+  'element-plus/es/components/table-v2/style/css',
+  'element-plus/es/components/table-column/style/css',
+  'element-plus/es/components/card/style/css',
+  'element-plus/es/components/row/style/css',
+  'element-plus/es/components/button/style/css',
+  'element-plus/es/components/menu/style/css',
+  'element-plus/es/components/sub-menu/style/css',
+  'element-plus/es/components/menu-item/style/css',
+  'element-plus/es/components/option/style/css',
+  'element-plus/es/components/dropdown/style/css',
+  'element-plus/es/components/dropdown-menu/style/css',
+  'element-plus/es/components/dropdown-item/style/css',
+  'element-plus/es/components/skeleton/style/css',
+  'element-plus/es/components/skeleton/style/css',
+  'element-plus/es/components/backtop/style/css',
+  'element-plus/es/components/menu/style/css',
+  'element-plus/es/components/sub-menu/style/css',
+  'element-plus/es/components/menu-item/style/css',
+  'element-plus/es/components/dropdown/style/css',
+  'element-plus/es/components/tree/style/css',
+  'element-plus/es/components/dropdown-menu/style/css',
+  'element-plus/es/components/dropdown-item/style/css',
+  'element-plus/es/components/badge/style/css',
+  'element-plus/es/components/breadcrumb/style/css',
+  'element-plus/es/components/breadcrumb-item/style/css',
+  'element-plus/es/components/image/style/css',
+  'element-plus/es/components/collapse-transition/style/css',
+  'element-plus/es/components/timeline/style/css',
+  'element-plus/es/components/timeline-item/style/css',
+  'element-plus/es/components/collapse/style/css',
+  'element-plus/es/components/collapse-item/style/css',
+  'element-plus/es/components/button-group/style/css',
+  'element-plus/es/components/text/style/css',
+  'element-plus/es/components/segmented/style/css',
+  '@element-plus/icons-vue',
+  'element-plus/es/components/footer/style/css',
+  'element-plus/es/components/empty/style/css',
+  'element-plus/es/components/mention/style/css'
+]
+
+const exclude = ['@iconify/json']
+
+export { include, exclude }

index.html

@@ -0,0 +1,151 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/logo.png" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>格莱默打印系统</title>
+    <!-- <link rel="stylesheet" media="print" href="/static/hiprint/css/print-lock.css" /> -->
+    <!-- 可以调整成 相对链接/自有链接, 【重要】名称需要一致 【print-lock.css】-->
+    <link rel="stylesheet" type="text/css" media="print" href="/print-lock.css" />
+    <!-- 引入hiprint-->
+    <!-- <script src="/static/hiprint/plugins/jq-3.31.js"></script>
+    <link rel="stylesheet" href="/static/hiprint/css/hiprint.css" />
+    <script src="/static/hiprint/hiprint.bundle.js"></script> -->
+  </head>
+  <body>
+    <div id="app">
+      <style>
+        .app-loading {
+          display: flex;
+          width: 100%;
+          height: 100%;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          background: #f0f2f5;
+        }
+
+        .app-loading .app-loading-wrap {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          display: flex;
+          -webkit-transform: translate3d(-50%, -50%, 0);
+          transform: translate3d(-50%, -50%, 0);
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+        }
+
+        .app-loading .app-loading-title {
+          margin-bottom: 30px;
+          font-size: 20px;
+          font-weight: bold;
+          text-align: center;
+        }
+
+        .app-loading .app-loading-logo {
+          width: 100px;
+          margin: 0 auto 15px auto;
+        }
+
+        .app-loading .app-loading-item {
+          position: relative;
+          display: inline-block;
+          width: 60px;
+          height: 60px;
+          vertical-align: middle;
+          border-radius: 50%;
+        }
+
+        .app-loading .app-loading-outter {
+          position: absolute;
+          width: 100%;
+          height: 100%;
+          border: 4px solid #2d8cf0;
+          border-bottom: 0;
+          border-left-color: transparent;
+          border-radius: 50%;
+          animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
+        }
+
+        .app-loading .app-loading-inner {
+          position: absolute;
+          top: calc(50% - 20px);
+          left: calc(50% - 20px);
+          width: 40px;
+          height: 40px;
+          border: 4px solid #87bdff;
+          border-right: 0;
+          border-top-color: transparent;
+          border-radius: 50%;
+          animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
+        }
+
+        @-webkit-keyframes loader-outter {
+          0% {
+            -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+          }
+
+          100% {
+            -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+          }
+        }
+
+        @keyframes loader-outter {
+          0% {
+            -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+          }
+
+          100% {
+            -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+          }
+        }
+
+        @-webkit-keyframes loader-inner {
+          0% {
+            -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+          }
+
+          100% {
+            -webkit-transform: rotate(-360deg);
+            transform: rotate(-360deg);
+          }
+        }
+
+        @keyframes loader-inner {
+          0% {
+            -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+          }
+
+          100% {
+            -webkit-transform: rotate(-360deg);
+            transform: rotate(-360deg);
+          }
+        }
+      </style>
+      <div class="app-loading">
+        <div class="app-loading-wrap">
+          <div class="app-loading-title">
+            <img src="/logo.png" class="app-loading-logo" alt="Logo" />
+            <div class="app-loading-title">格莱默打印系统</div>
+          </div>
+          <div class="app-loading-item">
+            <div class="app-loading-outter"></div>
+            <div class="app-loading-inner"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+  <!-- <script src="https://lf-package-cn.feishucdn.com/obj/feishu-static/lark/passport/qrcode/LarkSSOSDKWebQRCode-1.0.3.js"></script> -->
+</html>

package.json

@@ -0,0 +1,174 @@
+{
+  "name": "jt-ui-admin-vue3",
+  "version": "2.6.0-snapshot",
+  "description": "基于vue3、vite4、element-plus、typesScript",
+  "author": "xingyu",
+  "private": false,
+  "scripts": {
+    "i": "pnpm install",
+    "dev": "vite --mode env.local",
+    "local": "vite --mode env.local",
+    "prod": "vite --mode env.prod",
+    "dev-server": "vite --mode dev",
+    "ts:check": "vue-tsc --noEmit",
+    "build:local": "node --max_old_space_size=4096 ./node_modules/vite/bin/vite.js build",
+    "build:dev": "node --max_old_space_size=4096 ./node_modules/vite/bin/vite.js build --mode dev",
+    "build:test": "node --max_old_space_size=8192 ./node_modules/vite/bin/vite.js build --mode test",
+    "build:stage": "node --max_old_space_size=4096 ./node_modules/vite/bin/vite.js build --mode stage",
+    "build:prod": "node --max_old_space_size=8192 ./node_modules/vite/bin/vite.js build --mode prod",
+    "serve:dev": "vite preview --mode dev",
+    "serve:prod": "vite preview --mode prod",
+    "preview": "pnpm build:local && vite preview",
+    "clean": "npx rimraf node_modules",
+    "clean:cache": "npx rimraf node_modules/.cache",
+    "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
+    "lint:format": "prettier --write --loglevel warn \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
+    "lint:style": "stylelint --fix \"./src/**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
+    "lint:lint-staged": "lint-staged -c ",
+    "postinstall": "patch-package"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.1.0",
+    "@form-create/designer": "^3.2.6",
+    "@form-create/element-ui": "^3.2.11",
+    "@form-create/vant": "^3.2.30",
+    "@form-create/vant-designer": "^3.3.1",
+    "@iconify/iconify": "^3.1.1",
+    "@microsoft/fetch-event-source": "^2.0.1",
+    "@sv-print/hiprint": "^0.3.24",
+    "@sv-print/plugin-api-image": "^0.2.2",
+    "@sv-print/plugin-api-pdf3": "^0.2.2",
+    "@sv-print/plugin-ele-bwip-js": "file:plugin-ele-bwip-js",
+    "@sv-print/plugin-text-auto": "file:plugin-text-auto",
+    "@sv-print/vue3": "^0.2.3",
+    "@videojs-player/vue": "^1.0.0",
+    "@vueuse/core": "^10.9.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.10",
+    "@zxcvbn-ts/core": "^3.0.4",
+    "animate.css": "^4.1.1",
+    "axios": "1.9.0",
+    "benz-amr-recorder": "^1.1.5",
+    "bpmn-js-token-simulation": "^0.36.0",
+    "camunda-bpmn-moddle": "^7.0.1",
+    "cropperjs": "^1.6.1",
+    "crypto-js": "^4.2.0",
+    "dayjs": "^1.11.10",
+    "diagram-js": "^12.8.0",
+    "driver.js": "^1.3.1",
+    "echarts": "^5.5.0",
+    "echarts-wordcloud": "^2.1.0",
+    "element-plus": "2.9.1",
+    "fast-xml-parser": "^4.3.2",
+    "highlight.js": "^11.9.0",
+    "jsencrypt": "^3.3.2",
+    "lodash-es": "^4.17.21",
+    "markdown-it": "^14.1.0",
+    "markmap-common": "^0.16.0",
+    "markmap-lib": "^0.16.1",
+    "markmap-toolbar": "^0.17.0",
+    "markmap-view": "^0.16.0",
+    "min-dash": "^4.1.1",
+    "mitt": "^3.0.1",
+    "nprogress": "^0.2.0",
+    "pdfjs-dist": "^2.9.359",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "pnpm": "^10.30.3",
+    "qrcode": "^1.5.3",
+    "qs": "^6.12.0",
+    "socket.io-client": "^4.8.3",
+    "sortablejs": "^1.15.3",
+    "steady-xml": "^0.1.0",
+    "sv-print": "^0.2.17",
+    "url": "^0.11.3",
+    "v3-jsoneditor": "^0.0.6",
+    "vant": "^4.9.21",
+    "video.js": "^7.21.5",
+    "vue": "3.5.12",
+    "vue-dompurify-html": "^4.1.4",
+    "vue-i18n": "9.10.2",
+    "vue-plugin-hiprint": "0.0.60",
+    "vue-router": "4.4.5",
+    "vue-types": "^5.1.1",
+    "vue3-signature": "^0.2.4",
+    "vuedraggable": "^4.1.0",
+    "web-storage-cache": "^1.1.1",
+    "xml-js": "^1.6.11"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.0.1",
+    "@commitlint/config-conventional": "^19.0.0",
+    "@iconify/json": "^2.2.187",
+    "@intlify/unplugin-vue-i18n": "^2.0.0",
+    "@purge-icons/generated": "^0.9.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.11.21",
+    "@types/nprogress": "^0.2.3",
+    "@types/qrcode": "^1.5.5",
+    "@types/qs": "^6.9.12",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
+    "@unocss/eslint-config": "^0.57.4",
+    "@unocss/eslint-plugin": "66.1.0-beta.5",
+    "@unocss/transformer-variant-group": "^0.58.5",
+    "@vitejs/plugin-legacy": "^5.3.1",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "autoprefixer": "^10.4.17",
+    "bpmn-js": "^17.9.2",
+    "bpmn-js-properties-panel": "5.23.0",
+    "consola": "^3.2.3",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-define-config": "^2.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vue": "^9.22.0",
+    "less": "^4.4.1",
+    "lint-staged": "^15.2.2",
+    "patch-package": "^8.0.1",
+    "postcss": "^8.4.35",
+    "postcss-html": "^1.6.0",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.2.5",
+    "prettier-eslint": "^16.3.0",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.12.0",
+    "sass": "^1.69.5",
+    "stylelint": "^16.2.1",
+    "stylelint-config-html": "^1.1.0",
+    "stylelint-config-recommended": "^14.0.0",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-order": "^6.0.4",
+    "terser": "^5.28.1",
+    "typescript": "5.3.3",
+    "unocss": "^0.58.5",
+    "unplugin-auto-import": "^0.16.7",
+    "unplugin-element-plus": "^0.8.0",
+    "unplugin-vue-components": "^0.25.2",
+    "vite": "5.1.4",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-ejs": "^1.7.0",
+    "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-progress": "^0.0.7",
+    "vite-plugin-purge-icons": "^0.10.0",
+    "vite-plugin-svg-icons-ng": "^1.3.1",
+    "vite-plugin-top-level-await": "^1.4.4",
+    "vue-eslint-parser": "^9.3.2",
+    "vue-tsc": "^1.8.27"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitee.com/jtcode/jt-ui-admin-vue3"
+  },
+  "bugs": {
+    "url": "https://gitee.com/jtcode/jt-ui-admin-vue3/issues"
+  },
+  "homepage": "https://gitee.com/jtcode/jt-ui-admin-vue3",
+  "web-types": "./web-types.json",
+  "engines": {
+    "node": ">= 16.0.0",
+    "pnpm": ">=8.6.0"
+  }
+}

plugin-ele-bwip-js/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@sv-print/plugin-ele-bwip-js",
+  "version": "0.1.18",
+  "description": "",
+  "type": "module",
+  "main": "./dist/index.js",
+  "svelte": "./dist/index.mjs",
+  "jsdelivr": "./dist/index.umd.js",
+  "unpkg": "./dist/index.umd.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && api-extractor run",
+    "build-browserify": "vite build --mode=browserify && api-extractor run",
+    "pub": "pnpm build && npm --registry https://registry.npmjs.org/ publish --access public",
+    "pub-beta": "pnpm build && pnpm --registry https://registry.npmjs.org/ publish --access public --tag beta"
+  },
+  "keywords": [
+    "sv-print",
+    "hiprint"
+  ],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "sv-print": "^0.1.8"
+  },
+  "dependencies": {
+    "bwip-js": "^4.3.2",
+    "vite": "^6.4.1"
+  }
+}

plugin-text-auto/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@sv-print/plugin-text-auto",
+  "version": "0.1.5",
+  "description": "",
+  "type": "module",
+  "main": "./dist/index.js",
+  "svelte": "./dist/index.mjs",
+  "jsdelivr": "./dist/index.umd.js",
+  "unpkg": "./dist/index.umd.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && tsc src/index.ts --declaration --emitDeclarationOnly --outDir dist",
+    "build-browserify": "vite build --mode=browserify",
+    "pub": "pnpm build && npm --registry https://registry.npmjs.org/ publish --access public",
+    "pub-beta": "pnpm build && npm --registry https://registry.npmjs.org/ publish --access public --tag beta"
+  },
+  "keywords": [
+    "sv-print",
+    "hiprint"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "sv-print": "^0.1.28",
+    "vite": "^6.4.1"
+  }
+}

postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}

prettier.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+  printWidth: 100, // 每行代码长度（默认80）
+  tabWidth: 2, // 每个tab相当于多少个空格（默认2）ab进行缩进（默认false）
+  useTabs: false, // 是否使用tab
+  semi: false, // 声明结尾使用分号(默认true)
+  vueIndentScriptAndStyle: false,
+  singleQuote: true, // 使用单引号（默认false）
+  quoteProps: 'as-needed',
+  bracketSpacing: true, // 对象字面量的大括号间使用空格（默认true）
+  trailingComma: 'none', // 多行使用拖尾逗号（默认none）
+  jsxSingleQuote: false,
+  // 箭头函数参数括号 默认avoid 可选 avoid| always
+  // avoid 能省略括号的时候就省略 例如x => x
+  // always 总是有括号
+  arrowParens: 'always',
+  insertPragma: false,
+  requirePragma: false,
+  proseWrap: 'never',
+  htmlWhitespaceSensitivity: 'strict',
+  endOfLine: 'auto',
+  rangeStart: 0
+}

public/print-lock.css

@@ -0,0 +1,345 @@
+@media print {
+  body {
+    margin: 0px;
+    padding: 0px;
+  }
+}
+
+@page {
+  margin: 0;
+}
+
+.hiprint-printPaper * {
+  box-sizing: border-box;
+  image-rendering: -webkit-optimize-contrast; /* 让图片/标尺稍微清楚一点 */
+}
+
+.hiprint-printPaper *:focus {
+  outline: 0;
+}
+
+.hiprint-page-break-avoid {
+  page-break-after: avoid;
+}
+.hiprint-printPaper {
+  position: relative;
+  padding: 0 0 0 0;
+  page-break-after: always;
+  -webkit-user-select: none; /* Chrome/Safari/Opera */
+  -moz-user-select: none; /* Firefox */
+  user-select: none;
+  overflow-x: hidden;
+  overflow: hidden;
+}
+.hiprint-printPaper .hiprint-printPaper-background {
+  position: absolute;
+  pointer-events: none;
+  z-index: 0;
+  left: 0;
+  top: 0;
+}
+.hiprint-printPaper .hiprint-printPaper-content {
+  position: relative;
+}
+.hiprint-printPaper.design {
+  overflow: visible;
+}
+
+.hiprint-printTemplate .hiprint-printPanel {
+  page-break-after: always;
+}
+
+.hiprint-printPaper,
+hiprint-printPanel {
+  box-sizing: border-box;
+  border: 0px;
+}
+
+.hiprint-printPanel .hiprint-printPaper:last-child {
+  page-break-after: avoid;
+}
+
+.hiprint-printTemplate .hiprint-printPanel:last-child {
+  page-break-after: avoid;
+}
+
+.hiprint-printPaper .hideheaderLinetarget {
+  border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper .hidefooterLinetarget {
+  border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper.design {
+  border: 1px dashed rgba(170, 170, 170, 0.7);
+}
+
+.design .hiprint-printElement-table-content,
+.design .hiprint-printElement-longText-content {
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.design .resize-panel {
+  box-sizing: border-box;
+  border: 1px dotted;
+}
+
+.hiprint-printElement-text {
+  background-color: transparent;
+  background-repeat: repeat;
+  padding: 0 0 0 0;
+  border: 0.75pt none rgb(0, 0, 0);
+  direction: ltr;
+  font-family: "SimSun";
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  line-height: 9.75pt;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  word-break: keep-all;
+  /* word-break: break-all; */
+}
+
+.design .hiprint-printElement-text-content {
+  border: 1px dashed rgb(206, 188, 188);
+  box-sizing: border-box;
+}
+
+.hiprint-printElement-longText {
+  background-color: transparent;
+  background-repeat: repeat;
+  border: 0.75pt none rgb(0, 0, 0);
+  direction: ltr;
+  font-family: "SimSun";
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  line-height: 9.75pt;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  /* word-break: break-all; */
+  word-break: keep-all;
+  /*white-space: pre-wrap*/
+}
+
+.hiprint-printElement-table {
+  background-color: transparent;
+  background-repeat: repeat;
+  color: rgb(0, 0, 0);
+  border-color: rgb(0, 0, 0);
+  border-style: none;
+  direction: ltr;
+  font-family: "SimSun";
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  padding: 0 0 0 0;
+  box-sizing: border-box;
+  line-height: 9.75pt;
+}
+
+.hiprint-printElement-table thead {
+  background: #e8e8e8;
+  font-weight: 700;
+}
+
+table.hiprint-printElement-tableTarget {
+  width: 100%;
+}
+
+.hiprint-printElement-tableTarget,
+.hiprint-printElement-tableTarget tr,
+.hiprint-printElement-tableTarget td {
+  border-color: rgb(0, 0, 0);
+  /* border-style: none; */
+  /*border: 1px solid rgb(0,0,0);*/
+  font-weight: normal;
+  direction: ltr;
+  padding-bottom: 0pt;
+  padding-left: 4pt;
+  padding-right: 4pt;
+  padding-top: 0pt;
+  text-decoration: none;
+  vertical-align: middle;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  word-break: break-all;
+  /*line-height: 9.75pt;
+    font-size: 9pt;*/
+}
+
+.hiprint-printElement-tableTarget-border-all {
+  border: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-none {
+  border: 0px solid;
+}
+.hiprint-printElement-tableTarget-border-lr {
+  border-left: 1px solid;
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-left {
+  border-left: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-right {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-tb {
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-top {
+  border-top: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-bottom {
+  border-bottom: 1px solid;
+}
+
+.hiprint-printElement-tableTarget-border-td-none td {
+  border: 0px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:not(:nth-last-child(-n + 2)) {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:not(last-child) {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:last-child {
+  border-left: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:last-child:first-child {
+  border-left: none;
+}
+
+/*.hiprint-printElement-tableTarget tr,*/
+.hiprint-printElement-tableTarget td {
+  height: 18pt;
+}
+
+.hiprint-printPaper .hiprint-paperNumber {
+  font-size: 9pt;
+}
+
+.hiprint-printPaper .hiprint-paperNumber-disabled {
+  float: right !important;
+  right: 0 !important;
+  color: gainsboro !important;
+}
+
+.hiprint-printElement-vline,
+.hiprint-printElement-hline {
+  border: 0px none rgb(0, 0, 0);
+}
+.hiprint-printElement-vline {
+  border-left: 0.75pt solid #000;
+  border-right: 0px none rgb(0, 0, 0) !important;
+  border-bottom: 0px none rgb(0, 0, 0) !important;
+  border-top: 0px none rgb(0, 0, 0) !important;
+}
+
+.hiprint-printElement-hline {
+  border-top: 0.75pt solid #000;
+  border-right: 0px none rgb(0, 0, 0) !important;
+  border-bottom: 0px none rgb(0, 0, 0) !important;
+  border-left: 0px none rgb(0, 0, 0) !important;
+}
+
+.hiprint-printElement-oval,
+.hiprint-printElement-rect {
+  border: 0.75pt solid #000;
+}
+
+.hiprint-text-content-middle {
+}
+.hiprint-text-content-middle > div:first-child {
+  display: grid;
+  align-items: center;
+}
+
+.hiprint-text-content-bottom {
+}
+
+.hiprint-text-content-bottom > div:first-child {
+  display: grid;
+  align-items: flex-end;
+}
+
+.hiprint-text-content-wrap {
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-nowrap {
+  white-space: nowrap;
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-clip {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: clip;
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/*hi-grid-row */
+.hi-grid-row {
+  position: relative;
+  height: auto;
+  margin-right: 0;
+  margin-left: 0;
+  zoom: 1;
+  display: block;
+  box-sizing: border-box;
+}
+
+.hi-grid-row::after,
+.hi-grid-row::before {
+  display: table;
+  content: "";
+  box-sizing: border-box;
+}
+
+.hi-grid-col {
+  display: block;
+  box-sizing: border-box;
+  position: relative;
+  float: left;
+  flex: 0 0 auto;
+}
+
+.table-grid-row {
+  margin-left: -0pt;
+  margin-right: -0pt;
+}
+
+.tableGridColumnsGutterRow {
+  padding-left: 0pt;
+  padding-right: 0pt;
+}
+.hiprint-gridColumnsFooter {
+  text-align: left;
+  clear: both;
+}

public/static/hiprint.css

@@ -0,0 +1,814 @@
+
+
+/* hiprint-pagination */
+.hiprint-pagination {
+    display: inline-block;
+    padding-left: 0;
+}
+
+    .hiprint-pagination > li {
+        border: 1px solid #bdc3c7;
+        -moz-border-radius: 2px;
+        -webkit-border-radius: 2px;
+        display: block;
+        float: left;
+        padding: 5px;
+        text-decoration: none;
+        margin-right: 5px;
+        margin-bottom: 5px;
+        font-family: helvetica;
+        font-size: 13px;
+        cursor: pointer
+    }
+.hiprint-pagination > li > span {
+    padding: 0 10px 0 10px;
+}
+
+.hiprint-pagination > li > a {
+    color: #bdc3c7;
+    font-weight: bold;
+    text-decoration: none;
+    font-size: 11px;
+    padding: 3px;
+}
+
+    .hiprint-pagination > li > a:hover {
+        color: red;
+    }
+
+
+
+.hiprint-pagination-sm > li > a {
+    padding: 5px 10px;
+    font-size: 12px;
+    line-height: 1.5;
+}
+/*rect-printElement-type hiprint-printElement-type */
+.rect-printElement-types .hiprint-printElement-type {
+  display: block;
+}
+
+.rect-printElement-types .hiprint-printElement-type {
+  padding: 0 0 0 0;
+  list-style: none;
+}
+
+  .rect-printElement-types .hiprint-printElement-type > li > .title {
+      display: block;
+      padding: 4px 0px;
+      clear: both;
+  }
+
+  .rect-printElement-types .hiprint-printElement-type > li > ul {
+      padding: 0 0 0 0;
+      display: block;
+      list-style: none;
+  }
+
+      .rect-printElement-types .hiprint-printElement-type > li > ul > li {
+          display: block;
+          width: 50%;
+          float: left;
+          max-width: 100px;
+      }
+
+          .rect-printElement-types .hiprint-printElement-type > li > ul > li > a {
+              height: 92px;
+              padding: 12px 6px;
+              margin-left: -1px;
+              line-height: 1.42857143;
+              color: #337ab7;
+              text-decoration: none;
+              background-color: #fff;
+              border: 1px solid #ddd;
+              margin-right: 5px;
+              width: 95%;
+              max-width: 100px;
+              display: inline-block;
+              text-align: center;
+              margin-bottom: 7px;
+              box-sizing: border-box;
+              color: #b9a5a6;
+              border: 1px solid rgba(0,0,0,0.2);
+              border-radius: 3px;
+              box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
+          }
+
+
+/*small-printElement-type hiprint-printElement-type */
+
+/*.hiprint-printElement :focus {
+    outline: none;
+}*/
+
+.small-printElement-types .hiprint-printElement-type {
+    display: block;
+}
+
+.small-printElement-types .hiprint-printElement-type {
+  padding: 0 0 0 0;
+  list-style: none;
+}
+
+  .small-printElement-types .hiprint-printElement-type > li > .title {
+      display: block;
+      padding: 4px 0px;
+      clear: both;
+  }
+
+  .small-printElement-types .hiprint-printElement-type > li > ul {
+      padding: 0 0 0 0;
+      display: block;
+      list-style: none;
+      width: 100%;
+  }
+
+      .small-printElement-types .hiprint-printElement-type > li > ul > li {
+          display: block;
+          width: 50%;
+          float: left;
+          padding: 0 4px;
+      }
+
+          .small-printElement-types .hiprint-printElement-type > li > ul > li > a {
+              height: 22px;
+              /* padding: 12px 6px; */
+              /* margin-left: -1px; */
+              line-height: 20px;
+              color: #337ab7;
+              text-decoration: none;
+              background-color: #fff;
+              border: 1px solid #ddd;
+              margin-right: 5px;
+              width: 100%;
+              display: block;
+              text-align: center;
+              margin-bottom: 7px;
+              box-sizing: border-box;
+              color: #b9a5a6;
+              border: 1px solid rgba(0,0,0,0.2);
+              border-radius: 3px;
+              box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
+          }
+
+
+/* hiprint-toolbar*/
+
+.hiprint-toolbar {
+}
+
+  .hiprint-toolbar > ul {
+      padding: 0px;
+      margin-bottom: 5px;
+  }
+
+      .hiprint-toolbar > ul > li {
+          display: inline-block;
+      }
+
+          .hiprint-toolbar > ul > li > a {
+              position: relative;
+              float: left;
+              padding: 3px 10px;
+              margin-left: -1px;
+              line-height: 1.42857143;
+              color: #337ab7;
+              text-decoration: none;
+              background-color: #fff;
+              border: 1px solid #ddd;
+              margin-right: 4px;
+              cursor: pointer;
+          }
+
+
+.hiprint-printElement-type .glyphicon-class {
+  display: block;
+  text-align: center;
+  word-wrap: break-word;
+  /*font-size: 0.65rem;
+font-weight: normal;*/
+  font-family: Helvetica, sans-serif;
+}
+
+.hiprint-printElement-type .glyphicon {
+  margin-top: 5px;
+  margin-bottom: 10px;
+  font-size: 37px;
+}
+
+
+/*
+
+
+*/
+
+/*option css*/
+/*option css*/
+.hiprint-option-items {
+  font-size: .75rem;
+  padding: 10px 5px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+  .hiprint-option-items .hiprint-option-item {
+      box-sizing: border-box;
+      float: left;
+      width: 50%;
+      margin-bottom: 5px;
+      padding: 0 5px;
+      font-size:14px;
+  }
+
+  .hiprint-option-items .hiprint-option-item-row {
+      width: 100%;
+  }
+
+.hiprint-option-item-label {
+  margin: 5px 5px 3px 0;
+}
+
+.hiprint-option-items .hiprint-option-item-field input, .hiprint-option-items .hiprint-option-item-field select, .hiprint-option-items .hiprint-option-item-field textarea {
+  color: inherit;
+  background-color: transparent;
+  box-sizing: border-box;
+  width: 100%;
+  position: relative;
+  padding: 3px;
+  z-index: 1;
+  border: 1px solid rgb(169, 169, 169);
+  height: 19pt;
+}
+
+.hiprint-option-item-settingBtn {
+    height: 19pt;
+    line-height: 19pt;
+    font-size: 12px;
+    padding: 0 24px;
+    background: #00c1de;
+    border-color: transparent;
+    color: #fff;
+    display: inline-block;
+    margin: 5px;
+    font-weight: 400;
+    border: 1px solid transparent;
+    font-family: PingFangSC, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, "sans-serif";
+    vertical-align: middle;
+    transition: .3s cubic-bezier(.4, 0, .2, 1);
+    transform: translateZ(0);
+}
+.hiprint-option-item-deleteBtn {
+    background:red;
+}
+
+.hiprint-option-items .minicolors {
+    position: relative;
+}
+
+.hiprint-option-items .minicolors-sprite {
+  background-image: url(./image/jquery.minicolors.png);
+}
+
+.hiprint-option-items .minicolors-swatch {
+  position: absolute;
+  vertical-align: middle;
+  background-position: -80px 0;
+  cursor: text;
+  padding: 0;
+  margin: 0;
+  display: inline-block;
+}
+
+.hiprint-option-items .minicolors-swatch-color {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.hiprint-option-items .minicolors input[type=hidden] + .minicolors-swatch {
+  width: 28px;
+  position: static;
+  cursor: pointer;
+}
+
+.hiprint-option-items .minicolors input[type=hidden][disabled] + .minicolors-swatch {
+  cursor: default;
+}
+
+/* Panel */
+.hiprint-option-items .minicolors-panel {
+  position: absolute;
+  width: 173px;
+  background: white;
+  border: solid 1px #CCC;
+  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
+  z-index: 99999;
+  box-sizing: content-box;
+  display: none;
+}
+
+  .hiprint-option-items .minicolors-panel.minicolors-visible {
+      display: block;
+  }
+
+/* Panel positioning */
+.hiprint-option-items .minicolors-position-top .minicolors-panel {
+  top: -154px;
+}
+
+.hiprint-option-items .minicolors-position-right .minicolors-panel {
+  right: 0;
+}
+
+.hiprint-option-items .minicolors-position-bottom .minicolors-panel {
+  top: auto;
+}
+
+.hiprint-option-items .minicolors-position-left .minicolors-panel {
+  left: 0;
+}
+
+.hiprint-option-items .minicolors-with-opacity .minicolors-panel {
+  width: 194px;
+}
+
+.hiprint-option-items .minicolors .minicolors-grid {
+  position: relative;
+  top: 1px;
+  left: 1px; /* LTR */
+  width: 150px;
+  height: 150px;
+  margin-bottom: 2px;
+  background-position: -120px 0;
+  cursor: crosshair;
+}
+
+.hiprint-option-items .minicolors .minicolors-grid-inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 150px;
+  height: 150px;
+}
+
+.hiprint-option-items .minicolors-slider-saturation .minicolors-grid {
+  background-position: -420px 0;
+}
+
+.hiprint-option-items .minicolors-slider-saturation .minicolors-grid-inner {
+  background-position: -270px 0;
+  background-image: inherit;
+}
+
+.hiprint-option-items .minicolors-slider-brightness .minicolors-grid {
+  background-position: -570px 0;
+}
+
+.hiprint-option-items .minicolors-slider-brightness .minicolors-grid-inner {
+  background-color: black;
+}
+
+.hiprint-option-items .minicolors-slider-wheel .minicolors-grid {
+  background-position: -720px 0;
+}
+
+.hiprint-option-items .minicolors-slider,
+.hiprint-option-items .minicolors-opacity-slider {
+  position: absolute;
+  top: 1px;
+  left: 152px; /* LTR */
+  width: 20px;
+  height: 150px;
+  background-color: white;
+  background-position: 0 0;
+  cursor: row-resize;
+}
+
+.hiprint-option-items .minicolors-slider-saturation .minicolors-slider {
+  background-position: -60px 0;
+}
+
+.hiprint-option-items .minicolors-slider-brightness .minicolors-slider {
+  background-position: -20px 0;
+}
+
+.hiprint-option-items .minicolors-slider-wheel .minicolors-slider {
+  background-position: -20px 0;
+}
+
+.hiprint-option-items .minicolors-opacity-slider {
+  left: 173px; /* LTR */
+  background-position: -40px 0;
+  display: none;
+}
+
+
+.hiprint-option-items .minicolors-with-opacity .minicolors-opacity-slider {
+  display: block;
+}
+
+/* Pickers */
+.hiprint-option-items .minicolors-grid .minicolors-picker {
+  position: absolute;
+  top: 70px;
+  left: 70px;
+  width: 12px;
+  height: 12px;
+  border: solid 1px black;
+  border-radius: 10px;
+  margin-top: -6px;
+  margin-left: -6px;
+  background: none;
+}
+
+  .hiprint-option-items .minicolors-grid .minicolors-picker > div {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 8px;
+      height: 8px;
+      border-radius: 8px;
+      border: solid 2px white;
+      box-sizing: content-box;
+  }
+
+.hiprint-option-items .minicolors-picker {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 18px;
+  height: 2px;
+  background: white;
+  border: solid 1px black;
+  margin-top: -2px;
+  box-sizing: content-box;
+}
+
+/* Swatches */
+.hiprint-option-items .minicolors-swatches,
+.hiprint-option-items .minicolors-swatches li {
+  margin: 5px 0 3px 5px; /* LTR */
+  padding: 0;
+  list-style: none;
+  overflow: hidden;
+}
+
+  .hiprint-option-items .minicolors-swatches .minicolors-swatch {
+      position: relative;
+      float: left; /* LTR */
+      cursor: pointer;
+      margin: 0 4px 0 0; /* LTR */
+  }
+
+
+.hiprint-option-items .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
+  margin-right: 7px; /* LTR */
+}
+
+
+.hiprint-option-items .minicolors-swatch.selected {
+  border-color: #000;
+}
+
+/* Inline controls */
+.hiprint-option-items .minicolors-inline {
+  display: inline-block;
+}
+
+  .hiprint-option-items .minicolors-inline .minicolors-input {
+      display: none !important;
+  }
+
+  .hiprint-option-items .minicolors-inline .minicolors-panel {
+      position: relative;
+      top: auto;
+      left: auto; /* LTR */
+      box-shadow: none;
+      z-index: auto;
+      display: inline-block;
+  }
+
+
+
+/* Bootstrap theme */
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatch {
+  z-index: 2;
+  top: 3px;
+  left: 3px;
+  width: 17px;
+  height: 17px;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
+  margin-bottom: 2px;
+  top: 0;
+  left: 0; /* LTR */
+  width: 20px;
+  height: 20px;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatch-color {
+  border-radius: inherit;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
+  left: auto; /* LTR */
+  right: 3px; /* LTR */
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input {
+  float: none;
+  padding-left: 23px; /* LTR */
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
+  padding-right: 44px; /* LTR */
+  padding-left: 12px; /* LTR */
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
+  top: 4px;
+  left: 4px; /* LTR */
+  width: 37px;
+  height: 37px;
+  border-radius: 5px;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
+  width: 24px;
+  height: 24px;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
+  width: 18px;
+  height: 18px;
+}
+
+.hiprint-option-items .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
+  border-top-left-radius: 0; /* LTR */
+  border-bottom-left-radius: 0; /* LTR */
+}
+
+
+
+/*hitable reizer*/
+.hitable {
+}
+
+
+
+  .hitable .selected {
+      background: #3e66ad;
+  }
+
+
+  /*resizer*/
+  .hitable tr.resizerRow,
+  .hitable .resizerRow td {
+      border: 0pt dashed;
+      height: 0pt;
+      background: #fff;
+  }
+
+      .hitable tr.resizerRow + tr,
+      .hitable tr.resizerRow + tr td {
+          border-top: 0px !important;
+      }
+
+  .hitable td.resizerColumn {
+      border: 0pt dashed;
+      width: 0.000001px !important;
+      background: #fff;
+  }
+
+
+      .hitable td.resizerColumn + td {
+          border-left: 0px !important;
+      }
+
+
+/*GRIP*/
+
+.columngrips {
+  height: 0px;
+  position: absolute;
+}
+
+.columngrip {
+  margin-left: -5px;
+  position: absolute;
+  z-index: 5;
+  width: 10px;
+}
+
+  .columngrip .gripResizer {
+      position: absolute;
+      filter: alpha(opacity=1);
+      opacity: 0;
+      width: 10px;
+      height: 100%;
+      cursor: col-resize;
+      top: 0px;
+  }
+
+.columngripDraging {
+  border-left: 1px dotted black;
+}
+
+.rowgrips {
+  height: 0px;
+  width: 0px;
+  position: absolute;
+}
+
+.rowgrip {
+  margin-top: -5px;
+  position: absolute;
+  z-index: 5;
+  height: 10px;
+}
+
+  .rowgrip .gripResizer {
+      position: absolute;
+      filter: alpha(opacity=1);
+      opacity: 0;
+      height: 10px;
+      width: 100%;
+      cursor: row-resize;
+      left: 0px;
+  }
+
+.rowgripDraging {
+  border-top: 1px dotted black;
+}
+
+.hitable .hitable-editor-text {
+  border: 1px solid;
+  width: 95%;
+  height: 80%;
+}
+
+
+
+
+.hipanel-disable {
+    height: 0px;
+    display: block !important;
+    top: 8500px;
+    width: 0px;
+    overflow: hidden;
+    position: absolute;
+}
+.hiprint_rul_wrapper {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    pointer-events: none;
+    border: 0;
+    border-top: 1px solid rgb(201, 190, 190);
+    border-left: 1px solid rgb(201, 190, 190);
+    padding-left: 15px;
+    margin: -16px
+}
+
+    .hiprint_rul_wrapper .h_img {
+        position: absolute;
+        top: 0px;
+        left: 15px;
+        width: 400mm;
+        height: 15px;
+    }
+
+    .hiprint_rul_wrapper .v_img {
+        width: 400mm;
+        transform: rotate(90deg);
+        transform-origin: 0 100%;
+        height: 15px;
+        position: absolute;
+        top: -2px;
+        left: 0px;
+        
+    }
+
+/*hiprint-option-table*/
+
+.hiprint-option-table-selected-columns {
+    color: inherit;
+    background-color: transparent;
+    box-sizing: border-box;
+    width: 100%;
+    position: relative;
+    padding: 0px;
+    list-style: none;
+}
+
+    .hiprint-option-table-selected-columns .hiprint-option-table-selected-item {
+        color: inherit;
+        background-color: transparent;
+        box-sizing: border-box;
+        width: 100%;
+        padding: 0 3px;
+        border: 1px solid rgb(169, 169, 169);
+        line-height: 19pt;
+        margin: 3px 0;
+    }
+/*hi-pretty */
+.hi-pretty * {
+    box-sizing: border-box;
+}
+
+.hi-pretty input:not([type='checkbox']):not([type='radio']) {
+    display: none;
+}
+
+.hi-pretty {
+    position: relative;
+    display: inline-block;
+    margin-right: 1em;
+    white-space: nowrap;
+    line-height: 1;
+}
+
+    .hi-pretty input {
+        position: absolute;
+        left: 0;
+        top: 0;
+        min-width: 1em;
+        width: 100%;
+        height: 100%;
+        z-index: 2;
+        opacity: 0;
+        margin: 0;
+        padding: 0;
+        cursor: pointer;
+    }
+
+    .hi-pretty .state label {
+        position: initial;
+        display: inline-block;
+        font-weight: normal;
+        margin: 0;
+        text-indent: 1.5em;
+        min-width: calc(1em + 2px);
+    }
+
+        .hi-pretty .state label:before,
+        .hi-pretty .state label:after {
+            content: '';
+            width: calc(1em + 2px);
+            height: calc(1em + 2px);
+            display: block;
+            box-sizing: border-box;
+            border-radius: 0;
+            border: 1px solid transparent;
+            z-index: 0;
+            position: absolute;
+            left: 0;
+            top: calc((0% - (100% - 1em)) - 8%);
+            background-color: transparent;
+        }
+
+        .hi-pretty .state label:before {
+            border-color: #bdc3c7;
+        }
+
+    .hi-pretty .state.p-is-hover,
+    .hi-pretty .state.p-is-indeterminate {
+        display: none;
+    }
+
+
+    .hi-pretty.p-default.p-fill .state label:after {
+        -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1);
+    }
+
+    .hi-pretty.p-default .state label:after {
+        -webkit-transform: scale(0.6);
+        -ms-transform: scale(0.6);
+        transform: scale(0.6);
+    }
+
+    .hi-pretty.p-default input:checked ~ .state label:after {
+        background-color: #bdc3c7 !important;
+    }
+
+    .hi-pretty.p-default.p-thick .state label:before,
+    .hi-pretty.p-default.p-thick .state label:after {
+        border-width: calc(1em / 7);
+    }
+
+    .hi-pretty.p-default.p-thick .state label:after {
+        -webkit-transform: scale(0.4) !important;
+        -ms-transform: scale(0.4) !important;
+        transform: scale(0.4) !important;
+    }
+
+ 

public/static/hiprint/css/hiprint.css

@@ -0,0 +1,814 @@
+
+
+/* hiprint-pagination */
+.hiprint-pagination {
+    display: inline-block;
+    padding-left: 0;
+}
+
+    .hiprint-pagination > li {
+        border: 1px solid #bdc3c7;
+        -moz-border-radius: 2px;
+        -webkit-border-radius: 2px;
+        display: block;
+        float: left;
+        padding: 5px;
+        text-decoration: none;
+        margin-right: 5px;
+        margin-bottom: 5px;
+        font-family: helvetica;
+        font-size: 13px;
+        cursor: pointer
+    }
+.hiprint-pagination > li > span {
+    padding: 0 10px 0 10px;
+}
+
+.hiprint-pagination > li > a {
+    color: #bdc3c7;
+    font-weight: bold;
+    text-decoration: none;
+    font-size: 11px;
+    padding: 3px;
+}
+
+    .hiprint-pagination > li > a:hover {
+        color: red;
+    }
+
+
+
+.hiprint-pagination-sm > li > a {
+    padding: 5px 10px;
+    font-size: 12px;
+    line-height: 1.5;
+}
+/*rect-printElement-type hiprint-printElement-type */
+.rect-printElement-types .hiprint-printElement-type {
+  display: block;
+}
+
+.rect-printElement-types .hiprint-printElement-type {
+  padding: 0 0 0 0;
+  list-style: none;
+}
+
+  .rect-printElement-types .hiprint-printElement-type > li > .title {
+      display: block;
+      padding: 4px 0px;
+      clear: both;
+  }
+
+  .rect-printElement-types .hiprint-printElement-type > li > ul {
+      padding: 0 0 0 0;
+      display: block;
+      list-style: none;
+  }
+
+      .rect-printElement-types .hiprint-printElement-type > li > ul > li {
+          display: block;
+          width: 50%;
+          float: left;
+          max-width: 100px;
+      }
+
+          .rect-printElement-types .hiprint-printElement-type > li > ul > li > a {
+              height: 92px;
+              padding: 12px 6px;
+              margin-left: -1px;
+              line-height: 1.42857143;
+              color: #337ab7;
+              text-decoration: none;
+              background-color: #fff;
+              border: 1px solid #ddd;
+              margin-right: 5px;
+              width: 95%;
+              max-width: 100px;
+              display: inline-block;
+              text-align: center;
+              margin-bottom: 7px;
+              box-sizing: border-box;
+              color: #b9a5a6;
+              border: 1px solid rgba(0,0,0,0.2);
+              border-radius: 3px;
+              box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
+          }
+
+
+/*small-printElement-type hiprint-printElement-type */
+
+/*.hiprint-printElement :focus {
+    outline: none;
+}*/
+
+.small-printElement-types .hiprint-printElement-type {
+    display: block;
+}
+
+.small-printElement-types .hiprint-printElement-type {
+  padding: 0 0 0 0;
+  list-style: none;
+}
+
+  .small-printElement-types .hiprint-printElement-type > li > .title {
+      display: block;
+      padding: 4px 0px;
+      clear: both;
+  }
+
+  .small-printElement-types .hiprint-printElement-type > li > ul {
+      padding: 0 0 0 0;
+      display: block;
+      list-style: none;
+      width: 100%;
+  }
+
+      .small-printElement-types .hiprint-printElement-type > li > ul > li {
+          display: block;
+          width: 50%;
+          float: left;
+          padding: 0 4px;
+      }
+
+          .small-printElement-types .hiprint-printElement-type > li > ul > li > a {
+              height: 22px;
+              /* padding: 12px 6px; */
+              /* margin-left: -1px; */
+              line-height: 20px;
+              color: #337ab7;
+              text-decoration: none;
+              background-color: #fff;
+              border: 1px solid #ddd;
+              margin-right: 5px;
+              width: 100%;
+              display: block;
+              text-align: center;
+              margin-bottom: 7px;
+              box-sizing: border-box;
+              color: #b9a5a6;
+              border: 1px solid rgba(0,0,0,0.2);
+              border-radius: 3px;
+              box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
+          }
+
+
+/* hiprint-toolbar*/
+
+.hiprint-toolbar {
+}
+
+  .hiprint-toolbar > ul {
+      padding: 0px;
+      margin-bottom: 5px;
+  }
+
+      .hiprint-toolbar > ul > li {
+          display: inline-block;
+      }
+
+          .hiprint-toolbar > ul > li > a {
+              position: relative;
+              float: left;
+              padding: 3px 10px;
+              margin-left: -1px;
+              line-height: 1.42857143;
+              color: #337ab7;
+              text-decoration: none;
+              background-color: #fff;
+              border: 1px solid #ddd;
+              margin-right: 4px;
+              cursor: pointer;
+          }
+
+
+.hiprint-printElement-type .glyphicon-class {
+  display: block;
+  text-align: center;
+  word-wrap: break-word;
+  /*font-size: 0.65rem;
+font-weight: normal;*/
+  font-family: Helvetica, sans-serif;
+}
+
+.hiprint-printElement-type .glyphicon {
+  margin-top: 5px;
+  margin-bottom: 10px;
+  font-size: 37px;
+}
+
+
+/*
+
+
+*/
+
+/*option css*/
+/*option css*/
+.hiprint-option-items {
+  font-size: .75rem;
+  padding: 10px 5px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+  .hiprint-option-items .hiprint-option-item {
+      box-sizing: border-box;
+      float: left;
+      width: 50%;
+      margin-bottom: 5px;
+      padding: 0 5px;
+      font-size:14px;
+  }
+
+  .hiprint-option-items .hiprint-option-item-row {
+      width: 100%;
+  }
+
+.hiprint-option-item-label {
+  margin: 5px 5px 3px 0;
+}
+
+.hiprint-option-items .hiprint-option-item-field input, .hiprint-option-items .hiprint-option-item-field select, .hiprint-option-items .hiprint-option-item-field textarea {
+  color: inherit;
+  background-color: transparent;
+  box-sizing: border-box;
+  width: 100%;
+  position: relative;
+  padding: 3px;
+  z-index: 1;
+  border: 1px solid rgb(169, 169, 169);
+  height: 19pt;
+}
+
+.hiprint-option-item-settingBtn {
+    height: 19pt;
+    line-height: 19pt;
+    font-size: 12px;
+    padding: 0 24px;
+    background: #00c1de;
+    border-color: transparent;
+    color: #fff;
+    display: inline-block;
+    margin: 5px;
+    font-weight: 400;
+    border: 1px solid transparent;
+    font-family: PingFangSC, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, "sans-serif";
+    vertical-align: middle;
+    transition: .3s cubic-bezier(.4, 0, .2, 1);
+    transform: translateZ(0);
+}
+.hiprint-option-item-deleteBtn {
+    background:red;
+}
+
+.hiprint-option-items .minicolors {
+    position: relative;
+}
+
+.hiprint-option-items .minicolors-sprite {
+  background-image: url(./image/jquery.minicolors.png);
+}
+
+.hiprint-option-items .minicolors-swatch {
+  position: absolute;
+  vertical-align: middle;
+  background-position: -80px 0;
+  cursor: text;
+  padding: 0;
+  margin: 0;
+  display: inline-block;
+}
+
+.hiprint-option-items .minicolors-swatch-color {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.hiprint-option-items .minicolors input[type=hidden] + .minicolors-swatch {
+  width: 28px;
+  position: static;
+  cursor: pointer;
+}
+
+.hiprint-option-items .minicolors input[type=hidden][disabled] + .minicolors-swatch {
+  cursor: default;
+}
+
+/* Panel */
+.hiprint-option-items .minicolors-panel {
+  position: absolute;
+  width: 173px;
+  background: white;
+  border: solid 1px #CCC;
+  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
+  z-index: 99999;
+  box-sizing: content-box;
+  display: none;
+}
+
+  .hiprint-option-items .minicolors-panel.minicolors-visible {
+      display: block;
+  }
+
+/* Panel positioning */
+.hiprint-option-items .minicolors-position-top .minicolors-panel {
+  top: -154px;
+}
+
+.hiprint-option-items .minicolors-position-right .minicolors-panel {
+  right: 0;
+}
+
+.hiprint-option-items .minicolors-position-bottom .minicolors-panel {
+  top: auto;
+}
+
+.hiprint-option-items .minicolors-position-left .minicolors-panel {
+  left: 0;
+}
+
+.hiprint-option-items .minicolors-with-opacity .minicolors-panel {
+  width: 194px;
+}
+
+.hiprint-option-items .minicolors .minicolors-grid {
+  position: relative;
+  top: 1px;
+  left: 1px; /* LTR */
+  width: 150px;
+  height: 150px;
+  margin-bottom: 2px;
+  background-position: -120px 0;
+  cursor: crosshair;
+}
+
+.hiprint-option-items .minicolors .minicolors-grid-inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 150px;
+  height: 150px;
+}
+
+.hiprint-option-items .minicolors-slider-saturation .minicolors-grid {
+  background-position: -420px 0;
+}
+
+.hiprint-option-items .minicolors-slider-saturation .minicolors-grid-inner {
+  background-position: -270px 0;
+  background-image: inherit;
+}
+
+.hiprint-option-items .minicolors-slider-brightness .minicolors-grid {
+  background-position: -570px 0;
+}
+
+.hiprint-option-items .minicolors-slider-brightness .minicolors-grid-inner {
+  background-color: black;
+}
+
+.hiprint-option-items .minicolors-slider-wheel .minicolors-grid {
+  background-position: -720px 0;
+}
+
+.hiprint-option-items .minicolors-slider,
+.hiprint-option-items .minicolors-opacity-slider {
+  position: absolute;
+  top: 1px;
+  left: 152px; /* LTR */
+  width: 20px;
+  height: 150px;
+  background-color: white;
+  background-position: 0 0;
+  cursor: row-resize;
+}
+
+.hiprint-option-items .minicolors-slider-saturation .minicolors-slider {
+  background-position: -60px 0;
+}
+
+.hiprint-option-items .minicolors-slider-brightness .minicolors-slider {
+  background-position: -20px 0;
+}
+
+.hiprint-option-items .minicolors-slider-wheel .minicolors-slider {
+  background-position: -20px 0;
+}
+
+.hiprint-option-items .minicolors-opacity-slider {
+  left: 173px; /* LTR */
+  background-position: -40px 0;
+  display: none;
+}
+
+
+.hiprint-option-items .minicolors-with-opacity .minicolors-opacity-slider {
+  display: block;
+}
+
+/* Pickers */
+.hiprint-option-items .minicolors-grid .minicolors-picker {
+  position: absolute;
+  top: 70px;
+  left: 70px;
+  width: 12px;
+  height: 12px;
+  border: solid 1px black;
+  border-radius: 10px;
+  margin-top: -6px;
+  margin-left: -6px;
+  background: none;
+}
+
+  .hiprint-option-items .minicolors-grid .minicolors-picker > div {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 8px;
+      height: 8px;
+      border-radius: 8px;
+      border: solid 2px white;
+      box-sizing: content-box;
+  }
+
+.hiprint-option-items .minicolors-picker {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 18px;
+  height: 2px;
+  background: white;
+  border: solid 1px black;
+  margin-top: -2px;
+  box-sizing: content-box;
+}
+
+/* Swatches */
+.hiprint-option-items .minicolors-swatches,
+.hiprint-option-items .minicolors-swatches li {
+  margin: 5px 0 3px 5px; /* LTR */
+  padding: 0;
+  list-style: none;
+  overflow: hidden;
+}
+
+  .hiprint-option-items .minicolors-swatches .minicolors-swatch {
+      position: relative;
+      float: left; /* LTR */
+      cursor: pointer;
+      margin: 0 4px 0 0; /* LTR */
+  }
+
+
+.hiprint-option-items .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
+  margin-right: 7px; /* LTR */
+}
+
+
+.hiprint-option-items .minicolors-swatch.selected {
+  border-color: #000;
+}
+
+/* Inline controls */
+.hiprint-option-items .minicolors-inline {
+  display: inline-block;
+}
+
+  .hiprint-option-items .minicolors-inline .minicolors-input {
+      display: none !important;
+  }
+
+  .hiprint-option-items .minicolors-inline .minicolors-panel {
+      position: relative;
+      top: auto;
+      left: auto; /* LTR */
+      box-shadow: none;
+      z-index: auto;
+      display: inline-block;
+  }
+
+
+
+/* Bootstrap theme */
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatch {
+  z-index: 2;
+  top: 3px;
+  left: 3px;
+  width: 17px;
+  height: 17px;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
+  margin-bottom: 2px;
+  top: 0;
+  left: 0; /* LTR */
+  width: 20px;
+  height: 20px;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatch-color {
+  border-radius: inherit;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
+  left: auto; /* LTR */
+  right: 3px; /* LTR */
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input {
+  float: none;
+  padding-left: 23px; /* LTR */
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
+  padding-right: 44px; /* LTR */
+  padding-left: 12px; /* LTR */
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
+  top: 4px;
+  left: 4px; /* LTR */
+  width: 37px;
+  height: 37px;
+  border-radius: 5px;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
+  width: 24px;
+  height: 24px;
+}
+
+.hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
+  width: 18px;
+  height: 18px;
+}
+
+.hiprint-option-items .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
+  border-top-left-radius: 0; /* LTR */
+  border-bottom-left-radius: 0; /* LTR */
+}
+
+
+
+/*hitable reizer*/
+.hitable {
+}
+
+
+
+  .hitable .selected {
+      background: #3e66ad;
+  }
+
+
+  /*resizer*/
+  .hitable tr.resizerRow,
+  .hitable .resizerRow td {
+      border: 0pt dashed;
+      height: 0pt;
+      background: #fff;
+  }
+
+      .hitable tr.resizerRow + tr,
+      .hitable tr.resizerRow + tr td {
+          border-top: 0px !important;
+      }
+
+  .hitable td.resizerColumn {
+      border: 0pt dashed;
+      width: 0.000001px !important;
+      background: #fff;
+  }
+
+
+      .hitable td.resizerColumn + td {
+          border-left: 0px !important;
+      }
+
+
+/*GRIP*/
+
+.columngrips {
+  height: 0px;
+  position: absolute;
+}
+
+.columngrip {
+  margin-left: -5px;
+  position: absolute;
+  z-index: 5;
+  width: 10px;
+}
+
+  .columngrip .gripResizer {
+      position: absolute;
+      filter: alpha(opacity=1);
+      opacity: 0;
+      width: 10px;
+      height: 100%;
+      cursor: col-resize;
+      top: 0px;
+  }
+
+.columngripDraging {
+  border-left: 1px dotted black;
+}
+
+.rowgrips {
+  height: 0px;
+  width: 0px;
+  position: absolute;
+}
+
+.rowgrip {
+  margin-top: -5px;
+  position: absolute;
+  z-index: 5;
+  height: 10px;
+}
+
+  .rowgrip .gripResizer {
+      position: absolute;
+      filter: alpha(opacity=1);
+      opacity: 0;
+      height: 10px;
+      width: 100%;
+      cursor: row-resize;
+      left: 0px;
+  }
+
+.rowgripDraging {
+  border-top: 1px dotted black;
+}
+
+.hitable .hitable-editor-text {
+  border: 1px solid;
+  width: 95%;
+  height: 80%;
+}
+
+
+
+
+.hipanel-disable {
+    height: 0px;
+    display: block !important;
+    top: 8500px;
+    width: 0px;
+    overflow: hidden;
+    position: absolute;
+}
+.hiprint_rul_wrapper {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    pointer-events: none;
+    border: 0;
+    border-top: 1px solid rgb(201, 190, 190);
+    border-left: 1px solid rgb(201, 190, 190);
+    padding-left: 15px;
+    margin: -16px
+}
+
+    .hiprint_rul_wrapper .h_img {
+        position: absolute;
+        top: 0px;
+        left: 15px;
+        width: 400mm;
+        height: 15px;
+    }
+
+    .hiprint_rul_wrapper .v_img {
+        width: 400mm;
+        transform: rotate(90deg);
+        transform-origin: 0 100%;
+        height: 15px;
+        position: absolute;
+        top: -2px;
+        left: 0px;
+        
+    }
+
+/*hiprint-option-table*/
+
+.hiprint-option-table-selected-columns {
+    color: inherit;
+    background-color: transparent;
+    box-sizing: border-box;
+    width: 100%;
+    position: relative;
+    padding: 0px;
+    list-style: none;
+}
+
+    .hiprint-option-table-selected-columns .hiprint-option-table-selected-item {
+        color: inherit;
+        background-color: transparent;
+        box-sizing: border-box;
+        width: 100%;
+        padding: 0 3px;
+        border: 1px solid rgb(169, 169, 169);
+        line-height: 19pt;
+        margin: 3px 0;
+    }
+/*hi-pretty */
+.hi-pretty * {
+    box-sizing: border-box;
+}
+
+.hi-pretty input:not([type='checkbox']):not([type='radio']) {
+    display: none;
+}
+
+.hi-pretty {
+    position: relative;
+    display: inline-block;
+    margin-right: 1em;
+    white-space: nowrap;
+    line-height: 1;
+}
+
+    .hi-pretty input {
+        position: absolute;
+        left: 0;
+        top: 0;
+        min-width: 1em;
+        width: 100%;
+        height: 100%;
+        z-index: 2;
+        opacity: 0;
+        margin: 0;
+        padding: 0;
+        cursor: pointer;
+    }
+
+    .hi-pretty .state label {
+        position: initial;
+        display: inline-block;
+        font-weight: normal;
+        margin: 0;
+        text-indent: 1.5em;
+        min-width: calc(1em + 2px);
+    }
+
+        .hi-pretty .state label:before,
+        .hi-pretty .state label:after {
+            content: '';
+            width: calc(1em + 2px);
+            height: calc(1em + 2px);
+            display: block;
+            box-sizing: border-box;
+            border-radius: 0;
+            border: 1px solid transparent;
+            z-index: 0;
+            position: absolute;
+            left: 0;
+            top: calc((0% - (100% - 1em)) - 8%);
+            background-color: transparent;
+        }
+
+        .hi-pretty .state label:before {
+            border-color: #bdc3c7;
+        }
+
+    .hi-pretty .state.p-is-hover,
+    .hi-pretty .state.p-is-indeterminate {
+        display: none;
+    }
+
+
+    .hi-pretty.p-default.p-fill .state label:after {
+        -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1);
+    }
+
+    .hi-pretty.p-default .state label:after {
+        -webkit-transform: scale(0.6);
+        -ms-transform: scale(0.6);
+        transform: scale(0.6);
+    }
+
+    .hi-pretty.p-default input:checked ~ .state label:after {
+        background-color: #bdc3c7 !important;
+    }
+
+    .hi-pretty.p-default.p-thick .state label:before,
+    .hi-pretty.p-default.p-thick .state label:after {
+        border-width: calc(1em / 7);
+    }
+
+    .hi-pretty.p-default.p-thick .state label:after {
+        -webkit-transform: scale(0.4) !important;
+        -ms-transform: scale(0.4) !important;
+        transform: scale(0.4) !important;
+    }
+
+ 

public/static/hiprint/css/print-lock.css

@@ -0,0 +1,281 @@
+
+@media print {
+    body {
+        margin: 0px;
+        padding: 0px;
+    }
+}
+
+@page {
+    margin: 0;
+}
+
+.hiprint-printPaper * {
+    box-sizing: border-box;
+    -moz-box-sizing: border-box; /* Firefox */
+    -webkit-box-sizing: border-box; /* Safari */
+   
+}
+
+    .hiprint-printPaper *:focus {
+        outline: -webkit-focus-ring-color auto 0px;
+    }
+
+
+.hiprint-page-break-avoid {
+    page-break-after: avoid;
+}
+.hiprint-printPaper {
+    position: relative;
+    padding: 0 0 0 0;
+    page-break-after: always;
+    overflow-x: hidden;
+    overflow: hidden;
+}
+    .hiprint-printPaper .hiprint-printPaper-content {
+        position: relative;
+    }
+.hiprint-printPaper.design {
+    overflow: visible;
+}
+
+
+
+.hiprint-printTemplate .hiprint-printPanel {
+    page-break-after: always;
+}
+
+.hiprint-printPaper, hiprint-printPanel {
+    box-sizing: border-box;
+    border: 0px;
+}
+
+.hiprint-printPanel .hiprint-printPaper:last-child {
+    page-break-after: avoid;
+}
+
+.hiprint-printTemplate .hiprint-printPanel:last-child {
+    page-break-after: avoid;
+}
+
+.hiprint-printPaper .hideheaderLinetarget {
+    border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper .hidefooterLinetarget {
+    border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper.design {
+    border: 1px dashed rgba(170,170,170,0.7);
+}
+
+.design .hiprint-printElement-table-content, .design .hiprint-printElement-longText-content {
+    overflow: hidden;
+    box-sizing: border-box;
+}
+
+.design .resize-panel {
+    box-sizing: border-box;
+    border: 1px dotted;
+}
+
+.hiprint-printElement-text {
+    background-color: transparent;
+    background-repeat: repeat;
+    padding: 0 0 0 0;
+    border: 0.75pt none rgb(0,0,0);
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    line-height: 9.75pt;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    /* word-break: break-all; */
+    word-break: keep-all;
+}
+
+.design .hiprint-printElement-text-content {
+    border: 1px dashed rgb(206, 188, 188);
+    box-sizing: border-box;
+}
+
+.hiprint-printElement-longText {
+    background-color: transparent;
+    background-repeat: repeat;
+    border: 0.75pt none rgb(0,0,0);
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    line-height: 9.75pt;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    /* word-break: break-all; */
+    /*white-space: pre-wrap*/
+    word-break: keep-all;
+}
+
+
+
+.hiprint-printElement-table {
+    background-color: transparent;
+    background-repeat: repeat;
+    color: rgb(0,0,0);
+    border-color: rgb(0,0,0);
+    border-style: none;
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    padding: 0 0 0 0;
+    box-sizing: border-box;
+    line-height: 9.75pt;
+}
+
+    .hiprint-printElement-table thead {
+        background: #e8e8e8;
+        font-weight: 700;
+    }
+
+.hiprint-printElement-tableTarget, .hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
+    border-color: rgb(0,0,0);
+    border-style: none;
+    border: 1px solid rgb(0,0,0);
+    font-weight: normal;
+    direction: ltr;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-decoration: none;
+    vertical-align: middle;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    word-break: break-all;
+    /*line-height: 9.75pt;
+    font-size: 9pt;*/
+}
+
+    /*.hiprint-printElement-tableTarget tr,*/
+    .hiprint-printElement-tableTarget td {
+        height: 18pt;
+    }
+
+.hiprint-printPaper .hiprint-paperNumber {
+    font-size: 9pt;
+}
+
+.design .hiprint-printElement-table-handle {
+    position: absolute;
+    height: 21pt;
+    width: 21pt;
+    background: red;
+    z-index:1;
+}
+
+.hiprint-printPaper .hiprint-paperNumber-disabled {
+    float: right !important;
+    right: 0 !important;
+    color: gainsboro !important;
+}
+
+.hiprint-printElement-vline, .hiprint-printElement-hline {
+    border: 0px none rgb(0,0,0);
+    
+}
+.hiprint-printElement-vline {
+    border-left: 0.75pt solid #000;
+    border-right: 0px none rgb(0,0,0) !important;
+    border-bottom: 0px none rgb(0,0,0) !important;
+    border-top: 0px none rgb(0,0,0) !important;
+}
+
+.hiprint-printElement-hline {
+    border-top: 0.75pt solid #000;
+    border-right: 0px none rgb(0,0,0) !important;
+    border-bottom: 0px none rgb(0,0,0) !important;
+    border-left: 0px none rgb(0,0,0) !important;
+}
+
+.hiprint-printElement-oval, .hiprint-printElement-rect {
+    border: 0.75pt solid #000;
+}
+
+.hiprint-text-content-middle {
+    display:table;
+}
+.hiprint-text-content-middle>div {
+    display: table-cell;
+    vertical-align:middle
+}
+
+.hiprint-text-content-bottom {
+    display: table;
+}
+
+    .hiprint-text-content-bottom > div {
+        display: table-cell;
+        vertical-align: bottom
+    }
+
+/*hi-grid-row */
+.hi-grid-row {
+    position: relative;
+    height: auto;
+    margin-right: 0;
+    margin-left: 0;
+    zoom: 1;
+    display: block;
+    box-sizing: border-box;
+}
+
+    .hi-grid-row::after, .hi-grid-row::before {
+        display: table;
+        content: '';
+        box-sizing: border-box;
+    }
+
+.hi-grid-col {
+    display: block;
+    box-sizing: border-box;
+    position: relative;
+    float: left;
+    flex: 0 0 auto;
+}
+
+.table-grid-row {
+    margin-left: -0pt;
+    margin-right: -0pt;
+}
+
+.tableGridColumnsGutterRow {
+    padding-left: 0pt;
+    padding-right: 0pt;
+}
+.hiprint-gridColumnsFooter {
+    text-align: left;
+    clear: both;
+}

public/static/hiprint/custom_test/config-etype-provider.js

@@ -0,0 +1,106 @@
+var configElementTypeProvider = (function () {
+    return function (options) {
+
+        var addElementTypes = function (context) {
+            context.addPrintElementTypes(
+                "testModule",
+                [
+                    new hiprint.PrintElementTypeGroup("常规", [
+                        {
+                            tid: 'configModule.name', title: '姓名', field: 'name', data: '古力娜扎', type: 'text',
+                            "options": {
+
+                                "height": 42,
+                                "width": 107,
+                                "fontSize": 19,
+                                "fontWeight": "700",
+                                "textAlign": "center",
+                                "lineHeight": 39,
+                                "hideTitle": true
+                            }
+                        },
+                        {
+                            tid: 'configModule.mySite', title: '个人网页', field: 'mySite', data: 'http://www.hinnn.com', type: 'text', "options": {
+
+                                "height": 50,
+                                "width": 50,
+                                "fontSize": 19,
+                                "fontWeight": "700",
+                                "textAlign": "center",
+                                "lineHeight": 39,
+                                "hideTitle": true,
+                                "textType": "qrcode"
+                            }
+                        },
+                        { tid: 'configModule.gender', title: '性别', field: 'gender', data: '男', type: 'text' },
+                        { tid: 'configModule.like', title: '爱好', field: 'like', data: '读书写字', type: 'text' },
+                        { tid: 'configModule.email', title: '邮箱', field: 'email', data: 'hinnn.com@gmail.com', type: 'text' },
+                        { tid: 'configModule.address', title: '地址', field: 'address', data: '北京朝阳区', type: 'text' },
+                        { tid: 'configModule.phone', title: '电话', field: 'phone', data: '18888888888', type: 'text' },
+                        { tid: 'configModule.target', title: '目标', field: 'target', data: '数据产品经理', type: 'text' },
+
+
+
+                        { tid: 'configModule.image', title: '图片', data: '/Content/assets/hi.png', type: 'image' },
+                        //{ tid: 'testModule.longText', title: '长文', data: '155123456789', type: 'longText' },
+                        {
+                            tid: 'configModule.workExperience', field: 'workExperience', title: '工作经历',
+                            type: 'table',
+                            columns: [
+
+                                [{ title: '职位', align: 'center', field: 'position', width: 100 },
+                                { title: '公司', align: 'center', field: 'company', width: 100 },
+                                { title: '地点', align: 'center', field: 'address', width: 100 },
+                                { title: '时间', align: 'center', field: 'date', width: 100 },
+                                { title: '主要工作', align: 'center', field: 'work', width: 200 }
+                                ]
+                            ]
+                        },
+                        {
+                            tid: 'configModule.html', title: 'html',
+                            formatter: function (data, options) {
+                                return $('<div style="height:50pt;width:50pt;background:red;border-radius: 50%;"></div>');
+                            },
+                            type: 'html'
+                        },
+                        { tid: 'configModule.customText', title: '自定义文本', customText: '自定义文本', custom: true, type: 'text' }
+                    ]),
+                    new hiprint.PrintElementTypeGroup("专业", [
+                        { tid: 'configModule.professional', title: '专业', field: 'professional', data: '信息管理与信息系统', type: 'text' },
+                        { tid: 'configModule.university', title: '大学', field: 'university', data: '北京邮电大学', type: 'text' },
+                        { tid: 'configModule.universityAddress', title: '地点', field: 'universityAddress', data: '北京', type: 'text' },
+                        { tid: 'configModule.universityDate', title: '时间', field: 'universityDate', data: '2008', type: 'text' },
+                        { tid: 'configModule.tech', title: '技能', field: 'tech', data: 'MYSQL,HIVE(数据仓库工具),SPSS(统计产品已服务解决方案),数据挖掘，跨部门沟通能力，业务理解能力，数据解读分析。', type: 'longText' }
+                    ]),
+                    new hiprint.PrintElementTypeGroup("辅助", [
+                        {
+                            tid: 'configModule.hline',
+                            title: '横线',
+                            type: 'hline'
+                        },
+                        {
+                            tid: 'configModule.vline',
+                            title: '竖线',
+                            type: 'vline'
+                        },
+                        {
+                            tid: 'configModule.rect',
+                            title: '矩形',
+                            type: 'rect'
+                        },
+                        {
+                            tid: 'testModule.oval',
+                            title: '椭圆',
+                            type: 'oval'
+                        }
+                    ])
+                ]
+            );
+        };
+
+        return {
+            addElementTypes: addElementTypes
+        };
+
+    };
+})();

public/static/hiprint/custom_test/config-print-data.js

@@ -0,0 +1,19 @@
+var printData = {
+    name: '黄磊',
+    gender: '男',
+    like: "读书写字",
+    email: 'hinnn.com@gmail.com',
+    address: '北京朝阳区二道口',
+    phone: '18888888888',
+    target:'产品数据分析师',
+    workExperience: [
+        { position: '数据分析师', company: '某宝', address: '北京', date: '四月-2010-八月-2011', work:'专题分析/模型，根据业务分析分析各类专题，例如：商品等级，会员消费行为营销活动，重要产品数据等。' },
+        { position: '数据分析师', company: '某东', address: '北京', date: '九月-2011-三月-2016', work: '数据指标监控，根据产品，运营以及管理的需求，针对产品数据，运营，业务进展及KPI指标的监控，经营分析，对口BU的经营报告，分析KPI进度，交易产品异动原因，分析市场动态，汇报对象为BU经理。' },
+        { position: '数据产品经理', company: '大米', address: '北京', date: '四月-2016-至今', work: '负责具体分析项目，例如实时监控，数据后台管理，协调开发资源，控制项目进度。'}
+    ],
+    professional: '信息管理与信息系统',
+    university: '北京邮电大学',
+    universityAddress: '北京朝阳区二道口',
+    universityDate: '2010',
+    tech: 'MYSQL,HIVE(数据仓库工具),SPSS(统计产品已服务解决方案),数据挖掘，跨部门沟通能力，业务理解能力，数据解读分析。'
+};

public/static/hiprint/custom_test/config-print-json.js

@@ -0,0 +1,144 @@
+var configPrintJson = {
+    "panels": [{
+        "index": 0,
+        "height": 297,
+        "width": 210,
+        "paperHeader": 0,
+        "paperFooter": 805,
+        "printElements": [{
+            "tid": "configModule.name",
+            "options": {
+                "left": 20,
+                "top": 25,
+                "height": 42,
+                "width": 107,
+                "fontSize": 19,
+                "fontWeight": "700",
+                "textAlign": "center",
+                "lineHeight": 39,
+                "hideTitle": "1"
+            }
+        },
+        {
+            "tid": "configModule.email",
+            "options": {
+                "left": 390,
+                "top": 35,
+                "height": 13,
+                "width": 165
+            }
+        }, {
+            "tid": "configModule.address",
+            "options": {
+                "left": 390,
+                "top": 55,
+                "height": 13,
+                "width": 165
+            }
+        }, {
+            "tid": "configModule.phone",
+            "options": {
+                "left": 390,
+                "top": 75,
+                "height": 13,
+                "width": 165
+            }
+        }, {
+            "tid": "configModule.hline",
+            "options": {
+                "left": 10,
+                "top": 110,
+                "height": 10,
+                "width": 573
+            }
+        }, {
+            "tid": "configModule.customText",
+            "options": {
+                "left": 20,
+                "top": 135,
+                "height": 13,
+                "width": 27,
+                "title": "目标",
+                "textAlign": "center"
+            }
+        }, {
+            "tid": "configModule.target",
+            "options": {
+                "left": 20,
+                "top": 160,
+                "height": 13,
+                "width": 562,
+                "fontSize": 13,
+                "hideTitle": "1"
+            }
+        }, {
+            "tid": "configModule.customText",
+            "options": {
+                "left": 20,
+                "top": 195,
+                "height": 13,
+                "width": 29,
+                "title": "教育",
+                "textAlign": "center"
+            }
+        }, {
+            "tid": "configModule.professional",
+            "options": {
+                "left": 20,
+                "top": 230,
+                "height": 17,
+                "width": 561,
+                "fontSize": 12,
+                "fontWeight": "600",
+                "lineHeight": 17,
+                "hideTitle": "1"
+            }
+        }, {
+            "tid": "configModule.university",
+            "options": {
+                "left": 20,
+                "top": 255,
+                "height": 15,
+                "width": 561,
+                "fontWeight": "600",
+                "hideTitle": "1"
+            }
+        }, {
+            "tid": "configModule.universityAddress",
+            "options": {
+                "left": 20,
+                "top": 280,
+                "height": 13,
+                "width": 120,
+                "hideTitle": "1"
+            }
+        }, {
+            "tid": "configModule.universityDate",
+            "options": {
+                "left": 20,
+                "top": 305,
+                "height": 13,
+                "width": 120
+            }
+        }, {
+            "tid": "configModule.tech",
+            "options": {
+                "left": 20,
+                "top": 345,
+                "height": 40,
+                "width": 561
+            }
+        }, {
+            "tid": "configModule.workExperience",
+            "options": {
+                "left": 20,
+                "top": 420,
+                "height": 44,
+                "width": 559
+            }
+        }
+        ],
+        "paperNumberLeft": 565,
+        "paperNumberTop": 819
+    }]
+}

public/static/hiprint/custom_test/custom-etype-provider.js

@@ -0,0 +1,76 @@
+var customElementTypeProvider = (function () {
+    return function (options) {
+
+        var addElementTypes = function (context) {
+            context.addPrintElementTypes(
+                "testModule",
+                [
+                    new hiprint.PrintElementTypeGroup("常规", [
+                        { tid: 'testModule.text', text: '文本', data: '', type: 'text' },
+                        { tid: 'testModule.image', text: '图片', data: '/Content/assets/hi.png', type: 'image' },
+                        { tid: 'testModule.longText', text: '长文', data: '', type: 'longText' },
+                        {
+                            tid: 'testModule.table', field: 'table', text: '表格',
+                            type: 'table',
+                            groupFields: ['name'],
+                            groupFooterFormatter: function (group, option) {
+                                return '这里自定义统计脚信息';
+                            },
+                            columns: [
+                                [{ title: '行号', fixed: true, rowspan: 2, field: 'id', width: 70 },
+                                { title: '人员信息', colspan: 2 },
+                                { title: '销售统计', colspan: 2 }
+                                ],
+                                [{ title: '姓名', align: 'left', field: 'name', width: 100 },
+                                { title: '性别', field: 'gender', width: 100 },
+                                { title: '销售数量', field: 'count', width: 100 },
+                                { title: '销售金额', field: 'amount', width: 100 }
+                                ]
+                            ]
+                        },
+                        {
+                            tid: 'testModule.tableCustom',
+                            title: '表格',
+                            type: 'tableCustom'
+                        },
+                        {
+                            tid: 'testModule.html', title: 'html',
+                            formatter: function (data, options) {
+                                return $('<div style="height:50pt;width:50pt;background:red;border-radius: 50%;"></div>');
+                            },
+                            type: 'html'
+                        },
+                        { tid: 'testModule.customText', text: '自定义文本', customText: '自定义文本', custom: true, type: 'text' }
+                    ]),
+                    new hiprint.PrintElementTypeGroup("辅助", [
+                        {
+                            tid: 'testModule.hline',
+                            text: '横线',
+                            type: 'hline'
+                        },
+                        {
+                            tid: 'testModule.vline',
+                            text: '竖线',
+                            type: 'vline'
+                        },
+                        {
+                            tid: 'testModule.rect',
+                            text: '矩形',
+                            type: 'rect'
+                        },
+                        {
+                            tid: 'testModule.oval',
+                            text: '椭圆',
+                            type: 'oval'
+                        }
+                    ])
+                ]
+            );
+        };
+
+        return {
+            addElementTypes: addElementTypes
+        };
+
+    };
+})();

public/static/hiprint/custom_test/custom-print-json.js

@@ -0,0 +1,485 @@
+var customPrintJson = {
+    "panels": [{
+        "index": 0,
+        "height": 297,
+        "width": 210,
+        "paperHeader": 49.5,
+        "paperFooter": 780,
+        "printElements": [{
+            "options": {
+                "left": 175.5,
+                "top": 10.5,
+                "height": 27,
+                "width": 259,
+                "title": "HiPrint自定义模块打印插件",
+                "fontSize": 19,
+                "fontWeight": "600",
+                "textAlign": "center",
+                "lineHeight": 26
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 27,
+                "height": 13,
+                "width": 52,
+                "title": "页眉线",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 25.5,
+                "top": 57,
+                "height": 705,
+                "width": 9,
+                "fixed": true,
+                "borderStyle": "dotted"
+            },
+            "printElementType": {
+                "type": "vline"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 61.5,
+                "height": 48,
+                "width": 87,
+                "src": "/Content/assets/hi.png"
+            },
+            "printElementType": {
+                "title": "图片",
+                "type": "image"
+            }
+        }, {
+            "options": {
+                "left": 153,
+                "top": 64.5,
+                "height": 39,
+                "width": 276,
+                "title": "二维码以及条形码均采用svg格式打印。不同打印机打印不会造成失真。图片打印：不同DPI打印可能会导致失真，",
+                "fontFamily": "微软雅黑",
+                "textAlign": "center",
+                "lineHeight": 18
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 457.5,
+                "top": 79.5,
+                "height": 13,
+                "width": 120,
+                "title": "姓名",
+                "field": "name",
+                "testData": "古力娜扎",
+                "color": "#f00808",
+                "textDecoration": "underline",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 499.5,
+                "top": 120,
+                "height": 43,
+                "width": 51,
+                "title": "123456789",
+                "textType": "qrcode"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 285,
+                "top": 130.5,
+                "height": 34,
+                "width": 175,
+                "title": "123456789",
+                "fontFamily": "微软雅黑",
+                "textAlign": "center",
+                "textType": "barcode"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 132,
+                "height": 19,
+                "width": 213,
+                "title": "所有打印元素都可已拖拽的方式来改变元素大小",
+                "fontFamily": "微软雅黑",
+                "textAlign": "center",
+                "lineHeight": 18
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 153,
+                "top": 189,
+                "height": 13,
+                "width": 238,
+                "title": "单击元素，右侧可自定义元素属性",
+                "textAlign": "center",
+                "fontFamily": "微软雅黑"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 190.5,
+                "height": 13,
+                "width": 51,
+                "title": "横线",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 415.5,
+                "top": 190.5,
+                "height": 13,
+                "width": 164,
+                "title": "可以配置各属性的默认值",
+                "textAlign": "center",
+                "fontFamily": "微软雅黑"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 214.5,
+                "height": 10,
+                "width": 475.5
+            },
+            "printElementType": {
+                "title": "横线",
+                "type": "hline"
+            }
+        }, {
+            "options": {
+                "left": 235.5,
+                "top": 220.5,
+                "height": 32,
+                "width": 342,
+                "title": "自定义表格：用户可左键选中表头，右键查看可操作项，操作类似Excel，双击表头单元格可进行编辑。内容：title#field",
+                "fontFamily": "微软雅黑",
+                "textAlign": "center",
+                "lineHeight": 15
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 156,
+                "top": 265.5,
+                "height": 13,
+                "width": 94,
+                "title": "表头列大小可拖动",
+                "fontFamily": "微软雅黑",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 265.5,
+                "height": 13,
+                "width": 90,
+                "title": "红色区域可拖动",
+                "fontFamily": "微软雅黑",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 285,
+                "height": 44,
+                "width": 511.5,
+                "field": "table",
+                "columns": [
+                    [{
+                        "width": 85.25,
+                        "colspan": 1,
+                        "rowspan": 1
+                    }, {
+                        "width": 85.25,
+                        "colspan": 1,
+                        "rowspan": 1
+                    }, {
+                        "title": "姓名",
+                        "field": "name",
+                        "width": 85.25,
+                        "align": "center",
+                        "colspan": 1,
+                        "rowspan": 1
+                    }, {
+                        "width": 85.25,
+                        "colspan": 1,
+                        "rowspan": 1
+                    }, {
+                        "width": 85.25,
+                        "colspan": 1,
+                        "rowspan": 1
+                    }, {
+                        "width": 85.25,
+                        "colspan": 1,
+                        "rowspan": 1
+                    }]
+                ]
+            },
+            "printElementType": {
+                "title": "表格",
+                "type": "tableCustom",
+				"footerFormatter":function(options,rows,data,currentPageGridRowsData){
+			 
+					return "<tr><td>"+currentPageGridRowsData.length+"</td></tr>"
+				}
+            }
+        }, {
+            "options": {
+                "left": 21,
+                "top": 346.5,
+                "height": 61.5,
+                "width": 15,
+                "title": "装订线",
+                "lineHeight": 18,
+                "fixed": true,
+                "contentPaddingTop": 3.75,
+                "backgroundColor": "#ffffff"
+            },
+            "printElementType": {
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 225,
+                "top": 349.5,
+                "height": 13,
+                "width": 346.5,
+                "title": "自定义模块：主要为开发人员设计，能够快速，简单，实现自己功能",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 370.5,
+                "height": 18,
+                "width": 79,
+                "title": "配置项表格",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 225,
+                "top": 385.5,
+                "height": 38,
+                "width": 346.5,
+                "title": "配置模块：主要为客户使用，开发人员可以配置属性，字段，标题等，客户直接使用，配置模块请参考实例2",
+                "fontFamily": "微软雅黑",
+                "lineHeight": 15,
+                "textAlign": "center",
+                "color": "#d93838"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 487.5,
+                "height": 13,
+                "width": 123,
+                "title": "长文本会自动分页",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 507,
+                "height": 40,
+                "width": 511.5,
+                "field": "longText"
+            },
+            "printElementType": {
+                "title": "长文",
+                "type": "longText"
+            }
+        }, {
+            "options": {
+                "left": 475.5,
+                "top": 565.5,
+                "height": 100,
+                "width": 100
+            },
+            "printElementType": {
+                "title": "矩形",
+                "type": "rect"
+            }
+        }, {
+            "options": {
+                "left": 174,
+                "top": 568.5,
+                "height": 13,
+                "width": 90,
+                "title": "竖线",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 60,
+                "top": 574.5,
+                "height": 100,
+                "width": 10
+            },
+            "printElementType": {
+                "title": "竖线",
+                "type": "vline"
+            }
+        }, {
+            "options": {
+                "left": 210,
+                "top": 604.5,
+                "height": 13,
+                "width": 120,
+                "title": "横线",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 130.5,
+                "top": 625.5,
+                "height": 10,
+                "width": 277
+            },
+            "printElementType": {
+                "title": "横线",
+                "type": "hline"
+            }
+        }, {
+            "options": {
+                "left": 364.5,
+                "top": 649.5,
+                "height": 13,
+                "width": 101,
+                "title": "矩形",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 525,
+                "top": 784.5,
+                "height": 13,
+                "width": 63,
+                "title": "页尾线",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 12,
+                "top": 786,
+                "height": 49,
+                "width": 49
+            },
+            "printElementType": {
+                "title": "html",
+                "type": "html"
+            }
+        }, {
+            "options": {
+                "left": 75,
+                "top": 790.5,
+                "height": 13,
+                "width": 137,
+                "title": "红色原型是自动定义的Html",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }, {
+            "options": {
+                "left": 334.5,
+                "top": 810,
+                "height": 13,
+                "width": 205,
+                "title": "页眉线已上。页尾下以下每页都会重复打印",
+                "textAlign": "center"
+            },
+            "printElementType": {
+                "title": "自定义文本",
+                "type": "text"
+            }
+        }],
+        "paperNumberLeft": 565.5,
+        "paperNumberTop": 819
+    }]
+}

public/static/hiprint/hiprint.config.js

@@ -0,0 +1,755 @@
+(function () {
+    window.HIPRINT_CONFIG = {
+        //optionItems: [hiprintCustomOptionItem],//自定义选项
+        movingDistance: 1.5, //鼠标拖动一次移动的距离,默认1.5pt
+        paperHeightTrim: 1, //纸张html 的高度等于真实高度-1
+        text: any = {
+            supportOptions: [
+
+
+                // {
+                //     name: 'hiprintCustomOptionItem',
+                //     hidden: false
+                // },
+                {
+                    name: 'title',
+                    hidden: false
+                },
+                {
+                    name: 'field',
+                    hidden: false
+                },
+                {
+                    name: 'testData',
+                    hidden: false
+                },
+                {
+                    name: 'dataType',
+                    hidden: false
+                },
+                {
+                    name: 'fontFamily',
+                    hidden: false
+                },
+                {
+                    name: 'fontSize',
+                    hidden: false
+                },
+                {
+                    name: 'fontWeight',
+                    hidden: false
+                },
+                {
+                    name: 'letterSpacing',
+                    hidden: false
+                },
+                {
+                    name: 'color',
+                    hidden: false
+                },
+                {
+                    name: 'textDecoration',
+                    hidden: false
+                },
+                {
+                    name: 'textAlign',
+                    hidden: false
+                },
+                {
+                    name: 'textContentVerticalAlign',
+                    hidden: false
+                },
+
+                {
+                    name: 'lineHeight',
+                    hidden: false
+                },
+                {
+                    name: 'textType',
+                    hidden: false
+                },
+                {
+                    name: 'barcodeMode',
+                    hidden: false
+                },
+                {
+                    name: 'hideTitle',
+                    hidden: false
+                },
+                {
+                    name: 'showInPage',
+                    hidden: false
+                },
+                {
+                    name: 'unShowInPage',
+                    hidden: false
+                },
+                {
+                    name: 'fixed',
+                    hidden: false
+                },
+                {
+                    name: 'axis',
+                    hidden: false
+                },
+                {
+                    name: 'transform',
+                    hidden: false
+                },
+                {
+                    name: 'optionsGroup',
+                    hidden: false
+                },
+                {
+                    name: 'borderLeft',
+                    hidden: false
+                },
+                {
+                    name: 'borderTop',
+                    hidden: false
+                },
+                {
+                    name: 'borderRight',
+                    hidden: false
+                },
+                {
+                    name: 'borderBottom',
+                    hidden: false
+                },
+                {
+                    name: 'borderWidth',
+                    hidden: false
+                },
+                {
+                    name: 'borderColor',
+                    hidden: false
+                },
+                {
+                    name: 'contentPaddingLeft',
+                    hidden: false
+                },
+                {
+                    name: 'contentPaddingTop',
+                    hidden: false
+                },
+                {
+                    name: 'contentPaddingRight',
+                    hidden: false
+                },
+                {
+                    name: 'contentPaddingBottom',
+                    hidden: false
+                },
+                {
+                    name: 'backgroundColor',
+                    hidden: false
+                },
+                {
+                    name: 'formatter',
+                    hidden: false
+                },
+                {
+                    name: 'styler',
+                    hidden: false
+                }
+
+            ],
+            default: {
+                width: 120,
+                height: 9.75,
+            }
+        },
+        image: any = {
+            supportOptions: [{
+                name: 'field',
+                hidden: false
+            },
+            {
+                name: 'src',
+                hidden: false
+            },
+            {
+                name: 'showInPage',
+                hidden: false
+            },
+            {
+                name: 'fixed',
+                hidden: false
+            },
+            {
+                name: 'axis',
+                hidden: false
+            },
+            {
+                name: 'transform',
+                hidden: false
+            },
+            {
+                name: 'formatter',
+                hidden: false
+            },
+            {
+                name: 'styler',
+                hidden: false
+            }
+            ],
+            default: {
+
+            }
+        },
+        longText: any = {
+            supportOptions: [{
+                name: 'title',
+                hidden: false
+            },
+            {
+                name: 'field',
+                hidden: false
+            },
+            {
+                name: 'testData',
+                hidden: false
+            },
+            {
+                name: 'fontFamily',
+                hidden: false
+            },
+            {
+                name: 'fontSize',
+                hidden: false
+            },
+            {
+                name: 'fontWeight',
+                hidden: false
+            },
+            {
+                name: 'letterSpacing',
+                hidden: false
+            },
+
+            {
+                name: 'textAlign',
+                hidden: false
+            },
+            {
+                name: 'lineHeight',
+                hidden: false
+            },
+            {
+                name: 'color',
+                hidden: false
+            },
+            {
+                name: 'hideTitle',
+                hidden: false
+            },
+
+            {
+                name: 'longTextIndent',
+                hidden: false
+            },
+
+            {
+                name: 'leftSpaceRemoved',
+                hidden: false
+            },
+            {
+                name: 'showInPage',
+                hidden: false
+            },
+            {
+                name: 'unShowInPage',
+                hidden: false
+            },
+            {
+                name: 'fixed',
+                hidden: false
+            },
+            {
+                name: 'axis',
+                hidden: false
+            },
+            {
+                name: 'lHeight',
+                hidden: false
+            },
+            {
+                name: 'transform',
+                hidden: false
+            },
+            {
+                name: 'optionsGroup',
+                hidden: false
+            },
+            {
+                name: 'borderLeft',
+                hidden: false
+            },
+            {
+                name: 'borderTop',
+                hidden: false
+            },
+            {
+                name: 'borderRight',
+                hidden: false
+            },
+            {
+                name: 'borderBottom',
+                hidden: false
+            },
+            {
+                name: 'borderWidth',
+                hidden: false
+            },
+            {
+                name: 'borderColor',
+                hidden: false
+            },
+            {
+                name: 'contentPaddingLeft',
+                hidden: false
+            },
+            {
+                name: 'contentPaddingTop',
+                hidden: false
+            },
+            {
+                name: 'contentPaddingRight',
+                hidden: false
+            },
+            {
+                name: 'contentPaddingBottom',
+                hidden: false
+            },
+            {
+                name: 'backgroundColor',
+                hidden: false
+            },
+            {
+                name: 'formatter',
+                hidden: false
+            },
+            {
+                name: 'styler',
+                hidden: false
+            }
+
+            ],
+            default: {
+                height: 42,
+                width: 550
+            }
+        },
+        table: any = {
+            supportOptions: [{
+                name: 'field',
+                hidden: false
+            },
+            {
+                name: 'fontFamily',
+                hidden: false
+            },
+            {
+                name: 'fontSize',
+                hidden: false
+            },
+            {
+                name: 'lineHeight',
+                hidden: false
+            },
+            {
+                name: 'textAlign',
+                hidden: false
+            },
+            {
+                name: 'gridColumns',
+                hidden: false
+            },
+            {
+                name: 'gridColumnsGutter',
+                hidden: false
+            },
+
+            {
+                name: 'tableBorder',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderBorder',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderCellBorder',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderRowHeight',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderBackground',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderFontSize',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderFontWeight',
+                hidden: false
+            },
+
+            {
+                name: 'tableBodyRowHeight',
+                hidden: false
+            },
+            {
+                name: 'tableBodyRowBorder',
+                hidden: false
+            },
+            {
+                name: 'tableBodyCellBorder',
+                hidden: false
+            },
+
+            {
+                name: 'axis',
+                hidden: false
+            },
+            {
+                name: 'lHeight',
+                hidden: false
+            },
+
+            {
+                name: 'autoCompletion',
+                hidden: false
+            },
+            {
+                name: 'columns',
+                hidden: false
+            },
+            {
+
+                name: 'styler',
+                hidden: false
+            },
+            {
+
+                name: 'rowStyler',
+                hidden: false
+            },
+
+            {
+
+                name: 'tableFooterRepeat',
+                hidden: false
+            },
+            {
+
+                name: 'footerFormatter',
+                hidden: false
+            },
+            {
+                name: 'gridColumnsFooterFormatter',
+                hidden: false
+
+            }
+
+
+            ],
+            default: {
+
+                width: 550
+            }
+        },
+        tableCustom: any = {
+            supportOptions: [{
+                name: 'field',
+                hidden: false
+            },
+            {
+                name: 'fontFamily',
+                hidden: false
+            },
+            {
+                name: 'fontSize',
+                hidden: false
+            },
+            {
+                name: 'textAlign',
+                hidden: false
+            },
+            {
+                name: 'tableBorder',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderBorder',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderCellBorder',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderRowHeight',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderFontSize',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderFontWeight',
+                hidden: false
+            },
+            {
+                name: 'tableHeaderBackground',
+                hidden: false
+            },
+
+            {
+                name: 'tableBodyRowHeight',
+                hidden: false
+            },
+            {
+                name: 'tableBodyRowBorder',
+                hidden: false
+            },
+            {
+                name: 'tableBodyCellBorder',
+                hidden: false
+            },
+            {
+                name: 'axis',
+                hidden: false
+            },
+            {
+                name: 'lHeight',
+                hidden: false
+            },
+            {
+                name: 'autoCompletion',
+                hidden: false
+            }, {
+
+                name: 'tableFooterRepeat',
+                hidden: false
+            }
+            ],
+            default: {
+
+                width: 550
+            }
+        },
+
+
+        hline: any = {
+            supportOptions: [{
+                name: 'borderColor',
+                hidden: false
+            }, {
+                name: 'borderWidth',
+                hidden: false
+            }, {
+                name: 'showInPage',
+                hidden: false
+            },
+            {
+                name: 'fixed',
+                hidden: false
+            },
+            {
+                name: 'axis',
+                hidden: false
+            },
+            {
+                name: 'transform',
+                hidden: false
+            },
+            {
+                name: 'borderStyle',
+                hidden: false
+            }
+
+            ],
+            default: {
+                borderWidth: 0.75,
+                height: 9,
+                width: 90
+            }
+        },
+        vline: any = {
+            supportOptions: [{
+                name: 'borderColor',
+                hidden: false
+            }, {
+                name: 'borderWidth',
+                hidden: false
+            }, {
+                name: 'showInPage',
+                hidden: false
+            },
+            {
+                name: 'fixed',
+                hidden: false
+            },
+            {
+                name: 'axis',
+                hidden: false
+            },
+            {
+                name: 'transform',
+                hidden: false
+            },
+            {
+                name: 'borderStyle',
+                hidden: false
+            }
+            ],
+            default: {
+                borderWidth: undefined,
+                height: 90,
+                width: 9
+            }
+        },
+        rect: any = {
+            supportOptions: [{
+                name: 'borderColor',
+                hidden: false
+            }, {
+                name: 'borderWidth',
+                hidden: false
+            }, {
+                name: 'showInPage',
+                hidden: false
+            },
+            {
+                name: 'fixed',
+                hidden: false
+            },
+            {
+                name: 'axis',
+                hidden: false
+            },
+            {
+                name: 'transform',
+                hidden: false
+            },
+            {
+                name: 'borderStyle',
+                hidden: false
+            }
+            ],
+            default: {
+                borderWidth: undefined,
+                height: 90,
+                width: 90
+            }
+        },
+        oval: any = {
+            supportOptions: [{
+                name: 'borderColor',
+                hidden: false
+            }, {
+                name: 'borderWidth',
+                hidden: false
+            }, {
+                name: 'showInPage',
+                hidden: false
+            },
+            {
+                name: 'fixed',
+                hidden: false
+            },
+            {
+                name: 'axis',
+                hidden: false
+            }, {
+                name: 'transform',
+                hidden: false
+            },
+            {
+                name: 'borderStyle',
+                hidden: false
+            }
+            ],
+            default: {
+                borderWidth: undefined,
+                height: 90,
+                width: 90
+            }
+        },
+        html: any = {
+            supportOptions: [{
+                name: 'showInPage',
+                hidden: false
+            },
+            {
+                name: 'unShowInPage',
+                hidden: false
+            },
+            {
+                name: 'fixed',
+                hidden: false
+            },
+            {
+                name: 'axis',
+                hidden: false
+            },
+            {
+                name: 'formatter',
+                hidden: false
+            }
+            ],
+            default: {
+
+                height: 90,
+                width: 90
+            }
+        },
+        tableColumn: any = {
+            supportOptions: [
+                {
+                    name: 'title',
+                    hidden: false
+                },
+                {
+                    name: 'align',
+                    hidden: false
+                },
+                {
+                    name: 'halign',
+                    hidden: false
+                },
+                {
+                    name: 'vAlign',
+                    hidden: false
+                },
+
+
+                {
+                    name: 'paddingLeft',
+                    hidden: false
+                },
+                {
+                    name: 'paddingRight',
+                    hidden: false
+                },
+                {
+                    name: 'formatter2',
+                    hidden: false
+                }, {
+                    name: 'styler2',
+                    hidden: false
+                }
+            ],
+            default: {
+
+                height: 90,
+                width: 90
+            }
+        }
+    }
+})();

public/static/hiprint/plugins/jquery.hiwprint.js

@@ -0,0 +1,113 @@
+(function ($) {
+    $.fn.hiwprint = function (options) {
+        var usedFrame = document.getElementById('hiwprint_iframe');
+        if (usedFrame) usedFrame.parentNode.removeChild(usedFrame);
+        var opt = $.extend({}, $.fn.hiwprint.defaults, options);
+        var $element = this;
+        var $iframe = $('<iframe id="hiwprint_iframe"  style="visibility: hidden; height: 0; width: 0; position: absolute;"></iframe>');
+        var css = '';
+        if (opt.importCss) {
+            if ($("link[media=print]").length > 0) {
+                $("link[media=print]").each(function () {
+                    css += '<link rel="stylesheet" type="text/css" media="print" href="' + $(this).attr("href") + '">';
+                });
+            }
+            else {
+                $("link").each(function () {
+                    css += '<link rel="stylesheet" type="text/css" media="print" href="' + $(this).attr("href") + '">';
+                });
+            }
+        }
+        $iframe[0].srcdoc = '<!DOCTYPE html><html><head><title></title><meta charset="UTF-8">' + css + '</head><body></body></html>';
+
+        $iframe[0].onload = function () {
+            var printDocument = $iframe[0].contentWindow || $iframe[0].contentDocument;
+            if (printDocument.document) printDocument = printDocument.document;
+            if (!$iframe.attr('srcdoc')) {
+                printDocument.write('<!DOCTYPE html><html><head><title></title><meta charset="UTF-8">' + css + '</head><body></body></html>');
+            }
+            if (opt.printContainer) {
+                printDocument.body.innerHTML = $element[0].outerHTML;
+            }
+            else {
+                printDocument.body.innerHTML = $element.html();
+            }
+            loadAllImages(printDocument, function () {
+
+                performPrint($iframe[0]);
+            });
+
+        };
+
+        $iframe.appendTo("body");
+
+    };
+
+    $.fn.hiwprint.defaults = {
+        importCss: true,
+        printContainer: true
+    };
+
+    function performPrint(iframeElement) {
+        try {
+            iframeElement.focus();
+            if (isEdge() || isIE()) {
+                try {
+                    iframeElement.contentWindow.document.execCommand('print', false, null);
+                } catch (e) {
+                    iframeElement.contentWindow.print();
+                }
+            } else {
+                // Other browsers
+                iframeElement.contentWindow.print();
+            }
+        } catch (error) {
+            console.log(error);
+        }
+    }
+
+
+    function isIE() {
+        return navigator.userAgent.indexOf('MSIE') !== -1 || !!document.documentMode;
+    }
+
+    // Edge 20+
+    function isEdge() {
+        return !isIE() && !!window.StyleMedia;
+    }
+
+
+
+    function loadAllImages(printDocument, callback, time) {
+        
+        if (time === undefined) {
+            time = 0;
+        }
+        var images = printDocument.getElementsByTagName('img');
+        var allLoaded = true;
+        for (var i = 0; i < images.length; i++) {
+            var image = images[i];
+            if (image.src && image.src !== window.location.href && image.src.indexOf('base64') == -1) {
+               
+                if (!image || typeof image.naturalWidth === 'undefined' || image.naturalWidth === 0 || !image.complete) {
+                    console.log(image.complete);
+                    if (!image.complete) {
+                        allLoaded = false;
+                    }
+                    
+                }
+            }
+        }
+        time++;
+        if (!allLoaded && time < 10) {
+            
+            setTimeout(function () {
+               loadAllImages(printDocument, callback, time);
+            }, 500);
+        } else {
+            callback();
+        }
+    }
+
+
+})(jQuery);

public/static/hiprint/plugins/jquery.jqprint-0.3.js

@@ -0,0 +1,77 @@
+// -----------------------------------------------------------------------
+// Eros Fratini - eros@recoding.it
+// jqprint 0.3
+//
+// - 19/06/2009 - some new implementations, added Opera support
+// - 11/05/2009 - first sketch
+//
+// Printing plug-in for jQuery, evolution of jPrintArea: http://plugins.jquery.com/project/jPrintArea
+// requires jQuery 1.3.x
+//
+// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
+//------------------------------------------------------------------------
+
+(function($) {
+    var opt;
+
+    $.fn.jqprint = function (options) {
+        opt = $.extend({}, $.fn.jqprint.defaults, options);
+
+        var $element = (this instanceof jQuery) ? this : $(this);
+        
+        if (opt.operaSupport && $.browser.opera) 
+        { 
+            var tab = window.open("","jqPrint-preview");
+            tab.document.open();
+
+            var doc = tab.document;
+        }
+        else 
+        {
+            var $iframe = $("<iframe  />");
+        
+            if (!opt.debug) { $iframe.css({ position: "absolute", width: "0px", height: "0px", left: "-600px", top: "-600px" }); }
+
+            $iframe.appendTo("body");
+            var doc = $iframe[0].contentWindow.document;
+        }
+        
+        if (opt.importCSS)
+        {
+            
+            doc.write('<style media="print"> @page {size: auto;  margin: 0mm;padding:0mm }</style>')
+            if ($("link[media=print]").length > 0) 
+            {
+                $("link[media=print]").each( function() {
+                    doc.write("<link type='text/css' rel='stylesheet' href='" + $(this).attr("href") + "' media='print' />");
+                });
+            }
+            else 
+            {
+                $("link").each( function() {
+                    doc.write("<link type='text/css' rel='stylesheet' href='" + $(this).attr("href") + "' />");
+                });
+            }
+        }
+        
+        if (opt.printContainer) { doc.write($element.outer()); }
+        else { $element.each( function() { doc.write($(this).html()); }); }
+        
+        doc.close();
+        
+        (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).focus();
+        setTimeout( function() { (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).print(); if (tab) { tab.close(); } }, 1000);
+    }
+    
+    $.fn.jqprint.defaults = {
+		debug: false,
+		importCSS: true, 
+		printContainer: true,
+		operaSupport: true
+	};
+
+    // Thanks to 9__, found at http://users.livejournal.com/9__/380664.html
+    jQuery.fn.outer = function() {
+      return $($('<div></div>').html(this.clone())).html();
+    } 
+})(jQuery);

public/static/hiprint/plugins/jspdf/canvas2image.js

@@ -0,0 +1,265 @@
+/**
+ * covert canvas to image
+ * and save the image file
+ */
+
+var Canvas2Image = function () {
+
+	// check if support sth.
+	var $support = function () {
+		var canvas = document.createElement('canvas'),
+			ctx = canvas.getContext('2d');
+
+		return {
+			canvas: !!ctx,
+			imageData: !!ctx.getImageData,
+			dataURL: !!canvas.toDataURL,
+			btoa: !!window.btoa
+		};
+	}();
+
+	var downloadMime = 'image/octet-stream';
+
+	function scaleCanvas (canvas, width, height) {
+		var w = canvas.width,
+			h = canvas.height;
+		if (width == undefined) {
+			width = w;
+		}
+		if (height == undefined) {
+			height = h;
+		}
+
+		var retCanvas = document.createElement('canvas');
+		var retCtx = retCanvas.getContext('2d');
+		retCanvas.width = width;
+		retCanvas.height = height;
+		retCtx.drawImage(canvas, 0, 0, w, h, 0, 0, width, height);
+		return retCanvas;
+	}
+
+	function getDataURL (canvas, type, width, height) {
+		canvas = scaleCanvas(canvas, width, height);
+		return canvas.toDataURL(type);
+	}
+
+	function saveFile (strData) {
+		document.location.href = strData;
+	}
+
+	function genImage(strData) {
+		var img = document.createElement('img');
+		img.src = strData;
+		return img;
+	}
+	function fixType (type) {
+		type = type.toLowerCase().replace(/jpg/i, 'jpeg');
+		var r = type.match(/png|jpeg|bmp|gif/)[0];
+		return 'image/' + r;
+	}
+	function encodeData (data) {
+		if (!window.btoa) { throw 'btoa undefined' }
+		var str = '';
+		if (typeof data == 'string') {
+			str = data;
+		} else {
+			for (var i = 0; i < data.length; i ++) {
+				str += String.fromCharCode(data[i]);
+			}
+		}
+
+		return btoa(str);
+	}
+	function getImageData (canvas) {
+		var w = canvas.width,
+			h = canvas.height;
+		return canvas.getContext('2d').getImageData(0, 0, w, h);
+	}
+	function makeURI (strData, type) {
+		return 'data:' + type + ';base64,' + strData;
+	}
+
+
+	/**
+	 * create bitmap image
+	 * 按照规则生成图片响应头和响应体
+	 */
+	var genBitmapImage = function (oData) {
+
+		//
+		// BITMAPFILEHEADER: http://msdn.microsoft.com/en-us/library/windows/desktop/dd183374(v=vs.85).aspx
+		// BITMAPINFOHEADER: http://msdn.microsoft.com/en-us/library/dd183376.aspx
+		//
+
+		var biWidth  = oData.width;
+		var biHeight	= oData.height;
+		var biSizeImage = biWidth * biHeight * 3;
+		var bfSize  = biSizeImage + 54; // total header size = 54 bytes
+
+		//
+		//  typedef struct tagBITMAPFILEHEADER {
+		//  	WORD bfType;
+		//  	DWORD bfSize;
+		//  	WORD bfReserved1;
+		//  	WORD bfReserved2;
+		//  	DWORD bfOffBits;
+		//  } BITMAPFILEHEADER;
+		//
+		var BITMAPFILEHEADER = [
+			// WORD bfType -- The file type signature; must be "BM"
+			0x42, 0x4D,
+			// DWORD bfSize -- The size, in bytes, of the bitmap file
+			bfSize & 0xff, bfSize >> 8 & 0xff, bfSize >> 16 & 0xff, bfSize >> 24 & 0xff,
+			// WORD bfReserved1 -- Reserved; must be zero
+			0, 0,
+			// WORD bfReserved2 -- Reserved; must be zero
+			0, 0,
+			// DWORD bfOffBits -- The offset, in bytes, from the beginning of the BITMAPFILEHEADER structure to the bitmap bits.
+			54, 0, 0, 0
+		];
+
+		//
+		//  typedef struct tagBITMAPINFOHEADER {
+		//  	DWORD biSize;
+		//  	LONG  biWidth;
+		//  	LONG  biHeight;
+		//  	WORD  biPlanes;
+		//  	WORD  biBitCount;
+		//  	DWORD biCompression;
+		//  	DWORD biSizeImage;
+		//  	LONG  biXPelsPerMeter;
+		//  	LONG  biYPelsPerMeter;
+		//  	DWORD biClrUsed;
+		//  	DWORD biClrImportant;
+		//  } BITMAPINFOHEADER, *PBITMAPINFOHEADER;
+		//
+		var BITMAPINFOHEADER = [
+			// DWORD biSize -- The number of bytes required by the structure
+			40, 0, 0, 0,
+			// LONG biWidth -- The width of the bitmap, in pixels
+			biWidth & 0xff, biWidth >> 8 & 0xff, biWidth >> 16 & 0xff, biWidth >> 24 & 0xff,
+			// LONG biHeight -- The height of the bitmap, in pixels
+			biHeight & 0xff, biHeight >> 8  & 0xff, biHeight >> 16 & 0xff, biHeight >> 24 & 0xff,
+			// WORD biPlanes -- The number of planes for the target device. This value must be set to 1
+			1, 0,
+			// WORD biBitCount -- The number of bits-per-pixel, 24 bits-per-pixel -- the bitmap
+			// has a maximum of 2^24 colors (16777216, Truecolor)
+			24, 0,
+			// DWORD biCompression -- The type of compression, BI_RGB (code 0) -- uncompressed
+			0, 0, 0, 0,
+			// DWORD biSizeImage -- The size, in bytes, of the image. This may be set to zero for BI_RGB bitmaps
+			biSizeImage & 0xff, biSizeImage >> 8 & 0xff, biSizeImage >> 16 & 0xff, biSizeImage >> 24 & 0xff,
+			// LONG biXPelsPerMeter, unused
+			0,0,0,0,
+			// LONG biYPelsPerMeter, unused
+			0,0,0,0,
+			// DWORD biClrUsed, the number of color indexes of palette, unused
+			0,0,0,0,
+			// DWORD biClrImportant, unused
+			0,0,0,0
+		];
+
+		var iPadding = (4 - ((biWidth * 3) % 4)) % 4;
+
+		var aImgData = oData.data;
+
+		var strPixelData = '';
+		var biWidth4 = biWidth<<2;
+		var y = biHeight;
+		var fromCharCode = String.fromCharCode;
+
+		do {
+			var iOffsetY = biWidth4*(y-1);
+			var strPixelRow = '';
+			for (var x = 0; x < biWidth; x++) {
+				var iOffsetX = x<<2;
+				strPixelRow += fromCharCode(aImgData[iOffsetY+iOffsetX+2]) +
+							   fromCharCode(aImgData[iOffsetY+iOffsetX+1]) +
+							   fromCharCode(aImgData[iOffsetY+iOffsetX]);
+			}
+
+			for (var c = 0; c < iPadding; c++) {
+				strPixelRow += String.fromCharCode(0);
+			}
+
+			strPixelData += strPixelRow;
+		} while (--y);
+
+		var strEncoded = encodeData(BITMAPFILEHEADER.concat(BITMAPINFOHEADER)) + encodeData(strPixelData);
+
+		return strEncoded;
+	};
+
+	/**
+	 * saveAsImage
+	 * @param canvasElement
+	 * @param {String} image type
+	 * @param {Number} [optional] png width
+	 * @param {Number} [optional] png height
+	 */
+	var saveAsImage = function (canvas, width, height, type) {
+		if ($support.canvas && $support.dataURL) {
+			if (typeof canvas == "string") { canvas = document.getElementById(canvas); }
+			if (type == undefined) { type = 'png'; }
+			type = fixType(type);
+			if (/bmp/.test(type)) {
+				var data = getImageData(scaleCanvas(canvas, width, height));
+				var strData = genBitmapImage(data);
+				saveFile(makeURI(strData, downloadMime));
+			} else {
+				var strData = getDataURL(canvas, type, width, height);
+				saveFile(strData.replace(type, downloadMime));
+			}
+		}
+	};
+
+	var convertToImage = function (canvas, width, height, type) {
+		if ($support.canvas && $support.dataURL) {
+			if (typeof canvas == "string") { canvas = document.getElementById(canvas); }
+			if (type == undefined) { type = 'png'; }
+			type = fixType(type);
+
+			if (/bmp/.test(type)) {
+				var data = getImageData(scaleCanvas(canvas, width, height));
+				var strData = genBitmapImage(data);
+				return genImage(makeURI(strData, 'image/bmp'));
+			} else {
+				var strData = getDataURL(canvas, type, width, height);
+				return genImage(strData);
+			}
+		}
+	};
+
+
+
+	return {
+		saveAsImage: saveAsImage,
+		saveAsPNG: function (canvas, width, height) {
+			return saveAsImage(canvas, width, height, 'png');
+		},
+		saveAsJPEG: function (canvas, width, height) {
+			return saveAsImage(canvas, width, height, 'jpeg');
+		},
+		saveAsGIF: function (canvas, width, height) {
+			return saveAsImage(canvas, width, height, 'gif');
+		},
+		saveAsBMP: function (canvas, width, height) {
+			return saveAsImage(canvas, width, height, 'bmp');
+		},
+
+		convertToImage: convertToImage,
+		convertToPNG: function (canvas, width, height) {
+			return convertToImage(canvas, width, height, 'png');
+		},
+		convertToJPEG: function (canvas, width, height) {
+			return convertToImage(canvas, width, height, 'jpeg');
+		},
+		convertToGIF: function (canvas, width, height) {
+			return convertToImage(canvas, width, height, 'gif');
+		},
+		convertToBMP: function (canvas, width, height) {
+			return convertToImage(canvas, width, height, 'bmp');
+		}
+	};
+
+}();

public/static/plugins/jquery.hiwprint.js

@@ -0,0 +1,113 @@
+(function ($) {
+    $.fn.hiwprint = function (options) {
+        var usedFrame = document.getElementById('hiwprint_iframe');
+        if (usedFrame) usedFrame.parentNode.removeChild(usedFrame);
+        var opt = $.extend({}, $.fn.hiwprint.defaults, options);
+        var $element = this;
+        var $iframe = $('<iframe id="hiwprint_iframe"  style="visibility: hidden; height: 0; width: 0; position: absolute;"></iframe>');
+        var css = '';
+        if (opt.importCss) {
+            if ($("link[media=print]").length > 0) {
+                $("link[media=print]").each(function () {
+                    css += '<link rel="stylesheet" type="text/css" media="print" href="' + $(this).attr("href") + '">';
+                });
+            }
+            else {
+                $("link").each(function () {
+                    css += '<link rel="stylesheet" type="text/css" media="print" href="' + $(this).attr("href") + '">';
+                });
+            }
+        }
+        $iframe[0].srcdoc = '<!DOCTYPE html><html><head><title></title><meta charset="UTF-8">' + css + '</head><body></body></html>';
+
+        $iframe[0].onload = function () {
+            var printDocument = $iframe[0].contentWindow || $iframe[0].contentDocument;
+            if (printDocument.document) printDocument = printDocument.document;
+            if (!$iframe.attr('srcdoc')) {
+                printDocument.write('<!DOCTYPE html><html><head><title></title><meta charset="UTF-8">' + css + '</head><body></body></html>');
+            }
+            if (opt.printContainer) {
+                printDocument.body.innerHTML = $element[0].outerHTML;
+            }
+            else {
+                printDocument.body.innerHTML = $element.html();
+            }
+            loadAllImages(printDocument, function () {
+
+                performPrint($iframe[0]);
+            });
+
+        };
+
+        $iframe.appendTo("body");
+
+    };
+
+    $.fn.hiwprint.defaults = {
+        importCss: true,
+        printContainer: true
+    };
+
+    function performPrint(iframeElement) {
+        try {
+            iframeElement.focus();
+            if (isEdge() || isIE()) {
+                try {
+                    iframeElement.contentWindow.document.execCommand('print', false, null);
+                } catch (e) {
+                    iframeElement.contentWindow.print();
+                }
+            } else {
+                // Other browsers
+                iframeElement.contentWindow.print();
+            }
+        } catch (error) {
+            console.log(error);
+        }
+    }
+
+
+    function isIE() {
+        return navigator.userAgent.indexOf('MSIE') !== -1 || !!document.documentMode;
+    }
+
+    // Edge 20+
+    function isEdge() {
+        return !isIE() && !!window.StyleMedia;
+    }
+
+
+
+    function loadAllImages(printDocument, callback, time) {
+        
+        if (time === undefined) {
+            time = 0;
+        }
+        var images = printDocument.getElementsByTagName('img');
+        var allLoaded = true;
+        for (var i = 0; i < images.length; i++) {
+            var image = images[i];
+            if (image.src && image.src !== window.location.href && image.src.indexOf('base64') == -1) {
+               
+                if (!image || typeof image.naturalWidth === 'undefined' || image.naturalWidth === 0 || !image.complete) {
+                    console.log(image.complete);
+                    if (!image.complete) {
+                        allLoaded = false;
+                    }
+                    
+                }
+            }
+        }
+        time++;
+        if (!allLoaded && time < 10) {
+            
+            setTimeout(function () {
+               loadAllImages(printDocument, callback, time);
+            }, 500);
+        } else {
+            callback();
+        }
+    }
+
+
+})(jQuery);

public/static/plugins/jquery.jqprint-0.3.js

@@ -0,0 +1,77 @@
+// -----------------------------------------------------------------------
+// Eros Fratini - eros@recoding.it
+// jqprint 0.3
+//
+// - 19/06/2009 - some new implementations, added Opera support
+// - 11/05/2009 - first sketch
+//
+// Printing plug-in for jQuery, evolution of jPrintArea: http://plugins.jquery.com/project/jPrintArea
+// requires jQuery 1.3.x
+//
+// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
+//------------------------------------------------------------------------
+
+(function($) {
+    var opt;
+
+    $.fn.jqprint = function (options) {
+        opt = $.extend({}, $.fn.jqprint.defaults, options);
+
+        var $element = (this instanceof jQuery) ? this : $(this);
+        
+        if (opt.operaSupport && $.browser.opera) 
+        { 
+            var tab = window.open("","jqPrint-preview");
+            tab.document.open();
+
+            var doc = tab.document;
+        }
+        else 
+        {
+            var $iframe = $("<iframe  />");
+        
+            if (!opt.debug) { $iframe.css({ position: "absolute", width: "0px", height: "0px", left: "-600px", top: "-600px" }); }
+
+            $iframe.appendTo("body");
+            var doc = $iframe[0].contentWindow.document;
+        }
+        
+        if (opt.importCSS)
+        {
+            
+            doc.write('<style media="print"> @page {size: auto;  margin: 0mm;padding:0mm }</style>')
+            if ($("link[media=print]").length > 0) 
+            {
+                $("link[media=print]").each( function() {
+                    doc.write("<link type='text/css' rel='stylesheet' href='" + $(this).attr("href") + "' media='print' />");
+                });
+            }
+            else 
+            {
+                $("link").each( function() {
+                    doc.write("<link type='text/css' rel='stylesheet' href='" + $(this).attr("href") + "' />");
+                });
+            }
+        }
+        
+        if (opt.printContainer) { doc.write($element.outer()); }
+        else { $element.each( function() { doc.write($(this).html()); }); }
+        
+        doc.close();
+        
+        (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).focus();
+        setTimeout( function() { (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).print(); if (tab) { tab.close(); } }, 1000);
+    }
+    
+    $.fn.jqprint.defaults = {
+		debug: false,
+		importCSS: true, 
+		printContainer: true,
+		operaSupport: true
+	};
+
+    // Thanks to 9__, found at http://users.livejournal.com/9__/380664.html
+    jQuery.fn.outer = function() {
+      return $($('<div></div>').html(this.clone())).html();
+    } 
+})(jQuery);

public/static/plugins/jspdf/canvas2image.js

@@ -0,0 +1,265 @@
+/**
+ * covert canvas to image
+ * and save the image file
+ */
+
+var Canvas2Image = function () {
+
+	// check if support sth.
+	var $support = function () {
+		var canvas = document.createElement('canvas'),
+			ctx = canvas.getContext('2d');
+
+		return {
+			canvas: !!ctx,
+			imageData: !!ctx.getImageData,
+			dataURL: !!canvas.toDataURL,
+			btoa: !!window.btoa
+		};
+	}();
+
+	var downloadMime = 'image/octet-stream';
+
+	function scaleCanvas (canvas, width, height) {
+		var w = canvas.width,
+			h = canvas.height;
+		if (width == undefined) {
+			width = w;
+		}
+		if (height == undefined) {
+			height = h;
+		}
+
+		var retCanvas = document.createElement('canvas');
+		var retCtx = retCanvas.getContext('2d');
+		retCanvas.width = width;
+		retCanvas.height = height;
+		retCtx.drawImage(canvas, 0, 0, w, h, 0, 0, width, height);
+		return retCanvas;
+	}
+
+	function getDataURL (canvas, type, width, height) {
+		canvas = scaleCanvas(canvas, width, height);
+		return canvas.toDataURL(type);
+	}
+
+	function saveFile (strData) {
+		document.location.href = strData;
+	}
+
+	function genImage(strData) {
+		var img = document.createElement('img');
+		img.src = strData;
+		return img;
+	}
+	function fixType (type) {
+		type = type.toLowerCase().replace(/jpg/i, 'jpeg');
+		var r = type.match(/png|jpeg|bmp|gif/)[0];
+		return 'image/' + r;
+	}
+	function encodeData (data) {
+		if (!window.btoa) { throw 'btoa undefined' }
+		var str = '';
+		if (typeof data == 'string') {
+			str = data;
+		} else {
+			for (var i = 0; i < data.length; i ++) {
+				str += String.fromCharCode(data[i]);
+			}
+		}
+
+		return btoa(str);
+	}
+	function getImageData (canvas) {
+		var w = canvas.width,
+			h = canvas.height;
+		return canvas.getContext('2d').getImageData(0, 0, w, h);
+	}
+	function makeURI (strData, type) {
+		return 'data:' + type + ';base64,' + strData;
+	}
+
+
+	/**
+	 * create bitmap image
+	 * 按照规则生成图片响应头和响应体
+	 */
+	var genBitmapImage = function (oData) {
+
+		//
+		// BITMAPFILEHEADER: http://msdn.microsoft.com/en-us/library/windows/desktop/dd183374(v=vs.85).aspx
+		// BITMAPINFOHEADER: http://msdn.microsoft.com/en-us/library/dd183376.aspx
+		//
+
+		var biWidth  = oData.width;
+		var biHeight	= oData.height;
+		var biSizeImage = biWidth * biHeight * 3;
+		var bfSize  = biSizeImage + 54; // total header size = 54 bytes
+
+		//
+		//  typedef struct tagBITMAPFILEHEADER {
+		//  	WORD bfType;
+		//  	DWORD bfSize;
+		//  	WORD bfReserved1;
+		//  	WORD bfReserved2;
+		//  	DWORD bfOffBits;
+		//  } BITMAPFILEHEADER;
+		//
+		var BITMAPFILEHEADER = [
+			// WORD bfType -- The file type signature; must be "BM"
+			0x42, 0x4D,
+			// DWORD bfSize -- The size, in bytes, of the bitmap file
+			bfSize & 0xff, bfSize >> 8 & 0xff, bfSize >> 16 & 0xff, bfSize >> 24 & 0xff,
+			// WORD bfReserved1 -- Reserved; must be zero
+			0, 0,
+			// WORD bfReserved2 -- Reserved; must be zero
+			0, 0,
+			// DWORD bfOffBits -- The offset, in bytes, from the beginning of the BITMAPFILEHEADER structure to the bitmap bits.
+			54, 0, 0, 0
+		];
+
+		//
+		//  typedef struct tagBITMAPINFOHEADER {
+		//  	DWORD biSize;
+		//  	LONG  biWidth;
+		//  	LONG  biHeight;
+		//  	WORD  biPlanes;
+		//  	WORD  biBitCount;
+		//  	DWORD biCompression;
+		//  	DWORD biSizeImage;
+		//  	LONG  biXPelsPerMeter;
+		//  	LONG  biYPelsPerMeter;
+		//  	DWORD biClrUsed;
+		//  	DWORD biClrImportant;
+		//  } BITMAPINFOHEADER, *PBITMAPINFOHEADER;
+		//
+		var BITMAPINFOHEADER = [
+			// DWORD biSize -- The number of bytes required by the structure
+			40, 0, 0, 0,
+			// LONG biWidth -- The width of the bitmap, in pixels
+			biWidth & 0xff, biWidth >> 8 & 0xff, biWidth >> 16 & 0xff, biWidth >> 24 & 0xff,
+			// LONG biHeight -- The height of the bitmap, in pixels
+			biHeight & 0xff, biHeight >> 8  & 0xff, biHeight >> 16 & 0xff, biHeight >> 24 & 0xff,
+			// WORD biPlanes -- The number of planes for the target device. This value must be set to 1
+			1, 0,
+			// WORD biBitCount -- The number of bits-per-pixel, 24 bits-per-pixel -- the bitmap
+			// has a maximum of 2^24 colors (16777216, Truecolor)
+			24, 0,
+			// DWORD biCompression -- The type of compression, BI_RGB (code 0) -- uncompressed
+			0, 0, 0, 0,
+			// DWORD biSizeImage -- The size, in bytes, of the image. This may be set to zero for BI_RGB bitmaps
+			biSizeImage & 0xff, biSizeImage >> 8 & 0xff, biSizeImage >> 16 & 0xff, biSizeImage >> 24 & 0xff,
+			// LONG biXPelsPerMeter, unused
+			0,0,0,0,
+			// LONG biYPelsPerMeter, unused
+			0,0,0,0,
+			// DWORD biClrUsed, the number of color indexes of palette, unused
+			0,0,0,0,
+			// DWORD biClrImportant, unused
+			0,0,0,0
+		];
+
+		var iPadding = (4 - ((biWidth * 3) % 4)) % 4;
+
+		var aImgData = oData.data;
+
+		var strPixelData = '';
+		var biWidth4 = biWidth<<2;
+		var y = biHeight;
+		var fromCharCode = String.fromCharCode;
+
+		do {
+			var iOffsetY = biWidth4*(y-1);
+			var strPixelRow = '';
+			for (var x = 0; x < biWidth; x++) {
+				var iOffsetX = x<<2;
+				strPixelRow += fromCharCode(aImgData[iOffsetY+iOffsetX+2]) +
+							   fromCharCode(aImgData[iOffsetY+iOffsetX+1]) +
+							   fromCharCode(aImgData[iOffsetY+iOffsetX]);
+			}
+
+			for (var c = 0; c < iPadding; c++) {
+				strPixelRow += String.fromCharCode(0);
+			}
+
+			strPixelData += strPixelRow;
+		} while (--y);
+
+		var strEncoded = encodeData(BITMAPFILEHEADER.concat(BITMAPINFOHEADER)) + encodeData(strPixelData);
+
+		return strEncoded;
+	};
+
+	/**
+	 * saveAsImage
+	 * @param canvasElement
+	 * @param {String} image type
+	 * @param {Number} [optional] png width
+	 * @param {Number} [optional] png height
+	 */
+	var saveAsImage = function (canvas, width, height, type) {
+		if ($support.canvas && $support.dataURL) {
+			if (typeof canvas == "string") { canvas = document.getElementById(canvas); }
+			if (type == undefined) { type = 'png'; }
+			type = fixType(type);
+			if (/bmp/.test(type)) {
+				var data = getImageData(scaleCanvas(canvas, width, height));
+				var strData = genBitmapImage(data);
+				saveFile(makeURI(strData, downloadMime));
+			} else {
+				var strData = getDataURL(canvas, type, width, height);
+				saveFile(strData.replace(type, downloadMime));
+			}
+		}
+	};
+
+	var convertToImage = function (canvas, width, height, type) {
+		if ($support.canvas && $support.dataURL) {
+			if (typeof canvas == "string") { canvas = document.getElementById(canvas); }
+			if (type == undefined) { type = 'png'; }
+			type = fixType(type);
+
+			if (/bmp/.test(type)) {
+				var data = getImageData(scaleCanvas(canvas, width, height));
+				var strData = genBitmapImage(data);
+				return genImage(makeURI(strData, 'image/bmp'));
+			} else {
+				var strData = getDataURL(canvas, type, width, height);
+				return genImage(strData);
+			}
+		}
+	};
+
+
+
+	return {
+		saveAsImage: saveAsImage,
+		saveAsPNG: function (canvas, width, height) {
+			return saveAsImage(canvas, width, height, 'png');
+		},
+		saveAsJPEG: function (canvas, width, height) {
+			return saveAsImage(canvas, width, height, 'jpeg');
+		},
+		saveAsGIF: function (canvas, width, height) {
+			return saveAsImage(canvas, width, height, 'gif');
+		},
+		saveAsBMP: function (canvas, width, height) {
+			return saveAsImage(canvas, width, height, 'bmp');
+		},
+
+		convertToImage: convertToImage,
+		convertToPNG: function (canvas, width, height) {
+			return convertToImage(canvas, width, height, 'png');
+		},
+		convertToJPEG: function (canvas, width, height) {
+			return convertToImage(canvas, width, height, 'jpeg');
+		},
+		convertToGIF: function (canvas, width, height) {
+			return convertToImage(canvas, width, height, 'gif');
+		},
+		convertToBMP: function (canvas, width, height) {
+			return convertToImage(canvas, width, height, 'bmp');
+		}
+	};
+
+}();

public/static/print-lock.css

@@ -0,0 +1,281 @@
+
+@media print {
+    body {
+        margin: 0px;
+        padding: 0px;
+    }
+}
+
+@page {
+    margin: 0;
+}
+
+.hiprint-printPaper * {
+    box-sizing: border-box;
+    -moz-box-sizing: border-box; /* Firefox */
+    -webkit-box-sizing: border-box; /* Safari */
+   
+}
+
+    .hiprint-printPaper *:focus {
+        outline: -webkit-focus-ring-color auto 0px;
+    }
+
+
+.hiprint-page-break-avoid {
+    page-break-after: avoid;
+}
+.hiprint-printPaper {
+    position: relative;
+    padding: 0 0 0 0;
+    page-break-after: always;
+    overflow-x: hidden;
+    overflow: hidden;
+}
+    .hiprint-printPaper .hiprint-printPaper-content {
+        position: relative;
+    }
+.hiprint-printPaper.design {
+    overflow: visible;
+}
+
+
+
+.hiprint-printTemplate .hiprint-printPanel {
+    page-break-after: always;
+}
+
+.hiprint-printPaper, hiprint-printPanel {
+    box-sizing: border-box;
+    border: 0px;
+}
+
+.hiprint-printPanel .hiprint-printPaper:last-child {
+    page-break-after: avoid;
+}
+
+.hiprint-printTemplate .hiprint-printPanel:last-child {
+    page-break-after: avoid;
+}
+
+.hiprint-printPaper .hideheaderLinetarget {
+    border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper .hidefooterLinetarget {
+    border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper.design {
+    border: 1px dashed rgba(170,170,170,0.7);
+}
+
+.design .hiprint-printElement-table-content, .design .hiprint-printElement-longText-content {
+    overflow: hidden;
+    box-sizing: border-box;
+}
+
+.design .resize-panel {
+    box-sizing: border-box;
+    border: 1px dotted;
+}
+
+.hiprint-printElement-text {
+    background-color: transparent;
+    background-repeat: repeat;
+    padding: 0 0 0 0;
+    border: 0.75pt none rgb(0,0,0);
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    line-height: 9.75pt;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    /* word-break: break-all; */
+    word-break: keep-all;
+}
+
+.design .hiprint-printElement-text-content {
+    border: 1px dashed rgb(206, 188, 188);
+    box-sizing: border-box;
+}
+
+.hiprint-printElement-longText {
+    background-color: transparent;
+    background-repeat: repeat;
+    border: 0.75pt none rgb(0,0,0);
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    line-height: 9.75pt;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    /* word-break: break-all; */
+    word-break: keep-all;
+    /*white-space: pre-wrap*/
+}
+
+
+
+.hiprint-printElement-table {
+    background-color: transparent;
+    background-repeat: repeat;
+    color: rgb(0,0,0);
+    border-color: rgb(0,0,0);
+    border-style: none;
+    direction: ltr;
+    font-family: 'SimSun';
+    font-size: 9pt;
+    font-style: normal;
+    font-weight: normal;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-align: left;
+    text-decoration: none;
+    padding: 0 0 0 0;
+    box-sizing: border-box;
+    line-height: 9.75pt;
+}
+
+    .hiprint-printElement-table thead {
+        background: #e8e8e8;
+        font-weight: 700;
+    }
+
+.hiprint-printElement-tableTarget, .hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
+    border-color: rgb(0,0,0);
+    border-style: none;
+    border: 1px solid rgb(0,0,0);
+    font-weight: normal;
+    direction: ltr;
+    padding-bottom: 0pt;
+    padding-left: 0pt;
+    padding-right: 0pt;
+    padding-top: 0pt;
+    text-decoration: none;
+    vertical-align: middle;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    word-break: break-all;
+    /*line-height: 9.75pt;
+    font-size: 9pt;*/
+}
+
+    /*.hiprint-printElement-tableTarget tr,*/
+    .hiprint-printElement-tableTarget td {
+        height: 18pt;
+    }
+
+.hiprint-printPaper .hiprint-paperNumber {
+    font-size: 9pt;
+}
+
+.design .hiprint-printElement-table-handle {
+    position: absolute;
+    height: 21pt;
+    width: 21pt;
+    background: red;
+    z-index:1;
+}
+
+.hiprint-printPaper .hiprint-paperNumber-disabled {
+    float: right !important;
+    right: 0 !important;
+    color: gainsboro !important;
+}
+
+.hiprint-printElement-vline, .hiprint-printElement-hline {
+    border: 0px none rgb(0,0,0);
+    
+}
+.hiprint-printElement-vline {
+    border-left: 0.75pt solid #000;
+    border-right: 0px none rgb(0,0,0) !important;
+    border-bottom: 0px none rgb(0,0,0) !important;
+    border-top: 0px none rgb(0,0,0) !important;
+}
+
+.hiprint-printElement-hline {
+    border-top: 0.75pt solid #000;
+    border-right: 0px none rgb(0,0,0) !important;
+    border-bottom: 0px none rgb(0,0,0) !important;
+    border-left: 0px none rgb(0,0,0) !important;
+}
+
+.hiprint-printElement-oval, .hiprint-printElement-rect {
+    border: 0.75pt solid #000;
+}
+
+.hiprint-text-content-middle {
+    display:table;
+}
+.hiprint-text-content-middle>div {
+    display: table-cell;
+    vertical-align:middle
+}
+
+.hiprint-text-content-bottom {
+    display: table;
+}
+
+    .hiprint-text-content-bottom > div {
+        display: table-cell;
+        vertical-align: bottom
+    }
+
+/*hi-grid-row */
+.hi-grid-row {
+    position: relative;
+    height: auto;
+    margin-right: 0;
+    margin-left: 0;
+    zoom: 1;
+    display: block;
+    box-sizing: border-box;
+}
+
+    .hi-grid-row::after, .hi-grid-row::before {
+        display: table;
+        content: '';
+        box-sizing: border-box;
+    }
+
+.hi-grid-col {
+    display: block;
+    box-sizing: border-box;
+    position: relative;
+    float: left;
+    flex: 0 0 auto;
+}
+
+.table-grid-row {
+    margin-left: -0pt;
+    margin-right: -0pt;
+}
+
+.tableGridColumnsGutterRow {
+    padding-left: 0pt;
+    padding-right: 0pt;
+}
+.hiprint-gridColumnsFooter {
+    text-align: left;
+    clear: both;
+}

src/App.vue

@@ -0,0 +1,82 @@
+<script lang="ts" setup>
+import { isDark } from '@/utils/is'
+import { useAppStore } from '@/store/modules/app'
+import { useDesign } from '@/hooks/web/useDesign'
+import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
+import routerSearch from '@/components/RouterSearch/index.vue'
+import { onMounted, onBeforeUnmount } from 'vue'
+
+defineOptions({ name: 'APP' })
+
+const { getPrefixCls } = useDesign()
+const prefixCls = getPrefixCls('app')
+const appStore = useAppStore()
+const currentSize = computed(() => appStore.getCurrentSize)
+const greyMode = computed(() => appStore.getGreyMode)
+const { wsCache } = useCache()
+
+// 清除所有表格缓存
+const clearAllTableCache = () => {
+  try {
+    // 清除所有以 tableList_queryParams_ 开头的缓存
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i)
+      if (key && (key.startsWith('tableList_queryParams_') || key.startsWith('tableList_expandState_'))) {
+        localStorage.removeItem(key)
+      }
+    }
+  } catch (error) {
+    console.error('清除所有表格缓存失败:', error)
+  }
+}
+
+// 根据浏览器当前主题设置系统主题色
+const setDefaultTheme = () => {
+  let isDarkTheme = wsCache.get(CACHE_KEY.IS_DARK)
+  if (isDarkTheme === null) {
+    isDarkTheme = isDark()
+  }
+  appStore.setIsDark(isDarkTheme)
+}
+setDefaultTheme()
+
+// 页面关闭/刷新时清除所有表格缓存
+onMounted(() => {
+  window.addEventListener('beforeunload', clearAllTableCache)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('beforeunload', clearAllTableCache)
+})
+</script>
+<template>
+  <ConfigGlobal :size="currentSize">
+    <RouterView :class="greyMode ? `${prefixCls}-grey-mode` : ''" />
+    <routerSearch />
+  </ConfigGlobal>
+</template>
+<style lang="scss">
+$prefix-cls: #{$namespace}-app;
+
+.size {
+  width: 100%;
+  height: 100%;
+}
+
+html,
+body {
+  @extend .size;
+
+  padding: 0 !important;
+  margin: 0;
+  overflow: hidden;
+
+  #app {
+    @extend .size;
+  }
+}
+
+.#{$prefix-cls}-grey-mode {
+  filter: grayscale(100%);
+}
+</style>

src/api/ai/chat/conversation/index.ts

@@ -0,0 +1,65 @@
+import request from '@/config/axios'
+
+// AI 聊天对话 VO
+export interface ChatConversationVO {
+  id: number // ID 编号
+  userId: number // 用户编号
+  title: string // 对话标题
+  pinned: boolean // 是否置顶
+  roleId: number // 角色编号
+  modelId: number // 模型编号
+  model: string // 模型标志
+  temperature: number // 温度参数
+  maxTokens: number // 单条回复的最大 Token 数量
+  maxContexts: number // 上下文的最大 Message 数量
+  createTime?: Date // 创建时间
+  // 额外字段
+  systemMessage?: string // 角色设定
+  modelName?: string // 模型名字
+  roleAvatar?: string // 角色头像
+  modelMaxTokens?: string // 模型的单条回复的最大 Token 数量
+  modelMaxContexts?: string // 模型的上下文的最大 Message 数量
+}
+
+// AI 聊天对话 API
+export const ChatConversationApi = {
+  // 获得【我的】聊天对话
+  getChatConversationMy: async (id: number) => {
+    return await request.get({ url: `/ai/chat/conversation/get-my?id=${id}` })
+  },
+
+  // 新增【我的】聊天对话
+  createChatConversationMy: async (data?: ChatConversationVO) => {
+    return await request.post({ url: `/ai/chat/conversation/create-my`, data })
+  },
+
+  // 更新【我的】聊天对话
+  updateChatConversationMy: async (data: ChatConversationVO) => {
+    return await request.put({ url: `/ai/chat/conversation/update-my`, data })
+  },
+
+  // 删除【我的】聊天对话
+  deleteChatConversationMy: async (id: string) => {
+    return await request.delete({ url: `/ai/chat/conversation/delete-my?id=${id}` })
+  },
+
+  // 删除【我的】所有对话，置顶除外
+  deleteChatConversationMyByUnpinned: async () => {
+    return await request.delete({ url: `/ai/chat/conversation/delete-by-unpinned` })
+  },
+
+  // 获得【我的】聊天对话列表
+  getChatConversationMyList: async () => {
+    return await request.get({ url: `/ai/chat/conversation/my-list` })
+  },
+
+  // 获得对话分页
+  getChatConversationPage: async (params: any) => {
+    return await request.get({ url: `/ai/chat/conversation/page`, params })
+  },
+
+  // 管理员删除消息
+  deleteChatConversationByAdmin: async (id: number) => {
+    return await request.delete({ url: `/ai/chat/conversation/delete-by-admin?id=${id}` })
+  }
+}

src/api/ai/chat/message/index.ts

@@ -0,0 +1,96 @@
+import request from '@/config/axios'
+import { fetchEventSource } from '@microsoft/fetch-event-source'
+import { getAccessToken } from '@/utils/auth'
+import { config } from '@/config/axios/config'
+
+// 聊天VO
+export interface ChatMessageVO {
+  id: number // 编号
+  conversationId: number // 对话编号
+  type: string // 消息类型
+  userId: string // 用户编号
+  roleId: string // 角色编号
+  model: number // 模型标志
+  modelId: number // 模型编号
+  content: string // 聊天内容
+  tokens: number // 消耗 Token 数量
+  segmentIds?: number[] // 段落编号
+  segments?: {
+    id: number // 段落编号
+    content: string // 段落内容
+    documentId: number // 文档编号
+    documentName: string // 文档名称
+  }[]
+  createTime: Date // 创建时间
+  roleAvatar: string // 角色头像
+  userAvatar: string // 用户头像
+}
+
+// AI chat 聊天
+export const ChatMessageApi = {
+  // 消息列表
+  getChatMessageListByConversationId: async (conversationId: number | null) => {
+    return await request.get({
+      url: `/ai/chat/message/list-by-conversation-id?conversationId=${conversationId}`
+    })
+  },
+
+  // 发送 Stream 消息
+  // 为什么不用 axios 呢？因为它不支持 SSE 调用
+  sendChatMessageStream: async (
+    conversationId: number,
+    content: string,
+    ctrl,
+    enableContext: boolean,
+    onMessage,
+    onError,
+    onClose
+  ) => {
+    const token = getAccessToken()
+    return fetchEventSource(`${config.base_url}/ai/chat/message/send-stream`, {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`
+      },
+      openWhenHidden: true,
+      body: JSON.stringify({
+        conversationId,
+        content,
+        useContext: enableContext
+      }),
+      onmessage: onMessage,
+      onerror: onError,
+      onclose: onClose,
+      signal: ctrl.signal
+    })
+  },
+  // 发送消息(段式)
+  sendChatMessage: async (data: any) => {
+    return await request.post({
+      url: `/ai/chat/message/send`,
+      data
+    })
+  },
+  // 删除消息
+  deleteChatMessage: async (id: string) => {
+    return await request.delete({ url: `/ai/chat/message/delete?id=${id}` })
+  },
+
+  // 删除指定对话的消息
+  deleteByConversationId: async (conversationId: number) => {
+    return await request.delete({
+      url: `/ai/chat/message/delete-by-conversation-id?conversationId=${conversationId}`
+    })
+  },
+
+  // 获得消息分页
+  getChatMessagePage: async (params: any) => {
+    return await request.get({ url: '/ai/chat/message/page', params })
+  },
+
+  // 管理员删除消息
+  deleteChatMessageByAdmin: async (id: number) => {
+    return await request.delete({ url: `/ai/chat/message/delete-by-admin?id=${id}` })
+  }
+}

src/api/ai/image/index.ts

@@ -0,0 +1,102 @@
+import request from '@/config/axios'
+
+// AI 绘图 VO
+export interface ImageVO {
+  id: number // 编号
+  platform: string // 平台
+  model: string // 模型
+  prompt: string // 提示词
+  width: number // 图片宽度
+  height: number // 图片高度
+  status: number // 状态
+  publicStatus: boolean // 公开状态
+  picUrl: string // 任务地址
+  errorMessage: string // 错误信息
+  options: any // 配置 Map<string, string>
+  taskId: number // 任务编号
+  buttons: ImageMidjourneyButtonsVO[] // mj 操作按钮
+  createTime: Date // 创建时间
+  finishTime: Date // 完成时间
+}
+
+export interface ImageDrawReqVO {
+  prompt: string // 提示词
+  modelId: number // 模型
+  style: string // 图像生成的风格
+  width: string // 图片宽度
+  height: string // 图片高度
+  options: object // 绘制参数，Map<String, String>
+}
+
+export interface ImageMidjourneyImagineReqVO {
+  prompt: string // 提示词
+  modelId: number // 模型
+  base64Array: string[] // size不能为空
+  width: string // 图片宽度
+  height: string // 图片高度
+  version: string // 版本
+}
+
+export interface ImageMidjourneyActionVO {
+  id: number // 图片编号
+  customId: string // MJ::JOB::upsample::1::85a4b4c1-8835-46c5-a15c-aea34fad1862 动作标识
+}
+
+export interface ImageMidjourneyButtonsVO {
+  customId: string // MJ::JOB::upsample::1::85a4b4c1-8835-46c5-a15c-aea34fad1862 动作标识
+  emoji: string // 图标 emoji
+  label: string // Make Variations 文本
+  style: number // 样式: 2（Primary）、3（Green）
+}
+
+// AI 图片 API
+export const ImageApi = {
+  // 获取【我的】绘图分页
+  getImagePageMy: async (params: any) => {
+    return await request.get({ url: `/ai/image/my-page`, params })
+  },
+  // 获取【我的】绘图记录
+  getImageMy: async (id: number) => {
+    return await request.get({ url: `/ai/image/get-my?id=${id}` })
+  },
+  // 获取【我的】绘图记录列表
+  getImageListMyByIds: async (ids: number[]) => {
+    return await request.get({ url: `/ai/image/my-list-by-ids`, params: { ids: ids.join(',') } })
+  },
+  // 生成图片
+  drawImage: async (data: ImageDrawReqVO) => {
+    return await request.post({ url: `/ai/image/draw`, data })
+  },
+  // 删除【我的】绘画记录
+  deleteImageMy: async (id: number) => {
+    return await request.delete({ url: `/ai/image/delete-my?id=${id}` })
+  },
+
+  // ================ midjourney 专属 ================
+
+  // 【Midjourney】生成图片
+  midjourneyImagine: async (data: ImageMidjourneyImagineReqVO) => {
+    return await request.post({ url: `/ai/image/midjourney/imagine`, data })
+  },
+  // 【Midjourney】Action 操作（二次生成图片）
+  midjourneyAction: async (data: ImageMidjourneyActionVO) => {
+    return await request.post({ url: `/ai/image/midjourney/action`, data })
+  },
+
+  // ================ 绘图管理 ================
+
+  // 查询绘画分页
+  getImagePage: async (params: any) => {
+    return await request.get({ url: `/ai/image/page`, params })
+  },
+
+  // 更新绘画发布状态
+  updateImage: async (data: any) => {
+    return await request.put({ url: '/ai/image/update', data })
+  },
+
+  // 删除绘画
+  deleteImage: async (id: number) => {
+    return await request.delete({ url: `/ai/image/delete?id=` + id })
+  }
+}

src/api/ai/knowledge/document/index.ts

@@ -0,0 +1,54 @@
+import request from '@/config/axios'
+
+// AI 知识库文档 VO
+export interface KnowledgeDocumentVO {
+  id: number // 编号
+  knowledgeId: number // 知识库编号
+  name: string // 文档名称
+  contentLength: number // 字符数
+  tokens: number // token 数
+  segmentMaxTokens: number // 分片最大 token 数
+  retrievalCount: number // 召回次数
+  status: number // 是否启用
+}
+
+// AI 知识库文档 API
+export const KnowledgeDocumentApi = {
+  // 查询知识库文档分页
+  getKnowledgeDocumentPage: async (params: any) => {
+    return await request.get({ url: `/ai/knowledge/document/page`, params })
+  },
+
+  // 查询知识库文档详情
+  getKnowledgeDocument: async (id: number) => {
+    return await request.get({ url: `/ai/knowledge/document/get?id=` + id })
+  },
+
+  // 新增知识库文档（单个）
+  createKnowledgeDocument: async (data: any) => {
+    return await request.post({ url: `/ai/knowledge/document/create`, data })
+  },
+
+  // 新增知识库文档（多个）
+  createKnowledgeDocumentList: async (data: any) => {
+    return await request.post({ url: `/ai/knowledge/document/create-list`, data })
+  },
+
+  // 修改知识库文档
+  updateKnowledgeDocument: async (data: any) => {
+    return await request.put({ url: `/ai/knowledge/document/update`, data })
+  },
+
+  // 修改知识库文档状态
+  updateKnowledgeDocumentStatus: async (data: any) => {
+    return await request.put({
+      url: `/ai/knowledge/document/update-status`,
+      data
+    })
+  },
+
+  // 删除知识库文档
+  deleteKnowledgeDocument: async (id: number) => {
+    return await request.delete({ url: `/ai/knowledge/document/delete?id=` + id })
+  }
+}

src/api/ai/knowledge/knowledge/index.ts

@@ -0,0 +1,44 @@
+import request from '@/config/axios'
+
+// AI 知识库 VO
+export interface KnowledgeVO {
+  id: number // 编号
+  name: string // 知识库名称
+  description: string // 知识库描述
+  embeddingModelId: number // 嵌入模型编号，高质量模式时维护
+  topK: number // topK
+  similarityThreshold: number // 相似度阈值
+}
+
+// AI 知识库 API
+export const KnowledgeApi = {
+  // 查询知识库分页
+  getKnowledgePage: async (params: any) => {
+    return await request.get({ url: `/ai/knowledge/page`, params })
+  },
+
+  // 查询知识库详情
+  getKnowledge: async (id: number) => {
+    return await request.get({ url: `/ai/knowledge/get?id=` + id })
+  },
+
+  // 新增知识库
+  createKnowledge: async (data: KnowledgeVO) => {
+    return await request.post({ url: `/ai/knowledge/create`, data })
+  },
+
+  // 修改知识库
+  updateKnowledge: async (data: KnowledgeVO) => {
+    return await request.put({ url: `/ai/knowledge/update`, data })
+  },
+
+  // 删除知识库
+  deleteKnowledge: async (id: number) => {
+    return await request.delete({ url: `/ai/knowledge/delete?id=` + id })
+  },
+
+  // 获取知识库简单列表
+  getSimpleKnowledgeList: async () => {
+    return await request.get({ url: `/ai/knowledge/simple-list` })
+  }
+}

src/api/ai/knowledge/nl2sql/index.ts

@@ -0,0 +1,49 @@
+import request from '@/config/axios'
+
+// nl2sql配置 VO
+export interface Nl2sqlVO {
+  id: number // 角色编号
+  embeddingModelId: number // 向量模型编号
+  embeddingModel: string // 向量模型标识
+  name: string // 业务名称
+  datasourceId: number // 数据源ID
+  tableNames: string // 表名,半角逗号分割
+  vectorStoreFile: string // 向量存储文件路径
+}
+
+// nl2sql配置 API
+export const Nl2sqlApi = {
+  // 查询nl2sql配置分页
+  getChatNl2sqlPage: async (params: any) => {
+    return await request.get({ url: `/ai/chat-nl2sql/page`, params })
+  },
+
+  // 查询nl2sql配置详情
+  getChatNl2sql: async (id: number) => {
+    return await request.get({ url: `/ai/chat-nl2sql/get?id=` + id })
+  },
+
+  // 新增nl2sql配置
+  createChatNl2sql: async (data: Nl2sqlVO) => {
+    return await request.post({ url: `/ai/chat-nl2sql/create`, data })
+  },
+
+  // 修改nl2sql配置
+  updateChatNl2sql: async (data: Nl2sqlVO) => {
+    return await request.put({ url: `/ai/chat-nl2sql/update`, data })
+  },
+
+  // 删除nl2sql配置
+  deleteChatNl2sql: async (id: number) => {
+    return await request.delete({ url: `/ai/chat-nl2sql/delete?id=` + id })
+  },
+
+  // 导出nl2sql配置 Excel
+  exportChatNl2sql: async (params) => {
+    return await request.download({ url: `/ai/chat-nl2sql/export-excel`, params })
+  },
+  // 查询nl2sql配置分页
+  getSimpleNl2sqlList: async () => {
+    return await request.get({ url: `/ai/chat-nl2sql/simple-list` })
+  }
+}

src/api/ai/knowledge/segment/index.ts

@@ -0,0 +1,75 @@
+import request from '@/config/axios'
+
+// AI 知识库分段 VO
+export interface KnowledgeSegmentVO {
+  id: number // 编号
+  documentId: number // 文档编号
+  knowledgeId: number // 知识库编号
+  vectorId: string // 向量库编号
+  content: string // 切片内容
+  contentLength: number // 切片内容长度
+  tokens: number // token 数量
+  retrievalCount: number // 召回次数
+  status: number // 文档状态
+  createTime: number // 创建时间
+}
+
+// AI 知识库分段 API
+export const KnowledgeSegmentApi = {
+  // 查询知识库分段分页
+  getKnowledgeSegmentPage: async (params: any) => {
+    return await request.get({ url: `/ai/knowledge/segment/page`, params })
+  },
+
+  // 查询知识库分段详情
+  getKnowledgeSegment: async (id: number) => {
+    return await request.get({ url: `/ai/knowledge/segment/get?id=` + id })
+  },
+
+  // 删除知识库分段
+  deleteKnowledgeSegment: async (id: number) => {
+    return await request.delete({ url: `/ai/knowledge/segment/delete?id=` + id })
+  },
+
+  // 新增知识库分段
+  createKnowledgeSegment: async (data: KnowledgeSegmentVO) => {
+    return await request.post({ url: `/ai/knowledge/segment/create`, data })
+  },
+
+  // 修改知识库分段
+  updateKnowledgeSegment: async (data: KnowledgeSegmentVO) => {
+    return await request.put({ url: `/ai/knowledge/segment/update`, data })
+  },
+
+  // 修改知识库分段状态
+  updateKnowledgeSegmentStatus: async (data: any) => {
+    return await request.put({
+      url: `/ai/knowledge/segment/update-status`,
+      data
+    })
+  },
+
+  // 切片内容
+  splitContent: async (url: string, segmentMaxTokens: number) => {
+    return await request.get({
+      url: `/ai/knowledge/segment/split`,
+      params: { url, segmentMaxTokens }
+    })
+  },
+
+  // 获取文档处理列表
+  getKnowledgeSegmentProcessList: async (documentIds: number[]) => {
+    return await request.get({
+      url: `/ai/knowledge/segment/get-process-list`,
+      params: { documentIds: documentIds.join(',') }
+    })
+  },
+
+  // 搜索知识库分段
+  searchKnowledgeSegment: async (params: any) => {
+    return await request.get({
+      url: `/ai/knowledge/segment/search`,
+      params
+    })
+  }
+}

src/api/ai/mindmap/index.ts

@@ -0,0 +1,60 @@
+import { getAccessToken } from '@/utils/auth'
+import { fetchEventSource } from '@microsoft/fetch-event-source'
+import { config } from '@/config/axios/config'
+import request from '@/config/axios' // AI 思维导图 VO
+
+// AI 思维导图 VO
+export interface MindMapVO {
+  id: number // 编号
+  userId: number // 用户编号
+  prompt: string // 生成内容提示
+  generatedContent: string // 生成的思维导图内容
+  platform: string // 平台
+  model: string // 模型
+  errorMessage: string // 错误信息
+}
+
+// AI 思维导图生成 VO
+export interface AiMindMapGenerateReqVO {
+  prompt: string
+}
+
+export const AiMindMapApi = {
+  generateMindMap: ({
+    data,
+    onClose,
+    onMessage,
+    onError,
+    ctrl
+  }: {
+    data: AiMindMapGenerateReqVO
+    onMessage?: (res: any) => void
+    onError?: (...args: any[]) => void
+    onClose?: (...args: any[]) => void
+    ctrl: AbortController
+  }) => {
+    const token = getAccessToken()
+    return fetchEventSource(`${config.base_url}/ai/mind-map/generate-stream`, {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${token}`
+      },
+      openWhenHidden: true,
+      body: JSON.stringify(data),
+      onmessage: onMessage,
+      onerror: onError,
+      onclose: onClose,
+      signal: ctrl.signal
+    })
+  },
+
+  // 查询思维导图分页
+  getMindMapPage: async (params: any) => {
+    return await request.get({ url: `/ai/mind-map/page`, params })
+  },
+  // 删除思维导图
+  deleteMindMap: async (id: number) => {
+    return await request.delete({ url: `/ai/mind-map/delete?id=` + id })
+  }
+}

src/api/ai/model/apiKey/index.ts

@@ -0,0 +1,44 @@
+import request from '@/config/axios'
+
+// AI API 密钥 VO
+export interface ApiKeyVO {
+  id: number // 编号
+  name: string // 名称
+  apiKey: string // 密钥
+  platform: string // 平台
+  url: string // 自定义 API 地址
+  status: number // 状态
+}
+
+// AI API 密钥 API
+export const ApiKeyApi = {
+  // 查询 API 密钥分页
+  getApiKeyPage: async (params: any) => {
+    return await request.get({ url: `/ai/api-key/page`, params })
+  },
+
+  // 获得 API 密钥列表
+  getApiKeySimpleList: async () => {
+    return await request.get({ url: `/ai/api-key/simple-list` })
+  },
+
+  // 查询 API 密钥详情
+  getApiKey: async (id: number) => {
+    return await request.get({ url: `/ai/api-key/get?id=` + id })
+  },
+
+  // 新增 API 密钥
+  createApiKey: async (data: ApiKeyVO) => {
+    return await request.post({ url: `/ai/api-key/create`, data })
+  },
+
+  // 修改 API 密钥
+  updateApiKey: async (data: ApiKeyVO) => {
+    return await request.put({ url: `/ai/api-key/update`, data })
+  },
+
+  // 删除 API 密钥
+  deleteApiKey: async (id: number) => {
+    return await request.delete({ url: `/ai/api-key/delete?id=` + id })
+  }
+}

src/api/ai/model/chatRole/index.ts

@@ -0,0 +1,85 @@
+import request from '@/config/axios'
+
+// AI 聊天角色 VO
+export interface ChatRoleVO {
+  id: number // 角色编号
+  modelId: number // 模型编号
+  name: string // 角色名称
+  avatar: string // 角色头像
+  category: string // 角色类别
+  sort: number // 角色排序
+  description: string // 角色描述
+  systemMessage: string // 角色设定
+  welcomeMessage: string // 角色设定
+  publicStatus: boolean // 是否公开
+  status: number // 状态
+  knowledgeIds?: number[] // 引用的知识库 ID 列表
+  toolIds?: number[] // 引用的工具 ID 列表
+  type: number //角色类型:1-默认;2-text2sql
+  datasourceId?: number //数据源ID
+  tableNames?: string //表名
+}
+
+// AI 聊天角色 分页请求 vo
+export interface ChatRolePageReqVO {
+  name?: string // 角色名称
+  category?: string // 角色类别
+  publicStatus: boolean // 是否公开
+  pageNo: number // 是否公开
+  pageSize: number // 是否公开
+}
+
+// AI 聊天角色 API
+export const ChatRoleApi = {
+  // 查询聊天角色分页
+  getChatRolePage: async (params: any) => {
+    return await request.get({ url: `/ai/chat-role/page`, params })
+  },
+
+  // 查询聊天角色详情
+  getChatRole: async (id: number) => {
+    return await request.get({ url: `/ai/chat-role/get?id=` + id })
+  },
+
+  // 新增聊天角色
+  createChatRole: async (data: ChatRoleVO) => {
+    return await request.post({ url: `/ai/chat-role/create`, data })
+  },
+
+  // 修改聊天角色
+  updateChatRole: async (data: ChatRoleVO) => {
+    return await request.put({ url: `/ai/chat-role/update`, data })
+  },
+
+  // 删除聊天角色
+  deleteChatRole: async (id: number) => {
+    return await request.delete({ url: `/ai/chat-role/delete?id=` + id })
+  },
+
+  // ======= chat 聊天
+
+  // 获取 my role
+  getMyPage: async (params: ChatRolePageReqVO) => {
+    return await request.get({ url: `/ai/chat-role/my-page`, params})
+  },
+
+  // 获取角色分类
+  getCategoryList: async () => {
+    return await request.get({ url: `/ai/chat-role/category-list`})
+  },
+
+  // 创建角色
+  createMy: async (data: ChatRoleVO) => {
+    return await request.post({ url: `/ai/chat-role/create-my`, data})
+  },
+
+  // 更新角色
+  updateMy: async (data: ChatRoleVO) => {
+    return await request.put({ url: `/ai/chat-role/update-my`, data})
+  },
+
+  // 删除角色 my
+  deleteMy: async (id: number) => {
+    return await request.delete({ url: `/ai/chat-role/delete-my?id=` + id })
+  },
+}