Merge branch 'master' of http://git.hieap.cn/gitbucket/git/08335/hivui-platform-template

08335 / hivui-platform-template

hivui平台项目模板

Browse code Merge branch 'master' of http://git.hieap.cn/gitbucket/git/08335/hivui-platform-template master
commit df7db29dce8923f3edf71e3759e48ea90b88d811 2 parents 6b50729 + 87004fe 04297 authored 7 days ago

Showing 5 changed files

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.1.72", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 -s start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js", "build:debug": "node --inspect-brk build/copyBaseAssets.js && cross-env NODE_ENV=production node --inspect-brk build/webpack.prod.conf.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "caniuse-lite": "^1.0.30001436", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "3.0.4", "less-loader": "5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "4.14.1", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "1.57.1", "sass-loader": "7.3.1", "style-loader": "^0.23.0", "terser-webpack-plugin": "^4.2.3", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "^2.9.15", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "0.20.0", "babel-polyfill": "6.26.0", "classnames": "2.3.1", "echarts": "5.2.2", "element-ui": "2.15.3", "enquire.js": "2.1.6", "event-emitter": "^0.3.5", "font-awesome": "4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.2.3560", "js-cookie": "3.0.1", "js-md5": "0.7.3", "js-pinyin": "0.1.9", "lodash": "4.17.11", "pinyin-pro": "^3.20.4", "qrcode": "^1.5.3", "screenfull": "6.0.0", "sortablejs": "1.14.0", "v-clipboard": "2.2.3", "vue": "2.6.14", "vue-draggable-resizable": "2.3.0", "vue-gemini-scrollbar": "2.0.1", "vue-jstree": "2.1.6", "vue-router": "3.3.4", "vuex": "3.6.2", "zhc-birt-cmps": "^3.0.49", "zhc-flowchart": "^1.0.20", "zhc-visualstudio": "^1.0.15" }, "preview": { "autoStopTime": 172800 } } { "name": "hi-vui-template", "version": "1.1.72", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 -s start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js", "build:debug": "node --inspect-brk build/copyBaseAssets.js && cross-env NODE_ENV=production node --inspect-brk build/webpack.prod.conf.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "caniuse-lite": "^1.0.30001436", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "3.0.4", "less-loader": "5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "4.14.1", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "1.57.1", "sass-loader": "7.3.1", "style-loader": "^0.23.0", "terser-webpack-plugin": "^4.2.3", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "^2.9.15", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "0.20.0", "babel-polyfill": "6.26.0", "classnames": "2.3.1", "echarts": "5.2.2", "element-ui": "2.15.3", "enquire.js": "2.1.6", "event-emitter": "^0.3.5", "font-awesome": "4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.2.3560", "js-cookie": "3.0.1", "js-md5": "0.7.3", "js-pinyin": "0.1.9", "lodash": "4.17.11", "pinyin-pro": "^3.20.4", "qrcode": "^1.5.3", "screenfull": "6.0.0", "sortablejs": "1.14.0", "v-clipboard": "2.2.3", "vue": "2.6.14", "vue-draggable-resizable": "2.3.0", "vue-gemini-scrollbar": "2.0.1", "vue-jstree": "2.1.6", "vue-router": "3.3.4", "vuex": "3.6.2", "zhc-birt-cmps": "^3.0.48", "zhc-flowchart": "^1.0.20", "zhc-visualstudio": "^1.0.13" }, "preview": { "autoStopTime": 172800 } }

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.1.72",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 -s start processes.json",
    "dev": "vite --host",
    "def": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js",
    "build:debug": "node --inspect-brk build/copyBaseAssets.js && cross-env NODE_ENV=production node --inspect-brk build/webpack.prod.conf.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "caniuse-lite": "^1.0.30001436",
    "chalk": "^3.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "3.0.4",
    "less-loader": "5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "4.14.1",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "1.57.1",
    "sass-loader": "7.3.1",
    "style-loader": "^0.23.0",
    "terser-webpack-plugin": "^4.2.3",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "^2.9.15",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "2.6.14",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^3.11.3",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "0.20.0",
    "babel-polyfill": "6.26.0",
    "classnames": "2.3.1",
    "echarts": "5.2.2",
    "element-ui": "2.15.3",
    "enquire.js": "2.1.6",
    "event-emitter": "^0.3.5",
    "font-awesome": "4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.2.3560",
    "js-cookie": "3.0.1",
    "js-md5": "0.7.3",
    "js-pinyin": "0.1.9",
    "lodash": "4.17.11",
    "pinyin-pro": "^3.20.4",
    "qrcode": "^1.5.3",
    "screenfull": "6.0.0",
    "sortablejs": "1.14.0",
    "v-clipboard": "2.2.3",
    "vue": "2.6.14",
    "vue-draggable-resizable": "2.3.0",
    "vue-gemini-scrollbar": "2.0.1",
    "vue-jstree": "2.1.6",
    "vue-router": "3.3.4",
    "vuex": "3.6.2",
    "zhc-birt-cmps": "^3.0.49",
    "zhc-flowchart": "^1.0.20",
    "zhc-visualstudio": "^1.0.15"
  },
  "preview": {
    "autoStopTime": 172800
  }
}

{
  "name": "hi-vui-template",
  "version": "1.1.72",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 -s start processes.json",
    "dev": "vite --host",
    "def": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js",
    "build:debug": "node --inspect-brk build/copyBaseAssets.js && cross-env NODE_ENV=production node --inspect-brk build/webpack.prod.conf.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "caniuse-lite": "^1.0.30001436",
    "chalk": "^3.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "3.0.4",
    "less-loader": "5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "4.14.1",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "1.57.1",
    "sass-loader": "7.3.1",
    "style-loader": "^0.23.0",
    "terser-webpack-plugin": "^4.2.3",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "^2.9.15",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "2.6.14",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^3.11.3",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "0.20.0",
    "babel-polyfill": "6.26.0",
    "classnames": "2.3.1",
    "echarts": "5.2.2",
    "element-ui": "2.15.3",
    "enquire.js": "2.1.6",
    "event-emitter": "^0.3.5",
    "font-awesome": "4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.2.3560",
    "js-cookie": "3.0.1",
    "js-md5": "0.7.3",
    "js-pinyin": "0.1.9",
    "lodash": "4.17.11",
    "pinyin-pro": "^3.20.4",
    "qrcode": "^1.5.3",
    "screenfull": "6.0.0",
    "sortablejs": "1.14.0",
    "v-clipboard": "2.2.3",
    "vue": "2.6.14",
    "vue-draggable-resizable": "2.3.0",
    "vue-gemini-scrollbar": "2.0.1",
    "vue-jstree": "2.1.6",
    "vue-router": "3.3.4",
    "vuex": "3.6.2",
    "zhc-birt-cmps": "^3.0.48",
    "zhc-flowchart": "^1.0.20",
    "zhc-visualstudio": "^1.0.13"
  },
  "preview": {
    "autoStopTime": 172800
  }
}

Ignore Space Show notes View project/hivuiBirt/index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title></title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <link rel="stylesheet" href="/render/iconfonts/mobile/iconfont.css"> <link rel="stylesheet" href="/render/iconfonts/desktop/iconfont.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <script type="text/javascript"> // Don't register the service worker // until the page has fully loaded // Is service worker available? if ('serviceWorker' in navigator) { // 在页面加载时检查是否已经注册了 Service Worker navigator.serviceWorker.getRegistrations().then(function (registrations){ var len = registrations.length; if (len > 0) { console.log('Service Worker already registered'); } else { // 如果没有注册，那么进行注册 window.addEventListener('load', function(){ navigator.serviceWorker.register('/assets_platform/workbox3/sw.js',{scope:'/'}) .then(registration => { console.log('Service Worker registered: ', registration); }) .catch(error => { console.error('Service Worker registration failed: ', error); }); }); } }); } </script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <link rel="stylesheet" href="${serverPath}/render/${devGroup}/${projectName}/iconfonts/mobile/iconfont.css"> <link rel="stylesheet" href="${serverPath}/render/${devGroup}/${projectName}/iconfonts/desktop/iconfont.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverPath}/render/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/lang/element-ui/${locale}.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/hivuiBirt/lang/zh-CN.js"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=hiui&filePath=${devGroup}/${projectName}/lang/hi-ui/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=tpl&filePath=${devGroup}/${projectName}/hivuiBirt/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=scheme&bizPath=${projectName}.pro/setting.project_setrootdir/global.dir/rolescheme.roletp&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script> // window.isGuest=${isGuest}; window.scpRequestData = ${requestParams}; </script> <script> try{ // 统一输出语言包 zh-CN 名 if(!window.GLOBAL_LANG_TPL){ console.error(window.location.href+',当前模板语言包不存在') } if(!window.GLOBAL_LANG_HIUI){ console.error(window.location.href+',hiui语言包不存在') } window.lang = window.lang \|\|{}; window.lang.keys = Object.assign({},window.GLOBAL_LANG_TPL\|\|{},window.GLOBAL_LANG_HIUI\|\|{},window.GLOBAL_LANG_PROJECT\|\|{},window.GLOBAL_LANG_MODULE\|\|{},window.GLOBAL_LANG_SCHEME\|\|{}); Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, }, silentTranslationWarn: true, // 去除国际化警告 }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); ELEMENT.locale(ELEMENT.lang[lang]) })('${locale}'); }catch(e){ console.log('语言包加载出错！') } </script> <!--发布时公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/setting/desktop/base.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/base.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <%}%> </head> <body> <div id="app"> <!-- <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> --> </div> <script> window.onload=()=>{ // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; // document.getElementById("main_loading_logo").src=(_img\|\|(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); // if(window.customSysCofig?.syTitle){ // document.title=window.customSysCofig.syTitle; // } } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title></title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <script type="text/javascript"> // Don't register the service worker // until the page has fully loaded // Is service worker available? if ('serviceWorker' in navigator) { // 在页面加载时检查是否已经注册了 Service Worker navigator.serviceWorker.getRegistrations().then(function (registrations){ var len = registrations.length; if (len > 0) { console.log('Service Worker already registered'); } else { // 如果没有注册，那么进行注册 window.addEventListener('load', function(){ navigator.serviceWorker.register('/assets_platform/workbox3/sw.js',{scope:'/'}) .then(registration => { console.log('Service Worker registered: ', registration); }) .catch(error => { console.error('Service Worker registration failed: ', error); }); }); } }); } </script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverPath}/render/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/lang/element-ui/${locale}.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/hivuiBirt/lang/zh-CN.js"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=hiui&filePath=${devGroup}/${projectName}/lang/hi-ui/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=tpl&filePath=${devGroup}/${projectName}/hivuiBirt/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/ref?pn=${projectName}/${devGroup}&vmId=scheme&bizPath=${projectName}.pro/setting.project_setrootdir/global.dir/rolescheme.roletp&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script> // window.isGuest=${isGuest}; window.scpRequestData = ${requestParams}; </script> <script> try{ // 统一输出语言包 zh-CN 名 if(!window.GLOBAL_LANG_TPL){ console.error(window.location.href+',当前模板语言包不存在') } if(!window.GLOBAL_LANG_HIUI){ console.error(window.location.href+',hiui语言包不存在') } window.lang = window.lang \|\|{}; window.lang.keys = Object.assign({},window.GLOBAL_LANG_TPL\|\|{},window.GLOBAL_LANG_HIUI\|\|{},window.GLOBAL_LANG_PROJECT\|\|{},window.GLOBAL_LANG_MODULE\|\|{},window.GLOBAL_LANG_SCHEME\|\|{}); Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, }, silentTranslationWarn: true, // 去除国际化警告 }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); ELEMENT.locale(ELEMENT.lang[lang]) })('${locale}'); }catch(e){ console.log('语言包加载出错！') } </script> <!--发布时公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/setting/desktop/base.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/base.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <%}%> </head> <body> <div id="app"> <!-- <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> --> </div> <script> window.onload=()=>{ // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; // document.getElementById("main_loading_logo").src=(_img\|\|(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); // if(window.customSysCofig?.syTitle){ // document.title=window.customSysCofig.syTitle; // } } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

project/hivuiBirt/index.html

<!DOCTYPE html>
<html>

<% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <link rel="stylesheet" href="/render/iconfonts/mobile/iconfont.css">
    <link rel="stylesheet" href="/render/iconfonts/desktop/iconfont.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/vuex/vuex.min.js"></script>
    <script src="/assets_platform/vue-router/vue-router.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>

<% if(!htmlWebpackPlugin.vite){%>
      <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
      <link rel="stylesheet" href="${serverPath}/render/${devGroup}/${projectName}/iconfonts/mobile/iconfont.css">
      <link rel="stylesheet" href="${serverPath}/render/${devGroup}/${projectName}/iconfonts/desktop/iconfont.css">
      <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
      <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>

<body>
  <div id="app">
    <!-- <div style="padding:50px 0;text-align:center;">
      <div>
        <img id="main_loading_logo" src="" />
      </div>
      <div>系统初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div>

</div> -->
  </div>

<% if(htmlWebpackPlugin.vite==true){%>
    <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script>
  <%}%>
  
</body>

</html>

<!DOCTYPE html>
<html>

<% if(htmlWebpackPlugin.vite){%>
    
    <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
    <script src="/assets_platform/vue/vue.min.js"></script>
    <script src="/assets_platform/vuex/vuex.min.js"></script>
    <script src="/assets_platform/vue-router/vue-router.min.js"></script>
    <script src="/assets_platform/element-ui/index.js"></script>
    <script src="/assets_platform/eap/eap.umd.min.js"></script>

<% if(!htmlWebpackPlugin.vite){%>
      <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
      <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
      <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
      <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>

</div> -->
  </div>

<% if(htmlWebpackPlugin.vite==true){%>
    <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script>
  <%}%>
  
</body>

</html>

Ignore Space Show notes View project/hivuiMain/App.vue
<template> <div class="app"> <transition> <router-view v-if="$store.state.appStatus == 'success'" /> </transition> <transition> <div v-if="$store.state.appStatus != 'success'" class="loader"> <div class="pl-logo-lg fadeInUp animated"> <img :src="logoSrc" v-if="logoSrc != ''"> </div> <span class="txt"> <span v-for="(str, index) in loadTexts" :key="index">{{ str }}</span> <span class="msgInfo" v-if="$store.state.appStatus == 'loading'">{{ $t('hivuiMain_sysLoading') }}</span> <span class="msgInfo" v-if="$store.state.appStatus != 'loading' && !mainPageInitErrorJump" style="color:red" @click="handleReload">{{ $store.state.appStatusMsg \|\| $t('hivuiMain_loadedFailClickRefresh') }}</span> </span> </div> </transition> </div> </template> <script> import Cookies from 'js-cookie' import LoginPic from "@main/assets/logo_max.png" import { getUrlValue, setUrlValue, getUrlSearch } from "@main/utils"; import { getToken } from '@main/utils/auth' import md5 from "js-md5"; import WebScoketManager from '@main/utils/websocket.js' export default { data() { return { loadTexts: "", logoSrc: "", mainPageInitErrorJump: window.mainPageInitErrorJump, loginStatusWS: null }; }, methods: { handleReload() { window.location.reload(); }, detectZoom() { var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio; } else if (~ua.indexOf('msie')) { if (screen.deviceXDPI && screen.logicalXDPI) { ratio = screen.deviceXDPI / screen.logicalXDPI; } } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) { ratio = window.outerWidth / window.innerWidth; } if (ratio) { ratio = Math.round(ratio * 100); } return ratio; }, checkZoom() { let ratio = this.detectZoom(); if (ratio != 100) { // this.$message.error('警告，浏览器没有按正常比例显示会影响部份功能！') } }, createSocket() { let me = this; if ("WebSocket" in window) { try { // 构造 WebSocket 路径 let socketHost = window.HIVUI_SETTING?.serverUrl.replace("http", "ws"); let pName = window.HIVUI_SETTING?.projectName; let wsClientId = md5(getToken() \|\| ''); // let socketHost = "https://e52.hieap.cn".replace('http', 'ws') // let pName = 'fdszh'; // let wsClientId = md5('eyJhbGciOiJIUzUxMiJ9.eyJ1aWQiOiJhZG1pbiIsImV4cGlyZXMiOjE3Njc5NjgxNzYxNjMsInBob25lIjoiMTg4ODg4MDA4ODgiLCJuYW1lIjoi566h55CG5ZGYIiwidGVybSI6InBjIiwidG9rZW4iOiI1NDQ2ODJmZC03MTIxLTRmMzAtODkzNC1jN2UyNDk1OTRkNTcifQ.1UJbTnGmfTHmCEdlMqHz3QJ9weRrYGUAMYQGfO-j-_5KLKKNKwWSC-FXl-5Pq0xQXrPCr7EkCT12u4zwOwR_Kg') let url = socketHost + "/" + pName + "/ws/p2p/" + wsClientId; // 创建 WebSocket 实例 me.loginStatusWS = new WebScoketManager({ link: url, //"reConnect":true, }); // 初始化 WebSocket 事件 me.initWSEvent(); } catch (error) { console.error("WebSocket 初始化失败:", error); reject(new Error("WebSocket 初始化失败: " + error.message)); } } else { // 浏览器不支持 WebSocket alert("您的浏览器不支持 WebSocket!"); reject(new Error("浏览器不支持 WebSocket")); } }, //初始化WS事件 initWSEvent() { let me = this; let _ws = me.loginStatusWS; if (!_ws) { console.log("WebSocket 实例未初始化"); return; } console.log('开始连接websocket'); //建立连接 _ws.on("onopen", () => { console.log('数据发送中...'); }); //连接失败 _ws.on("onclose", () => { console.log('连接已关闭...'); }); //超时关闭 _ws.on("overtime", () => { console.log('服务器连接超时'); }); _ws.on("reConnect", () => { console.log('重新连接websocket中'); }); _ws.on("endReConnect", () => { console.log('重新连接次数超出上限，终止连接'); }); //接受消息 _ws.on("onmessage", (data) => { console.log('数据已接收: ' + data); }); }, }, mounted() { // this.checkZoom(); // window.addEventListener('resize',()=>{ // this.checkZoom(); // }); let me = this; // 设置任务中心刷新状态 top.window.__setRefreshTaskcenter = function (state) { if (state == undefined) { state = true; } top.window.__refreshTaskcenter = state; } let urlPn = getUrlValue(location.search, "pn"); if (urlPn) { if (!getUrlValue(window.HIVUI_SETTING.loginUrl, "pn")) { window.HIVUI_SETTING.loginUrl += "?pn=" + urlPn; } if (!getUrlValue(window.HIVUI_SETTING.mainPageUrl, "pn")) { window.HIVUI_SETTING.mainPageUrl += "?pn=" + urlPn; } if (!getUrlValue(window.HIVUI_SETTING.customLoginUrl, "pn")) { window.HIVUI_SETTING.customLoginUrl += "?pn=" + urlPn; } } //如果token不一致，替换掉然后重新载入 let urlToken = getUrlValue(location.href, "access_token"); let nowToken = getToken(); if (false && !window._global && urlToken && nowToken && (urlToken != nowToken)) {//正式环境 let newUrl = setUrlValue(decodeURIComponent(location.href), "access_token", nowToken); location = newUrl; location.reload(); } //系统间跳转，将ticket去除 if (!window._global && getUrlValue(decodeURIComponent(location.href), "ticket")) { let newUrl = setUrlValue(decodeURIComponent(location.href), "ticket", ""); location = newUrl.replace("&ticket=", "") + (location.hash ? location.hash : "#/"); //location.reload(); } window.Scp = { User: { id: "admin", name: "管理员", deptId: "", deptName: "", positionId: "GLY", postionName: "管理员", bzId: "admin_3", bzName: "管理员岗位3", bzDeptId: ".WLDJT.DGS", bzDeptName: "D公司", bzPositionId: "HQRY", bzPositionName: "后勤人员", orgId: "admin_3", defOrgId: "admin_3" } } //customSysCofig默认值 window.customSysCofig = _.merge({ showMiniLogin: true, }, window.customSysCofig); if (!window.localStorage.getItem("locale")) { window.localStorage.setItem("locale", JSON.stringify({ desc: "中文", name: "zh-CN", })); Cookies.set("locale", "zh-CN"); } window.__guid = new Date().valueOf(); //window.customSysCofig=_.merge(window.default_customSysCfg,window.customSysCofig\|\|{}); window == top && window.customSysCofig && window.customSysCofig.thirdParty && window.customSysCofig.thirdParty.forEach((item) => {//第三方脚本样式资源引用 let _dom; switch (item.type) { case "js": _dom = document.createElement("script"); _dom.type = "text/javascript"; _dom.src = item.link; if (item.callback) { _dom.onload = () => { item.callback(); } } break; case "css": _dom = document.createElement("link"); _dom.rel = "stylesheet"; _dom.href = item.link; break; } document.querySelector("head").appendChild(_dom); }); setTimeout(() => { window.__sysConfig = _.merge({ events: { onLoad1: function () { } }, projectName: "eaptpl", /sysProjectMange: { id: __guid++, name: '工程树', iconClass: 'icon-tree', uri: 'amreport/designer/tree/design.do', url: '/amrept-web/amreport/designer/tree/design.do' },/ sysList: [ ], langList: { id: __guid++, name: (window.localStorage.getItem("locale") ? (JSON.parse(window.localStorage.getItem("locale")).desc) : "中文"), type: 'lang', iconClass: 'icon-language', children: [ { id: __guid++, name: "中文", key: "zh-CN", }, { id: __guid++, name: "English", key: "en", }, ] }, userInfo: { id: __guid++, name: '${fusername}', type: 'userInfo', iconClass: 'icon-user', children: [ { id: __guid++, name: me.$t('hivuiMain_app_user') + '：${fusername}/${fuserid}', iconClass: 'icon-user', }, { id: __guid++, name: me.$t('hivuiMain_app_orgbz') + '：${fbzname}/${fbzid}', iconClass: 'icon-user', type: "orgBz", }, { id: __guid++, name: me.$t('hivuiMain_app_orgname') + '：${forgname}/${forgid}', iconClass: 'icon-user', }, { id: __guid++, name: me.$t('hivuiMain_app_rolename') + '：${frolename}/${froleid}', iconClass: 'icon-user', }, { id: __guid++, name: me.$t('hivuiMain_app_personal_Center'), iconClass: 'icon-user', type: "personalCenter" }, /{ id: __guid++, iconClass:'icon-edit', name:'修改用户信息', type:'modifyUserInfo', },/ { id: __guid++, iconClass: 'icon-edit', name: me.$t('hivuiMain_app_modifyPw'), type: 'modifyPw', }, ] }, }, window.customSysCofig); if (window.customSysCofig.addLangList) { window.__sysConfig.langList.children = [...window.__sysConfig.langList.children, ...window.customSysCofig.addLangList]; } this.$store.dispatch("app/getSysConfig").then(res => { let cfg = this.$store.state.app.config \|\| {}; let loadText = (cfg.sysLoadLogo && cfg.sysLoadLogo.title) \|\| ""; let logoSrc = (cfg.sysLoadLogo && cfg.sysLoadLogo.src) \|\| ""; this.loadTexts = loadText.split(""); this.logoSrc = cfg.sysLoadLogo.hide ? "" : (logoSrc \|\| LoginPic); }); }, 0); if(window.customSysCofig.loginStatusMonitorWs && window.customSysCofig.loginStatusMonitorWs.enable){ this.createSocket(); } } }; </script> <style scoped> .app { height: 100%; background: linear-gradient(rgb(255, 255, 255) 0px, rgb(243, 248, 253) 50%, rgb(229, 240, 250)); } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .loader { position: absolute; top: 50%; left: 50%; margin-top: -50px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -mos-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .loader .txt { display: inline-block; word-break: normal; white-space: nowrap; margin: auto; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1), 0 20px 20px rgba(0, 0, 0, 0.15); } .loader .txt span { display: inline-block; font-size: 68px !important; padding: 0 5px; -webkit-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -ms-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -o-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; color: #0066cc; } .loader .txt span:nth-child(1) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -ms-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .loader .txt span:nth-child(2) { -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -ms-animation-delay: 100ms; -o-animation-delay: 100ms; animation-delay: 100ms; } .loader .txt span:nth-child(3) { -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -ms-animation-delay: 200ms; -o-animation-delay: 200ms; animation-delay: 200ms; } .loader .txt span:nth-child(4) { -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; -ms-animation-delay: 300ms; -o-animation-delay: 300ms; animation-delay: 300ms; } .loader .txt span:nth-child(5) { -webkit-animation-delay: 400ms; -moz-animation-delay: 400ms; -ms-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms; } .loader .txt span:nth-child(6) { -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; -ms-animation-delay: 500ms; -o-animation-delay: 500ms; animation-delay: 500ms; } .loader .txt span:nth-child(7) { -webkit-animation-delay: 600ms; -moz-animation-delay: 600ms; -ms-animation-delay: 600ms; -o-animation-delay: 600ms; animation-delay: 600ms; } .loader .txt span:nth-child(8) { -webkit-animation-delay: 700ms; -moz-animation-delay: 700ms; -ms-animation-delay: 700ms; -o-animation-delay: 700ms; animation-delay: 700ms; } .loader .txt span:nth-child(9) { -webkit-animation-delay: 800ms; -moz-animation-delay: 800ms; -ms-animation-delay: 800ms; -o-animation-delay: 800ms; animation-delay: 800ms; } .loader .txt span:nth-child(10) { -webkit-animation-delay: 900ms; -moz-animation-delay: 900ms; -ms-animation-delay: 900ms; -o-animation-delay: 900ms; animation-delay: 900ms; } .loader .txt span:nth-child(11) { -webkit-animation-delay: 1000ms; -moz-animation-delay: 1000ms; -ms-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms; } .loader .txt span:nth-child(12) { -webkit-animation-delay: 1100ms; -moz-animation-delay: 1100ms; -ms-animation-delay: 1100ms; -o-animation-delay: 1100ms; animation-delay: 1100ms; } .loader .txt span:nth-child(13) { -webkit-animation-delay: 1200ms; -moz-animation-delay: 1200ms; -ms-animation-delay: 1200ms; -o-animation-delay: 1200ms; animation-delay: 1200ms; } .loader .txt span.msgInfo { display: block; padding-top: 15px; font-size: 16px !important; text-shadow: none; color: #0272bd; text-shadow: none; animation: none; -webkit-animation: none; } @-webkit-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-moz-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-mos-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-o-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } </style> <template> <div class="app"> <transition> <router-view v-if="$store.state.appStatus=='success'" /> </transition> <transition> <div v-if="$store.state.appStatus!='success'" class="loader" > <div class="pl-logo-lg fadeInUp animated"> <img :src="logoSrc" v-if="logoSrc!=''" > </div> <span class="txt"> <span v-for="(str,index) in loadTexts" :key="index">{{str}}</span> <span class="msgInfo" v-if="$store.state.appStatus=='loading'">{{$t('hivuiMain_sysLoading')}}</span> <span class="msgInfo" v-if="$store.state.appStatus!='loading'&&!mainPageInitErrorJump" style="color:red" @click="handleReload" >{{$store.state.appStatusMsg\|\|$t('hivuiMain_loadedFailClickRefresh')}}</span> </span> </div> </transition> </div> </template> <script> import Cookies from 'js-cookie' import LoginPic from "@main/assets/logo_max.png" import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils"; import { getToken } from '@main/utils/auth' export default { data() { return { loadTexts: "", logoSrc: "", mainPageInitErrorJump:window.mainPageInitErrorJump, }; }, methods: { handleReload() { window.location.reload(); }, detectZoom (){ var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio; } else if (~ua.indexOf('msie')) { if (screen.deviceXDPI && screen.logicalXDPI) { ratio = screen.deviceXDPI / screen.logicalXDPI; } } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) { ratio = window.outerWidth / window.innerWidth; } if (ratio){ ratio = Math.round(ratio * 100); } return ratio; }, checkZoom(){ let ratio = this.detectZoom(); if(ratio!=100){ // this.$message.error('警告，浏览器没有按正常比例显示会影响部份功能！') } }, }, mounted() { // this.checkZoom(); // window.addEventListener('resize',()=>{ // this.checkZoom(); // }); let me=this; // 设置任务中心刷新状态 top.window.__setRefreshTaskcenter = function (state) { if(state==undefined){ state = true; } top.window.__refreshTaskcenter = state; } let urlPn=getUrlValue(location.search,"pn"); if(urlPn){ if(!getUrlValue(window.HIVUI_SETTING.loginUrl,"pn")){ window.HIVUI_SETTING.loginUrl+="?pn="+urlPn; } if(!getUrlValue(window.HIVUI_SETTING.mainPageUrl,"pn")){ window.HIVUI_SETTING.mainPageUrl+="?pn="+urlPn; } if(!getUrlValue(window.HIVUI_SETTING.customLoginUrl,"pn")){ window.HIVUI_SETTING.customLoginUrl+="?pn="+urlPn; } } //如果token不一致，替换掉然后重新载入 let urlToken=getUrlValue(location.href,"access_token"); let nowToken=getToken(); if(false&&!window._global&&urlToken&&nowToken&&(urlToken!=nowToken)){//正式环境 let newUrl=setUrlValue(decodeURIComponent(location.href),"access_token",nowToken); location=newUrl; location.reload(); } //系统间跳转，将ticket去除 if(!window._global&&getUrlValue(decodeURIComponent(location.href),"ticket")){ let newUrl=setUrlValue(decodeURIComponent(location.href),"ticket",""); location=newUrl.replace("&ticket=","")+(location.hash?location.hash:"#/"); //location.reload(); } window.Scp = { User: { id: "admin", name: "管理员", deptId: "", deptName: "", positionId: "GLY", postionName: "管理员", bzId: "admin_3", bzName: "管理员岗位3", bzDeptId: ".WLDJT.DGS", bzDeptName: "D公司", bzPositionId: "HQRY", bzPositionName: "后勤人员", orgId: "admin_3", defOrgId: "admin_3" } } //customSysCofig默认值 window.customSysCofig=_.merge({ showMiniLogin:true, },window.customSysCofig); if(!window.localStorage.getItem("locale")){ window.localStorage.setItem("locale",JSON.stringify({ desc:"中文", name:"zh-CN", })); Cookies.set("locale","zh-CN"); } window.__guid = new Date().valueOf(); //window.customSysCofig=_.merge(window.default_customSysCfg,window.customSysCofig\|\|{}); window==top&&window.customSysCofig&&window.customSysCofig.thirdParty&&window.customSysCofig.thirdParty.forEach((item)=>{//第三方脚本样式资源引用 let _dom; switch(item.type){ case "js": _dom=document.createElement("script"); _dom.type="text/javascript"; _dom.src=item.link; if(item.callback){ _dom.onload=()=>{ item.callback(); } } break; case "css": _dom=document.createElement("link"); _dom.rel="stylesheet"; _dom.href=item.link; break; } document.querySelector("head").appendChild(_dom); }); setTimeout(()=>{ window.__sysConfig = _.merge({ events: { onLoad1: function () { } }, projectName: "eaptpl", /sysProjectMange: { id: __guid++, name: '工程树', iconClass: 'icon-tree', uri: 'amreport/designer/tree/design.do', url: '/amrept-web/amreport/designer/tree/design.do' },/ sysList: [ ], langList:{ id: __guid++, name: (window.localStorage.getItem("locale")?(JSON.parse(window.localStorage.getItem("locale")).desc):"中文"), type: 'lang', iconClass: 'icon-language', children: [ { id: __guid++, name:"中文", key:"zh-CN", }, { id: __guid++, name:"English", key:"en", }, ] }, userInfo:{ id: __guid++, name: '${fusername}', type: 'userInfo', iconClass: 'icon-user', children: [ { id: __guid++, name:me.$t('hivuiMain_app_user')+'：${fusername}/${fuserid}', iconClass:'icon-user', }, { id: __guid++, name:me.$t('hivuiMain_app_orgbz')+'：${fbzname}/${fbzid}', iconClass:'icon-user', type:"orgBz", }, { id: __guid++, name:me.$t('hivuiMain_app_orgname')+'：${forgname}/${forgid}', iconClass:'icon-user', }, { id: __guid++, name:me.$t('hivuiMain_app_rolename')+'：${frolename}/${froleid}', iconClass:'icon-user', }, { id: __guid++, name:me.$t('hivuiMain_app_personal_Center'), iconClass:'icon-user', type: "personalCenter" }, /{ id: __guid++, iconClass:'icon-edit', name:'修改用户信息', type:'modifyUserInfo', },/ { id: __guid++, iconClass:'icon-edit', name:me.$t('hivuiMain_app_modifyPw'), type:'modifyPw', }, ] }, },window.customSysCofig); if(window.customSysCofig.addLangList){ window.__sysConfig.langList.children=[...window.__sysConfig.langList.children,...window.customSysCofig.addLangList]; } this.$store.dispatch("app/getSysConfig").then(res=>{ let cfg = this.$store.state.app.config \|\| {}; let loadText = (cfg.sysLoadLogo && cfg.sysLoadLogo.title) \|\| ""; let logoSrc = (cfg.sysLoadLogo && cfg.sysLoadLogo.src) \|\| ""; this.loadTexts=loadText.split(""); this.logoSrc=cfg.sysLoadLogo.hide ? "" : (logoSrc\|\|LoginPic); }); },0); } }; </script> <style scoped> .app { height: 100%; background: linear-gradient( rgb(255, 255, 255) 0px, rgb(243, 248, 253) 50%, rgb(229, 240, 250) ); } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .loader { position: absolute; top: 50%; left: 50%; margin-top: -50px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -mos-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .loader .txt { display: inline-block; word-break: normal; white-space: nowrap; margin: auto; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1), 0 20px 20px rgba(0, 0, 0, 0.15); } .loader .txt span { display: inline-block; font-size: 68px !important; padding: 0 5px; -webkit-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -ms-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; -o-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite; color: #0066cc; } .loader .txt span:nth-child(1) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -ms-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .loader .txt span:nth-child(2) { -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -ms-animation-delay: 100ms; -o-animation-delay: 100ms; animation-delay: 100ms; } .loader .txt span:nth-child(3) { -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -ms-animation-delay: 200ms; -o-animation-delay: 200ms; animation-delay: 200ms; } .loader .txt span:nth-child(4) { -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; -ms-animation-delay: 300ms; -o-animation-delay: 300ms; animation-delay: 300ms; } .loader .txt span:nth-child(5) { -webkit-animation-delay: 400ms; -moz-animation-delay: 400ms; -ms-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms; } .loader .txt span:nth-child(6) { -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; -ms-animation-delay: 500ms; -o-animation-delay: 500ms; animation-delay: 500ms; } .loader .txt span:nth-child(7) { -webkit-animation-delay: 600ms; -moz-animation-delay: 600ms; -ms-animation-delay: 600ms; -o-animation-delay: 600ms; animation-delay: 600ms; } .loader .txt span:nth-child(8) { -webkit-animation-delay: 700ms; -moz-animation-delay: 700ms; -ms-animation-delay: 700ms; -o-animation-delay: 700ms; animation-delay: 700ms; } .loader .txt span:nth-child(9) { -webkit-animation-delay: 800ms; -moz-animation-delay: 800ms; -ms-animation-delay: 800ms; -o-animation-delay: 800ms; animation-delay: 800ms; } .loader .txt span:nth-child(10) { -webkit-animation-delay: 900ms; -moz-animation-delay: 900ms; -ms-animation-delay: 900ms; -o-animation-delay: 900ms; animation-delay: 900ms; } .loader .txt span:nth-child(11) { -webkit-animation-delay: 1000ms; -moz-animation-delay: 1000ms; -ms-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms; } .loader .txt span:nth-child(12) { -webkit-animation-delay: 1100ms; -moz-animation-delay: 1100ms; -ms-animation-delay: 1100ms; -o-animation-delay: 1100ms; animation-delay: 1100ms; } .loader .txt span:nth-child(13) { -webkit-animation-delay: 1200ms; -moz-animation-delay: 1200ms; -ms-animation-delay: 1200ms; -o-animation-delay: 1200ms; animation-delay: 1200ms; } .loader .txt span.msgInfo { display: block; padding-top: 15px; font-size: 16px !important; text-shadow: none; color: #0272bd; text-shadow: none; animation: none; -webkit-animation: none; } @-webkit-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-moz-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-mos-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @-o-keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } @keyframes text { 0% { color: #0066cc; } 40% { color: #fff; } 70%, 100% { color: #0066cc; } } </style>

Ignore Space Show notes View

project/hivuiMain/App.vue

createSocket() {
            let me = this;
            if ("WebSocket" in window) {
                try {
                    // 构造 WebSocket 路径
                    let socketHost = window.HIVUI_SETTING?.serverUrl.replace("http", "ws");
                    let pName =  window.HIVUI_SETTING?.projectName;
                    let wsClientId = md5(getToken() || '');
                    // let socketHost = "https://e52.hieap.cn".replace('http', 'ws')
                    // let pName = 'fdszh';
                    // let wsClientId = md5('eyJhbGciOiJIUzUxMiJ9.eyJ1aWQiOiJhZG1pbiIsImV4cGlyZXMiOjE3Njc5NjgxNzYxNjMsInBob25lIjoiMTg4ODg4MDA4ODgiLCJuYW1lIjoi566h55CG5ZGYIiwidGVybSI6InBjIiwidG9rZW4iOiI1NDQ2ODJmZC03MTIxLTRmMzAtODkzNC1jN2UyNDk1OTRkNTcifQ.1UJbTnGmfTHmCEdlMqHz3QJ9weRrYGUAMYQGfO-j-_5KLKKNKwWSC-FXl-5Pq0xQXrPCr7EkCT12u4zwOwR_Kg')
                    let url = socketHost + "/" + pName + "/ws/p2p/" + wsClientId;

// 创建 WebSocket 实例
                    me.loginStatusWS = new WebScoketManager({
                        link: url,
                        //"reConnect":true,
                    });
                    // 初始化 WebSocket 事件
                    me.initWSEvent();

} catch (error) {
                    console.error("WebSocket 初始化失败:", error);
                    reject(new Error("WebSocket 初始化失败: " + error.message));
                }
            } else {
                // 浏览器不支持 WebSocket
                alert("您的浏览器不支持 WebSocket!");
                reject(new Error("浏览器不支持 WebSocket"));
            }
        },
        //初始化WS事件
        initWSEvent() {
            let me = this;
            let _ws = me.loginStatusWS;
            if (!_ws) {
                console.log("WebSocket 实例未初始化");
                return;
            }
            console.log('开始连接websocket');
            //建立连接
            _ws.on("onopen", () => {
                console.log('数据发送中...');
            });
            //连接失败
            _ws.on("onclose", () => {
                console.log('连接已关闭...');
            });
            //超时关闭
            _ws.on("overtime", () => {
                console.log('服务器连接超时');
            });
            _ws.on("reConnect", () => {
                console.log('重新连接websocket中');
            });
            _ws.on("endReConnect", () => {
                console.log('重新连接次数超出上限，终止连接');
            });
            //接受消息
            _ws.on("onmessage", (data) => {
                console.log('数据已接收: ' + data);
            });
        },
    },
    mounted() {
        // this.checkZoom();
        // window.addEventListener('resize',()=>{
        //     this.checkZoom();
        // });
        let me = this;
        // 设置任务中心刷新状态
        top.window.__setRefreshTaskcenter = function (state) {
            if (state == undefined) {
                state = true;
            }
            top.window.__refreshTaskcenter = state;
        }
        let urlPn = getUrlValue(location.search, "pn");
        if (urlPn) {
            if (!getUrlValue(window.HIVUI_SETTING.loginUrl, "pn")) {
                window.HIVUI_SETTING.loginUrl += "?pn=" + urlPn;
            }
            if (!getUrlValue(window.HIVUI_SETTING.mainPageUrl, "pn")) {
                window.HIVUI_SETTING.mainPageUrl += "?pn=" + urlPn;
            }
            if (!getUrlValue(window.HIVUI_SETTING.customLoginUrl, "pn")) {
                window.HIVUI_SETTING.customLoginUrl += "?pn=" + urlPn;
            }
        }
        //如果token不一致，替换掉然后重新载入
        let urlToken = getUrlValue(location.href, "access_token");
        let nowToken = getToken();
        if (false && !window._global && urlToken && nowToken && (urlToken != nowToken)) {//正式环境
            let newUrl = setUrlValue(decodeURIComponent(location.href), "access_token", nowToken);
            location = newUrl;
            location.reload();
        }
        //系统间跳转，将ticket去除
        if (!window._global && getUrlValue(decodeURIComponent(location.href), "ticket")) {
            let newUrl = setUrlValue(decodeURIComponent(location.href), "ticket", "");
            location = newUrl.replace("&ticket=", "") + (location.hash ? location.hash : "#/");
            //location.reload();
        }
        window.Scp = {
            User: {
                id: "admin",
                name: "管理员",
                deptId: "",
                deptName: "",
                positionId: "GLY",
                postionName: "管理员",
                bzId: "admin_3",
                bzName: "管理员岗位3",
                bzDeptId: ".WLDJT.DGS",
                bzDeptName: "D公司",
                bzPositionId: "HQRY",
                bzPositionName: "后勤人员",
                orgId: "admin_3",
                defOrgId: "admin_3"
            }
        }
        //customSysCofig默认值
        window.customSysCofig = _.merge({
            showMiniLogin: true,
        }, window.customSysCofig);
        if (!window.localStorage.getItem("locale")) {
            window.localStorage.setItem("locale", JSON.stringify({
                desc: "中文",
                name: "zh-CN",
            }));
            Cookies.set("locale", "zh-CN");
        }
        window.__guid = new Date().valueOf();
        //window.customSysCofig=_.merge(window.default_customSysCfg,window.customSysCofig||{});
        window == top && window.customSysCofig && window.customSysCofig.thirdParty && window.customSysCofig.thirdParty.forEach((item) => {//第三方脚本样式资源引用
            let _dom;
            switch (item.type) {
                case "js":
                    _dom = document.createElement("script");
                    _dom.type = "text/javascript";
                    _dom.src = item.link;
                    if (item.callback) {
                        _dom.onload = () => {
                            item.callback();
                        }
                    }
                    break;
                case "css":
                    _dom = document.createElement("link");
                    _dom.rel = "stylesheet";
                    _dom.href = item.link;
                    break;
            }
            document.querySelector("head").appendChild(_dom);
        });
        setTimeout(() => {
            window.__sysConfig = _.merge({
                events: {
                    onLoad1: function () {

}
                },
                projectName: "eaptpl",
                /*sysProjectMange: {
                    id: __guid++,
                    name: '工程树',
                    iconClass: 'icon-tree',
                    uri: 'amreport/designer/tree/design.do',
                    url: '/amrept-web/amreport/designer/tree/design.do'
                },*/
                sysList: [

],
                langList: {
                    id: __guid++,
                    name: (window.localStorage.getItem("locale") ? (JSON.parse(window.localStorage.getItem("locale")).desc) : "中文"),
                    type: 'lang',
                    iconClass: 'icon-language',
                    children: [
                        {
                            id: __guid++,
                            name: "中文",
                            key: "zh-CN",
                        }, {
                            id: __guid++,
                            name: "English",
                            key: "en",
                        },
                    ]
                },
                userInfo: {
                    id: __guid++,
                    name: '${fusername}',
                    type: 'userInfo',
                    iconClass: 'icon-user',
                    children: [
                        {
                            id: __guid++,
                            name: me.$t('hivuiMain_app_user') + '：${fusername}/${fuserid}',
                            iconClass: 'icon-user',
                        },
                        {
                            id: __guid++,
                            name: me.$t('hivuiMain_app_orgbz') + '：${fbzname}/${fbzid}',
                            iconClass: 'icon-user',
                            type: "orgBz",
                        },
                        {
                            id: __guid++,
                            name: me.$t('hivuiMain_app_orgname') + '：${forgname}/${forgid}',
                            iconClass: 'icon-user',
                        },
                        {
                            id: __guid++,
                            name: me.$t('hivuiMain_app_rolename') + '：${frolename}/${froleid}',
                            iconClass: 'icon-user',
                        },
                        {
                            id: __guid++,
                            name: me.$t('hivuiMain_app_personal_Center'),
                            iconClass: 'icon-user',
                            type: "personalCenter"
                        },
                        /*{
                            id: __guid++,
                            iconClass:'icon-edit',
                            name:'修改用户信息',
                            type:'modifyUserInfo',
                        },*/
                        {
                            id: __guid++,
                            iconClass: 'icon-edit',
                            name: me.$t('hivuiMain_app_modifyPw'),
                            type: 'modifyPw',
                        },
                    ]
                },
            }, window.customSysCofig);
            if (window.customSysCofig.addLangList) {
                window.__sysConfig.langList.children = [...window.__sysConfig.langList.children, ...window.customSysCofig.addLangList];
            }
            this.$store.dispatch("app/getSysConfig").then(res => {
                let cfg = this.$store.state.app.config || {};
                let loadText = (cfg.sysLoadLogo && cfg.sysLoadLogo.title) || "";
                let logoSrc = (cfg.sysLoadLogo && cfg.sysLoadLogo.src) || "";
                this.loadTexts = loadText.split("");
                this.logoSrc = cfg.sysLoadLogo.hide ? "" : (logoSrc || LoginPic);
            });
        }, 0);

if(window.customSysCofig.loginStatusMonitorWs && window.customSysCofig.loginStatusMonitorWs.enable){
            this.createSocket();
        }

}
};
</script>
<style scoped>
.app {
    height: 100%;
    background: linear-gradient(rgb(255, 255, 255) 0px,
            rgb(243, 248, 253) 50%,
            rgb(229, 240, 250));
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.loader .txt {
    display: inline-block;
    word-break: normal;
    white-space: nowrap;
    margin: auto;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
        0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
        0 1px 3px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1),
        0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1),
        0 20px 20px rgba(0, 0, 0, 0.15);
}

.loader .txt span {
    display: inline-block;
    font-size: 68px !important;
    padding: 0 5px;
    -webkit-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -ms-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -o-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    color: #0066cc;
}

.loader .txt span:nth-child(1) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -ms-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
}

.loader .txt span:nth-child(2) {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms;
}

.loader .txt span:nth-child(3) {
    -webkit-animation-delay: 200ms;
    -moz-animation-delay: 200ms;
    -ms-animation-delay: 200ms;
    -o-animation-delay: 200ms;
    animation-delay: 200ms;
}

.loader .txt span:nth-child(4) {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    -ms-animation-delay: 300ms;
    -o-animation-delay: 300ms;
    animation-delay: 300ms;
}

.loader .txt span:nth-child(5) {
    -webkit-animation-delay: 400ms;
    -moz-animation-delay: 400ms;
    -ms-animation-delay: 400ms;
    -o-animation-delay: 400ms;
    animation-delay: 400ms;
}

.loader .txt span:nth-child(6) {
    -webkit-animation-delay: 500ms;
    -moz-animation-delay: 500ms;
    -ms-animation-delay: 500ms;
    -o-animation-delay: 500ms;
    animation-delay: 500ms;
}

.loader .txt span:nth-child(7) {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    -ms-animation-delay: 600ms;
    -o-animation-delay: 600ms;
    animation-delay: 600ms;
}

.loader .txt span:nth-child(8) {
    -webkit-animation-delay: 700ms;
    -moz-animation-delay: 700ms;
    -ms-animation-delay: 700ms;
    -o-animation-delay: 700ms;
    animation-delay: 700ms;
}

.loader .txt span:nth-child(9) {
    -webkit-animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    -ms-animation-delay: 800ms;
    -o-animation-delay: 800ms;
    animation-delay: 800ms;
}

.loader .txt span:nth-child(10) {
    -webkit-animation-delay: 900ms;
    -moz-animation-delay: 900ms;
    -ms-animation-delay: 900ms;
    -o-animation-delay: 900ms;
    animation-delay: 900ms;
}

.loader .txt span:nth-child(11) {
    -webkit-animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    -ms-animation-delay: 1000ms;
    -o-animation-delay: 1000ms;
    animation-delay: 1000ms;
}

.loader .txt span:nth-child(12) {
    -webkit-animation-delay: 1100ms;
    -moz-animation-delay: 1100ms;
    -ms-animation-delay: 1100ms;
    -o-animation-delay: 1100ms;
    animation-delay: 1100ms;
}

.loader .txt span:nth-child(13) {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -ms-animation-delay: 1200ms;
    -o-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.loader .txt span.msgInfo {
    display: block;
    padding-top: 15px;
    font-size: 16px !important;
    text-shadow: none;
    color: #0272bd;
    text-shadow: none;
    animation: none;
    -webkit-animation: none;
}

@-webkit-keyframes text {
    0% {
        color: #0066cc;
    }

40% {
        color: #fff;
    }

70%,
    100% {
        color: #0066cc;
    }
}

@-moz-keyframes text {
    0% {
        color: #0066cc;
    }

40% {
        color: #fff;
    }

70%,
    100% {
        color: #0066cc;
    }
}

@-mos-keyframes text {
    0% {
        color: #0066cc;
    }

40% {
        color: #fff;
    }

70%,
    100% {
        color: #0066cc;
    }
}

@-o-keyframes text {
    0% {
        color: #0066cc;
    }

40% {
        color: #fff;
    }

70%,
    100% {
        color: #0066cc;
    }
}

@keyframes text {
    0% {
        color: #0066cc;
    }

40% {
        color: #fff;
    }

70%,
    100% {
        color: #0066cc;
    }
}
</style>

<div
                v-if="$store.state.appStatus!='success'"
                class="loader"
            >
                <div class="pl-logo-lg fadeInUp animated">
                    <img
                        :src="logoSrc"
                        v-if="logoSrc!=''"
                    >
                </div>
                <span class="txt">
                    <span v-for="(str,index) in loadTexts" :key="index">{{str}}</span>
                    <span class="msgInfo" v-if="$store.state.appStatus=='loading'">{{$t('hivuiMain_sysLoading')}}</span>
                    <span class="msgInfo"
                        v-if="$store.state.appStatus!='loading'&&!mainPageInitErrorJump"
                        style="color:red"
                        @click="handleReload"
                    >{{$store.state.appStatusMsg||$t('hivuiMain_loadedFailClickRefresh')}}</span>
                </span>
            </div>
        </transition>
    </div>
</template>
<script>
import Cookies from 'js-cookie'
import LoginPic from "@main/assets/logo_max.png"
import { getUrlValue, setUrlValue,getUrlSearch } from "@main/utils";
import { getToken } from '@main/utils/auth'
export default {
    data() {
        return {
            loadTexts: "",
            logoSrc: "",
            mainPageInitErrorJump:window.mainPageInitErrorJump,
        };
    },
    methods: {
        handleReload() {
            window.location.reload();
        },        
        detectZoom (){
            var ratio = 0,
                screen = window.screen,
                ua = navigator.userAgent.toLowerCase();
            if (window.devicePixelRatio !== undefined) {
                ratio = window.devicePixelRatio;
            }
            else if (~ua.indexOf('msie')) {
                if (screen.deviceXDPI && screen.logicalXDPI) {
                ratio = screen.deviceXDPI / screen.logicalXDPI;
                }
            }
            else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
                ratio = window.outerWidth / window.innerWidth;
            }
            if (ratio){
                ratio = Math.round(ratio * 100);
            }
            return ratio;
        },
        checkZoom(){
            let ratio = this.detectZoom();
            if(ratio!=100){
                // this.$message.error('警告，浏览器没有按正常比例显示会影响部份功能！')
            }
        },
    },
    mounted() {
        // this.checkZoom();
        // window.addEventListener('resize',()=>{
        //     this.checkZoom();
        // });
        let me=this;
        // 设置任务中心刷新状态
        top.window.__setRefreshTaskcenter = function (state) {
            if(state==undefined){
                state = true;
            }
            top.window.__refreshTaskcenter = state;
        }
        let urlPn=getUrlValue(location.search,"pn");
        if(urlPn){
            if(!getUrlValue(window.HIVUI_SETTING.loginUrl,"pn")){
                window.HIVUI_SETTING.loginUrl+="?pn="+urlPn;
            }
            if(!getUrlValue(window.HIVUI_SETTING.mainPageUrl,"pn")){
                window.HIVUI_SETTING.mainPageUrl+="?pn="+urlPn;
            }
            if(!getUrlValue(window.HIVUI_SETTING.customLoginUrl,"pn")){
                window.HIVUI_SETTING.customLoginUrl+="?pn="+urlPn;
            }
        }
        //如果token不一致，替换掉然后重新载入
        let urlToken=getUrlValue(location.href,"access_token");
        let nowToken=getToken();
        if(false&&!window._global&&urlToken&&nowToken&&(urlToken!=nowToken)){//正式环境
            let newUrl=setUrlValue(decodeURIComponent(location.href),"access_token",nowToken);
            location=newUrl;
            location.reload();
        }
        //系统间跳转，将ticket去除
        if(!window._global&&getUrlValue(decodeURIComponent(location.href),"ticket")){
            let newUrl=setUrlValue(decodeURIComponent(location.href),"ticket","");
            location=newUrl.replace("&ticket=","")+(location.hash?location.hash:"#/");
            //location.reload();
        }
        window.Scp = {
            User: {
                id: "admin",
                name: "管理员",
                deptId: "",
                deptName: "",
                positionId: "GLY",
                postionName: "管理员",
                bzId: "admin_3",
                bzName: "管理员岗位3",
                bzDeptId: ".WLDJT.DGS",
                bzDeptName: "D公司",
                bzPositionId: "HQRY",
                bzPositionName: "后勤人员",
                orgId: "admin_3",
                defOrgId: "admin_3"
            }
        }
        //customSysCofig默认值
        window.customSysCofig=_.merge({
            showMiniLogin:true,
        },window.customSysCofig);
        if(!window.localStorage.getItem("locale")){
            window.localStorage.setItem("locale",JSON.stringify({
                desc:"中文",
                name:"zh-CN",
            }));
            Cookies.set("locale","zh-CN");
        }
        window.__guid = new Date().valueOf();
        //window.customSysCofig=_.merge(window.default_customSysCfg,window.customSysCofig||{});
        window==top&&window.customSysCofig&&window.customSysCofig.thirdParty&&window.customSysCofig.thirdParty.forEach((item)=>{//第三方脚本样式资源引用
            let _dom;
            switch(item.type){
                case "js":
                    _dom=document.createElement("script");
                    _dom.type="text/javascript";
                    _dom.src=item.link;
                    if(item.callback){
                        _dom.onload=()=>{
                            item.callback();
                        }
                    }
                    break;
                case "css":
                    _dom=document.createElement("link");
                    _dom.rel="stylesheet";
                    _dom.href=item.link;
                    break;
            }
            document.querySelector("head").appendChild(_dom);
        });
        setTimeout(()=>{
            window.__sysConfig = _.merge({
                events: {
                    onLoad1: function () {

],
                langList:{
                    id: __guid++,
                    name: (window.localStorage.getItem("locale")?(JSON.parse(window.localStorage.getItem("locale")).desc):"中文"),
                    type: 'lang',
                    iconClass: 'icon-language',
                    children: [
                        {
                            id: __guid++,
                            name:"中文",
                            key:"zh-CN",
                        }, {
                            id: __guid++,
                            name:"English",
                            key:"en",
                        }, 
                    ]
                },
                userInfo:{
                    id: __guid++,
                    name: '${fusername}',
                    type: 'userInfo',
                    iconClass: 'icon-user',
                    children: [
                        {
                            id: __guid++,
                            name:me.$t('hivuiMain_app_user')+'：${fusername}/${fuserid}',
                            iconClass:'icon-user',
                        },            
                        {
                            id: __guid++,
                            name:me.$t('hivuiMain_app_orgbz')+'：${fbzname}/${fbzid}',
                            iconClass:'icon-user',
                            type:"orgBz",
                        }, 
                        {
                            id: __guid++,
                            name:me.$t('hivuiMain_app_orgname')+'：${forgname}/${forgid}',
                            iconClass:'icon-user',
                        },
                        {
                            id: __guid++,
                            name:me.$t('hivuiMain_app_rolename')+'：${frolename}/${froleid}',
                            iconClass:'icon-user',
                        },
                        {
                            id: __guid++,
                            name:me.$t('hivuiMain_app_personal_Center'),
                            iconClass:'icon-user',
                            type: "personalCenter"
                        },
                        /*{
                            id: __guid++,
                            iconClass:'icon-edit',
                            name:'修改用户信息',
                            type:'modifyUserInfo',
                        },*/
                        {
                            id: __guid++,
                            iconClass:'icon-edit',
                            name:me.$t('hivuiMain_app_modifyPw'),
                            type:'modifyPw',
                        },
                    ]
                },
            },window.customSysCofig);
            if(window.customSysCofig.addLangList){
                window.__sysConfig.langList.children=[...window.__sysConfig.langList.children,...window.customSysCofig.addLangList];
            }
            this.$store.dispatch("app/getSysConfig").then(res=>{
                let cfg = this.$store.state.app.config || {};
                let loadText = (cfg.sysLoadLogo && cfg.sysLoadLogo.title) || "";
                let logoSrc = (cfg.sysLoadLogo && cfg.sysLoadLogo.src) || ""; 
                this.loadTexts=loadText.split("");
                this.logoSrc=cfg.sysLoadLogo.hide ? "" : (logoSrc||LoginPic);
            });
        },0);
    }
};
</script>
<style scoped>
.app {
    height: 100%;
    background: linear-gradient(
        rgb(255, 255, 255) 0px,
        rgb(243, 248, 253) 50%,
        rgb(229, 240, 250)
    );
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -mos-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.loader .txt {
    display: inline-block;
    word-break: normal;
    white-space: nowrap;
    margin: auto;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
        0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
        0 1px 3px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.1),
        0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1),
        0 20px 20px rgba(0, 0, 0, 0.15);
}
.loader .txt span {
    display: inline-block;
    font-size: 68px !important;
    padding: 0 5px;
    -webkit-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -moz-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -ms-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    -o-animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    animation: text cubic-bezier(0.75, 0, 0.5, 1) 1.2s infinite;
    color: #0066cc;
}
.loader .txt span:nth-child(1) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -ms-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
}
.loader .txt span:nth-child(2) {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms;
}
.loader .txt span:nth-child(3) {
    -webkit-animation-delay: 200ms;
    -moz-animation-delay: 200ms;
    -ms-animation-delay: 200ms;
    -o-animation-delay: 200ms;
    animation-delay: 200ms;
}
.loader .txt span:nth-child(4) {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    -ms-animation-delay: 300ms;
    -o-animation-delay: 300ms;
    animation-delay: 300ms;
}
.loader .txt span:nth-child(5) {
    -webkit-animation-delay: 400ms;
    -moz-animation-delay: 400ms;
    -ms-animation-delay: 400ms;
    -o-animation-delay: 400ms;
    animation-delay: 400ms;
}
.loader .txt span:nth-child(6) {
    -webkit-animation-delay: 500ms;
    -moz-animation-delay: 500ms;
    -ms-animation-delay: 500ms;
    -o-animation-delay: 500ms;
    animation-delay: 500ms;
}
.loader .txt span:nth-child(7) {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    -ms-animation-delay: 600ms;
    -o-animation-delay: 600ms;
    animation-delay: 600ms;
}
.loader .txt span:nth-child(8) {
    -webkit-animation-delay: 700ms;
    -moz-animation-delay: 700ms;
    -ms-animation-delay: 700ms;
    -o-animation-delay: 700ms;
    animation-delay: 700ms;
}
.loader .txt span:nth-child(9) {
    -webkit-animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    -ms-animation-delay: 800ms;
    -o-animation-delay: 800ms;
    animation-delay: 800ms;
}
.loader .txt span:nth-child(10) {
    -webkit-animation-delay: 900ms;
    -moz-animation-delay: 900ms;
    -ms-animation-delay: 900ms;
    -o-animation-delay: 900ms;
    animation-delay: 900ms;
}
.loader .txt span:nth-child(11) {
    -webkit-animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    -ms-animation-delay: 1000ms;
    -o-animation-delay: 1000ms;
    animation-delay: 1000ms;
}
.loader .txt span:nth-child(12) {
    -webkit-animation-delay: 1100ms;
    -moz-animation-delay: 1100ms;
    -ms-animation-delay: 1100ms;
    -o-animation-delay: 1100ms;
    animation-delay: 1100ms;
}
.loader .txt span:nth-child(13) {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -ms-animation-delay: 1200ms;
    -o-animation-delay: 1200ms;
    animation-delay: 1200ms;
}
.loader .txt span.msgInfo {
    display: block;
    padding-top: 15px;
    font-size: 16px !important;
    text-shadow: none;
    color: #0272bd;
    text-shadow: none;
    animation: none;
    -webkit-animation: none;
}
@-webkit-keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
@-moz-keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
@-mos-keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
@-o-keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
@keyframes text {
    0% {
        color: #0066cc;
    }
    40% {
        color: #fff;
    }
    70%,
    100% {
        color: #0066cc;
    }
}
</style>

Ignore Space Show notes View project/hivuiMain/utils/websocket.js 0 → 100644
import emitter from 'event-emitter' export default class WebScoketManager { constructor(opt) { // 连接状态 this.opt = Object.assign({ isHeartCheck: true, }, opt); //{link:socket地址,reConnect:是否开启重连功能,isHeartCheck:是否开启心跳检测} this.connState = false this.emitter = emitter() this.initWebSocket() this.count = 0; this.socketEndSucc = false; } initWebSocket() { // const address = (window.HIIM_SETTING.webSocketUrl\|\|process.env.VUE_APP_WEBSOCKET_API) \|\| "" // if (!address) { // return // } const ws = new window.WebSocket(this.opt.link) // process.env.VUE_APP_WEBSOCKET_API+'?cid=singleton' const me = this let _heartCheck = me.heartCheck(); ws.onopen = function (e) { this.connState = true me.opt.isHeartCheck && _heartCheck.reset().start(); //心跳检测重置 me.onOpen(e) } ws.onclose = function (e) { me.ws = null if (me.count < 5 && me.opt.reConnect) { me.count++; me.reConnection() me.onClose(e) me.emitter.emit('reConnect') } else { (!me.socketEndSucc) && me.onClose(e) me.opt.reConnect && me.emitter.emit('endReConnect') } me.opt.isHeartCheck && _heartCheck.reset(); } ws.onerror = function (e) { me.onError(e) } ws.onmessage = function (e) { me.onMessage(e) me.opt.isHeartCheck && _heartCheck.reset().start(); //拿到任何消息都说明当前连接是正常的 } me.ws = ws } reConnection() { if (!this.connState) { this.timer = setTimeout(() => { console.log('第' + this.count + '次重新连接websocket') this.initWebSocket() console.log(this.connState) }, 5000) } } onOpen(e) { console.log('websocket已连接') //'Openened connection to websocket' this.emitter.emit('onopen') } onClose(e) { console.log('websocket已关闭', e) //'Close connection to websocket' this.emitter.emit('onclose') } onMessage(e) { // console.log(e) let msg = e.data; try { msg = JSON.parse(e.data); } catch (e) { console.error(e) } this.emitter.emit('onmessage', msg, e) } onError(e) { console.log('websocket出错：', e); this.emitter.emit('onerror', e) } on(eventName, callback) { this.emitter.on(eventName, callback) } off(eventName, callback) { this.emitter.off(eventName, callback) } end() { this.connState = true this.ws && this.ws.close(); clearTimeout(this.timer) console.log("关闭") } send(data, cb) { this.ws.send(data); cb && cb(); } //心跳检测 heartCheck() { var me = this; return { timeout: 1000 * 60 * 1, //1分钟发一次心跳 timeoutObj: null, serverTimeoutObj: null, reset: function () { clearTimeout(this.timeoutObj); clearTimeout(this.serverTimeoutObj); return this; }, start: function () { var self = this; this.timeoutObj = setTimeout(function () { //这里发送一个心跳，后端收到后，返回一个心跳消息， //onmessage拿到返回的心跳就说明连接正常 me.send(JSON.stringify({ cmd: "13", hbbyte: "心跳1个字节", })); console.log("ping!") self.serverTimeoutObj = setTimeout(function () { //如果超过一定时间还没重置，说明后端主动断开了 me.emitter.emit('overtime'); me.ws.close(); console.log("endiiiiiiiing"); }, self.timeout) }, this.timeout) } } } }

Ignore Space Show notes View

project/hivuiMain/utils/websocket.js 0 → 100644

import emitter from 'event-emitter'
export default class WebScoketManager {
  constructor(opt) {
    // 连接状态
    this.opt = Object.assign({
      isHeartCheck: true,
    }, opt); //{link:socket地址,reConnect:是否开启重连功能,isHeartCheck:是否开启心跳检测}
    this.connState = false
    this.emitter = emitter()
    this.initWebSocket()
    this.count = 0;
    this.socketEndSucc = false;
  }
  initWebSocket() {
    // const address = (window.HIIM_SETTING.webSocketUrl||process.env.VUE_APP_WEBSOCKET_API) || ""
    // if (!address) {
    //   return
    // }
    const ws = new window.WebSocket(this.opt.link) // process.env.VUE_APP_WEBSOCKET_API+'?cid=singleton'
    const me = this
    let _heartCheck = me.heartCheck();

ws.onopen = function (e) {
      this.connState = true
      me.opt.isHeartCheck && _heartCheck.reset().start(); //心跳检测重置
      me.onOpen(e)
    }
    ws.onclose = function (e) {
      me.ws = null
      if (me.count < 5 && me.opt.reConnect) {
        me.count++;
        me.reConnection()
        me.onClose(e)
        me.emitter.emit('reConnect')
      } else {
        (!me.socketEndSucc) && me.onClose(e)
        me.opt.reConnect && me.emitter.emit('endReConnect')
      }
      me.opt.isHeartCheck && _heartCheck.reset();
    }
    ws.onerror = function (e) {
      me.onError(e)
    }
    ws.onmessage = function (e) {
      me.onMessage(e)
      me.opt.isHeartCheck && _heartCheck.reset().start(); //拿到任何消息都说明当前连接是正常的
    }

me.ws = ws
  }
  reConnection() {
    if (!this.connState) {
      this.timer = setTimeout(() => {
        console.log('第' + this.count + '次重新连接websocket')
        this.initWebSocket()
        console.log(this.connState)
      }, 5000)
    }
  }
  onOpen(e) {
    console.log('websocket已连接') //'Openened connection to websocket'
    this.emitter.emit('onopen')
  }
  onClose(e) {
    console.log('websocket已关闭', e) //'Close connection to websocket'
    this.emitter.emit('onclose')
  }
  onMessage(e) {
    // console.log(e)
    let msg = e.data;
    try {
      msg = JSON.parse(e.data);
    } catch (e) {
      console.error(e)
    }
    this.emitter.emit('onmessage', msg, e)
  }
  onError(e) {
    console.log('websocket出错：', e);
    this.emitter.emit('onerror', e)
  }
  on(eventName, callback) {
    this.emitter.on(eventName, callback)
  }
  off(eventName, callback) {
    this.emitter.off(eventName, callback)
  }
  end() {
    this.connState = true
    this.ws && this.ws.close();
    clearTimeout(this.timer)
    console.log("关闭")
  }
  send(data, cb) {
    this.ws.send(data);
    cb && cb();
  }
  //心跳检测
  heartCheck() {
    var me = this;
    return {
      timeout: 1000 * 60 * 1, //1分钟发一次心跳
      timeoutObj: null,
      serverTimeoutObj: null,
      reset: function () {
        clearTimeout(this.timeoutObj);
        clearTimeout(this.serverTimeoutObj);
        return this;
      },
      start: function () {
        var self = this;
        this.timeoutObj = setTimeout(function () {
          //这里发送一个心跳，后端收到后，返回一个心跳消息，
          //onmessage拿到返回的心跳就说明连接正常
          me.send(JSON.stringify({
            cmd: "13",
            hbbyte: "心跳1个字节",
          }));
          console.log("ping!")
          self.serverTimeoutObj = setTimeout(function () { //如果超过一定时间还没重置，说明后端主动断开了
            me.emitter.emit('overtime');
            me.ws.close();
            console.log("endiiiiiiiing");
          }, self.timeout)
        }, this.timeout)
      }
    }
  }
}

Ignore Space Show notes View vite-plugin/vite-plugin-func.js
import BodyContext from './bodyContext'; var querystring = require('querystring'); // var url = require('url'); const fs = require('fs') // var https = require('https'); var request = require('request'); var ejs = require('ejs'); function getContentType(filePath) { // 去掉查询参数再解析扩展名，避免像 .woff?t=... 无法匹配的问题 const cleanPath = (filePath \|\| '').split('?')[0]; const ext = cleanPath.substring(cleanPath.lastIndexOf('.')).toLowerCase(); const contentTypes = { '.html': 'text/html', '.js': 'text/javascript', '.css': 'text/css', '.json': 'application/json', '.png': 'image/png', '.jpg': 'image/jpg', '.jpeg': 'image/jpeg', '.gif': 'image/gif', '.svg': 'image/svg+xml', '.ico': 'image/x-icon', '.woff': 'font/woff', '.woff2': 'font/woff2', '.ttf': 'font/ttf', '.eot': 'font/eot', '.wav': 'audio/wav', '.mp3': 'audio/mpeg', '.mp4': 'video/mp4', '.pdf': 'application/pdf', '.doc': 'application/msword', '.docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', '.xls': 'application/vnd.ms-excel', '.xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }; return contentTypes[ext] \|\| 'application/octet-stream'; } let syncRequest = function (url, params, isBinary = false) { let options = { url: url, form: params, // 当请求二进制资源时，将 encoding 设为 null，返回 Buffer encoding: isBinary ? null : 'utf8' }; return new Promise(function (resolve, reject) { request.get(options, function (error, response, body) { if (response && response.statusCode == 200) { resolve(body); } else { reject(error \|\| new Error('Request failed with status ' + (response && response.statusCode))); } }); }); } function myPlugin(rawOptions) { let projectName = process.env.VITE_APP_PN.split("/")[0]; let userName = process.env.VITE_APP_PN.split("/")[1]; var previewPath = `${projectName}/setting/studio/preview.json` var setting try { let settingContent = fs.readFileSync(previewPath, { encoding: 'utf8' }); setting = JSON.parse(settingContent) } catch (e) { console.log("preview数据有错！") } var VITE_APP_BASE_API, VITE_APP_SERVER; if (setting) { VITE_APP_BASE_API = (setting.server \|\| {}).VITE_APP_BASE_API \|\| process.env.VITE_APP_BASE_API; VITE_APP_SERVER = (setting.server \|\| {}).VITE_APP_SERVER \|\| process.env.VITE_APP_SERVER; } else { VITE_APP_BASE_API = process.env.VITE_APP_BASE_API; VITE_APP_SERVER = process.env.VITE_APP_SERVER; } const options = { isProduction: process.env.NODE_ENV === 'production', ...rawOptions, VITE_APP_BASE_API: VITE_APP_BASE_API, VITE_APP_SERVER: VITE_APP_SERVER, VITE_APP_PN: process.env.VITE_APP_PN, root: process.cwd(), }; // var routerOption = { // url: `${VITE_APP_BASE_API}/map.html?pn=${process.env.VITE_APP_PN}`, // method: "GET", // json: true, // headers: { // "Content-Type": "application/json;charset=UTF-8" // } // } const routerMapLocal = ["/main.html", "/index.html", "/login.html", "/studio.html"] const routerMap = {}; // function getRountMap() { // syncRequest(routerOption, function (error, response, body) { // if (body) { // for (var i = 0; i < body.length; i++) { // let routerPath = body[i].value; // routerPath = routerPath.substr(routerPath.indexOf("/") + 1) + ".html" // routerMap["/" + body[i].key] = Object.assign({ // url: routerPath // }, body[i]) // } // } // }) // } getRountMap = async function () { let content = await syncRequest(`${VITE_APP_BASE_API}/map.html?pn=${process.env.VITE_APP_PN}`); if (content) { let body = JSON.parse(content); for (var i = 0; i < body.length; i++) { let routerPath = body[i].value; routerPath = routerPath.substr(routerPath.indexOf("/") + 1) + ".html" routerMap["/" + body[i].key] = Object.assign({ url: routerPath }, body[i]) } } } getRountMap(); const TokenKey = 'EAP-Token'; let postData; let config; return { name: 'vite-plugin-func', // 必须的，将会显示在 warning 和 error 中 configResolved(resolvedConfig) { // 存储最终解析的配置 config = resolvedConfig }, configureServer(server) { server.middlewares.use(async (req, res, next) => { var bodyContext = new BodyContext(); // 设置响应头部 res.setHeader('Service-Worker-Allowed', '/'); var Cookies = {}; if (req.headers.cookie != null) { req.headers.cookie.split(';').forEach(l => { var parts = l.split('='); Cookies[parts[0].trim()] = (parts[1] \|\| '').trim(); }); } const token = Cookies[TokenKey]; var param = req._parsedUrl.query; var result = {}; if (param) { let values = param.split("&"); for (let i = 0; i < values.length; i++) { const element = values[i]; let _val = element.split("="); result[_val[0]] = _val[1]; } } const pathname = (req._parsedUrl.pathname == "/") ? "/index.html" : req._parsedUrl.pathname;//根路径访问定位到index.html; function isFlow(type) { return type.endsWith(".flow") \|\| type.endsWith(".flowc"); } // 接口 function isInfc(type) { return type.endsWith(".infc") } function isFunc(type) { return type.endsWith(".func") } function isHtml(type) { return type.endsWith(".html") } function isStudio(type) { return type.endsWith("/studio.html") } function setUrlParam(path, key, value) { if (!key \|\| !value) { return path; } if (path.indexOf("?") == -1) { path = `${path}?${key}=${value}`; } else { path = `${path}&${key}=${value}`; } return path; } // 渲染页面 function renderHtml(pcform, isGuest, body) { let content; try { content = fs.readFileSync(pcform, { encoding: 'utf8' }) } catch (e) { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("pcform:" + pcform + "文件异常，请尝试重启桌面服务！"); return; } const statusCode = 200; if (!body) throw new Error(`No body text found for the ${statusCode} status code`); try { var html = ejs.render(content, Object.assign({ bodyContext: bodyContext }, options)); } catch (e) { res.end(e.message); return; } let postDataStr = JSON.stringify(postData \|\| {}); let varName = options.varName \|\| 'viteRequestData'; let varGlobal = JSON.stringify(options.global \|\| {}); let funcName = new Date().valueOf(); let queryScript = ` function _viteGetQuery${funcName}() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]); } } return theRequest; }` if (bodyContext.getDefaultLayout()) { let defaultLayoutOption = Object.assign({ bodyContext: bodyContext, bodyContent: html }, options); let defaultLayoutContent = fs.readFileSync(bodyContext.getDefaultLayout(), { encoding: 'utf8' }) try { html = ejs.render(defaultLayoutContent, defaultLayoutOption); } catch (e) { res.end(e.message); return; } } let titleStr = html.match(/<head(.?)>/g)[0] \|\| ""; if (!isStudio(pathname)) { html = html.replace( /<head(.?)>/g, `${titleStr}<script>${queryScript};window.isGuest=${isGuest}; window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}); window._global=${varGlobal}</script> ` ) let titleEnd = html.match(/<\/head(.?)>/g)[0] \|\| ""; let lang = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var sam = ""; var samDef = ""; if (pcform.indexOf("hivuiSam/index.html") != -1) {//统计分析 samDef = `<script src="/${projectName}/hivuiSam/lang/zh-CN.js"></script>` sam = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiSam/lang/def.language&locale=${lang}"></script>` }; var platfPlugin = ''; var platfPluginDef = ''; if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件 platfPluginDef = `<script src="/${projectName}/hivuiBirt/lang/zh-CN.js"></script>` platfPlugin = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiBirt/lang/def.language&locale=${lang}"></script>` }; let funcDefLangMap = { 'hivuiLogin/index.html': `/${projectName}/hivuiLogin/lang/zh-CN.js`, 'hivuiMain/index.html': `/${projectName}/hivuiMain/lang/zh-CN.js`, } let funcLangMap = { 'hivuiLogin/index.html': `${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiLogin/lang/def.language&locale=${lang}`, 'hivuiMain/index.html': `${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiMain/lang/def.language&locale=${lang}`, 'platf/permission': `${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=scheme&bizPath=${projectName}.pro/setting.project_setrootdir/global.dir/rolescheme.roletp&locale=${lang}` } let curFuncLangScript = '' for (let k in funcDefLangMap) { if (pathname.indexOf(k) > -1 \|\| (routerMap[pathname] && routerMap[pathname].url && routerMap[pathname].url.indexOf(k) > -1)) { curFuncLangScript += `<script src="${funcDefLangMap[k]}"></script>` break; } } for (let k in funcLangMap) { if (pathname.indexOf(k) > -1 \|\| (routerMap[pathname] && routerMap[pathname].url && routerMap[pathname].url.indexOf(k) > -1)) { curFuncLangScript += `<script src="${funcLangMap[k]}"></script>` break; } } var viteData = html.match(/<vite>([\s\S])<\/vite>/); var viteTpl = "", viteprojectTpl = ""; if (viteData) { //流引入多语言 var viteDataJson = JSON.parse(html.match(/<vite>([\s\S])<\/vite>/)[1]); viteprojectTpl = `<script src="${VITE_APP_BASE_API}/lang/static?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.project_vmid}&locale=${lang}"></script>` if (viteDataJson.module_vmid && viteDataJson.bizpath) viteTpl = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.module_vmid}&bizPath=${viteDataJson.bizpath}&locale=${lang}"></script>` } html = html.replace( /<\/head(.?)>/g, `<script src="/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="/${projectName}/lang/element-ui/${lang}.js"></script> <script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=hiui&filePath=${userName}/${projectName}/lang/hi-ui/def.language&locale=${lang}"></script> ${curFuncLangScript} ${viteprojectTpl} ${viteTpl} ${samDef} ${platfPluginDef} ${sam} ${platfPlugin} <script> try{ window.global={ pName:"${projectName}", pUser:"${userName}", pn:"${projectName}/${userName}" } // 统一输出语言包 zh-CN 名 // if(!window.GLOBAL_LANG_TPL){ // console.log('不影响运行,提示:[[${req.url},当前模板语言包不存在]]') // } // if(!window.GLOBAL_LANG_HIUI){ // console.log('不影响运行,提示:[[${req.url},hiui语言包不存在]]') // } window.lang = window.lang \|\|{}; window.lang.keys = Object.assign({},window.GLOBAL_LANG_TPL\|\|{},window.GLOBAL_LANG_HIUI\|\|{},window.GLOBAL_LANG_PROJECT\|\|{},window.GLOBAL_LANG_MODULE\|\|{},window.GLOBAL_LANG_SCHEME\|\|{}); Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, }, silentTranslationWarn:true, }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); ELEMENT.locale(ELEMENT.lang[lang]) })('${lang}'); }catch(e){ console.log('语言包加载出错！') } </script> <script src="/assets_platform/customSysCfg/index.js"></script> <script src="/${projectName}/setting/desktop/base.js" type="text/javascript"></script> <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script> ${titleEnd}`) } res.writeHead(statusCode, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, // 'Content-Length': html.length, 'Content-Type': 'html' }); res.write(html) res.end(); } function handleFunc(path) { // let token = Cookies[TokenKey]; let requestUrl = setUrlParam(path, "pn", process.env.VITE_APP_PN); if (param && !isFlow(pathname)) { requestUrl = requestUrl + "&" + param; } console.log("----requestUrl:", requestUrl, "token:", token); if (!isFlow(pathname)) { Object.assign(post_data, postData); } let lang = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var requestOption = { url: requestUrl, method: isFlow(pathname) ? "GET" : "POST", json: true, body: post_data, headers: { "token": token, "Cookie": `locale=${lang}`, "Authorization": "Bearer " + token, "Content-Type": "application/json;charset=UTF-8" } } if (isFlow(pathname)) { requestOption["qs"] = post_data; } else if (isFunc(pathname)) { //页面流用表单提交 requestOption["form"] = post_data; } request(requestOption, requestCallback, (msg) => { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(msg)); // console.log(msg) }); } function renderVm() { res.writeHead(200, { 'Content-Type': 'html' }); let projectName = process.env.VITE_APP_PN.split("/")[0]; let url = serverPath + req.url; url = setUrlParam(url, "pn", process.env.VITE_APP_PN); url = setUrlParam(url, "access_token", token); let html = ` <script src="/assets_platform/eap/eap.umd.min.js"></script> <script> window._global ={ env :"dev" } </script> <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script> <script> window.location.href="${url}"; </script> ` res.end(html); } function requestCallback(error, response, body) { let fmodelpath = pathname; if (typeof body == "string") { try { body = JSON.parse(body); } catch (error) { res.writeHead(response.statusCode, { "Content-Type": "html" }); res.end(body); return; } } //console.log(error, response, body); if (!error && response.statusCode == 200) { let pcform; let designPath; let isGuest = false; if (body) { if (isFlow(fmodelpath) && body.outParameter) { pcform = body.outParameter.task.bizpcform; if (!result["locale"] && body.outParameter.locale) { result["locale"] = body.outParameter.locale; } } else if (isFunc(fmodelpath) \|\| isInfc(fmodelpath)) { if (body && body.logicflow \|\| isInfc(fmodelpath)) { //逻辑流 let statusCode = body.status \|\| response.statusCode; res.writeHead(statusCode, { "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body \|\| {})); return; } else if (body.dataPack) { pcform = body.dataPack.path; designPath = body.dataPack.designPath; isGuest = body.dataPack.isGuest; if (!result["locale"] && body.dataPack.locale) { result["locale"] = body.dataPack.locale; } } } } if (!pcform) { res.writeHead(500, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body \|\| {})); return; } if (designPath && (designPath.endsWith(".vm") \|\| designPath.endsWith(".dvm"))) { renderVm(); return; } // var fullPath = "eaptpl/12112/mokuai/shitumulu/biaodan/dtv/1.0.0/desktop/index.html"; renderHtml(pcform, isGuest, body); } else { if (response && response.statusCode == 401) { res.writeHead(200, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, 'Content-Type': 'html' }); let projectName = process.env.VITE_APP_PN.split("/")[0]; let html = ` <script src="/assets_platform/eap/eap.umd.min.js"></script> <script> window._global ={ env :"dev" } </script> <script> //判断是否跨域请求变量 let isCrossDomain=false; try{ let __isCrossDomain=top.window.SysPage; } catch(e){ isCrossDomain=true; } if(!isCrossDomain&&top.window.SysPage&&top.window.SysPage.openMiniLogin){//小窗口 top.window.SysPage.openMiniLogin(true); }else{ window.location.href=window.HIVUI_SETTING.loginUrl; } </script> ` res.end(html); } else { console.log("--------------------responselog-------------------------", error, response, body); res.writeHead(response?.statusCode \|\| 200, {//保证有响应头 200 "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, // "Content-Type": "application/json;charset=UTF-8" 'Content-Type': 'html' }); res.end(body ? JSON.stringify(body) : '')// error.toString() error可能是空 // res.end(JSON.stringify(body\|\|{})); } //res.end(requestUrl + ":" + JSON.stringify(error) + JSON.stringify(body)); } } var serverPath = VITE_APP_BASE_API + VITE_APP_SERVER; if (req.url.indexOf("/development.js") != -1 \|\| req.url.indexOf("/base.js") != -1 \|\| req.url.indexOf("/studio/appsetting.js") != -1) { if (req.headers.referer) { if (req.headers.referer.startsWith("https")) { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("http://", "https://"); } else { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("https://", "http://"); } } let content, url; try { if (req.url.indexOf("/studio/appsetting.js") != -1) {//动态流程用本地文件 throw error(); } url = `${VITE_APP_BASE_API}/vm/render/${userName}/${projectName}/setting/desktop/${req.url.split("/").pop()}`; content = await syncRequest(url); } catch (e) { try { content = fs.readFileSync(req.url.substr(1), { encoding: 'utf8' }) } catch { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("获取", req.url + "文件异常!"); return; } } try { var html = ejs.render(content, options); html = `// serverPath:${serverPath}\n\n` + html; } catch (e) { res.end(e.message); return; } res.end(html); return; }else if (req.url.indexOf("/render") != -1) { if (req.headers.referer) { if (req.headers.referer.startsWith("https")) { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("http://", "https://"); } else { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("https://", "http://"); } } let content, url; try { if (req.url.indexOf("/studio/appsetting.js") != -1) {//动态流程用本地文件 throw error(); } const pathAfterRender = req.url.split('render').pop(); const resourcePath = pathAfterRender.split(projectName).pop(); url = `${VITE_APP_BASE_API}/render/${userName}/${projectName}${resourcePath}`; const cleanReqPath = req.url.split('?')[0]; // 根据扩展名判断是否为二进制资源，远程请求时也以二进制模式获取 const ext = cleanReqPath.substring(cleanReqPath.lastIndexOf('.')).toLowerCase(); const binaryExts = ['.png', '.jpg', '.jpeg', '.gif', '.ico', '.woff', '.woff2', '.ttf', '.eot', '.mp3', '.mp4', '.pdf']; if (binaryExts.includes(ext)) { content = await syncRequest(url, null, true); // Buffer } else { content = await syncRequest(url); } } catch (e) { try { // 检查是否为二进制文件，如果是则不使用文本编码 const cleanReqPath = req.url.split('?')[0]; const ext = cleanReqPath.substring(cleanReqPath.lastIndexOf('.')).toLowerCase(); const binaryExts = ['.png', '.jpg', '.jpeg', '.gif', '.ico', '.woff', '.woff2', '.ttf', '.eot', '.mp3', '.mp4', '.pdf']; if (binaryExts.includes(ext)) { content = fs.readFileSync(cleanReqPath.substr(1)); } else { content = fs.readFileSync(cleanReqPath.substr(1), { encoding: 'utf8' }); } } catch { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("获取" + req.url + "文件异常!"); return; } } try { // 如果是二进制资源则直接发送，不做 ejs 渲染 const cleanReqPath2 = req.url.split('?')[0]; const ext = cleanReqPath2.substring(cleanReqPath2.lastIndexOf('.')).toLowerCase(); const binaryExts = ['.png', '.jpg', '.jpeg', '.gif', '.ico', '.woff', '.woff2', '.ttf', '.eot', '.mp3', '.mp4', '.pdf']; if (binaryExts.includes(ext)) { const contentType = getContentType(cleanReqPath2); res.setHeader('Content-Type', contentType); // content 可能是 Buffer（远程或本地），直接返回 res.end(content); return; } var html = ejs.render(content, options); // html = `// serverPath:${serverPath}\n\n` + html; } catch (e) { res.end(e.message); return; } // 为静态资源设置正确的Content-Type const contentType = getContentType(req.url); res.setHeader('Content-Type', contentType); res.end(html); return; } else if (!routerMap[pathname] && routerMapLocal.indexOf(pathname) != -1) { await getRountMap(); if (routerMap[pathname].attributes.custom_page) { let url = `${routerMap[pathname].attributes.custom_page}`; let html = `<script> window.location.href="${url}" </script> ` res.end(html); } else { let pcform = routerMap[pathname].url; renderHtml(pcform, false, {}, true) } } else if (routerMap[pathname]) { if (routerMap[pathname].attributes.custom_page) { let url = `${routerMap[pathname].attributes.custom_page}`; let html = `<script> window.location.href="${url}" </script> ` res.end(html); } else { let pcform = routerMap[pathname].url; renderHtml(pcform, false, {}, true) } } else if (isFlow(pathname) \|\| isFunc(pathname) \|\| isInfc(pathname)) { // let url = req.url; let post = ''; postData = ''; let path; let fmodelpath = pathname; // url.split("?")[0]; var post_data = {}; // var param = req.url.split("?")[1]; if (isFlow(fmodelpath)) { var fversion = ""; var ftaskguid = ""; var fbzid = ""; if (param) { fversion = result["_version"] \|\| result["version"]; ftaskguid = result["_ftaskguid"] \|\| result["ftaskguid"]; fbzid = result["fbzid"]; } //flow/open参数改地址栏，切岗位不能用post post_data = { fmodelpath: fmodelpath, fversion, ftaskguid, fbzid } if (result["fnumber"]) { post_data = Object.assign(post_data, { fnumber: result["fnumber"] }) } path = serverPath + `/flow/open?origin=pre&skip=false`; } else if (isInfc(fmodelpath)) { path = serverPath + fmodelpath; } else { var viewItemId = "" if (param) { viewItemId = result["__viewItemId"] \|\| result["viewItemId"] \|\| ""; } path = serverPath + fmodelpath + "?origin=pre&skip=false&viewItemId=" + viewItemId; } // let pn = url.split("/")[1]; req.on('data', (chunk) => { post += chunk; postData = querystring.parse(post); }); req.on('end', (chunk) => { handleFunc(path) }); return; } else { if (isHtml(pathname)) { renderHtml(pathname.substr(1), false, {}) } else { var newPath = `/render/${userName}`; var assets_platform = "/render/assets_platform"; if (pathname.indexOf(newPath) != -1) { req.url = req.url.replace(newPath, ""); } if (pathname.indexOf(assets_platform) != -1) { req.url = req.url.replace(assets_platform, "/assets_platform"); } next(); } } }) }, } } export default myPlugin; import BodyContext from './bodyContext'; var querystring = require('querystring'); // var url = require('url'); const fs = require('fs') // var https = require('https'); var request = require('request'); var ejs = require('ejs'); // let syncrequest = require('sync-request'); let syncRequest = function (url, params) { let options = { url: url, form: params }; return new Promise(function (resolve, reject) { request.get(options, function (error, response, body) { if (response && response.statusCode == 200) { resolve(body); } else { reject(error); } }); }); } function myPlugin(rawOptions) { let projectName = process.env.VITE_APP_PN.split("/")[0]; let userName = process.env.VITE_APP_PN.split("/")[1]; var previewPath = `${projectName}/setting/studio/preview.json` var setting try { let settingContent = fs.readFileSync(previewPath, { encoding: 'utf8' }); setting = JSON.parse(settingContent) } catch (e) { console.log("preview数据有错！") } var VITE_APP_BASE_API, VITE_APP_SERVER; if (setting) { VITE_APP_BASE_API = (setting.server \|\| {}).VITE_APP_BASE_API \|\| process.env.VITE_APP_BASE_API; VITE_APP_SERVER = (setting.server \|\| {}).VITE_APP_SERVER \|\| process.env.VITE_APP_SERVER; } else { VITE_APP_BASE_API = process.env.VITE_APP_BASE_API; VITE_APP_SERVER = process.env.VITE_APP_SERVER; } const options = { isProduction: process.env.NODE_ENV === 'production', ...rawOptions, VITE_APP_BASE_API: VITE_APP_BASE_API, VITE_APP_SERVER: VITE_APP_SERVER, VITE_APP_PN: process.env.VITE_APP_PN, root: process.cwd(), }; // var routerOption = { // url: `${VITE_APP_BASE_API}/map.html?pn=${process.env.VITE_APP_PN}`, // method: "GET", // json: true, // headers: { // "Content-Type": "application/json;charset=UTF-8" // } // } const routerMapLocal = ["/main.html", "/index.html", "/login.html", "/studio.html"] const routerMap = {}; // function getRountMap() { // syncRequest(routerOption, function (error, response, body) { // if (body) { // for (var i = 0; i < body.length; i++) { // let routerPath = body[i].value; // routerPath = routerPath.substr(routerPath.indexOf("/") + 1) + ".html" // routerMap["/" + body[i].key] = Object.assign({ // url: routerPath // }, body[i]) // } // } // }) // } getRountMap = async function () { let content = await syncRequest(`${VITE_APP_BASE_API}/map.html?pn=${process.env.VITE_APP_PN}`); if (content) { let body = JSON.parse(content); for (var i = 0; i < body.length; i++) { let routerPath = body[i].value; routerPath = routerPath.substr(routerPath.indexOf("/") + 1) + ".html" routerMap["/" + body[i].key] = Object.assign({ url: routerPath }, body[i]) } } } getRountMap(); const TokenKey = 'EAP-Token'; let postData; let config; return { name: 'vite-plugin-func', // 必须的，将会显示在 warning 和 error 中 configResolved(resolvedConfig) { // 存储最终解析的配置 config = resolvedConfig }, configureServer(server) { server.middlewares.use(async (req, res, next) => { var bodyContext = new BodyContext(); // 设置响应头部 res.setHeader('Service-Worker-Allowed', '/'); var Cookies = {}; if (req.headers.cookie != null) { req.headers.cookie.split(';').forEach(l => { var parts = l.split('='); Cookies[parts[0].trim()] = (parts[1] \|\| '').trim(); }); } const token = Cookies[TokenKey]; var param = req._parsedUrl.query; var result = {}; if (param) { let values = param.split("&"); for (let i = 0; i < values.length; i++) { const element = values[i]; let _val = element.split("="); result[_val[0]] = _val[1]; } } const pathname = (req._parsedUrl.pathname == "/") ? "/index.html" : req._parsedUrl.pathname;//根路径访问定位到index.html; function isFlow(type) { return type.endsWith(".flow") \|\| type.endsWith(".flowc"); } // 接口 function isInfc(type) { return type.endsWith(".infc") } function isFunc(type) { return type.endsWith(".func") } function isHtml(type) { return type.endsWith(".html") } function isStudio(type) { return type.endsWith("/studio.html") } function setUrlParam(path, key, value) { if (!key \|\| !value) { return path; } if (path.indexOf("?") == -1) { path = `${path}?${key}=${value}`; } else { path = `${path}&${key}=${value}`; } return path; } // 渲染页面 function renderHtml(pcform, isGuest, body) { let content; try { content = fs.readFileSync(pcform, { encoding: 'utf8' }) } catch (e) { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("pcform:" + pcform + "文件异常，请尝试重启桌面服务！"); return; } const statusCode = 200; if (!body) throw new Error(`No body text found for the ${statusCode} status code`); try { var html = ejs.render(content, Object.assign({ bodyContext: bodyContext }, options)); } catch (e) { res.end(e.message); return; } let postDataStr = JSON.stringify(postData \|\| {}); let varName = options.varName \|\| 'viteRequestData'; let varGlobal = JSON.stringify(options.global \|\| {}); let funcName = new Date().valueOf(); let queryScript = ` function _viteGetQuery${funcName}() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]); } } return theRequest; }` if (bodyContext.getDefaultLayout()) { let defaultLayoutOption = Object.assign({ bodyContext: bodyContext, bodyContent: html }, options); let defaultLayoutContent = fs.readFileSync(bodyContext.getDefaultLayout(), { encoding: 'utf8' }) try { html = ejs.render(defaultLayoutContent, defaultLayoutOption); } catch (e) { res.end(e.message); return; } } let titleStr = html.match(/<head(.?)>/g)[0] \|\| ""; if (!isStudio(pathname)) { html = html.replace( /<head(.?)>/g, `${titleStr}<script>${queryScript};window.isGuest=${isGuest}; window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}); window._global=${varGlobal}</script> ` ) let titleEnd = html.match(/<\/head(.?)>/g)[0] \|\| ""; let lang = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var sam = ""; var samDef = ""; if (pcform.indexOf("hivuiSam/index.html") != -1) {//统计分析 samDef = `<script src="/${projectName}/hivuiSam/lang/zh-CN.js"></script>` sam = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiSam/lang/def.language&locale=${lang}"></script>` }; var platfPlugin = ''; var platfPluginDef = ''; if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件 platfPluginDef = `<script src="/${projectName}/hivuiBirt/lang/zh-CN.js"></script>` platfPlugin = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiBirt/lang/def.language&locale=${lang}"></script>` }; let funcDefLangMap = { 'hivuiLogin/index.html': `/${projectName}/hivuiLogin/lang/zh-CN.js`, 'hivuiMain/index.html': `/${projectName}/hivuiMain/lang/zh-CN.js`, } let funcLangMap = { 'hivuiLogin/index.html': `${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiLogin/lang/def.language&locale=${lang}`, 'hivuiMain/index.html': `${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiMain/lang/def.language&locale=${lang}`, 'platf/permission': `${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=scheme&bizPath=${projectName}.pro/setting.project_setrootdir/global.dir/rolescheme.roletp&locale=${lang}` } let curFuncLangScript = '' for (let k in funcDefLangMap) { if (pathname.indexOf(k) > -1 \|\| (routerMap[pathname] && routerMap[pathname].url && routerMap[pathname].url.indexOf(k) > -1)) { curFuncLangScript += `<script src="${funcDefLangMap[k]}"></script>` break; } } for (let k in funcLangMap) { if (pathname.indexOf(k) > -1 \|\| (routerMap[pathname] && routerMap[pathname].url && routerMap[pathname].url.indexOf(k) > -1)) { curFuncLangScript += `<script src="${funcLangMap[k]}"></script>` break; } } var viteData = html.match(/<vite>([\s\S])<\/vite>/); var viteTpl = "", viteprojectTpl = ""; if (viteData) { //流引入多语言 var viteDataJson = JSON.parse(html.match(/<vite>([\s\S])<\/vite>/)[1]); viteprojectTpl = `<script src="${VITE_APP_BASE_API}/lang/static?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.project_vmid}&locale=${lang}"></script>` if (viteDataJson.module_vmid && viteDataJson.bizpath) viteTpl = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.module_vmid}&bizPath=${viteDataJson.bizpath}&locale=${lang}"></script>` } html = html.replace( /<\/head(.?)>/g, `<script src="/assets_platform/vue-i18n/vue-i18n.js"></script> <script src="/${projectName}/lang/element-ui/${lang}.js"></script> <script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=hiui&filePath=${userName}/${projectName}/lang/hi-ui/def.language&locale=${lang}"></script> ${curFuncLangScript} ${viteprojectTpl} ${viteTpl} ${samDef} ${platfPluginDef} ${sam} ${platfPlugin} <script> try{ window.global={ pName:"${projectName}", pUser:"${userName}", pn:"${projectName}/${userName}" } // 统一输出语言包 zh-CN 名 // if(!window.GLOBAL_LANG_TPL){ // console.log('不影响运行,提示:[[${req.url},当前模板语言包不存在]]') // } // if(!window.GLOBAL_LANG_HIUI){ // console.log('不影响运行,提示:[[${req.url},hiui语言包不存在]]') // } window.lang = window.lang \|\|{}; window.lang.keys = Object.assign({},window.GLOBAL_LANG_TPL\|\|{},window.GLOBAL_LANG_HIUI\|\|{},window.GLOBAL_LANG_PROJECT\|\|{},window.GLOBAL_LANG_MODULE\|\|{},window.GLOBAL_LANG_SCHEME\|\|{}); Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, }, silentTranslationWarn:true, }); (function(lang){ lang = lang.split('-'); lang= lang[0]+((lang[1]\|\|'').charAt(0).toUpperCase() + (lang[1]\|\|'').slice(1)); ELEMENT.locale(ELEMENT.lang[lang]) })('${lang}'); }catch(e){ console.log('语言包加载出错！') } </script> <script src="/assets_platform/customSysCfg/index.js"></script> <script src="/${projectName}/setting/desktop/base.js" type="text/javascript"></script> <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script> ${titleEnd}`) } res.writeHead(statusCode, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, // 'Content-Length': html.length, 'Content-Type': 'html' }); res.write(html) res.end(); } function handleFunc(path) { // let token = Cookies[TokenKey]; let requestUrl = setUrlParam(path, "pn", process.env.VITE_APP_PN); if (param && !isFlow(pathname)) { requestUrl = requestUrl + "&" + param; } console.log("----requestUrl:", requestUrl, "token:", token); if (!isFlow(pathname)) { Object.assign(post_data, postData); } let lang = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var requestOption = { url: requestUrl, method: isFlow(pathname) ? "GET" : "POST", json: true, body: post_data, headers: { "token": token, "Cookie": `locale=${lang}`, "Authorization": "Bearer " + token, "Content-Type": "application/json;charset=UTF-8" } } if (isFlow(pathname)) { requestOption["qs"] = post_data; } else if (isFunc(pathname)) { //页面流用表单提交 requestOption["form"] = post_data; } request(requestOption, requestCallback, (msg) => { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(msg)); // console.log(msg) }); } function renderVm() { res.writeHead(200, { 'Content-Type': 'html' }); let projectName = process.env.VITE_APP_PN.split("/")[0]; let url = serverPath + req.url; url = setUrlParam(url, "pn", process.env.VITE_APP_PN); url = setUrlParam(url, "access_token", token); let html = ` <script src="/assets_platform/eap/eap.umd.min.js"></script> <script> window._global ={ env :"dev" } </script> <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script> <script> window.location.href="${url}"; </script> ` res.end(html); } function requestCallback(error, response, body) { let fmodelpath = pathname; if (typeof body == "string") { try { body = JSON.parse(body); } catch (error) { res.writeHead(response.statusCode, { "Content-Type": "html" }); res.end(body); return; } } //console.log(error, response, body); if (!error && response.statusCode == 200) { let pcform; let designPath; let isGuest = false; if (body) { if (isFlow(fmodelpath) && body.outParameter) { pcform = body.outParameter.task.bizpcform; if (!result["locale"] && body.outParameter.locale) { result["locale"] = body.outParameter.locale; } } else if (isFunc(fmodelpath) \|\| isInfc(fmodelpath)) { if (body && body.logicflow \|\| isInfc(fmodelpath)) { //逻辑流 let statusCode = body.status \|\| response.statusCode; res.writeHead(statusCode, { "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body \|\| {})); return; } else if (body.dataPack) { pcform = body.dataPack.path; designPath = body.dataPack.designPath; isGuest = body.dataPack.isGuest; if (!result["locale"] && body.dataPack.locale) { result["locale"] = body.dataPack.locale; } } } } if (!pcform) { res.writeHead(500, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, "Content-Type": "application/json;charset=UTF-8" }); res.end(JSON.stringify(body \|\| {})); return; } if (designPath && (designPath.endsWith(".vm") \|\| designPath.endsWith(".dvm"))) { renderVm(); return; } // var fullPath = "eaptpl/12112/mokuai/shitumulu/biaodan/dtv/1.0.0/desktop/index.html"; renderHtml(pcform, isGuest, body); } else { if (response && response.statusCode == 401) { res.writeHead(200, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, 'Content-Type': 'html' }); let projectName = process.env.VITE_APP_PN.split("/")[0]; let html = ` <script src="/assets_platform/eap/eap.umd.min.js"></script> <script> window._global ={ env :"dev" } </script> <script> //判断是否跨域请求变量 let isCrossDomain=false; try{ let __isCrossDomain=top.window.SysPage; } catch(e){ isCrossDomain=true; } if(!isCrossDomain&&top.window.SysPage&&top.window.SysPage.openMiniLogin){//小窗口 top.window.SysPage.openMiniLogin(true); }else{ window.location.href=window.HIVUI_SETTING.loginUrl; } </script> ` res.end(html); } else { console.log("--------------------responselog-------------------------", error, response, body); res.writeHead(response?.statusCode \|\| 200, {//保证有响应头 200 "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, // "Content-Type": "application/json;charset=UTF-8" 'Content-Type': 'html' }); res.end(body ? JSON.stringify(body) : '')// error.toString() error可能是空 // res.end(JSON.stringify(body\|\|{})); } //res.end(requestUrl + ":" + JSON.stringify(error) + JSON.stringify(body)); } } var serverPath = VITE_APP_BASE_API + VITE_APP_SERVER; if (req.url.indexOf("/development.js") != -1 \|\| req.url.indexOf("/base.js") != -1 \|\| req.url.indexOf("/studio/appsetting.js") != -1) { if (req.headers.referer) { if (req.headers.referer.startsWith("https")) { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("http://", "https://"); } else { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("https://", "http://"); } } let content, url; try { if (req.url.indexOf("/studio/appsetting.js") != -1) {//动态流程用本地文件 throw error(); } url = `${VITE_APP_BASE_API}/vm/render/${userName}/${projectName}/setting/desktop/${req.url.split("/").pop()}`; content = await syncRequest(url); } catch (e) { try { content = fs.readFileSync(req.url.substr(1), { encoding: 'utf8' }) } catch { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("获取", req.url + "文件异常!"); return; } } try { var html = ejs.render(content, options); html = `// serverPath:${serverPath}\n\n` + html; } catch (e) { res.end(e.message); return; } res.end(html); return; }else if (req.url.indexOf("/render") != -1) { if (req.headers.referer) { if (req.headers.referer.startsWith("https")) { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("http://", "https://"); } else { options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("https://", "http://"); } } let content, url; try { if (req.url.indexOf("/studio/appsetting.js") != -1) {//动态流程用本地文件 throw error(); } url = `${VITE_APP_BASE_API}/render/${userName}/${projectName}/${req.url.split("/").pop()}`; content = await syncRequest(url); } catch (e) { try { content = fs.readFileSync(req.url.substr(1), { encoding: 'utf8' }) } catch { res.writeHead(404, { "Content-Type": "application/json;charset=UTF-8" }); res.end("获取", req.url + "文件异常!"); return; } } try { var html = ejs.render(content, options); html = `// serverPath:${serverPath}\n\n` + html; } catch (e) { res.end(e.message); return; } res.end(html); return; } else if (!routerMap[pathname] && routerMapLocal.indexOf(pathname) != -1) { await getRountMap(); if (routerMap[pathname].attributes.custom_page) { let url = `${routerMap[pathname].attributes.custom_page}`; let html = `<script> window.location.href="${url}" </script> ` res.end(html); } else { let pcform = routerMap[pathname].url; renderHtml(pcform, false, {}, true) } } else if (routerMap[pathname]) { if (routerMap[pathname].attributes.custom_page) { let url = `${routerMap[pathname].attributes.custom_page}`; let html = `<script> window.location.href="${url}" </script> ` res.end(html); } else { let pcform = routerMap[pathname].url; renderHtml(pcform, false, {}, true) } } else if (isFlow(pathname) \|\| isFunc(pathname) \|\| isInfc(pathname)) { // let url = req.url; let post = ''; postData = ''; let path; let fmodelpath = pathname; // url.split("?")[0]; var post_data = {}; // var param = req.url.split("?")[1]; if (isFlow(fmodelpath)) { var fversion = ""; var ftaskguid = ""; var fbzid = ""; if (param) { fversion = result["_version"] \|\| result["version"]; ftaskguid = result["_ftaskguid"] \|\| result["ftaskguid"]; fbzid = result["fbzid"]; } //flow/open参数改地址栏，切岗位不能用post post_data = { fmodelpath: fmodelpath, fversion, ftaskguid, fbzid } if (result["fnumber"]) { post_data = Object.assign(post_data, { fnumber: result["fnumber"] }) } path = serverPath + `/flow/open?origin=pre&skip=false`; } else if (isInfc(fmodelpath)) { path = serverPath + fmodelpath; } else { var viewItemId = "" if (param) { viewItemId = result["__viewItemId"] \|\| result["viewItemId"] \|\| ""; } path = serverPath + fmodelpath + "?origin=pre&skip=false&viewItemId=" + viewItemId; } // let pn = url.split("/")[1]; req.on('data', (chunk) => { post += chunk; postData = querystring.parse(post); }); req.on('end', (chunk) => { handleFunc(path) }); return; } else { if (isHtml(pathname)) { renderHtml(pathname.substr(1), false, {}) } else { var newPath = `/render/${userName}`; var assets_platform = "/render/assets_platform"; if (pathname.indexOf(newPath) != -1) { req.url = req.url.replace(newPath, ""); } if (pathname.indexOf(assets_platform) != -1) { req.url = req.url.replace(assets_platform, "/assets_platform"); } next(); } } }) }, } } export default myPlugin;

Ignore Space Show notes View

vite-plugin/vite-plugin-func.js

function getContentType(filePath) {
  // 去掉查询参数再解析扩展名，避免像 .woff?t=... 无法匹配的问题
  const cleanPath = (filePath || '').split('?')[0];
  const ext = cleanPath.substring(cleanPath.lastIndexOf('.')).toLowerCase();
  const contentTypes = {
    '.html': 'text/html',
    '.js': 'text/javascript',
    '.css': 'text/css',
    '.json': 'application/json',
    '.png': 'image/png',
    '.jpg': 'image/jpg',
    '.jpeg': 'image/jpeg',
    '.gif': 'image/gif',
    '.svg': 'image/svg+xml',
    '.ico': 'image/x-icon',
    '.woff': 'font/woff',
    '.woff2': 'font/woff2',
    '.ttf': 'font/ttf',
    '.eot': 'font/eot',
    '.wav': 'audio/wav',
    '.mp3': 'audio/mpeg',
    '.mp4': 'video/mp4',
    '.pdf': 'application/pdf',
    '.doc': 'application/msword',
    '.docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
    '.xls': 'application/vnd.ms-excel',
    '.xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
  };
  return contentTypes[ext] || 'application/octet-stream';
}

function isFlow(type) {
          return type.endsWith(".flow") || type.endsWith(".flowc");
        }
        // 接口
        function isInfc(type) {
          return type.endsWith(".infc")
        }

function isFunc(type) {
          return type.endsWith(".func")
        }

function isHtml(type) {
          return type.endsWith(".html")
        }

${titleEnd}`)
          }
          res.writeHead(statusCode, {
            "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`,
            // 'Content-Length': html.length,
            'Content-Type': 'html'
          });
          res.write(html)
          res.end();
        }
        function handleFunc(path) {
          // let token = Cookies[TokenKey];
          let requestUrl = setUrlParam(path, "pn", process.env.VITE_APP_PN);
          if (param && !isFlow(pathname)) {
            requestUrl = requestUrl + "&" + param;
          }
          console.log("----requestUrl:", requestUrl, "token:", token);
          if (!isFlow(pathname)) { Object.assign(post_data, postData); }
          let lang = result["locale"] || Cookies["locale"] || "zh-CN";
          lang = lang.replace("_", "-");
          var requestOption = {
            url: requestUrl,
            method: isFlow(pathname) ? "GET" : "POST",
            json: true,
            body: post_data,
            headers: {
              "token": token,
              "Cookie": `locale=${lang}`,
              "Authorization": "Bearer " + token,
              "Content-Type": "application/json;charset=UTF-8"
            }
          }

if (isFlow(pathname)) {
            requestOption["qs"] = post_data;
          } else if (isFunc(pathname)) { //页面流用表单提交
            requestOption["form"] = post_data;
          }
          request(requestOption, requestCallback, (msg) => {
            res.writeHead(404, {
              "Content-Type": "application/json;charset=UTF-8"
            });
            res.end(JSON.stringify(msg));
            // console.log(msg)
          });
        }
        function renderVm() {
          res.writeHead(200, {
            'Content-Type': 'html'
          });
          let projectName = process.env.VITE_APP_PN.split("/")[0];
          let url = serverPath + req.url;
          url = setUrlParam(url, "pn", process.env.VITE_APP_PN);
          url = setUrlParam(url, "access_token", token);
          let html = `
                  <script src="/assets_platform/eap/eap.umd.min.js"></script>
                  <script>
                      window._global ={
                          env :"dev"
                      }
                  </script>
                  <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script>
                  <script>
                      window.location.href="${url}";
                  </script>
                  `
          res.end(html);
        }
        function requestCallback(error, response, body) {
          let fmodelpath = pathname;
          if (typeof body == "string") {
            try {
              body = JSON.parse(body);
            } catch (error) {
              res.writeHead(response.statusCode, {
                "Content-Type": "html"
              });
              res.end(body);
              return;
            }
          }
          //console.log(error, response, body);
          if (!error && response.statusCode == 200) {
            let pcform;
            let designPath;
            let isGuest = false;
            if (body) {
              if (isFlow(fmodelpath) && body.outParameter) {
                pcform = body.outParameter.task.bizpcform;
                if (!result["locale"] && body.outParameter.locale) {
                  result["locale"] = body.outParameter.locale;
                }
              } else if (isFunc(fmodelpath) || isInfc(fmodelpath)) {
                if (body && body.logicflow || isInfc(fmodelpath)) { //逻辑流
                  let statusCode = body.status || response.statusCode;
                  res.writeHead(statusCode, {
                    "Content-Type": "application/json;charset=UTF-8"
                  });
                  res.end(JSON.stringify(body || {}));
                  return;
                } else if (body.dataPack) {
                  pcform = body.dataPack.path;
                  designPath = body.dataPack.designPath;
                  isGuest = body.dataPack.isGuest;
                  if (!result["locale"] && body.dataPack.locale) {
                    result["locale"] = body.dataPack.locale;
                  }
                }
              }
            }
            if (!pcform) {
              res.writeHead(500, {
                "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`,
                "Content-Type": "application/json;charset=UTF-8"
              });
              res.end(JSON.stringify(body || {}));
              return;
            }
            if (designPath && (designPath.endsWith(".vm") || designPath.endsWith(".dvm"))) {
              renderVm();
              return;
            }
            // var fullPath = "eaptpl/12112/mokuai/shitumulu/biaodan/dtv/1.0.0/desktop/index.html";
            renderHtml(pcform, isGuest, body);
          } else {
            if (response && response.statusCode == 401) {
              res.writeHead(200, {
                "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`,
                'Content-Type': 'html'
              });
              let projectName = process.env.VITE_APP_PN.split("/")[0];
              let html = `
                      <script src="/assets_platform/eap/eap.umd.min.js"></script>
                      <script>
                          window._global ={
                              env :"dev"
                          }
                      </script>

if (isFlow(fmodelpath)) {
            var fversion = "";
            var ftaskguid = "";
            var fbzid = "";
            if (param) {
              fversion = result["_version"] || result["version"];
              ftaskguid = result["_ftaskguid"] || result["ftaskguid"];
              fbzid = result["fbzid"];
            }
            //flow/open参数改地址栏，切岗位不能用post
            post_data = {
              fmodelpath: fmodelpath,
              fversion,
              ftaskguid, fbzid
            }
            if (result["fnumber"]) {
              post_data = Object.assign(post_data, { fnumber: result["fnumber"] })
            }
            path = serverPath + `/flow/open?origin=pre&skip=false`;
          } else if (isInfc(fmodelpath)) {
            path = serverPath + fmodelpath;
          } else {
            var viewItemId = ""
            if (param) {
              viewItemId = result["__viewItemId"] || result["viewItemId"] || "";
            }
            path = serverPath + fmodelpath + "?origin=pre&skip=false&viewItemId=" + viewItemId;
          }
          // let pn = url.split("/")[1];

req.on('data', (chunk) => {
            post += chunk;
            postData = querystring.parse(post);
          });
          req.on('end', (chunk) => {
            handleFunc(path)
          });
          return;
        } else {
          if (isHtml(pathname)) {
            renderHtml(pathname.substr(1), false, {})
          } else {
            var newPath = `/render/${userName}`;
            var assets_platform = "/render/assets_platform";
            if (pathname.indexOf(newPath) != -1) {
              req.url = req.url.replace(newPath, "");
            }
            if (pathname.indexOf(assets_platform) != -1) {
              req.url = req.url.replace(assets_platform, "/assets_platform");
            }
            next();
          }
        }
      })
    },
  }
}
export default myPlugin;

import BodyContext from './bodyContext';
var querystring = require('querystring');
// var url = require('url');
const fs = require('fs')
// var https = require('https');
var request = require('request');
var ejs = require('ejs');
// let syncrequest = require('sync-request');
let syncRequest = function (url, params) {
  let options = {
    url: url,
    form: params
  };
  return new Promise(function (resolve, reject) {
    request.get(options, function (error, response, body) {
      if (response && response.statusCode == 200) {
        resolve(body);
      } else {
        reject(error);
      }
    });
  });
}

function isFunc(type) {
          return type.endsWith(".func")
        }

function isHtml(type) {
          return type.endsWith(".html")
        }

Show line notes below