Browse code Merge branch 'master' of http://git.hieap.cn/gitbucket/git/08335/hivui-platform-template master
commit 711c640a399c4d9f99efbcf4df047d40afbf38d6 2 parents fd0b474 + df7db29 12112 authored 7 days ago

Showing 10 changed files

• favicon.ico
• package.json
• project/hivuiBirt/index.html
• project/hivuiMain/App.vue
• project/hivuiMain/utils/websocket.js
• project/hivuiSam/App.vue
• project/hivuiSam/components/analysisSam/Index.vue
• project/hivuiSam/lang/def.language
• project/hivuiSam/lang/zh-CN.js
• vite-plugin/vite-plugin-func.js

Ignore Space Show notes View favicon.ico

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.45", "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/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/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/hivuiSam/App.vue

<template> <analysis-sam ref="sam" style="height: 100%;" :conf="conf"></analysis-sam> </template> <script> import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; import { projectName, requestUrl } from "@sam/config"; import cmps from 'zhc-birt-cmps' import AnalysisSam from './components/analysisSam/Index.vue' export default { data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName || "birt", conf:{} }; }, components:{AnalysisSam}, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { return new Promise((resolve, reject) => { let me = this; let token = getToken(); let vId = window.scpRequestData && window.scpRequestData.__viewItemId LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, vId: vId, }) .then((res) => { debugger try { let birtModel = getBirtModel(scope || me, cmps.Tool) resolve(birtModel); } catch (e) { console.error(e); } }) .catch((e) => { reject(e); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { debugger var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, created() { debugger var path = window.location.pathname; // 编译后多e5 // if (window.HIVUI_SETTING) { // var serverName = window.HIVUI_SETTING.serverName; // if (serverName && path.startsWith(serverName)) { // path = path.substring(serverName.length); // } // } let me = this; let token = getToken(); let vId = window.scpRequestData && window.scpRequestData.__viewItemId LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: path, token: token, pn: this.pn, vId: vId, }) .then((res) => { try { debugger let birtModel = getBirtModel(me, cmps.Tool) birtModel.__push = window.scpRequestData && window.scpRequestData.__push me.conf = birtModel; if(me.conf.analyseFields && me.conf.analyseFields.length){ let havingForm = {} me.conf.analyseFields.forEach(item => { havingForm[item.prop] = { value: undefined, value2: undefined, label: item.label, sign: 'inRange' } }); me.conf.havingForm = JSON.parse(JSON.stringify(havingForm)) this.$refs['sam'].havingForm = havingForm this.$refs['sam'].pageSizes = me.conf.pageSizes || [10,20,50,100] this.$refs['sam'].pageSize = me.conf.pageSize || 100 } } catch (e) { console.error(e); } }) .catch((e) => { console.error(e); }); }, }; </script> <style> html,body{ height: 100%; } </style> <template> <analysis-sam ref="sam" style="height: 100%;" :conf="conf"></analysis-sam> </template> <script> import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; import { projectName, requestUrl } from "@sam/config"; import cmps from 'zhc-birt-cmps' import AnalysisSam from './components/analysisSam/Index.vue' export default { data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName || "birt", conf:{} }; }, components:{AnalysisSam}, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { return new Promise((resolve, reject) => { let me = this; let token = getToken(); let vId = window.scpRequestData && window.scpRequestData.__viewItemId LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, vId: vId, }) .then((res) => { debugger try { let birtModel = getBirtModel(scope || me, cmps.Tool) resolve(birtModel); } catch (e) { console.error(e); } }) .catch((e) => { reject(e); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, created() { var path = window.location.pathname; // 编译后多e5 // if (window.HIVUI_SETTING) { // var serverName = window.HIVUI_SETTING.serverName; // if (serverName && path.startsWith(serverName)) { // path = path.substring(serverName.length); // } // } let me = this; let token = getToken(); let vId = window.scpRequestData && window.scpRequestData.__viewItemId LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: path, token: token, pn: this.pn, vId: vId, }) .then((res) => { try { let birtModel = getBirtModel(me, cmps.Tool) me.conf = birtModel; if(me.conf.analyseFields && me.conf.analyseFields.length){ let havingForm = {} me.conf.analyseFields.forEach(item => { havingForm[item.prop] = { value: undefined, value2: undefined, label: item.label, sign: 'inRange' } }); me.conf.havingForm = JSON.parse(JSON.stringify(havingForm)) this.$refs['sam'].havingForm = havingForm this.$refs['sam'].pageSizes = me.conf.pageSizes || [10,20,50,100] this.$refs['sam'].pageSize = me.conf.pageSize || 100 } } catch (e) { console.error(e); } }) .catch((e) => { console.error(e); }); }, }; </script> <style> html,body{ height: 100%; } </style>

Ignore Space Show notes View project/hivuiSam/components/analysisSam/Index.vue

<template> <div class="container"> <!-- 工具条 --> <div class="btn-toolbar"> <!-- 后退 --> <el-dropdown split-button :size="size" :class="{ disabled: backDisabled }" :disabled="backDisabled" @command="backCommand" @click="backClick"> <i class="el-icon-back"></i>{{ $t && $t("hivuiSam_btn_back") || '后退' }} <el-dropdown-menu slot="dropdown"> <el-dropdown-item v-for="(item, index) in deepArr" :key="item.prop" :command="index" v-if="index < curIndex">{{ item.label }}</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <!-- 前进 --> <el-dropdown split-button :size="size" :class="{ disabled: goDisabled }" :disabled="goDisabled" @command="goCommand" @click="goClick"> <i class="el-icon-right"></i>{{ $t && $t("hivuiSam_btn_go") || '前进' }} <el-dropdown-menu slot="dropdown"> <el-dropdown-item v-for="(item, index) in deepArr" :key="item.prop" :command="index" v-if="index > curIndex">{{ item.label }}</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <!-- 排序 --> <el-dropdown split-button :size="size" class="sort" @command="sortClick"> <i class="el-icon-sort"></i>{{ $t && $t("hivuiSam_btn_sort") || '排序' }} <el-dropdown-menu slot="dropdown"> <el-dropdown-item :command="-1">{{ $t && $t("hivuiSam_btn_noSort") || '不排序' }}</el-dropdown-item> <el-dropdown-item v-for="(item, index) in sortArr" :key="item.prop" :command="index">{{ item.label }} <i class="el-icon-sort-down" :class="{ sortActive: index == sortIndex && sortType == 'desc' }" @click="sortDown"></i> <i class="el-icon-sort-up" :class="{ sortActive: index == sortIndex && sortType == 'asc' }" @click="sortUp"></i> </el-dropdown-item> </el-dropdown-menu> </el-dropdown> <!-- 列设置 --> <el-button icon="el-icon-setting" :size="size" @click="analysisClick">{{ $t && $t("hivuiSam_btn_columnSet") || '列设置' }}</el-button> <!-- 图表 --> <el-dropdown :size="size" @command="chartTypeChange"> <el-button :size="size"> <i class="el-icon-s-data"></i> {{ $t && $t("hivuiSam_btn_chart") || '图表' }}<i class="el-icon-arrow-down el-icon--right"></i> </el-button> <el-dropdown-menu slot="dropdown"> <el-dropdown-item :class="{ active: chartType == 'table' }" command="table">{{ $t && $t("hivuiSam_dropdown_table") || '表格' }}</el-dropdown-item> <el-dropdown-item :class="{ active: chartType == 'pie' }" command="pie">{{ $t && $t("hivuiSam_dropdown_pie") || '饼图' }}</el-dropdown-item> <el-dropdown-item :class="{ active: chartType == 'bar' }" command="bar">{{ $t && $t("hivuiSam_dropdown_bar") || '柱图' }}</el-dropdown-item> <el-dropdown-item :class="{ active: chartType == 'line' }" command="line">{{ $t && $t("hivuiSam_dropdown_line") || '线图' }}</el-dropdown-item> <el-dropdown-item :class="{ active: chartType == 'area' }" command="area">{{ $t && $t("hivuiSam_dropdown_area") || '区域图' }}</el-dropdown-item> <el-dropdown-item :class="{ active: chartType == 'stack' }" command="stack">{{ $t && $t("hivuiSam_dropdown_stack") || '叠加柱图' }}</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <!-- 刷新 --> <el-button icon="el-icon-refresh" :size="size" @click="refresh">{{ $t && $t("hivuiSam_btn_refresh") || '刷新' }}</el-button> <!-- 分析记录 --> <el-popover placement="bottom" popper-class="recordPop" v-model="recordVisible"> <el-table :data="recordData" @row-dblclick="recordDblClick" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"> </el-table-column> <el-table-column min-width="150" prop="name" :label="schemeLabel"> <template slot-scope="scope"> <el-input v-if="scope.row && scope.row.isEdit" v-model="scope.row.name"></el-input> <span v-else>{{ scope.row.name }}</span> </template> </el-table-column> <el-table-column width="100" prop="simple" :label="abbreviationLabel"> <template slot-scope="scope"> <el-input v-model="scope.row.simple"></el-input> </template> </el-table-column> <el-table-column :label="operateLabel" width="150"> <template slot-scope="scope"> <el-button size="mini" type="text" v-if="!(scope.row && scope.row.isEdit)" @click="handleEdit(scope.$index, scope.row)">{{ editLabel }}</el-button> <el-button size="mini" type="text" v-else @click="handleConfirm(scope.$index, scope.row)">{{ confirmLabel }}</el-button> <el-button size="mini" type="text" style="color:red;" @click.stop="handleDelete(scope.$index, scope.row)">{{ removeLabel }}</el-button> </template> </el-table-column> </el-table> <el-button type="primary" size="mini" icon="el-icon-check" style="margin: 10px 0 0;" @click.stop="doClick" :disabled="btnDisabled">{{ executeOverlayLabel }}</el-button> <el-button slot="reference" icon="el-icon-edit-outline" :size="size">{{ analysisRecordLabel }}</el-button> </el-popover> <!-- 统计方案 --> <el-popover placement="bottom" v-model="schemeVisible"> <el-table size="mini" :data="schemeData" @row-click="schemeRowClick"> <el-table-column width="150" prop="FSCHEMENAME" :label="schemeListLabel"></el-table-column> <el-table-column :label="operateLabel" width="150"> <template slot-scope="scope"> <el-button size="mini" type="text" style="color:red;" @click.stop="handleSchemeDelete(scope.$index, scope.row)">{{ removeLabel }}</el-button> </template> </el-table-column> </el-table> <el-button slot="reference" icon="el-icon-edit-outline" :size="size" @click="showSchemeData">{{ $t && $t("hivuiSam_btn_schemeList") || '方案列表' }}</el-button> </el-popover> <!-- 叠加 --> <el-checkbox v-model="superposition" border :size="size">{{ $t && $t("hivuiSam_check_overlay") || '叠加' }}</el-checkbox> <!-- 透视 --> <el-checkbox v-model="perspective" border :size="size">{{ $t && $t("hivuiSam_check_directPerspective") || '直接透视' }}</el-checkbox> <el-button icon="el-icon-download" :size="size" :disabled="this.data && this.data.length == 0" :loading="exportLoading" @click="exportExcel">{{ $t && $t("hivuiSam_btn_export") || '导出excel' }}</el-button> <el-button icon="el-icon-save" :size="size" :loading="schemeLoading" @click="saveScheme">{{ $t && $t("hivuiSam_btn_schemeSave") || '保存方案' }}</el-button> </div> <!-- 内容区 --> <hi-layout :is-fit="true" style="heiht: 100%;"> <!-- 右侧查询面板 --> <hi-layout-right size="300" :title="panelTitle"> <el-tabs v-model="activeName" class="right-tabs" type="border-card" @tab-click="handleClick"> <el-tab-pane :label="conditionPanel" name="condition"> <div style="height: calc( 100% - 342px );overflow: auto;border:none; min-height: 150px;"> <birt-work-book style="min-height: calc( 100% - 342px );" :conf="birtModelRight" :ref="birtModelRight.controlId" class="birtModelRight"></birt-work-book> </div> <el-divider>{{ $t && $t("hivuiSam_layout_summary") || '汇总条件' }}</el-divider> <div style="height: 150px;overflow:auto;"> <el-form @submit.native.prevent ref="havingForm" style="padding: 10px 10px 0 0;" :model="havingForm" label-width="80px"> <el-form-item v-for="(val, name, index) in havingForm" :key="name"> <span slot="label" :title="val.label"> {{ val.label }} </span> <el-col :span="10"> <el-input type="number" v-model="havingForm[name].value" size="mini" controls-position="right" @change="handleChange" :min="0"></el-input> </el-col> <el-col class="line" :span="2">-</el-col> <el-col :span="10"> <el-input type="number" v-model="havingForm[name].value2" size="mini" controls-position="right" @change="handleChange" :min="0"></el-input> </el-col> <el-col class="line" :span="2" style="text-align:center;"> <el-button v-if="val.sign == 'inRange'" size="mini" type="text" @click="signChange(name, 'outRange')">{{ $t && $t("hivuiSam_btn_inRange") || '内' }}</el-button> <el-button v-else size="mini" type="text" @click="signChange(name, 'inRange')">{{ $t && $t("hivuiSam_btn_outRange") || '外' }}</el-button> </el-col> </el-form-item> </el-form> </div> <el-form @submit.native.prevent ref="groupForm" style="padding: 10px 10px 0 0;" :model="groupForm" label-width="80px"> <el-form-item :label="formGroup"> <i class="el-icon-edit" @click="showtransfer"></i> <el-select v-model="groupForm.prop" style="width: 100%;"> <el-option v-for="item in groupFields" :label="item.label" :value="item.prop" :key="item.prop"></el-option> </el-select> </el-form-item> <el-form-item> <el-button type="primary" size="mini" :loading="loading" @click="doCount">{{ $t && $t("hivuiSam_btn_doQuery") || '执行查询' }}</el-button> <el-button size="mini" @click="reset">{{ $t && $t("hivuiSam_btn_reset") || '重置' }}</el-button> </el-form-item> </el-form> </el-tab-pane> <el-tab-pane :label="setPanel" name="setting"> <el-form @submit.native.prevent ref="settingForm" style="padding: 10px 10px 0 0;" :model="settingForm" label-width="90px"> <el-form-item :label="formXInverse"> <el-checkbox v-model="settingForm.xInverse" label=""></el-checkbox> </el-form-item> <el-form-item :label="formToolbox"> <el-checkbox v-model="settingForm.toolbox" label=""></el-checkbox> </el-form-item> <el-form-item :label="formAxisMarking"> <el-select v-model="showType" style="width: 100%;"> <el-option v-for="item in axisMarkOptions" :label="item.label" :value="item.value" :key="item.value"></el-option> </el-select> </el-form-item> <el-form-item :label="formLegend"> <el-select v-model="settingForm.legend" style="width: 100%;"> <el-option v-for="item in legendOptions" :label="item.label" :value="item.value" :key="item.value"></el-option> </el-select> </el-form-item> <el-form-item :label="formTipStyle"> <el-select v-model="settingForm.tipStyle" style="width: 100%;"> <el-option v-for="item in tipStyleOptions" :label="item.label" :value="item.value" :key="item.value"></el-option> </el-select> </el-form-item> <el-form-item :label="formStaField"> <el-select v-model="settingForm.staField" style="width: 100%;" @change="changeShowAnalyseList"> <el-option :label="labelNone" value="none"></el-option> <el-option v-for="item in analyseFields" :label="item.label" :value="item.prop" :key="item.prop"></el-option> </el-select> </el-form-item> <el-form-item :label="formTitle"> <el-checkbox v-model="settingForm.title" label=""></el-checkbox> </el-form-item> <el-form-item v-if="settingForm.title" :label="formMainTitle"> <el-input v-model="settingForm.mainTitle" /> </el-form-item> <el-form-item v-if="settingForm.title" :label="formSubTitle"> <el-input v-model="settingForm.subTitle" /> </el-form-item> <el-form-item :label="formWeekColumns"> <el-checkbox v-model="settingForm.weekColumns" label=""></el-checkbox> </el-form-item> <el-form-item v-if="settingForm.weekColumns" :label="formColumn"> <el-input v-model="settingForm.column" /> </el-form-item> <el-form-item v-if="settingForm.weekColumns" :label="formWeek"> <el-input v-model="settingForm.week" /> </el-form-item> </el-form> </el-tab-pane> </el-tabs> </hi-layout-right> <!-- 图表展示区 --> <hi-layout-center style="heiht: 100%;"> <!-- 图表工具栏 --> <div class="chart-tool"> <i v-if="!showChartMenu" @click="showChartMenu = true" class="el-icon-menu" /> <div v-else class="content"> <i class="iconfont icon-num item" :class="{ active: showType == 'num' }" title="显示数值" @click="onChangeShowType('num')" /> <i class="iconfont icon-percentage item" :class="{ active: showType == 'percent' }" title="显示百分比" @click="onChangeShowType('percent')" /> <el-dropdown placement="bottom" @command="changeShowAnalyseList"> <i class="el-icon-s-unfold"></i> <el-dropdown-menu slot="dropdown"> <el-dropdown-item command="none">{{ $t && $t("hivuiSam_label_none") || '不显示' }}</el-dropdown-item> <el-dropdown-item :class="{ active: analyseListChecked == item.prop }" v-for="item in analyseFields" :command="item.prop">{{ item.label }}</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <i class="el-icon-close" @click="showChartMenu = false" /> </div> </div> <!-- 深度分析显示区 --> <div class="depth-analysis"> <span>{{ $t && $t('hivuiSam_label_depthAnalysis') || '深度分析:' }}</span> <el-breadcrumb separator-class="el-icon-arrow-right" style="padding: 0 0 0 10px;"> <el-breadcrumb-item v-for="(item, index) in deepArr" :key="item.prop"> <span v-if="item.label.includes(',') && item.selectVal" @click="breadcrumbClick(item.prop)" :class="{ deepActive: index == curIndex }" style="cursor: pointer;"> <span v-for="(it, i) in item.label.split(',')"> {{ it }} <span style="color: rgb(255, 102, 0);margin-left:2px;" v-if="index < curIndex">{{ item.selectVal.split(',')[i] }}<span v-if="i < item.label.split(',').length - 1">,</span></span> </span> </span> <span v-else @click="breadcrumbClick(item.prop)" :class="{ deepActive: index == curIndex }" style="cursor: pointer;"> {{ item.label }} <span style="color: rgb(255, 102, 0);margin-left:2px;" v-if="index < curIndex">{{ item.selectVal }}</span> </span> </el-breadcrumb-item> </el-breadcrumb> </div> <div v-if="showDetail" style="height: calc( 100% - 80px )"> <el-table :data="data" ref="table" height="100%" border stripe :show-summary="showSummary" :summary-method="getSummaries" header-row-class-name="tableHeader" style="width: 100%"> <el-table-column v-if="showIndex" width=50 type="index"> </el-table-column> <el-table-column v-for="item in tableColumns" :key="item.prop" :prop="item.prop" :label="item.label"> </el-table-column> </el-table> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </el-pagination> </div> <div v-if="!showDetail && chartType == 'table'" style="height: calc( 100% - 80px )"> <el-table :data="data" ref="table" height="100%" border stripe @row-dblclick="rowDblclick" :show-summary="showSummary" :summary-method="getSummaries" header-row-class-name="tableHeader" style="width: 100%"> <el-table-column v-if="showIndex" width=50 type="index"> </el-table-column> <el-table-column v-for="item in tableColumns" :key="item.prop" :prop="item.prop" :label="item.label"> </el-table-column> </el-table> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </el-pagination> </div> <Pie-chart style="height: calc( 100% - 100px )" v-else-if="!showDetail && chartType == 'pie'" ref="chartConf" :conf="chartConf"></Pie-chart> <Bar-chart style="height: calc( 100% - 100px )" v-else-if="!showDetail && (chartType == 'bar' || chartType == 'stack')" ref="chartConf" :conf="chartConf"></Bar-chart> <Line-chart style="height: calc( 100% - 100px )" v-else-if="!showDetail && chartType == 'line'" ref="chartConf" :conf="chartConf"></Line-chart> <Line-chart style="height: calc( 100% - 100px )" v-else-if="!showDetail && chartType == 'area'" ref="chartConf" :conf="chartConf"></Line-chart> <!-- 分析列表数据展示区 --> <div class="analyseList" v-show="showAnalyseList"> <div class="analyseList-title"> {{ analyseList_title }} </div> <ul class="analyseList-ul"> <li v-for="(item, index) in data"> <a @click="analyseListOnClick(item, index)">{{ item[curGroupField] }}</a> <span>{{ item[analyseListChecked + '_per'] + '%' }}</span> </li> </ul> </div> </hi-layout-center> </hi-layout> <!-- 分析列 --> <el-dialog :visible.sync="analysisVisible" :height="500"> <el-table :data="analysisData" size="small" :height="400"> <el-table-column prop="countField" :label="countFieldLabel"> </el-table-column> <el-table-column prop="tableColumn" :label="tableColumnLabel" align="center"> <template slot="header" slot-scope="{row}"> <el-checkbox v-model="tableColumnCheck" @change="handelCheckAll('tableColumn')" :label="tableColumnLabel"></el-checkbox> </template> <template slot-scope="{row}"> <el-checkbox v-model="row.tableColumn"></el-checkbox> </template> </el-table-column> <el-table-column prop="tableColumnCount" :label="tableColumnCountLabel" align="center"> <template slot="header" slot-scope="{row}"> <el-checkbox v-model="tableColumnCountCheck" @change="handelCheckAll('tableColumnCount')" :label="tableColumnCountLabel"></el-checkbox> </template> <template slot-scope="{row}"> <el-checkbox v-model="row.tableColumnCount"></el-checkbox> </template> </el-table-column> <el-table-column prop="chartColumn" :label="chartColumnLabel" align="center"> <template slot="header" slot-scope="{row}"> <el-checkbox v-model="chartColumnCheck" @change="handelCheckAll('chartColumn')" :label="chartColumnLabel"></el-checkbox> </template> <template slot-scope="{row}"> <el-checkbox v-model="row.chartColumn"></el-checkbox> </template> </el-table-column> <el-table-column prop="chartColumnCount" :label="chartColumnCountLabel" align="center"> <template slot="header" slot-scope="{row}"> <el-checkbox v-model="chartColumnCountCheck" @change="handelCheckAll('chartColumnCount')" :label="chartColumnCountLabel"></el-checkbox> </template> <template slot-scope="{row}"> <el-checkbox v-model="row.chartColumnCount"></el-checkbox> </template> </el-table-column> <el-table-column :label="operateLabel" width="150"> <template slot-scope="scope"> <el-button size="mini" type="text" @click="columnUp(scope.$index, scope.row)">{{ upLabel }}</el-button> <el-button size="mini" type="text" @click="columnDown(scope.$index, scope.row)">{{ downLabel }}</el-button> </template> </el-table-column> </el-table> <div slot="title" style="height: 20px;"></div> </el-dialog> <!-- 分析字段 --> <el-dialog :visible.sync="analysisFieldsVisible" :height="500"> <Pie-chart style="height: 400px;" ref="analysisChart" :conf="analysisChartConf"></Pie-chart> <div slot="title" style="height: 20px;"></div> </el-dialog> <!-- 穿梭框(修改分组字段) --> <el-dialog :visible.sync="transferVisible" :height="500" width="640px" center @close="transferClose"> <el-transfer class="sam" v-model="groupFieldsEdit" :data="conf.groupFields" :titles="[$t('hivuiSam_trans_source'), $t('hivuiSam_trans_target')]" target-order="push" :props="{ key: 'prop', label: 'label' }" style="width: 100%;padding: 20px;"> <span slot-scope="{ option }">{{ option.label }} <el-button style="margin-left: 10px;" icon="el-icon-top" type="primary" size="mini" circle @click.stop="transferUp(option)"></el-button> <el-button icon="el-icon-bottom" type="primary" size="mini" circle @click.stop="transferDown(option)"></el-button> </span> </el-transfer> <div slot="title" style="height: 20px;"></div> <span slot="footer" class="dialog-footer"> <el-button @click="transferClose" size="small">取 消</el-button> <el-button type="primary" size="small" @click="transferConfirm">确 定</el-button> </span> </el-dialog> </div> </template> <script> import { QueryStyleFactory } from "../templates/query-panel/QueryStyleFactory"; import { GridSingleSelect } from "../templates/GridSingleSelect"; import { getToken } from "../../utils/auth"; import "hi-ui/lib/hi-ui.css"; import { HiLayout, HiLayoutLeft, HiLayoutRight, HiLayoutTop, HiLayoutBottom, HiLayoutCenter } from "hi-ui"; import debounce from 'lodash/debounce' import cloneDeep from 'lodash/cloneDeep' export default { name: "AnalysisSam", props: { conf: { type: Object, } }, components: { HiLayout, HiLayoutLeft, HiLayoutRight, HiLayoutTop, HiLayoutBottom, HiLayoutCenter }, computed: { // 后退 backDisabled() { return this.curIndex === 0 }, // 前进 goDisabled() { return this.curIndex == this.deepArr.length - 1 }, // 表格列 tableColumns() { if (this.showDetail) { return this.dataFields } else { // 组合分组条件分成多个列 let list = this.curGroupField.split(',') // 获取当前分组列 let curGroupArr = this.groupFields.filter(item => { return list.includes(item.prop) }) let arr = [] // 执行叠加后，网格添加冗余字段 if (this.superposition) { let newFields = [] let dataList = [] for (let key in this.selectionData) { let selData = this.selectionData[key] let id = selData.id let simple = selData.simple for (let anaField of this.analyseFields) { let obj = {} obj.prop = anaField.prop + '-' + id; obj.label = anaField.label + '-' + simple; newFields.push(obj) } let keyAnalyse = this.analyseFields.map(item => { return item.prop }) let data = selData.data.map(sData => { for (let key of keyAnalyse) { sData[key + '-' + id] = sData[key] } return sData }) selData.data = data dataList = dataList.concat(data) } // 去重 let keyList = dataList.map(item => { return item[this.curGroupField] }) keyList = Array.from(new Set(keyList)) if (keyList && keyList.length) { let newData = [] for (let key in keyList) { let obj = { [this.curGroupField]: keyList[key] }; for (let field of newFields) { obj[field.prop] = 0 } for (let sData of this.selectionData) { // 组合分组 if (this.curGroupField.indexOf(',') > -1) { } else { let keyArr = sData.data.map(item => { return item[this.curGroupField] }) let i = keyArr.indexOf(keyList[key]) if (i > -1) { obj = { ...obj, ...sData.data[i] } } else { for (let j in sData.data[0]) { obj[j + '-' + sData.id] = 0 } } } } newData[key] = obj } this.data = newData } else { this.data = [] } arr = curGroupArr.concat(newFields) } else { // 当前分组列+分析列 arr = curGroupArr.concat(this.analyseFields) if (arr && arr.length) { this.sortArr = arr } } arr = arr.filter(item => { var show = true this.analysisData.forEach(data => { if (data.prop == item.prop) { show = data.tableColumn } }) return show }) return arr } }, showIndex() { return this.conf && this.conf.showIndex || false }, // 网格是否显示合计行 showSummary() { let flag = false this.analysisData.some(item => { flag = item.tableColumnCount return flag }) return flag }, // 数据列 dataFields() { return this.conf && this.conf.dataFields || [] }, // 图表配置 chartConf() { debugger let groupBy = this.curGroupField; let calcFields = [] // 系列 var series = []; const tooltipOption = { trigger: 'item', axisPointer: { type: 'shadow' }, } let analysisList = this.analysisData.filter(item => { return item.chartColumn }) let showLabel = this.showType == 'none' ? false : true let showPer = this.showType == 'percent' ? true : false let label = { show: showLabel, position: "top", }; if (showPer) { label.formatter = '{c}%' } calcFields = analysisList.map(item => { let prop = showPer ? item.prop + '_per' : item.prop let obj = { name: prop, title: item.label } series.push({ tooltip: tooltipOption, label: label }) return obj }) let controlName = '' let datas = this.data.map((item) => { let obj = { ...item } for (let key in obj) { if (typeof (obj[key]) == 'string' && obj[key].includes('%')) { obj[key] = parseFloat(obj[key]) / 100 } else if (typeof (obj[key]) != 'string' && isNaN(obj[key])) { obj[key] = 0 } } return obj }) // 组合分组条件时，数据添加组合列 if (groupBy.includes(',')) { let keyArr = groupBy.split(','); datas = datas.map(item => { let label = [] for (let key of keyArr) { label.push(item[key]) } label = label.join(); item[groupBy] = label return item }) } controlName = this.chartType == "pie" ? "PieChart" : this.chartType == "bar" ? "BarChart" : this.chartType == "stack" ? "BarChart" : this.chartType == "line" ? "LineChart" : this.chartType == "area" ? "LineChart" : 'PieChart' // 区域图 let areaSeries = calcFields.map(item => { return { smooth: true, areaStyle: { normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "rgba(30, 231, 231, 0.3)" }, { offset: 1, color: "rgba(30, 231, 231, 0.1)" }]), }, }, label: label, } }) // 饼图 let pieSeries = [] if (this.chartType == "pie") { let len = calcFields.length if (len > 4) { calcFields = calcFields.filter((item, index) => { return index < 4 }) } let formatter = showPer ? '{b}: {d}%' : '{b}: {c}' label = { normal: { show: true, formatter: formatter, position: 'outer', alignTo: 'labelLine' } } switch (len) { case 1: pieSeries = [{ label: label }]; break; case 2: pieSeries = [ { radius: [0, "50%"], center: ["25%", "50%"], label: label, }, { radius: [0, "50%"], center: ["75%", "50%"], label: label, }, ] break; case 3: pieSeries = [ { radius: [0, "50%"], center: ["25%", "50%"], label: label, }, { radius: [0, "35%"], center: ["75%", "30%"], label: label, }, { radius: [0, "35%"], center: ["75%", "70%"], label: label, }, ] break; case 4: pieSeries = [ { radius: [0, "35%"], center: ["25%", "30%"], label: label, }, { radius: [0, "35%"], center: ["25%", "70%"], label: label, }, { radius: [0, "35%"], center: ["75%", "30%"], label: label, }, { radius: [0, "35%"], center: ["75%", "70%"], label: label, }, ] break; default: pieSeries = [ { radius: [0, "35%"], center: ["25%", "30%"], label: label, }, { radius: [0, "35%"], center: ["25%", "70%"], label: label, }, { radius: [0, "35%"], center: ["75%", "30%"], label: label, }, { radius: [0, "35%"], center: ["75%", "70%"], label: label, }, ] break; } } /// 叠加柱图 let stackSeries = calcFields.map(item => { label.position = 'inside' return { stack: '总量', label: label, } }) let yAxis = { axisLabel: { formatter: function (value, index) { return value + '%'; } } } let xAxis = [{ inverse: this.settingForm.xInverse }] let legend = { show: this.settingForm.legend != 1, orient: this.settingForm.legend == 3 ? 'vertical' : 'horizontal', } if (this.settingForm.legend == 3) { legend.top = '20%' legend.right = '3%' } else { delete legend.top delete legend.right } let tooltip = { show: true, formatter: this.settingForm.tipStyle == 1 ? '{a}: {c}' : this.settingForm.tipStyle == 2 ? '{a}: {d}' : this.settingForm.tipStyle == 3 ? '{a}: {c}<br />{b}' : '{a}: {c}' } let title = { show: this.settingForm.title, text: this.settingForm.mainTitle, subtext: this.settingForm.subTitle, } let option = { legend: legend, toolbox: { show: this.settingForm.toolbox, feature: { dataZoom: { yAxisIndex: "none", title: { zoom: '区域缩放', back: '区域缩放还原' } }, dataView: { readOnly: false, title: '数据视图' }, restore: { title: '还原' }, saveAsImage: { show: true, title: '保存为图片' } } }, tooltip: tooltip, title: title, series: this.chartType == "area" ? areaSeries : this.chartType == "stack" ? stackSeries : this.chartType == "pie" ? pieSeries : series } if (this.chartType != "pie") { option.xAxis = xAxis; } if (showPer && this.chartType != "pie") { option.yAxis = yAxis } const conf = { controlName: controlName, controlId: "chart_controlid", height: "100%", isGroupData: true, groupBy: groupBy, datas: datas, calcFields: calcFields, option: option, events: { click(row) { let _this = this.$parent.$parent.$parent; _this.currentObj = row.data _this.currentObj.prop = _this.curGroupField; if (_this.perspective) { var index = -1 _this.deepArr.forEach((item, i) => { if (item.prop == _this.curGroupField) { index = i } }) if (index > -1 && index < _this.deepArr.length - 1) { _this.analysisFieldsVisible = false _this.curIndex = _this.curIndex + 1 _this.currentObj = _this.deepArr[_this.curIndex]; _this.data = _this.currentObj.data _this.curGroupField = _this.currentObj.prop; } else { _this.analysisChartConf.datas = _this.deepAnalysisFields _this.analysisFieldsVisible = true } } else { _this.analysisChartConf.datas = _this.deepAnalysisFields _this.analysisFieldsVisible = true } _this.superposition = false } } }; return conf }, // 深度分析字段列表 deepAnalysisFields() { let fields = this.groupFields if (fields && fields.length == 0) { return [] } let analysisFields = fields.map((item) => { item.value = 1 return item }); // 排除已经统计的分析列 if (this.deepArr && this.deepArr.length > 0) { let arrnew = this.deepArr.slice(0, this.curIndex + 1).map((item) => { return item.prop }); // 多条件的分组 拆开排除 arrnew.forEach(item => { if (item.includes(',')) { arrnew.concat(item.split(',')) } }) analysisFields = analysisFields.filter(item => { return arrnew.indexOf(item.prop) < 0 }) } // 添加详情 analysisFields.push( { prop: 'detail', label: this.$t && this.$t("hivuiSam_btn_detail") || '详情', value: 1 } ) return analysisFields }, // 查询字段 queryFields() { debugger let queryFields = [] let fields = this.conf && this.conf.queryFields if (!fields || fields.length == 0) { queryFields = [] } else { queryFields = fields.map(item => { let obj = {} obj.prop = item.prop; obj.label = item.label; if (item.props && item.props.lookup) { let model = item.props.lookup if (item.element === 'hi-select-grid') { var columns = [] if (model && model.columns && model.columns.length) { columns = model.columns.map(item => { item.prop = item.name return item }) } let table = model.tableprops || {} table['columns'] = columns obj.lookup = { type: "data", openstyle: 'selectgrid', bindField: item.prop, lookSelectGrid: { width: 1200, height: 600, table: table, bindField: item.prop }, } if (model && model.sourceDatas) { obj.lookup.lookSelectGrid['tableData'] = model && model.sourceDatas } if (model && model.modelFile) { obj.lookup['lookDataset'] = { modelFilePath: this.conf.dataset.controlId, showSearchField: true } } obj.dbtype = 'dbString' } else if (item.element === 'hi-data-select') { var columns = [] if (model && model.columns && model.columns.length) { columns = model.columns.map(item => { item.prop = item.name return item }) } let queryOptionFields = model.queryOption && model.queryOption.fields let store = model.storeCfg || model.sourceDsCfg let modelFilePath = store.modelFile let fields = store.fields if (!(queryOptionFields && queryOptionFields.length)) { return } let rows = queryOptionFields.map(item => { return { children: [ { prop: item.name, label: item.label } ] } }); let cols = queryOptionFields.map(item => { return { colWidth: 100 } }); let queryPanel = { rows: rows, cols: cols }; let tableColumn = model.columns.map(item => { return { prop: item.name, label: item.label } }) // var table = model.tableprops || {} var table = { children: tableColumn, stripe: model.tableprops && model.tableprops.stripe || false } let ds = { controlName: "HcDataset", controlId: modelFilePath, name: model.entityDs, modelFilePath: modelFilePath, _infcPagging: { pageSize: 10, pageNum: 1, returnCount: true }, _infcLoad: { autoActive: true, }, fields: fields, data: [], } obj.lookup = { type: "data", openstyle: 'dialog', birtModel: GridSingleSelect({ mainDataset: ds, hcQueryPanel: queryPanel, hcTable: table }), lookDataset: { modelFilePath: modelFilePath, // 数据模型路径 showSearchField: true }, lookDialog: { title: "", width: 900, height: 600, }, bindField: item.prop, sourceDsId: model.sourceDsId } obj.dbtype = 'dbString' } } // 时间方案 if (item.props && item.element == 'hi-time-scheme') { obj.dbtype = 'dbDatetime' obj.format = item.props.format obj.element = 'hi-time-scheme' obj.disabledEx = item.disabledEx obj.viewStyle = { viewStyleId: 'DATERANGE', type: item.props.rangeType, format: item.props.format } } return obj }) } return queryFields }, // 数据集字段 fields() { let fields = this.conf.dataset && this.conf.dataset.config.fields for (let key in this.queryFields) { let prop = this.queryFields[key].prop if (fields[prop] && fields[prop].lookup) { let lookup = Object.assign(fields[prop].lookup, this.queryFields[key].lookup) // 下拉枚举查找 if (lookup.label && lookup.returnFields) { for (let key in lookup.returnFields) { if (lookup.returnFields[key] == lookup.label && lookup.lookSelectGrid) { lookup.bindShowField = key lookup.lookSelectGrid.bindShowField = key } if (lookup.lookSelectGrid && lookup.lookSelectGrid.tableData) { let data = lookup.lookSelectGrid.tableData for (let i in data) { if (data[i][lookup.returnFields[key]]) { data[i][key] = data[i][lookup.returnFields[key]] } } } } } // 数据模型查找 if (lookup.fieldPair) { if (lookup.sourceDsId) { lookup.returnFields = lookup.fieldPair[lookup.sourceDsId].returnFields } else { let key = Object.keys(lookup.fieldPair)[0] lookup.returnFields = lookup.fieldPair[key].returnFields } } lookup.returnType = "single", fields[prop]['lookup'] = lookup } // 时间方案 if (fields[prop] && this.queryFields[key].element == 'hi-time-scheme') { let fd = this.queryFields[key] fields[prop].dbtype = 'dbDatetime' fields[prop].format = fd.format fields[prop].disabledEx = fd.disabledEx } } // 应用默认填充表达式 for (let key in fields) { if (fields[key].default && fields[key].default.exps) { fields[key].default['expr'] = fields[key].default.exps } } return fields }, // 数据集 dataset() { var dataset = {} if (this.conf && this.conf.dataset) { debugger let ds = this.conf.dataset dataset = { controlName: ds.controlName, controlId: ds.controlId, name: ds.name, modelFilePath: ds.modelFilePath, fields: this.fields, _infcLoad: Object.assign({ autoActive: false }, ds._infcLoad), _infcPagging: { returnCount: true, pageSize: 100, pageNum: 1 }, data: [], } } return dataset }, // 查询面板 birtModelRight() { let rows = this.queryFields.map(item => { return { children: [item], colspan: 12 } }) let cols = this.queryFields.map(item => { return { colWidth: 60 } }) const queryPanel = { rows: rows, cols: cols }; let hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_sam", inline: false, dataset: this.dataset && this.dataset.controlId || "dsSam", size: "small", hideBtn: true, style: "width: 100%;", children: [], }; Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(queryPanel) || {}); let me = this; let birtModelRight = { controlName: "BirtWorkBook", controlId: "BirtWorkBook_right", style: "border-bottom: 1px solid #eee;", showToolBar: false, children: [ { controlName: "BirtSheet", controlId: "BirtSheet_right", name: "sheet0", pageIndex: 0, dataSets: [{ controlName: "HcDataset", controlId: "dsScheme", name: "SysSchemeBizEntity", rowKey: "FGUID", modelFilePath: "/platf/scheme/entity/SysSchemeBizEntity.xml", _infcLoad: { autoActive: false, __zcQuery: true }, _infcPagging: { _isAddingPagging: false, pageSize: -1, }, fields: {}, data: [], }].concat(this.dataset ? this.dataset : []), children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_01", children: [hcQueryPanel] } ] } ], mounted: function () { setTimeout(() => { debugger let __pushStr = me.conf.__push; let pushParam; if (__pushStr) { pushParam = JSON.parse(decodeURIComponent(__pushStr)) } me.doCount(pushParam) }, 100); } }; return birtModelRight }, // 分组条件(统计字段) groupFields() { let groupFields = this.conf && cloneDeep(this.conf.groupFields) || [] // 组合分组条件 if (this.curTransferVal && this.curTransferVal.length) { let obj = {} let curTransferLabel = this.curTransferVal.map(item => { for (var field of groupFields) { if (field.prop == item) { return field.label } } }) obj = { prop: this.curTransferVal.join(), label: curTransferLabel.join() } groupFields.push(obj) } return groupFields }, // 分析字段 analyseFields() { return this.conf && this.conf.analyseFields || [] }, // 显示详情 showDetail() { return this.currentObj.prop == 'detail' }, // 执行叠加按钮 btnDisabled() { return !this.selectionData || this.selectionData.length < 2 }, analyseList_title() { if (this.conf.analyseFields && this.conf.analyseFields.length && this.analyseListChecked) { let curField = this.conf.analyseFields.filter(item => { return item.prop == this.analyseListChecked })[0] return curField && curField.label || '' } else { return '' } } }, watch: { conf: { deep: true, handler: function (val) { if (val && val.groupFields && !this.groupForm.prop) { this.groupForm.prop = val.groupFields[0] && val.groupFields[0].prop this.curGroupField = this.groupForm.prop } if (val && val.analyseFields && val.analyseFields.length) { this.analysisData = val.analyseFields.map(item => { let obj = { prop: item.prop, label: item.label, countField: item.label, tableColumn: true, tableColumnCount: true, chartColumn: true, chartColumnCount: true, } return obj }) } } }, }, data() { return { size: 'small', superposition: false, perspective: false, chartType: "table", groupForm: { prop: "" }, loading: false, currentPage: 1, pageSize: 100, pageSizes: [10, 20, 50, 100], total: 0, data: [], // 排序 sortArr: [], sortIndex: -1, sortType: '', // 分析列 analysisVisible: false, analysisData: [], tableColumnCheck: true, tableColumnCountCheck: true, chartColumnCheck: true, chartColumnCountCheck: true, // 分析字段 analysisFieldsVisible: false, analysisFieldsArr: [], analysisChartConf: { controlName: "PieChart", controlId: "chart_analysis", height: "100%", isGroupData: true, groupBy: "label", datas: [], calcFields: [ { name: "value", title: "" } ], option: { legend: { show: true } }, events: { click(row) { debugger; var _this = this.$parent.$parent; _this.analysisChartConf.datas = _this.deepAnalysisFields let data = JSON.parse(JSON.stringify(row.data)) delete data.emphasis // 删除当前分析以后的深度分析 _this.deepArr.splice(_this.curIndex + 1, _this.deepArr.length - _this.curIndex - 1) let obj = _this.deepArr[_this.deepArr.length - 1] if (_this.currentObj.name) { obj.selectVal = _this.currentObj.name } else { if (_this.currentObj.prop.includes(',')) { let selectVal = [] let arr = _this.currentObj.prop.split(',') selectVal = arr.map(item => { return _this.currentObj[item] }) obj.selectVal = selectVal.join() } else { obj.selectVal = _this.currentObj[_this.currentObj.prop] } } _this.$set(_this.deepArr, _this.curIndex, obj) _this.$set(_this.deepArr, _this.curIndex + 1, data) _this.curGroupField = data.prop; _this.currentObj = data; _this.curIndex = _this.curIndex + 1; _this.doQuery(); _this.analysisFieldsVisible = false; } } }, // 深度分析 deepArr: [], conf: {}, // 图表当前选中对象 currentObj: {}, // 当前分组字段 curGroupField: '', // 深度分析当前环节下标 curIndex: 0, exportLoading: false, // 穿梭框 transferVisible: false, curTransferVal: [], groupFieldsEdit: [], schemeLoading: false, havingForm: {}, // 分析记录 recordVisible: false, recordData: [], // 已勾选记录 selectionData: [], // 统计方案 schemeData: [], schemeVisible: false, // 是否监听 isMonitor: false, // 底部汇总数据 bottomSummary: {}, // 是否查询面板查询 isQueryModel: false, // 显示图表菜单 showChartMenu: false, showType: 'none', showAnalyseList: false, analyseListChecked: '', // 设置面板 activeName: 'condition', settingForm: { xInverse: false, toolbox: false, axisMarking: 1, legend: 2, tipStyle: 3, staField: 'none', title: false, mainTitle: '', subTitle: '', weekColumns: false, column: '', week: '', }, axisMarkOptions: [ { label: this.$t && this.$t("hivuiSam_axisMarkOptions_none") || '不显示', value: 'none' }, { label: this.$t && this.$t("hivuiSam_axisMarkOptions_num") || '显示值', value: 'num' }, { label: this.$t && this.$t("hivuiSam_axisMarkOptions_percent") || '百分比', value: 'percent' }, ], legendOptions: [ { label: this.$t && this.$t("hivuiSam_legendOptions_1") || '不显示', value: 1 }, { label: this.$t && this.$t("hivuiSam_legendOptions_2") || '上边', value: 2 }, { label: this.$t && this.$t("hivuiSam_legendOptions_3") || '右边', value: 3 }, ], tipStyleOptions: [ { label: this.$t && this.$t("hivuiSam_tipStyleOptions_1") || '值', value: 1 }, { label: this.$t && this.$t("hivuiSam_tipStyleOptions_2") || '百分比%', value: 2 }, { label: this.$t && this.$t("hivuiSam_tipStyleOptions_3") || `值+分类`, value: 3 }, ], conditionPanel: this.$t && this.$t("hivuiSam_layout_conditionPanel") || '条件面板', formGroup: this.$t && this.$t("hivuiSam_form_group") || '分组条件', setPanel: this.$t && this.$t("hivuiSam_layout_setPanel") || '设置面板', formXInverse: this.$t && this.$t("hivuiSam_form_xInverse") || '横轴翻转', formToolbox: this.$t && this.$t("hivuiSam_form_toolbox") || '显示工具条', formAxisMarking: this.$t && this.$t("hivuiSam_form_axisMarking") || '轴标记', formLegend: this.$t && this.$t("hivuiSam_form_legend") || '系列名', formTipStyle: this.$t && this.$t("hivuiSam_form_tipStyle") || '提示风格', formStaField: this.$t && this.$t("hivuiSam_form_staField") || '统计字段', formTitle: this.$t && this.$t("hivuiSam_form_title") || '标题', formMainTitle: this.$t && this.$t("hivuiSam_form_mainTitle") || '主标题', formSubTitle: this.$t && this.$t("hivuiSam_form_subTitle") || '副标题', formWeekColumns: this.$t && this.$t("hivuiSam_form_weekColumns") || '周栏', formColumn: this.$t && this.$t("hivuiSam_form_column") || '栏数', formWeek: this.$t && this.$t("hivuiSam_form_week") || '每栏周期', labelNone: this.$t && this.$t("hivuiSam_label_none") || '不显示', countFieldLabel: this.$t && this.$t("hivuiSam_table_countField") || '统计字段', tableColumnLabel: this.$t && this.$t("hivuiSam_table_tableColumn") || '网格列', tableColumnCountLabel: this.$t && this.$t("hivuiSam_table_tableColumnCount") || '网格合计列', chartColumnLabel: this.$t && this.$t("hivuiSam_table_chartColumn") || '图表列', chartColumnCountLabel: this.$t && this.$t("hivuiSam_table_chartColumnCount") || '图表列汇总', operateLabel: this.$t && this.$t("hivuiSam_table_operate") || '操作', upLabel: this.$t && this.$t("hivuiSam_btn_up") || '上移', downLabel: this.$t && this.$t("hivuiSam_btn_down") || '下移', schemeLabel: this.$t && this.$t("hivuiSam_table_scheme") || '方案名称', abbreviationLabel: this.$t && this.$t("hivuiSam_table_abbreviation") || '缩写', editLabel: this.$t && this.$t("hivuiSam_btn_edit") || '编辑', confirmLabel: this.$t && this.$t("hivuiSam_btn_confirm") || '确定', removeLabel: this.$t && this.$t("hivuiSam_btn_remove") || '删除', executeOverlayLabel: this.$t && this.$t("hivuiSam_btn_executeOverlay") || '执行叠加', analysisRecordLabel: this.$t && this.$t("hivuiSam_btn_analysisRecord") || '分析记录', schemeListLabel: this.$t && this.$t("hivuiSam_btn_schemeList") || '方案列表', panelTitle: this.$t && this.$t("hivuiSam_layout_panel") || '面板', } }, updated() { this.$nextTick(() => { this.$refs["table"] && this.$refs["table"].doLayout(); }); }, methods: { // 排序 sortClick(val) { this.sortIndex = val this.doQuery(); }, sortDown() { this.sortType = 'desc' }, sortUp() { this.sortType = 'asc' }, // 前进 goCommand(index) { this.curIndex = index; this.currentObj = this.deepArr[index]; this.curGroupField = this.currentObj.prop; this.data = this.currentObj.data }, goClick: debounce(function () { if (this.curIndex < this.deepArr.length - 1) { this.curIndex = this.curIndex + 1; this.currentObj = this.deepArr[this.curIndex]; this.curGroupField = this.currentObj.prop; this.data = this.currentObj.data } }, 500), // 后退 backCommand(val) { this.curIndex = val this.currentObj = this.deepArr[val]; this.curGroupField = this.currentObj.prop; this.data = this.currentObj.data }, backClick: debounce(function () { if (this.curIndex > 0) { this.curIndex = this.curIndex - 1 this.currentObj = this.deepArr[this.curIndex]; this.curGroupField = this.currentObj.prop; this.data = this.currentObj.data } }, 500), // 深度分析 breadcrumbClick(val) { this.curGroupField = val let arrnew = this.deepArr.map(item => { return item.prop }) this.curIndex = arrnew.indexOf(val) this.currentObj = this.deepArr[this.curIndex]; // 数据替换成缓存的数据 this.data = this.currentObj.data }, // 点击表格 rowDblclick(row) { this.currentObj = row this.currentObj.prop = this.curGroupField; this.superposition = false if (this.perspective) { var index = -1 this.deepArr.forEach((item, i) => { if (item.prop == this.curGroupField) { index = i } }) if (index > -1 && index < this.deepArr.length - 1) { this.analysisFieldsVisible = false this.curIndex = this.curIndex + 1 this.currentObj = this.deepArr[this.curIndex]; this.data = this.currentObj.data this.curGroupField = this.currentObj.prop; } else { this.analysisChartConf.datas = this.deepAnalysisFields this.analysisFieldsVisible = true } } else { this.analysisChartConf.datas = this.deepAnalysisFields this.analysisFieldsVisible = true } }, // 点击查询 doCount(param) { debugger; // 叠加状态下不执行查询操作 if (this.superposition) { return } // 监听数据集 if (this.dataset) { let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] // 补充下推参数 if (param) { if (param.target) { ds.setPushQueryCdion({ __body: param.target.ps }) } else { ds.setPushQueryCdion(param) } } if (!this.isMonitor) { ds && ds.on("afterLoadData", this.afterLoadData); this.isMonitor = true } this.loading = true; let prop = this.groupForm.prop; let fields = this.groupFields.map(item => { return item.prop }) this.curGroupField = prop; let index = fields.indexOf(prop) if (this.deepArr.length) { // 如果切换了分组条件，清空深度分析 if (this.deepArr[0] && this.deepArr[0].prop !== prop) { this.deepArr = [] this.currentObj = this.groupFields[index] this.recordData = [] } else { this.currentObj = this.deepArr[0] } } this.currentPage = 1 let queryModel = ds.getQueryModel() this.doQuery(queryModel); // 添加分析记录 let obj = {} if (Object.keys(queryModel).length === 0) { obj = { id: 'empty', name: this.$t && this.$t("hivuiSam_name_empty") || '空条件', prop: this.groupForm.prop, } } else { let keyArr = []; let labelArr = []; for (let key in queryModel) { if (queryModel[key] || queryModel[key] === 0) { keyArr.push(key); // let arr = this.queryFields.filter(item =>{ // return item.prop == key // }) labelArr.push(queryModel[key]); } }; if (keyArr.length && labelArr.length) { obj = { id: keyArr.join() + '_' + labelArr.join(), name: labelArr.join(), prop: this.groupForm.prop, } } else { obj = { id: 'empty', name: this.$t && this.$t("hivuiSam_name_empty") || '空条件', prop: this.groupForm.prop, } } } // 判断分析记录中是否含有此条件，有则跳过，无则添加 const ids = this.recordData.map(value => value.id); if (!ids.includes(obj.id)) { this.isQueryModel = true let simple = this.recordData.length + 1; obj.simple = simple obj.isEdit = false this.recordData.push(obj); } else { this.isQueryModel = false } // 当前分组加入深度分析 if (index < 0) { this.$message.error('当前分组条件不在分组字段中，请重新配置') } else { this.$set(this.deepArr, 0, this.groupFields[index]) this.curIndex = 0 }; } }, afterLoadData(datas) { debugger let newData = datas let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] if (datas && datas.length && this.curGroupField != 'detail') { newData = datas.map(item => { return ds && ds.getFormatRecd(item) }) // 添加百分比数据 newData = newData.map(data => { for (let field of this.analyseFields) { let prop = field.prop let percent = prop + '_per' let sum = 0 const values = datas.map(item => Number(item[prop])); if (!values.every(value => isNaN(value))) { sum = values.reduce((prev, curr) => { const value = Number(curr); if (!isNaN(value)) { return prev + curr; } else { return prev; } }, 0); } if (sum && sum > 0) { data[percent] = Number((data[prop] / sum * 100).toFixed(2)) } else { data[percent] = 0 } } return data }) } this.data = newData // 缓存数据 if (this.deepArr && this.deepArr.length > 0) { this.deepArr[this.curIndex].data = newData; } else { this.deepArr = [newData] } // 总条数 this.total = ds._infcPagging.recordCount || this.total; // 底部汇总数据 this.bottomSummary = ds.getBottomSummeryRecd(); // 添加分析记录 if (!this.isQueryModel) return this.recordData[this.recordData.length - 1].data = datas }, // 查询方法 doQuery(model) { debugger let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] if (this.showDetail) { ds._infcPagging = { _isPagging: true, pageSize: this.pageSize, pageNum: this.currentPage, returnCount: true }; ds._infcStat = {} ds._infcSort = {} } else { ds._infcPagging = { _isPagging: true, pageSize: this.pageSize, pageNum: this.currentPage, returnCount: true }; ds._infcStat = { isGroupData: true, groupBy: this.curGroupField, __bottomSummary: true } if (this.sortIndex > -1) { let obj = this.sortArr[this.sortIndex] ds._infcSort.orderBy = [{ name: obj.prop, desc: obj.label, type: this.sortType || 'desc' }] } else { ds._infcSort.orderBy = [] } if (this.havingForm) { let _infcHaving = {}; for (let item in this.havingForm) { let obj = JSON.parse(JSON.stringify(this.havingForm[item])) let val = obj.value let val2 = obj.value2 if (val === undefined && val === undefined) { } else if ((val || val === 0) && (val2 || val2 === 0)) { _infcHaving[item] = obj } else { if (obj.sign == 'inRange') { obj.sign = 'lteq' } else { obj.sign = 'gt' } _infcHaving[item] = obj } } ds._infcHaving = _infcHaving } } if (model) { ds.setQueryModel(model) ds._infcLoad.additionalModel = {}; } else if (this.deepArr && this.deepArr.length > 0) { let queryModel = {} this.deepArr.forEach(item => { if (item.prop && item.selectVal) { if (!item.prop.includes(",")) { queryModel[item.prop] = item.selectVal } else { let arr = item.prop.split(',') arr.forEach((it, i) => { queryModel[it] = item.selectVal && item.selectVal.split(',')[i] }) } } }) ds.setAdditionalModel(queryModel) } else { ds._infcLoad.additionalModel = {}; ds._infcLoad.queryModel = {} } ds.query(); this.loading = false; }, // 重置 reset() { this.$refs.groupForm.resetFields(); this.$refs.havingForm.resetFields(); this.havingForm = JSON.parse(JSON.stringify(this.conf.havingForm)); this.curTransferVal = [] this.groupForm.prop = this.groupFields[0] && this.groupFields[0].prop; var queryPanel = this.$refs.BirtWorkBook_right.$children[0].$children[0].$children[0].$children[0].$children[0].$children[0]; queryPanel.reset(); let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] ds._infcLoad.queryModel = {} }, handleSizeChange(val) { this.pageSize = val this.doQuery() }, handleCurrentChange(val) { this.currentPage = val this.doQuery() }, // 切换图表 chartTypeChange(command) { this.chartType = command; }, // 打开分析列 analysisClick() { this.analysisVisible = true }, // 分析列全选 handelCheckAll(val) { let _this = this this.analysisData = this.analysisData.map(item => { if (val == 'tableColumn') { item.tableColumn = _this.tableColumnCheck } if (val == 'tableColumnCount') { item.tableColumnCount = _this.tableColumnCountCheck } if (val == 'chartColumn') { item.chartColumn = _this.chartColumnCheck } if (val == 'chartColumnCount') { item.chartColumnCount = _this.chartColumnCountCheck } return item }) }, // 分析列上移 columnUp(index, row) { let arr = this.analysisData if (index > 0) { arr.splice(index - 1, 1, ...arr.splice(index, 1, arr[index - 1])); } }, columnDown(index, row) { let arr = this.analysisData if (index < arr.length) { arr.splice(index, 1, ...arr.splice(index + 1, 1, arr[index])); }; }, // 刷新 refresh() { this.doQuery(); this.$refs.chartConf && this.$refs.chartConf.refreshChart(); }, // 导出 exportExcel() { let param = { pageNum: -1, pageSize: -1, __slaveExport: false, }; let __body = {}; let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] var cdion = ds.lastLoadCdion console.log('cdion', cdion) if (cdion) { __body['queryCdions'] = JSON.parse(cdion); } if (this.curGroupField !== 'detail') { __body['groupBy'] = this.curGroupField } param['modelFilePath'] = ds['modelFilePath']; param['__funcpath'] = ds['__funcpath']; param.__body = __body let sheetStyle = {} let cells = [] let columns = [] this.tableColumns.forEach(item => { cells.push({ title: item.label, colspan: 1, rowspan: 1 }) columns.push({ field: item.prop, width: 170 }) }); sheetStyle = { name: '统计分析', titleRows: [ { cells: cells } ], columns: columns } param.__sheetStyle = sheetStyle var time = new Date().getTime() var title = `统计分析${time}` var data = { title: title, __sheetDatas: JSON.stringify([param]) } var url = this.$HI.exportUrl this.exportLoading = true this.$HI.request.post(url, data).then((res) => { console.log('res', res) this.exportLoading = false if (res.status == 200) { let token = getToken(); let pn = window.HIVUI_SETTING && window.HIVUI_SETTING.projectName var url = this.$HI.download + `?path=${res.dataPack.path}&access_token=${token}&pn=${pn}` url = url.replace(/\\/g, "/") const a = document.createElement('a') //创建a标签 a.style.display = 'none' a.href = url // 指定下载链接 a.download = title //指定下载文件名 a.click() //触发下载 } }).catch((e) => { this.exportLoading = false }) }, // 打开穿梭框 showtransfer() { this.groupFieldsEdit = JSON.parse(JSON.stringify(this.curTransferVal)) this.transferVisible = true }, transferConfirm() { if (this.groupFieldsEdit && this.groupFieldsEdit.length > 1) { this.curTransferVal = JSON.parse(JSON.stringify(this.groupFieldsEdit)) this.groupForm.prop = this.curTransferVal.join(); this.curGroupField = this.groupForm.prop; this.transferVisible = false } else { this.$message.error("该分组选项已存在") } }, transferClose() { this.transferVisible = false this.groupFieldsEdit = JSON.parse(JSON.stringify(this.curTransferVal)) }, transferUp(option) { let arr = this.groupFieldsEdit let index = this.groupFieldsEdit.indexOf(option.prop) if (index > 0) { arr.splice(index - 1, 1, ...arr.splice(index, 1, arr[index - 1])); } }, transferDown(option) { let arr = this.groupFieldsEdit let index = this.groupFieldsEdit.indexOf(option.prop) if (index < arr.length) { arr.splice(index, 1, ...arr.splice(index + 1, 1, arr[index])); }; }, // 合计列 getSummaries(parma) { const { columns, data } = parma; const sums = []; // let arr = this.analyseFields.map(item =>{ // return item.prop // }) columns.forEach((column, index) => { let show = true this.analysisData.forEach(item => { if (item.prop == column.property) { show = item.tableColumnCount } }) // if(arr.includes(column.property) && show){ // let values = data.map(item => Number(item[column.property])); // sums[index] = values.reduce((prev, curr) => { // const value = Number(curr); // if (!isNaN(value)) { // return prev + curr; // } else { // return prev; // } // }, 0); if (this.bottomSummary && this.bottomSummary[column.property] != undefined && show) { sums[index] = this.bottomSummary[column.property] sums[index] = Math.round(sums[index] * 100) / 100; } else { sums[index] = ''; } }) sums[0] = this.$t && this.$t("hivuiSam_name_sum") || '汇总' return sums; }, // 分析列表 handleEdit(index, row) { row.isEdit = true this.recordData[index] = row }, handleConfirm(index, row) { row.isEdit = false this.recordData[index] = row }, handleDelete(index, row) { this.recordData.splice(index, 1) }, // 执行叠加 doClick() { this.superposition = true this.recordVisible = false this.curGroupField = this.recordData[0].prop this.curIndex = 0 }, // 分析记录勾选 handleSelectionChange(row) { this.selectionData = row }, // 双击 recordDblClick(row) { this.curIndex = 0 this.data = row.data this.deepArr[0].data = row.data this.currentObj.data = row.data }, signChange(val, sign) { this.havingForm[val]['sign'] = sign }, // 统计方案 schemeRowClick(row) { if (row.FCONTENT) { this.reset(); let conf = JSON.parse(row.FCONTENT); if (conf.deepList) { this.deepArr = conf.deepList } if (conf.curGroupField) { this.curGroupField = conf.curGroupField } if (conf.queryModel) { let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] ds.setQueryModel(conf.queryModel) let queryPanel = this.$refs.BirtWorkBook_right.$children[0].$children[0].$children[0].$children[0].$children[0].$children[0]; queryPanel.bindModel = conf.queryModel } if (conf.groupForm) { this.groupForm = conf.groupForm } if (conf.havingForm) { this.havingForm = conf.havingForm } if (conf.sortIndex) { this.sortIndex = conf.sortIndex } if (conf.sortType) { this.sortType = conf.sortType } if (conf.data) { this.data = conf.data } if (conf.currentObj) { this.currentObj = conf.currentObj } if (conf.total) { this.total = conf.total } if (conf.curTransferVal) { this.curTransferVal = conf.curTransferVal } if (conf.perspective) { this.perspective = conf.perspective } else { this.perspective = false } if (conf.superposition) { this.superposition = conf.superposition } else { this.superposition = false } } this.schemeVisible = false this.doCount() }, showSchemeData() { let url = '/data/query'; let funcurl = window.location.pathname || '' let queryCdions = { join: 'and', items: [ { sign: "eq", name: "FFUNCURL", dataType: "string", value: funcurl, enable: true, }, ], } var data = { modelFilePath: "/platf/scheme/entity/SysSchemeBizEntity.xml", pageSize: -1, __body: JSON.stringify({ queryCdions: queryCdions }), __bottomSummary: false, // __funcpath: "/eap5csxm/KongJianCeShi/TongJiFenXi/TongJiFenXiCeShi/func/TongJiFenXiRenYuan.func", __zcQuery: true } this.$HI.request.post(url, data).then((res) => { this.schemeData = res.dataPack && res.dataPack.rows }).catch(e => { console.error(e) }) }, // 保存方案 saveScheme() { let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] let content = { deepList: this.deepArr, curGroupField: this.curGroupField, queryModel: ds.getQueryModel(), havingForm: this.havingForm, groupForm: this.groupForm, sortIndex: this.sortIndex, sortType: this.sortType, data: this.data, currentObj: this.currentObj, perspective: this.perspective, superposition: this.superposition, total: this.total, curTransferVal: this.curTransferVal } let data = { pushType: "add", dataset: "dsScheme", pushAddType: "map", data: [{ FFUNCURL: window.location.pathname || window.location.href, FCONTENT: JSON.stringify(content), }] } this.openByPath('/platf/scheme/func/add.func', { __push: data, __funcpath: '/platf/scheme/func/add.func' }, { title: '方案保存' }) }, handleSchemeDelete(index, data) { let url = '/data/save' let removeData = { ...data, $state: "rsDelete", $old: data } let body = [{ modelFilePath: "/platf/scheme/entity/SysSchemeBizEntity.xml", data: [removeData] }] let rData = { __body: JSON.stringify(body) } this.$HI.request.post(url, rData).then((res) => { this.$message.success('方案删除成功') this.schemeData.splice(index, 1) }).catch(e => { this.$message.error(e) }) }, // 保存方案下推 openByPath(path, query, { title, target } = {}) { query = query || {}; let queryT = {} Object.assign(queryT, query || {}); if (title) queryT.__title = title; if (target) { target = target === '_blank' ? (new Date()).valueOf() : target queryT.__target = target; } if (this.$router) { this.$router.push({ path, query: queryT }) } else { if (top.window.SysPage && top.window.SysPage.newPage) { top.window.SysPage.newPage(title, path, queryT, "post") } else { this.createForm(path, "_self", queryT.__push.data[0]) } } }, createForm(url, opentype, paramters) { //创建form表单 let me = this; let id = "samuuid" var formid = `${id}_form`; var temp_form = null; if (document.getElementById(formid)) { temp_form = document.getElementById(formid); temp_form.method = me.postType; temp_form.action = url; // for (var item in paramters) { // var inputObj = document.getElementById(`${id}_${item}`); // if (inputObj) { // inputObj.value = paramters[item]; // } // } } else { temp_form = document.createElement("form"); temp_form.id = `${id}_form`; temp_form.action = url; //如需打开新窗口，form的target属性要设置为'_blank' temp_form.target = opentype; //打开方式 temp_form.method = me.postType; temp_form.style.display = "none"; document.body.appendChild(temp_form); } //添加参数 for (var item in paramters) { var inputObj = document.getElementById(`${id}_${item}`); if (inputObj) { inputObj.value = paramters[item]; } else { var opt = document.createElement("input"); opt.type = "hidden"; opt.id = `${id}_${item}`; //opt.id= opt.name = item; opt.value = paramters[item]; temp_form.appendChild(opt); } } //提交数据 temp_form.submit(); }, // 选择显示数值还是百分比 onChangeShowType(type) { this.showType = this.showType == type ? 'none' : type }, // 右侧工具条显示列表选择显示不同分析字段的数据 changeShowAnalyseList(command) { this.analyseListChecked = command this.settingForm.staField = command if (command == 'none') { this.showAnalyseList = false } else { this.showAnalyseList = true } }, // 点击选择深度分析 analyseListOnClick(row, index) { let _this = this _this.currentObj = row _this.currentObj.prop = this.curGroupField if (_this.perspective) { var index = -1 _this.deepArr.forEach((item, i) => { if (item.prop == _this.curGroupField) { index = i } }) if (index > -1 && index < _this.deepArr.length - 1) { _this.analysisFieldsVisible = false _this.curIndex = _this.curIndex + 1 _this.currentObj = _this.deepArr[_this.curIndex]; _this.data = _this.currentObj.data _this.curGroupField = _this.currentObj.prop; } else { _this.analysisChartConf.datas = _this.deepAnalysisFields _this.analysisFieldsVisible = true } } else { _this.analysisChartConf.datas = _this.deepAnalysisFields _this.analysisFieldsVisible = true } _this.superposition = false } }, mounted() { debugger } }; </script> <style> .birtModelRight .el-main { padding: 5px !important; } .birtModelRight table.zhc-birt-data-list { table-layout: auto !important; /* border-collapse: initial !important; */ /* border-spacing: revert !important; */ } .el-transfer.sam .el-transfer-panel:nth-child(1) button { display: none; } .el-dropdown.disabled .el-button, .el-dropdown.disabled .el-button:hover { cursor: not-allowed; color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFF; border-color: #EBEEF5; } .tableHeader th, .tableHeader tr { background: linear-gradient(0deg, rgba(224, 240, 255, 1), rgba(240, 247, 255, 1)); } .el-form-item__label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .recordPop { text-align: center; } .right-tabs { height: 100%; } .el-tabs--border-card .el-tabs__content { height: calc(100% - 56px); overflow: auto; } .el-tabs--border-card .el-tabs__content .el-tab-pane { height: 100%; } </style> <style lang="scss" scoped> .container { position: relative; display: flex; flex-direction: column; height: 100%; padding: 10px 20px 10px 20px; } .btn-toolbar { *+* { margin-left: 10px; margin-right: 0; margin-bottom: 5px } } .el-dropdown-menu__item { min-width: 90px; } .center-content { height: 100%; width: 100%; padding: 10px; box-sizing: border-box; } .depth-analysis { display: flex; align-items: center; padding: 10px; } .el-breadcrumb__item a { cursor: pointer !important; } .deepActive { color: #06c; font-weight: 600; } .sortActive { color: rgb(33, 235, 141); font-weight: 600; } >>>.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background: initial; color: initial; } .el-dropdown-menu__item i { font-weight: 600; margin: 0 0 0 5px; } .el-dropdown-menu__item i:hover { color: rgb(33, 235, 141); } .birtModelRight .el-main { padding: 5px !important; } .el-icon-edit { right: 30px; position: absolute; z-index: 1; line-height: 40px; cursor: pointer; } >>>.el-dropdown.disabled .el-button, >>>.el-dropdown.disabled .el-button:hover { cursor: not-allowed; color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFF; border-color: #EBEEF5; } .chart-tool { position: absolute; right: 10px; top: 5px; i { cursor: pointer; color: #06c; } .el-icon-close { color: #f0797f; } .el-icon-close:hover { color: #f50814; } .content { margin-top: 5px; display: flex; justify-content: space-around; align-items: center; width: 150px; height: 30px; line-height: 30px; border: 1px solid #d8d863; border-radius: 5px; background: rgba(237, 241, 244, 0.4); .iconfont { height: 20px; line-height: 12px; } .item { padding: 3px; border: 1px solid transparent; border-radius: 3px; } .item:hover, .item:active, .item.active { border-color: #08df5d; } } } .el-dropdown-menu__item.active { background-color: #ecf5ff; color: #66b1ff; } >>>.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #ecf5ff; color: #66b1ff; } .analyseList { position: absolute; right: 10px; top: 45px; width: 150px; border: 1px solid #d8d863; background: #fff; .analyseList-title { border-bottom: 1px dotted #b5b5ad; color: #000; padding: 0 10px; } .analyseList-ul { list-style: none; margin: 0 !important; padding: 0 10px; li { display: flex; justify-content: space-between; align-items: center; a:hover { text-decoration: underline; color: #FF6600; } } } } </style> <template> <div class="container"> <!-- 工具条 --> <div class="btn-toolbar"> <!-- 后退 --> <el-dropdown split-button :size="size" :class="{disabled: backDisabled}" :disabled="backDisabled" @command="backCommand" @click="backClick"> <i class="el-icon-back"></i>{{ $t && $t("hivuiSam_btn_back") || '后退'}} <el-dropdown-menu slot="dropdown"> <el-dropdown-item v-for="(item,index) in deepArr" :key="item.prop" :command="index" v-if="index < curIndex">{{ item.label }}</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <!-- 前进 --> <el-dropdown split-button :size="size" :class="{disabled: goDisabled}" :disabled="goDisabled" @command="goCommand" @click="goClick"> <i class="el-icon-right"></i>{{ $t && $t("hivuiSam_btn_go") || '前进'}} <el-dropdown-menu slot="dropdown"> <el-dropdown-item v-for="(item,index) in deepArr" :key="item.prop" :command="index" v-if="index > curIndex">{{ item.label }}</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <!-- 排序 --> <el-dropdown split-button :size="size" class="sort" @command="sortClick"> <i class="el-icon-sort"></i>{{ $t && $t("hivuiSam_btn_sort") || '排序'}} <el-dropdown-menu slot="dropdown"> <el-dropdown-item :command="-1">{{ $t && $t("hivuiSam_btn_noSort") || '不排序'}}</el-dropdown-item> <el-dropdown-item v-for="(item, index) in sortArr" :key="item.prop" :command="index">{{ item.label }} <i class="el-icon-sort-down" :class="{ sortActive: index == sortIndex && sortType =='desc' }" @click="sortDown"></i> <i class="el-icon-sort-up" :class="{ sortActive: index == sortIndex && sortType =='asc' }" @click="sortUp"></i> </el-dropdown-item> </el-dropdown-menu> </el-dropdown> <!-- 列设置 --> <el-button icon="el-icon-setting" :size="size" @click="analysisClick">{{ $t && $t("hivuiSam_btn_columnSet") || '列设置'}}</el-button> <!-- 图表 --> <el-dropdown :size="size" @command="chartTypeChange"> <el-button :size="size"> <i class="el-icon-s-data"></i> {{ $t && $t("hivuiSam_btn_chart") || '图表'}}<i class="el-icon-arrow-down el-icon--right"></i> </el-button> <el-dropdown-menu slot="dropdown"> <el-dropdown-item :class="{active: chartType == 'table'}" command="table">{{ $t && $t("hivuiSam_dropdown_table") || '表格'}}</el-dropdown-item> <el-dropdown-item :class="{active: chartType == 'pie'}" command="pie">{{ $t && $t("hivuiSam_dropdown_pie") || '饼图'}}</el-dropdown-item> <el-dropdown-item :class="{active: chartType == 'bar'}" command="bar">{{ $t && $t("hivuiSam_dropdown_bar") || '柱图'}}</el-dropdown-item> <el-dropdown-item :class="{active: chartType == 'line'}" command="line">{{ $t && $t("hivuiSam_dropdown_line") || '线图'}}</el-dropdown-item> <el-dropdown-item :class="{active: chartType == 'area'}" command="area">{{ $t && $t("hivuiSam_dropdown_area") || '区域图'}}</el-dropdown-item> <el-dropdown-item :class="{active: chartType == 'stack'}" command="stack">{{ $t && $t("hivuiSam_dropdown_stack") || '叠加柱图'}}</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <!-- 刷新 --> <el-button icon="el-icon-refresh" :size="size" @click="refresh">{{ $t && $t("hivuiSam_btn_refresh") || '刷新'}}</el-button> <!-- 分析记录 --> <el-popover placement="bottom" popper-class="recordPop" v-model="recordVisible"> <el-table :data="recordData" @row-dblclick="recordDblClick" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"> </el-table-column> <el-table-column min-width="150" prop="name" :label="schemeLabel"> <template slot-scope="scope"> <el-input v-if="scope.row && scope.row.isEdit" v-model="scope.row.name"></el-input> <span v-else>{{ scope.row.name }}</span> </template> </el-table-column> <el-table-column width="100" prop="simple" :label="abbreviationLabel"> <template slot-scope="scope"> <el-input v-model="scope.row.simple"></el-input> </template> </el-table-column> <el-table-column :label="operateLabel" width="150"> <template slot-scope="scope"> <el-button size="mini" type="text" v-if="!(scope.row && scope.row.isEdit)" @click="handleEdit(scope.$index, scope.row)">{{ editLabel }}</el-button> <el-button size="mini" type="text" v-else @click="handleConfirm(scope.$index, scope.row)">{{ confirmLabel }}</el-button> <el-button size="mini" type="text" style="color:red;" @click.stop="handleDelete(scope.$index, scope.row)">{{ removeLabel }}</el-button> </template> </el-table-column> </el-table> <el-button type="primary" size="mini" icon="el-icon-check" style="margin: 10px 0 0;" @click.stop="doClick" :disabled="btnDisabled">{{ executeOverlayLabel }}</el-button> <el-button slot="reference" icon="el-icon-edit-outline" :size="size">{{ analysisRecordLabel }}</el-button> </el-popover> <!-- 统计方案 --> <el-popover placement="bottom" v-model="schemeVisible"> <el-table size="mini" :data="schemeData" @row-click="schemeRowClick"> <el-table-column width="150" prop="FSCHEMENAME" :label="schemeListLabel"></el-table-column> <el-table-column :label="operateLabel" width="150"> <template slot-scope="scope"> <el-button size="mini" type="text" style="color:red;" @click.stop="handleSchemeDelete(scope.$index, scope.row)">{{ removeLabel }}</el-button> </template> </el-table-column> </el-table> <el-button slot="reference" icon="el-icon-edit-outline" :size="size" @click="showSchemeData">{{ $t && $t("hivuiSam_btn_schemeList") || '方案列表'}}</el-button> </el-popover> <!-- 叠加 --> <el-checkbox v-model="superposition" border :size="size" >{{ $t && $t("hivuiSam_check_overlay") || '叠加' }}</el-checkbox> <!-- 透视 --> <el-checkbox v-model="perspective" border :size="size" >{{ $t && $t("hivuiSam_check_directPerspective") || '直接透视' }}</el-checkbox> <el-button icon="el-icon-download" :size="size" :disabled="this.data && this.data.length == 0" :loading="exportLoading" @click="exportExcel">{{ $t && $t("hivuiSam_btn_export") || '导出excel' }}</el-button> <el-button icon="el-icon-save" :size="size" :loading="schemeLoading" @click="saveScheme">{{ $t && $t("hivuiSam_btn_schemeSave") || '保存方案' }}</el-button> </div> <!-- 内容区 --> <hi-layout :is-fit="true" style="heiht: 100%;"> <!-- 右侧查询面板 --> <hi-layout-right size="300" :title="panelTitle"> <el-tabs v-model="activeName" class="right-tabs" type="border-card" @tab-click="handleClick"> <el-tab-pane :label="conditionPanel" name="condition"> <div style="height: calc( 100% - 342px );overflow: auto;border:none; min-height: 150px;"> <birt-work-book style="min-height: calc( 100% - 342px );" :conf="birtModelRight" :ref="birtModelRight.controlId" class="birtModelRight" ></birt-work-book> </div> <el-divider>{{ $t && $t("hivuiSam_layout_summary") || '汇总条件' }}</el-divider> <div style="height: 150px;overflow:auto;"> <el-form @submit.native.prevent ref="havingForm" style="padding: 10px 10px 0 0;" :model="havingForm" label-width="80px" > <el-form-item v-for="(val,name,index) in havingForm" :key="name"> <span slot="label" :title="val.label"> {{ val.label }} </span> <el-col :span="10"> <el-input type="number" v-model="havingForm[name].value" size="mini" controls-position="right" @change="handleChange" :min="0"></el-input> </el-col> <el-col class="line" :span="2">-</el-col> <el-col :span="10"> <el-input type="number" v-model="havingForm[name].value2" size="mini" controls-position="right" @change="handleChange" :min="0"></el-input> </el-col> <el-col class="line" :span="2" style="text-align:center;"> <el-button v-if="val.sign == 'inRange'" size="mini" type="text" @click="signChange(name,'outRange')">{{ $t && $t("hivuiSam_btn_inRange") || '内' }}</el-button> <el-button v-else size="mini" type="text" @click="signChange(name,'inRange')">{{ $t && $t("hivuiSam_btn_outRange") || '外' }}</el-button> </el-col> </el-form-item> </el-form> </div> <el-form @submit.native.prevent ref="groupForm" style="padding: 10px 10px 0 0;" :model="groupForm" label-width="80px" > <el-form-item :label="formGroup"> <i class="el-icon-edit" @click="showtransfer"></i> <el-select v-model="groupForm.prop" style="width: 100%;"> <el-option v-for="item in groupFields" :label="item.label" :value="item.prop" :key="item.prop" ></el-option> </el-select> </el-form-item> <el-form-item> <el-button type="primary" size="mini" :loading="loading" @click="doCount" >{{ $t && $t("hivuiSam_btn_doQuery") || '执行查询'}}</el-button > <el-button size="mini" @click="reset">{{ $t && $t("hivuiSam_btn_reset") || '重置'}}</el-button> </el-form-item> </el-form> </el-tab-pane> <el-tab-pane :label="setPanel" name="setting"> <el-form @submit.native.prevent ref="settingForm" style="padding: 10px 10px 0 0;" :model="settingForm" label-width="90px"> <el-form-item :label="formXInverse"> <el-checkbox v-model="settingForm.xInverse" label=""></el-checkbox> </el-form-item> <el-form-item :label="formToolbox"> <el-checkbox v-model="settingForm.toolbox" label=""></el-checkbox> </el-form-item> <el-form-item :label="formAxisMarking"> <el-select v-model="showType" style="width: 100%;"> <el-option v-for="item in axisMarkOptions" :label="item.label" :value="item.value" :key="item.value" ></el-option> </el-select> </el-form-item> <el-form-item :label="formLegend"> <el-select v-model="settingForm.legend" style="width: 100%;"> <el-option v-for="item in legendOptions" :label="item.label" :value="item.value" :key="item.value" ></el-option> </el-select> </el-form-item> <el-form-item :label="formTipStyle"> <el-select v-model="settingForm.tipStyle" style="width: 100%;"> <el-option v-for="item in tipStyleOptions" :label="item.label" :value="item.value" :key="item.value" ></el-option> </el-select> </el-form-item> <el-form-item :label="formStaField"> <el-select v-model="settingForm.staField" style="width: 100%;" @change="changeShowAnalyseList"> <el-option :label="labelNone" value="none"></el-option> <el-option v-for="item in analyseFields" :label="item.label" :value="item.prop" :key="item.prop" ></el-option> </el-select> </el-form-item> <el-form-item :label="formTitle"> <el-checkbox v-model="settingForm.title" label=""></el-checkbox> </el-form-item> <el-form-item v-if="settingForm.title" :label="formMainTitle"> <el-input v-model="settingForm.mainTitle" /> </el-form-item> <el-form-item v-if="settingForm.title" :label="formSubTitle"> <el-input v-model="settingForm.subTitle" /> </el-form-item> <el-form-item :label="formWeekColumns"> <el-checkbox v-model="settingForm.weekColumns" label=""></el-checkbox> </el-form-item> <el-form-item v-if="settingForm.weekColumns" :label="formColumn"> <el-input v-model="settingForm.column" /> </el-form-item> <el-form-item v-if="settingForm.weekColumns" :label="formWeek"> <el-input v-model="settingForm.week" /> </el-form-item> </el-form> </el-tab-pane> </el-tabs> </hi-layout-right> <!-- 图表展示区 --> <hi-layout-center style="heiht: 100%;"> <!-- 图表工具栏 --> <div class="chart-tool"> <i v-if="!showChartMenu" @click="showChartMenu = true" class="el-icon-menu" /> <div v-else class="content"> <i class="iconfont icon-num item" :class="{active: showType == 'num'}" title="显示数值" @click="onChangeShowType('num')" /> <i class="iconfont icon-percentage item" :class="{active: showType == 'percent'}" title="显示百分比" @click="onChangeShowType('percent')"/> <el-dropdown placement="bottom" @command="changeShowAnalyseList"> <i class="el-icon-s-unfold"></i> <el-dropdown-menu slot="dropdown"> <el-dropdown-item command="none">{{ $t && $t("hivuiSam_label_none") || '不显示' }}</el-dropdown-item> <el-dropdown-item :class="{active: analyseListChecked == item.prop}" v-for="item in analyseFields" :command="item.prop">{{ item.label }}</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <i class="el-icon-close" @click="showChartMenu = false" /> </div> </div> <!-- 深度分析显示区 --> <div class="depth-analysis"> <span>{{ $t && $t('hivuiSam_label_depthAnalysis') || '深度分析:'}}</span> <el-breadcrumb separator-class="el-icon-arrow-right" style="padding: 0 0 0 10px;" > <el-breadcrumb-item v-for="(item,index) in deepArr" :key="item.prop"> <span v-if="item.label.includes(',') && item.selectVal" @click="breadcrumbClick(item.prop)" :class="{ deepActive: index == curIndex }" style="cursor: pointer;"> <span v-for="(it, i) in item.label.split(',')"> {{ it }} <span style="color: rgb(255, 102, 0);margin-left:2px;" v-if="index < curIndex">{{ item.selectVal.split(',')[i] }}<span v-if="i < item.label.split(',').length - 1">,</span></span> </span> </span> <span v-else @click="breadcrumbClick(item.prop)" :class="{ deepActive: index == curIndex }" style="cursor: pointer;"> {{ item.label }} <span style="color: rgb(255, 102, 0);margin-left:2px;" v-if="index < curIndex">{{ item.selectVal }}</span> </span> </el-breadcrumb-item> </el-breadcrumb> </div> <div v-if="showDetail" style="height: calc( 100% - 100px )"> <el-table :data="data" ref="table" height="100%" border stripe :show-summary="showSummary" :summary-method="getSummaries" header-row-class-name="tableHeader" style="width: 100%" > <el-table-column v-if="showIndex" type="index"> </el-table-column> <el-table-column v-for="item in tableColumns" :key="item.prop" :prop="item.prop" :label="item.label" > </el-table-column> </el-table> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" > </el-pagination> </div> <div v-if="!showDetail && chartType == 'table'" style="height: calc( 100% - 100px )"> <el-table :data="data" ref="table" height="100%" border stripe @row-dblclick="rowDblclick" :show-summary="showSummary" :summary-method="getSummaries" header-row-class-name="tableHeader" style="width: 100%" > <el-table-column v-if="showIndex" type="index"> </el-table-column> <el-table-column v-for="item in tableColumns" :key="item.prop" :prop="item.prop" :label="item.label" > </el-table-column> </el-table> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" > </el-pagination> </div> <Pie-chart style="height: calc( 100% - 100px )" v-else-if="!showDetail && chartType == 'pie'" ref="chartConf" :conf="chartConf" ></Pie-chart> <Bar-chart style="height: calc( 100% - 100px )" v-else-if="!showDetail && (chartType == 'bar' || chartType == 'stack') " ref="chartConf" :conf="chartConf" ></Bar-chart> <Line-chart style="height: calc( 100% - 100px )" v-else-if="!showDetail && chartType == 'line'" ref="chartConf" :conf="chartConf" ></Line-chart> <Line-chart style="height: calc( 100% - 100px )" v-else-if="!showDetail && chartType == 'area'" ref="chartConf" :conf="chartConf" ></Line-chart> <!-- 分析列表数据展示区 --> <div class="analyseList" v-show="showAnalyseList "> <div class="analyseList-title"> {{ analyseList_title }} </div> <ul class="analyseList-ul"> <li v-for="(item,index) in data"> <a @click="analyseListOnClick(item,index)">{{ item[curGroupField] }}</a> <span>{{ item[analyseListChecked+'_per'] + '%' }}</span> </li> </ul> </div> </hi-layout-center> </hi-layout> <!-- 分析列 --> <el-dialog :visible.sync="analysisVisible" :height="500"> <el-table :data="analysisData" size="small" :height="400"> <el-table-column prop="countField" :label="countFieldLabel"> </el-table-column> <el-table-column prop="tableColumn" :label="tableColumnLabel" align="center"> <template slot="header" slot-scope="{row}"> <el-checkbox v-model="tableColumnCheck" @change="handelCheckAll('tableColumn')" :label="tableColumnLabel"></el-checkbox> </template> <template slot-scope="{row}"> <el-checkbox v-model="row.tableColumn"></el-checkbox> </template> </el-table-column> <el-table-column prop="tableColumnCount" :label="tableColumnCountLabel" align="center"> <template slot="header" slot-scope="{row}"> <el-checkbox v-model="tableColumnCountCheck" @change="handelCheckAll('tableColumnCount')" :label="tableColumnCountLabel"></el-checkbox> </template> <template slot-scope="{row}"> <el-checkbox v-model="row.tableColumnCount"></el-checkbox> </template> </el-table-column> <el-table-column prop="chartColumn" :label="chartColumnLabel" align="center"> <template slot="header" slot-scope="{row}"> <el-checkbox v-model="chartColumnCheck" @change="handelCheckAll('chartColumn')" :label="chartColumnLabel"></el-checkbox> </template> <template slot-scope="{row}"> <el-checkbox v-model="row.chartColumn"></el-checkbox> </template> </el-table-column> <el-table-column prop="chartColumnCount" :label="chartColumnCountLabel" align="center"> <template slot="header" slot-scope="{row}"> <el-checkbox v-model="chartColumnCountCheck" @change="handelCheckAll('chartColumnCount')" :label="chartColumnCountLabel"></el-checkbox> </template> <template slot-scope="{row}"> <el-checkbox v-model="row.chartColumnCount"></el-checkbox> </template> </el-table-column> <el-table-column :label="operateLabel" width="150"> <template slot-scope="scope"> <el-button size="mini" type="text" @click="columnUp(scope.$index, scope.row)">{{upLabel}}</el-button> <el-button size="mini" type="text" @click="columnDown(scope.$index, scope.row)">{{downLabel}}</el-button> </template> </el-table-column> </el-table> <div slot="title" style="height: 20px;"></div> </el-dialog> <!-- 分析字段 --> <el-dialog :visible.sync="analysisFieldsVisible" :height="500" > <Pie-chart style="height: 400px;" ref="analysisChart" :conf="analysisChartConf" ></Pie-chart> <div slot="title" style="height: 20px;"></div> </el-dialog> <!-- 穿梭框(修改分组字段) --> <el-dialog :visible.sync="transferVisible" :height="500" width="640px" center @close="transferClose"> <el-transfer class="sam" v-model="groupFieldsEdit" :data="conf.groupFields" :titles="[$t('hivuiSam_trans_source'), $t('hivuiSam_trans_target')]" target-order="push" :props="{ key: 'prop', label: 'label' }" style="width: 100%;padding: 20px;"> <span slot-scope="{ option }">{{ option.label }} <el-button style="margin-left: 10px;" icon="el-icon-top" type="primary" size="mini" circle @click.stop="transferUp(option)"></el-button> <el-button icon="el-icon-bottom" type="primary" size="mini" circle @click.stop="transferDown(option)"></el-button> </span> </el-transfer> <div slot="title" style="height: 20px;"></div> <span slot="footer" class="dialog-footer"> <el-button @click="transferClose" size="small">取 消</el-button> <el-button type="primary" size="small" @click="transferConfirm">确 定</el-button> </span> </el-dialog> </div> </template> <script> import { QueryStyleFactory } from "../templates/query-panel/QueryStyleFactory"; import { GridSingleSelect } from "../templates/GridSingleSelect"; import { getToken } from "../../utils/auth"; import "hi-ui/lib/hi-ui.css"; import { HiLayout, HiLayoutLeft, HiLayoutRight, HiLayoutTop, HiLayoutBottom, HiLayoutCenter } from "hi-ui"; import debounce from 'lodash/debounce' import cloneDeep from 'lodash/cloneDeep' export default { name: "AnalysisSam", props:{ conf:{ type: Object, } }, components:{ HiLayout, HiLayoutLeft, HiLayoutRight, HiLayoutTop, HiLayoutBottom, HiLayoutCenter }, computed: { // 后退 backDisabled(){ return this.curIndex === 0 }, // 前进 goDisabled(){ return this.curIndex == this.deepArr.length - 1 }, // 表格列 tableColumns() { if(this.showDetail){ return this.dataFields }else{ // 组合分组条件分成多个列 let list = this.curGroupField.split(',') // 获取当前分组列 let curGroupArr = this.groupFields.filter(item =>{ return list.includes(item.prop) }) let arr = [] // 执行叠加后，网格添加冗余字段 if(this.superposition){ let newFields = [] let dataList = [] for(let key in this.selectionData){ let selData = this.selectionData[key] let id = selData.id let simple = selData.simple for(let anaField of this.analyseFields){ let obj = {} obj.prop = anaField.prop + '-' + id; obj.label = anaField.label + '-' + simple; newFields.push(obj) } let keyAnalyse = this.analyseFields.map(item =>{ return item.prop }) let data = selData.data.map(sData =>{ for(let key of keyAnalyse){ sData[key+'-'+id] = sData[key] } return sData }) selData.data = data dataList = dataList.concat(data) } // 去重 let keyList = dataList.map(item =>{ return item[this.curGroupField] }) keyList = Array.from(new Set(keyList)) if(keyList && keyList.length){ let newData = [] for(let key in keyList){ let obj = { [this.curGroupField]:keyList[key] }; for(let field of newFields){ obj[field.prop] = 0 } for(let sData of this.selectionData){ // 组合分组 if(this.curGroupField.indexOf(',') > -1){ }else{ let keyArr = sData.data.map(item =>{ return item[this.curGroupField] }) let i = keyArr.indexOf(keyList[key]) if(i > -1){ obj = {...obj, ...sData.data[i]} }else{ for(let j in sData.data[0]){ obj[j+'-'+sData.id] = 0 } } } } newData[key] = obj } this.data = newData }else{ this.data = [] } arr = curGroupArr.concat(newFields) }else{ // 当前分组列+分析列 arr = curGroupArr.concat(this.analyseFields) if(arr && arr.length){ this.sortArr = arr } } arr = arr.filter(item =>{ var show = true this.analysisData.forEach(data =>{ if(data.prop == item.prop){ show = data.tableColumn } }) return show }) return arr } }, showIndex(){ return this.conf && this.conf.showIndex || false }, // 网格是否显示合计行 showSummary(){ let flag = false this.analysisData.some(item =>{ flag = item.tableColumnCount return flag }) return flag }, // 数据列 dataFields(){ return this.conf && this.conf.dataFields || [] }, // 图表配置 chartConf() { debugger let groupBy = this.curGroupField; let calcFields = [] // 系列 var series = []; const tooltipOption = { trigger: 'item', axisPointer: { type: 'shadow' }, } let analysisList = this.analysisData.filter(item =>{ return item.chartColumn }) let showLabel = this.showType == 'none' ? false : true let showPer = this.showType == 'percent' ? true : false let label = { show: showLabel, position: "top", }; if(showPer){ label.formatter = '{c}%' } calcFields = analysisList.map(item =>{ let prop = showPer ? item.prop + '_per' : item.prop let obj = { name: prop, title: item.label } series.push({tooltip: tooltipOption, label: label}) return obj }) let controlName = '' let datas = this.data.map((item) =>{ let obj = {...item} for(let key in obj){ if(typeof(obj[key]) == 'string' && obj[key].includes('%')){ obj[key] = parseFloat(obj[key])/100 }else if(typeof(obj[key]) != 'string' && isNaN(obj[key])){ obj[key] = 0 } } return obj }) // 组合分组条件时，数据添加组合列 if(groupBy.includes(',')){ let keyArr = groupBy.split(','); datas = datas.map(item =>{ let label = [] for(let key of keyArr){ label.push(item[key]) } label=label.join(); item[groupBy] = label return item }) } controlName = this.chartType == "pie" ? "PieChart" : this.chartType == "bar" ? "BarChart" : this.chartType == "stack" ? "BarChart" : this.chartType == "line" ? "LineChart" : this.chartType == "area" ? "LineChart" : 'PieChart' // 区域图 let areaSeries = calcFields.map(item =>{ return { smooth: true, areaStyle: { normal: { color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "rgba(30, 231, 231, 0.3)" },{ offset: 1, color: "rgba(30, 231, 231, 0.1)" }]), }, }, label: label, } }) // 饼图 let pieSeries = [] if(this.chartType == "pie"){ let len = calcFields.length if(len > 4){ calcFields = calcFields.filter((item, index)=>{ return index < 4 }) } let formatter = showPer ? '{b}: {d}%' : '{b}: {c}' label = { normal: { show: true, formatter: formatter, position:'outer', alignTo:'labelLine' } } switch(len){ case 1: pieSeries = [{label: label}]; break; case 2: pieSeries = [ { radius: [0,"50%"], center: ["25%", "50%"], label: label, }, { radius: [0,"50%"], center: ["75%", "50%"], label: label, }, ] break; case 3: pieSeries = [ { radius: [0,"50%"], center: ["25%", "50%"], label: label, }, { radius: [0,"35%"], center: ["75%", "30%"], label: label, }, { radius: [0,"35%"], center: ["75%", "70%"], label: label, }, ] break; case 4: pieSeries = [ { radius: [0,"35%"], center: ["25%", "30%"], label: label, }, { radius: [0,"35%"], center: ["25%", "70%"], label: label, }, { radius: [0,"35%"], center: ["75%", "30%"], label: label, }, { radius: [0,"35%"], center: ["75%", "70%"], label: label, }, ] break; default: pieSeries = [ { radius: [0,"35%"], center: ["25%", "30%"], label: label, }, { radius: [0,"35%"], center: ["25%", "70%"], label: label, }, { radius: [0,"35%"], center: ["75%", "30%"], label: label, }, { radius: [0,"35%"], center: ["75%", "70%"], label: label, }, ] break; } } /// 叠加柱图 let stackSeries = calcFields.map(item =>{ label.position = 'inside' return { stack: '总量', label: label, } }) let yAxis = { axisLabel:{ formatter: function(value,index){ return value +'%'; } } } let xAxis = [{ inverse: this.settingForm.xInverse }] let legend = { show: this.settingForm.legend != 1, orient: this.settingForm.legend == 3 ? 'vertical' : 'horizontal', } if(this.settingForm.legend == 3){ legend.top = '20%' legend.right = '3%' }else{ delete legend.top delete legend.right } let tooltip = { show: true, formatter: this.settingForm.tipStyle == 1 ? '{a}: {c}' : this.settingForm.tipStyle == 2 ? '{a}: {d}' : this.settingForm.tipStyle == 3 ? '{a}: {c}<br />{b}' : '{a}: {c}' } let title = { show: this.settingForm.title, text: this.settingForm.mainTitle, subtext: this.settingForm.subTitle, } let option = { legend: legend, toolbox: { show: this.settingForm.toolbox, feature: { dataZoom: { yAxisIndex: "none", title:{zoom:'区域缩放', back:'区域缩放还原'} }, dataView: { readOnly: false, title:'数据视图' }, restore: { title:'还原' }, saveAsImage: { show: true, title: '保存为图片' } } }, tooltip: tooltip, title: title, series: this.chartType == "area" ? areaSeries : this.chartType == "stack" ? stackSeries : this.chartType == "pie" ? pieSeries : series } if(this.chartType != "pie"){ option.xAxis = xAxis; } if(showPer && this.chartType != "pie"){ option.yAxis = yAxis } const conf = { controlName: controlName, controlId: "chart_controlid", height: "100%", isGroupData: true, groupBy: groupBy, datas: datas, calcFields: calcFields, option: option, events:{ click(row){ let _this = this.$parent.$parent.$parent; _this.currentObj = row.data _this.currentObj.prop = _this.curGroupField; if(_this.perspective){ var index = -1 _this.deepArr.forEach((item,i)=>{ if(item.prop == _this.curGroupField){ index = i } }) if(index > -1 && index < _this.deepArr.length - 1){ _this.analysisFieldsVisible = false _this.curIndex = _this.curIndex + 1 _this.currentObj = _this.deepArr[_this.curIndex]; _this.data = _this.currentObj.data _this.curGroupField = _this.currentObj.prop; }else{ _this.analysisChartConf.datas = _this.deepAnalysisFields _this.analysisFieldsVisible = true } }else{ _this.analysisChartConf.datas = _this.deepAnalysisFields _this.analysisFieldsVisible = true } _this.superposition = false } } }; return conf }, // 深度分析字段列表 deepAnalysisFields(){ let fields = this.groupFields if(fields && fields.length == 0){ return [] } let analysisFields = fields.map((item) => { item.value = 1 return item }); // 排除已经统计的分析列 if(this.deepArr && this.deepArr.length > 0){ let arrnew = this.deepArr.slice(0, this.curIndex + 1).map((item) => { return item.prop }); // 多条件的分组 拆开排除 arrnew.forEach(item =>{ if(item.includes(',')){ arrnew.concat(item.split(',')) } }) analysisFields = analysisFields.filter(item =>{ return arrnew.indexOf(item.prop) < 0 }) } // 添加详情 analysisFields.push( { prop: 'detail', label: this.$t("hivuiSam_btn_detail"), value: 1 } ) return analysisFields }, // 查询字段 queryFields(){ let queryFields = [] let fields = this.conf && this.conf.queryFields if(!fields || fields.length == 0){ queryFields = [] }else{ queryFields = fields.map(item =>{ let obj = {} obj.prop = item.prop; obj.label = item.label; if(item.props && item.props.lookup){ let model = item.props.lookup if(item.element === 'hi-select-grid'){ var columns = [] if(model && model.columns && model.columns.length){ columns = model.columns.map(item =>{ item.prop = item.name return item }) } let table = model.tableprops || {} table['columns'] = columns obj.lookup = { type: "data", openstyle: 'selectgrid', bindField: item.prop, lookSelectGrid: { width: 1200, height: 600, table: table, bindField: item.prop }, } if(model && model.sourceDatas){ obj.lookup.lookSelectGrid['tableData'] = model && model.sourceDatas } if(model && model.modelFile){ obj.lookup['lookDataset'] = { modelFilePath: this.conf.dataset.controlId, showSearchField: true } } obj.dbtype = 'dbString' }else if(item.element === 'hi-data-select'){ var columns = [] if(model && model.columns && model.columns.length){ columns = model.columns.map(item =>{ item.prop = item.name return item }) } let queryOptionFields = model.queryOption && model.queryOption.fields let store = model.storeCfg || model.sourceDsCfg let modelFilePath = store.modelFile let fields = store.fields if(!(queryOptionFields && queryOptionFields.length)){ return } let rows = queryOptionFields.map(item =>{ return {children:[ { prop: item.name, label: item.label } ]} }); let cols = queryOptionFields.map(item =>{ return { colWidth: 100} }); let queryPanel = { rows: rows, cols: cols }; let tableColumn = model.columns.map(item =>{ return { prop: item.name, label: item.label } }) // var table = model.tableprops || {} var table = { children:tableColumn, stripe: model.tableprops && model.tableprops.stripe || false } let ds = { controlName: "HcDataset", controlId: modelFilePath, name: model.entityDs, modelFilePath: modelFilePath, _infcPagging: { pageSize: 10, pageNum: 1, returnCount: true }, _infcLoad: { autoActive: true, }, fields: fields, data: [], } obj.lookup = { type: "data", openstyle: 'dialog', birtModel: GridSingleSelect({ mainDataset: ds, hcQueryPanel: queryPanel, hcTable: table }), lookDataset: { modelFilePath: modelFilePath, // 数据模型路径 showSearchField: true }, lookDialog: { title: "", width: 900, height: 600, }, bindField: item.prop, sourceDsId: model.sourceDsId } obj.dbtype = 'dbString' } } // 时间方案 if(item.props && item.element == 'hi-time-scheme'){ obj.dbtype = 'dbDatetime' obj.format = item.props.format obj.element = 'hi-time-scheme' obj.disabledEx = item.disabledEx obj.viewStyle = { viewStyleId: 'DATERANGE', type: item.props.rangeType, format: item.props.format } } return obj }) } return queryFields }, // 数据集字段 fields(){ let fields = this.conf.dataset && this.conf.dataset.config.fields for(let key in this.queryFields){ let prop = this.queryFields[key].prop if(fields[prop] && fields[prop].lookup){ let lookup = Object.assign(fields[prop].lookup, this.queryFields[key].lookup) // 下拉枚举查找 if(lookup.label && lookup.returnFields){ for(let key in lookup.returnFields){ if(lookup.returnFields[key] == lookup.label && lookup.lookSelectGrid){ lookup.bindShowField = key lookup.lookSelectGrid.bindShowField = key } if(lookup.lookSelectGrid && lookup.lookSelectGrid.tableData){ let data = lookup.lookSelectGrid.tableData for(let i in data){ if(data[i][lookup.returnFields[key]]){ data[i][key] = data[i][lookup.returnFields[key]] } } } } } // 数据模型查找 if(lookup.fieldPair){ if(lookup.sourceDsId){ lookup.returnFields = lookup.fieldPair[lookup.sourceDsId].returnFields }else{ let key = Object.keys(lookup.fieldPair)[0] lookup.returnFields = lookup.fieldPair[key].returnFields } } lookup.returnType = "single", fields[prop]['lookup'] = lookup } // 时间方案 if(fields[prop] && this.queryFields[key].element == 'hi-time-scheme'){ let fd = this.queryFields[key] fields[prop].dbtype = 'dbDatetime' fields[prop].format = fd.format fields[prop].disabledEx = fd.disabledEx } } // 应用默认填充表达式 for(let key in fields){ if(fields[key].default && fields[key].default.exps){ fields[key].default['expr'] = fields[key].default.exps } } return fields }, // 数据集 dataset(){ var dataset = {} if(this.conf && this.conf.dataset){ let ds = this.conf.dataset dataset = { controlName: ds.controlName, controlId: ds.controlId, name: ds.name, modelFilePath: ds.modelFilePath, fields: this.fields, _infcLoad: { autoActive: false }, _infcPagging: { returnCount: true, pageSize: 100, pageNum: 1 }, data: [], } } return dataset }, // 查询面板 birtModelRight(){ let rows = this.queryFields.map(item =>{ return {children:[item],colspan: 12} }) let cols = this.queryFields.map(item =>{ return { colWidth: 60 } }) const queryPanel = { rows: rows, cols: cols }; let hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_sam", inline: false, dataset: this.dataset && this.dataset.controlId || "dsSam", size: "small", hideBtn: true, style: "width: 100%;", children: [], }; Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(queryPanel) || {}); let birtModelRight = { controlName: "BirtWorkBook", controlId: "BirtWorkBook_right", style: "border-bottom: 1px solid #eee;", showToolBar: false, children: [ { controlName: "BirtSheet", controlId: "BirtSheet_right", name: "sheet0", pageIndex: 0, dataSets: [{ controlName: "HcDataset", controlId: "dsScheme", name: "SysSchemeBizEntity", rowKey: "FGUID", modelFilePath: "/platf/scheme/entity/SysSchemeBizEntity.xml", _infcLoad: { autoActive: false, __zcQuery: true }, _infcPagging: { _isAddingPagging: false, pageSize: -1, }, fields: {}, data: [], }].concat(this.dataset ? this.dataset : []), children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_01", children: [hcQueryPanel] } ] } ], }; return birtModelRight }, // 分组条件(统计字段) groupFields(){ let groupFields = this.conf && cloneDeep(this.conf.groupFields) || [] // 组合分组条件 if(this.curTransferVal && this.curTransferVal.length){ let obj = {} let curTransferLabel = this.curTransferVal.map(item =>{ for(var field of groupFields){ if(field.prop == item){ return field.label } } }) obj = { prop: this.curTransferVal.join(), label: curTransferLabel.join() } groupFields.push(obj) } return groupFields }, // 分析字段 analyseFields(){ return this.conf && this.conf.analyseFields || [] }, // 显示详情 showDetail(){ return this.currentObj.prop == 'detail' }, // 执行叠加按钮 btnDisabled(){ return !this.selectionData || this.selectionData.length < 2 }, analyseList_title(){ if(this.conf.analyseFields && this.conf.analyseFields.length && this.analyseListChecked){ let curField = this.conf.analyseFields.filter(item =>{ return item.prop == this.analyseListChecked })[0] return curField && curField.label || '' }else{ return '' } } }, watch:{ conf:{ deep: true, handler: function(val){ if(val && val.groupFields && !this.groupForm.prop){ this.groupForm.prop = val.groupFields[0] && val.groupFields[0].prop this.curGroupField = this.groupForm.prop } if(val && val.analyseFields && val.analyseFields.length){ this.analysisData=val.analyseFields.map(item =>{ let obj = { prop: item.prop, label: item.label, countField: item.label, tableColumn: true, tableColumnCount: true, chartColumn: true, chartColumnCount: true, } return obj }) } } }, }, data() { return { size: 'small', superposition: false, perspective: false, chartType: "table", groupForm: { prop: "" }, loading: false, currentPage: 1, pageSize: 100, pageSizes: [10,20,50,100], total: 0, data: [], // 排序 sortArr:[], sortIndex:-1, sortType: '', // 分析列 analysisVisible: false, analysisData:[], tableColumnCheck: true, tableColumnCountCheck: true, chartColumnCheck: true, chartColumnCountCheck: true, // 分析字段 analysisFieldsVisible: false, analysisFieldsArr:[], analysisChartConf:{ controlName: "PieChart", controlId: "chart_analysis", height: "100%", isGroupData: true, groupBy: "label", datas: [], calcFields: [ { name: "value", title: "" } ], option: { legend: { show: true } }, events:{ click(row){ debugger; var _this = this.$parent.$parent; _this.analysisChartConf.datas = _this.deepAnalysisFields let data = JSON.parse(JSON.stringify(row.data)) delete data.emphasis // 删除当前分析以后的深度分析 _this.deepArr.splice(_this.curIndex+1, _this.deepArr.length - _this.curIndex - 1) let obj = _this.deepArr[_this.deepArr.length -1] if(_this.currentObj.name){ obj.selectVal = _this.currentObj.name }else{ if(_this.currentObj.prop.includes(',')){ let selectVal = [] let arr = _this.currentObj.prop.split(',') selectVal = arr.map(item =>{ return _this.currentObj[item] }) obj.selectVal = selectVal.join() }else{ obj.selectVal = _this.currentObj[_this.currentObj.prop] } } _this.$set(_this.deepArr,_this.curIndex,obj) _this.$set(_this.deepArr,_this.curIndex + 1, data) _this.curGroupField = data.prop; _this.currentObj = data; _this.curIndex = _this.curIndex + 1; _this.doQuery(); _this.analysisFieldsVisible = false; } } }, // 深度分析 deepArr:[], conf:{}, // 图表当前选中对象 currentObj:{}, // 当前分组字段 curGroupField: '', // 深度分析当前环节下标 curIndex: 0, exportLoading: false, // 穿梭框 transferVisible: false, curTransferVal: [], groupFieldsEdit: [], schemeLoading: false, havingForm:{}, // 分析记录 recordVisible: false, recordData:[], // 已勾选记录 selectionData: [], // 统计方案 schemeData:[], schemeVisible: false, // 是否监听 isMonitor: false, // 底部汇总数据 bottomSummary: {}, // 是否查询面板查询 isQueryModel: false, // 显示图表菜单 showChartMenu: false, showType: 'none', showAnalyseList: false, analyseListChecked: '', // 设置面板 activeName: 'condition', settingForm:{ xInverse: false, toolbox: false, axisMarking: 1, legend: 2, tipStyle: 3, staField: 'none', title: false, mainTitle: '', subTitle: '', weekColumns: false, column: '', week: '', }, axisMarkOptions:[ { label: this.$t && this.$t("hivuiSam_axisMarkOptions_none") || '不显示', value: 'none' }, { label: this.$t && this.$t("hivuiSam_axisMarkOptions_num") || '显示值', value: 'num' }, { label: this.$t && this.$t("hivuiSam_axisMarkOptions_percent") || '百分比', value: 'percent' }, ], legendOptions:[ { label: this.$t && this.$t("hivuiSam_legendOptions_1") || '不显示', value: 1 }, { label: this.$t && this.$t("hivuiSam_legendOptions_2") || '上边', value: 2 }, { label: this.$t && this.$t("hivuiSam_legendOptions_3") || '右边', value: 3 }, ], tipStyleOptions:[ { label: this.$t && this.$t("hivuiSam_tipStyleOptions_1") || '值', value: 1 }, { label: this.$t && this.$t("hivuiSam_tipStyleOptions_2") || '百分比%', value: 2 }, { label: this.$t && this.$t("hivuiSam_tipStyleOptions_3") || `值+分类`, value: 3 }, ], conditionPanel: this.$t && this.$t("hivuiSam_layout_conditionPanel") || '条件面板', formGroup: this.$t && this.$t("hivuiSam_form_group") || '分组条件', setPanel: this.$t && this.$t("hivuiSam_layout_setPanel") || '设置面板', formXInverse: this.$t && this.$t("hivuiSam_form_xInverse") || '横轴翻转', formToolbox: this.$t && this.$t("hivuiSam_form_toolbox") || '显示工具条', formAxisMarking: this.$t && this.$t("hivuiSam_form_axisMarking") || '轴标记', formLegend: this.$t && this.$t("hivuiSam_form_legend") || '系列名', formTipStyle: this.$t && this.$t("hivuiSam_form_tipStyle") || '提示风格', formStaField: this.$t && this.$t("hivuiSam_form_staField") || '统计字段', formTitle: this.$t && this.$t("hivuiSam_form_title") || '标题', formMainTitle: this.$t && this.$t("hivuiSam_form_mainTitle") || '主标题', formSubTitle: this.$t && this.$t("hivuiSam_form_subTitle") || '副标题', formWeekColumns: this.$t && this.$t("hivuiSam_form_weekColumns") || '周栏', formColumn: this.$t && this.$t("hivuiSam_form_column") || '栏数', formWeek: this.$t && this.$t("hivuiSam_form_week") || '每栏周期', labelNone: this.$t && this.$t("hivuiSam_label_none") || '不显示', countFieldLabel: this.$t && this.$t("hivuiSam_table_countField") || '统计字段', tableColumnLabel: this.$t && this.$t("hivuiSam_table_tableColumn") || '网格列', tableColumnCountLabel: this.$t && this.$t("hivuiSam_table_tableColumnCount") || '网格合计列', chartColumnLabel: this.$t && this.$t("hivuiSam_table_chartColumn") || '图表列', chartColumnCountLabel: this.$t && this.$t("hivuiSam_table_chartColumnCount") || '图表列汇总', operateLabel: this.$t && this.$t("hivuiSam_table_operate") || '操作', upLabel: this.$t && this.$t("hivuiSam_btn_up") || '上移', downLabel: this.$t && this.$t("hivuiSam_btn_down") || '下移', schemeLabel: this.$t && this.$t("hivuiSam_table_scheme") || '方案名称', abbreviationLabel: this.$t && this.$t("hivuiSam_table_abbreviation") || '缩写', editLabel: this.$t && this.$t("hivuiSam_btn_edit") || '编辑', confirmLabel: this.$t && this.$t("hivuiSam_btn_confirm") || '确定', removeLabel: this.$t && this.$t("hivuiSam_btn_remove") || '删除', executeOverlayLabel: this.$t && this.$t("hivuiSam_btn_executeOverlay") || '执行叠加', analysisRecordLabel: this.$t && this.$t("hivuiSam_btn_analysisRecord") || '分析记录', schemeListLabel: this.$t && this.$t("hivuiSam_btn_schemeList") || '方案列表', panelTitle: this.$t && this.$t("hivuiSam_layout_panel") || '面板', } }, updated() { this.$nextTick(() => { this.$refs["table"] && this.$refs["table"].doLayout(); }); }, methods: { // 排序 sortClick(val) { this.sortIndex = val this.doQuery(); }, sortDown(){ this.sortType = 'desc' }, sortUp(){ this.sortType = 'asc' }, // 前进 goCommand(index){ this.curIndex = index; this.currentObj = this.deepArr[index]; this.curGroupField = this.currentObj.prop; this.data = this.currentObj.data }, goClick:debounce(function(){ if(this.curIndex < this.deepArr.length - 1){ this.curIndex = this.curIndex + 1; this.currentObj = this.deepArr[this.curIndex]; this.curGroupField = this.currentObj.prop; this.data = this.currentObj.data } },500), // 后退 backCommand(val){ this.curIndex = val this.currentObj = this.deepArr[val]; this.curGroupField = this.currentObj.prop; this.data = this.currentObj.data }, backClick:debounce(function(){ if(this.curIndex > 0){ this.curIndex = this.curIndex - 1 this.currentObj = this.deepArr[this.curIndex]; this.curGroupField = this.currentObj.prop; this.data = this.currentObj.data } },500), // 深度分析 breadcrumbClick(val) { this.curGroupField = val let arrnew = this.deepArr.map(item =>{ return item.prop }) this.curIndex = arrnew.indexOf(val) this.currentObj = this.deepArr[this.curIndex]; // 数据替换成缓存的数据 this.data = this.currentObj.data }, // 点击表格 rowDblclick(row){ this.currentObj = row this.currentObj.prop = this.curGroupField; this.superposition = false if(this.perspective){ var index = -1 this.deepArr.forEach((item,i)=>{ if(item.prop == this.curGroupField){ index = i } }) if(index > -1 && index < this.deepArr.length - 1){ this.analysisFieldsVisible = false this.curIndex = this.curIndex + 1 this.currentObj = this.deepArr[this.curIndex]; this.data = this.currentObj.data this.curGroupField = this.currentObj.prop; }else{ this.analysisChartConf.datas = this.deepAnalysisFields this.analysisFieldsVisible = true } }else{ this.analysisChartConf.datas = this.deepAnalysisFields this.analysisFieldsVisible = true } }, // 点击查询 doCount() { debugger; // 叠加状态下不执行查询操作 if(this.superposition){ return } // 监听数据集 if(this.dataset){ let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] if(!this.isMonitor){ ds && ds.on("afterLoadData", this.afterLoadData); this.isMonitor = true } this.loading = true; let prop = this.groupForm.prop; let fields = this.groupFields.map(item =>{ return item.prop }) this.curGroupField = prop; let index = fields.indexOf(prop) if(this.deepArr.length){ // 如果切换了分组条件，清空深度分析 if(this.deepArr[0] && this.deepArr[0].prop !== prop){ this.deepArr = [] this.currentObj = this.groupFields[index] this.recordData = [] }else{ this.currentObj = this.deepArr[0] } } this.currentPage = 1 let queryModel = ds.getQueryModel() this.doQuery(queryModel); // 添加分析记录 let obj = {} if(Object.keys(queryModel).length === 0){ obj = { id: 'empty', name: this.$t&&this.$t("hivuiSam_name_empty") || '空条件', prop: this.groupForm.prop, } }else{ let keyArr = []; let labelArr = []; for(let key in queryModel){ if(queryModel[key] || queryModel[key] === 0){ keyArr.push(key); // let arr = this.queryFields.filter(item =>{ // return item.prop == key // }) labelArr.push(queryModel[key]); } }; if(keyArr.length && labelArr.length){ obj = { id: keyArr.join() + '_' + labelArr.join(), name: labelArr.join(), prop: this.groupForm.prop, } }else{ obj = { id: 'empty', name: this.$t&&this.$t("hivuiSam_name_empty") || '空条件', prop: this.groupForm.prop, } } } // 判断分析记录中是否含有此条件，有则跳过，无则添加 const ids = this.recordData.map(value=>value.id); if(!ids.includes(obj.id)){ this.isQueryModel = true let simple = this.recordData.length + 1; obj.simple = simple obj.isEdit = false this.recordData.push(obj); }else{ this.isQueryModel = false } // 当前分组加入深度分析 if(index < 0){ this.$message.error('当前分组条件不在分组字段中，请重新配置') }else{ this.$set(this.deepArr,0,this.groupFields[index]) this.curIndex = 0 }; } }, afterLoadData(datas){ let newData = datas let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] if(datas && datas.length && this.curGroupField != 'detail'){ newData = datas.map(item =>{ return ds && ds.getFormatRecd(item) }) // 添加百分比数据 newData = newData.map(data =>{ for(let field of this.analyseFields){ let prop = field.prop let percent = prop+'_per' let sum = 0 const values = datas.map(item => Number(item[prop])); if (!values.every(value => isNaN(value))) { sum = values.reduce((prev, curr) => { const value = Number(curr); if (!isNaN(value)) { return prev + curr; } else { return prev; } }, 0); } if(sum && sum > 0){ data[percent] = Number((data[prop]/sum * 100).toFixed(2)) }else{ data[percent] = 0 } } return data }) } this.data = newData // 缓存数据 this.deepArr[this.curIndex].data = newData; // 总条数 this.total = ds._infcPagging.recordCount || this.total; // 底部汇总数据 this.bottomSummary = ds.getBottomSummeryRecd(); // 添加分析记录 if(!this.isQueryModel) return this.recordData[this.recordData.length - 1].data = datas }, // 查询方法 doQuery(model){ let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] if(this.showDetail){ ds._infcPagging = { _isPagging: true, pageSize: this.pageSize, pageNum: this.currentPage, returnCount: true }; ds._infcStat = {} ds._infcSort = {} }else{ ds._infcPagging = { _isPagging: true, pageSize: this.pageSize, pageNum: this.currentPage, returnCount: true }; ds._infcStat = { isGroupData: true, groupBy: this.curGroupField, __bottomSummary: true } if(this.sortIndex > -1){ let obj = this.sortArr[this.sortIndex] ds._infcSort.orderBy =[{ name: obj.prop, desc: obj.label, type: this.sortType || 'desc' }] }else{ ds._infcSort.orderBy = [] } if(this.havingForm){ let _infcHaving = {}; for(let item in this.havingForm){ let obj = JSON.parse(JSON.stringify(this.havingForm[item])) let val = obj.value let val2 = obj.value2 if(val === undefined && val === undefined){ }else if((val || val === 0) && (val2 || val2 === 0)){ _infcHaving[item] = obj }else{ if(obj.sign == 'inRange'){ obj.sign = 'lteq' }else{ obj.sign = 'gt' } _infcHaving[item] = obj } } ds._infcHaving = _infcHaving } } if(model){ ds.setQueryModel(model) ds._infcLoad.additionalModel = {}; }else if(this.deepArr && this.deepArr.length > 0){ let queryModel = {} this.deepArr.forEach(item =>{ if(item.prop && item.selectVal){ if(!item.prop.includes(",")){ queryModel[item.prop] = item.selectVal }else{ let arr = item.prop.split(',') arr.forEach((it,i) =>{ queryModel[it] = item.selectVal && item.selectVal.split(',')[i] }) } } }) ds.setAdditionalModel(queryModel) }else{ ds._infcLoad.additionalModel = {}; ds._infcLoad.queryModel = {} } ds.query(); this.loading = false; }, // 重置 reset() { this.$refs.groupForm.resetFields(); this.$refs.havingForm.resetFields(); this.havingForm = JSON.parse(JSON.stringify(this.conf.havingForm)); this.curTransferVal = [] this.groupForm.prop = this.groupFields[0] && this.groupFields[0].prop; var queryPanel = this.$refs.BirtWorkBook_right.$children[0].$children[0].$children[0].$children[0].$children[0].$children[0]; queryPanel.reset(); let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] ds._infcLoad.queryModel={} }, handleSizeChange(val) { this.pageSize = val this.doQuery() }, handleCurrentChange(val) { this.currentPage = val this.doQuery() }, // 切换图表 chartTypeChange(command) { this.chartType = command; }, // 打开分析列 analysisClick(){ this.analysisVisible = true }, // 分析列全选 handelCheckAll(val){ let _this = this this.analysisData = this.analysisData.map(item => { if(val == 'tableColumn') { item.tableColumn = _this.tableColumnCheck } if(val == 'tableColumnCount') { item.tableColumnCount = _this.tableColumnCountCheck } if(val == 'chartColumn') { item.chartColumn = _this.chartColumnCheck } if(val == 'chartColumnCount') { item.chartColumnCount = _this.chartColumnCountCheck } return item }) }, // 分析列上移 columnUp(index,row){ let arr = this.analysisData if(index > 0){ arr.splice(index - 1, 1, ...arr.splice(index, 1, arr[index - 1])); } }, columnDown(index, row){ let arr = this.analysisData if(index < arr.length){ arr.splice(index, 1, ...arr.splice(index + 1, 1, arr[index])); }; }, // 刷新 refresh(){ this.doQuery(); this.$refs.chartConf && this.$refs.chartConf.refreshChart(); }, // 导出 exportExcel() { let param = { pageNum: -1, pageSize: -1, __slaveExport: false, }; let __body = {}; let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] var cdion = ds.lastLoadCdion console.log('cdion', cdion) if (cdion) { __body['queryCdions'] = JSON.parse(cdion); } if(this.curGroupField !== 'detail'){ __body['groupBy'] = this.curGroupField } param['modelFilePath'] = ds['modelFilePath']; param['__funcpath'] = ds['__funcpath']; param.__body = __body let sheetStyle = {} let cells = [] let columns = [] this.tableColumns.forEach(item => { cells.push({ title: item.label, colspan: 1, rowspan: 1 }) columns.push({ field: item.prop, width: 170 }) }); sheetStyle = { name: '统计分析', titleRows: [ { cells: cells } ], columns: columns } param.__sheetStyle = sheetStyle var time = new Date().getTime() var title = `统计分析${time}` var data = { title: title, __sheetDatas: JSON.stringify([param]) } var url = this.$HI.exportUrl this.exportLoading = true this.$HI.request.post(url,data).then((res) =>{ console.log('res', res) this.exportLoading = false if(res.status == 200){ let token = getToken(); let pn = window.HIVUI_SETTING && window.HIVUI_SETTING.projectName var url = this.$HI.download + `?path=${res.dataPack.path}&access_token=${token}&pn=${pn}` url = url.replace(/\\/g,"/") const a = document.createElement('a') //创建a标签 a.style.display = 'none' a.href = url // 指定下载链接 a.download = title //指定下载文件名 a.click() //触发下载 } }).catch((e) =>{ this.exportLoading = false }) }, // 打开穿梭框 showtransfer(){ this.groupFieldsEdit = JSON.parse(JSON.stringify(this.curTransferVal)) this.transferVisible = true }, transferConfirm(){ if(this.groupFieldsEdit && this.groupFieldsEdit.length > 1){ this.curTransferVal = JSON.parse(JSON.stringify(this.groupFieldsEdit)) this.groupForm.prop = this.curTransferVal.join(); this.curGroupField = this.groupForm.prop; this.transferVisible = false }else{ this.$message.error("该分组选项已存在") } }, transferClose(){ this.transferVisible = false this.groupFieldsEdit = JSON.parse(JSON.stringify(this.curTransferVal)) }, transferUp(option){ let arr = this.groupFieldsEdit let index = this.groupFieldsEdit.indexOf(option.prop) if(index > 0){ arr.splice(index - 1, 1, ...arr.splice(index, 1, arr[index - 1])); } }, transferDown(option){ let arr = this.groupFieldsEdit let index = this.groupFieldsEdit.indexOf(option.prop) if(index < arr.length){ arr.splice(index, 1, ...arr.splice(index + 1, 1, arr[index])); }; }, // 合计列 getSummaries(parma){ const { columns, data } = parma; const sums = []; // let arr = this.analyseFields.map(item =>{ // return item.prop // }) columns.forEach((column, index) => { let show = true this.analysisData.forEach(item =>{ if(item.prop == column.property){ show = item.tableColumnCount } }) // if(arr.includes(column.property) && show){ // let values = data.map(item => Number(item[column.property])); // sums[index] = values.reduce((prev, curr) => { // const value = Number(curr); // if (!isNaN(value)) { // return prev + curr; // } else { // return prev; // } // }, 0); if(this.bottomSummary && this.bottomSummary[column.property] && show){ sums[index] = this.bottomSummary[column.property] sums[index] = Math.round(sums[index]*100)/100; }else{ sums[index] = ''; } }) sums[0] = this.$t && this.$t("hivuiSam_name_sum") || '统计' return sums; }, // 分析列表 handleEdit(index, row){ row.isEdit = true this.recordData[index] = row }, handleConfirm(index, row){ row.isEdit = false this.recordData[index] = row }, handleDelete(index, row){ this.recordData.splice(index, 1) }, // 执行叠加 doClick(){ this.superposition = true this.recordVisible = false this.curGroupField = this.recordData[0].prop this.curIndex = 0 }, // 分析记录勾选 handleSelectionChange(row){ this.selectionData = row }, // 双击 recordDblClick(row){ this.curIndex = 0 this.data = row.data this.deepArr[0].data = row.data this.currentObj.data = row.data }, signChange(val,sign){ this.havingForm[val]['sign'] = sign }, // 统计方案 schemeRowClick(row){ if(row.FCONTENT){ this.reset(); let conf = JSON.parse(row.FCONTENT); if(conf.deepList){ this.deepArr = conf.deepList } if(conf.curGroupField){ this.curGroupField = conf.curGroupField } if(conf.queryModel){ let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] ds.setQueryModel(conf.queryModel) let queryPanel = this.$refs.BirtWorkBook_right.$children[0].$children[0].$children[0].$children[0].$children[0].$children[0]; queryPanel.bindModel = conf.queryModel } if(conf.groupForm){ this.groupForm = conf.groupForm } if(conf.havingForm){ this.havingForm = conf.havingForm } if(conf.sortIndex){ this.sortIndex = conf.sortIndex } if(conf.sortType){ this.sortType = conf.sortType } if(conf.data){ this.data = conf.data } if(conf.currentObj){ this.currentObj = conf.currentObj } if(conf.total){ this.total = conf.total } if(conf.curTransferVal){ this.curTransferVal = conf.curTransferVal } if(conf.perspective){ this.perspective = conf.perspective }else{ this.perspective = false } if(conf.superposition){ this.superposition = conf.superposition }else{ this.superposition = false } } this.schemeVisible = false this.doCount() }, showSchemeData(){ let url = '/data/query'; let funcurl = window.location.pathname || '' let queryCdions = { join: 'and', items: [ { sign: "eq", name: "FFUNCURL", dataType: "string", value: funcurl, enable: true, }, ], } var data = { modelFilePath: "/platf/scheme/entity/SysSchemeBizEntity.xml", pageSize:-1, __body:JSON.stringify({queryCdions: queryCdions}), __bottomSummary: false, // __funcpath: "/eap5csxm/KongJianCeShi/TongJiFenXi/TongJiFenXiCeShi/func/TongJiFenXiRenYuan.func", __zcQuery: true } this.$HI.request.post(url, data).then((res) =>{ this.schemeData = res.dataPack && res.dataPack.rows }).catch(e=>{ console.error(e) }) }, // 保存方案 saveScheme(){ let ds = this.$refs.BirtWorkBook_right.dataset[this.dataset.controlId] let content = { deepList: this.deepArr, curGroupField: this.curGroupField, queryModel: ds.getQueryModel(), havingForm: this.havingForm, groupForm: this.groupForm, sortIndex: this.sortIndex, sortType: this.sortType, data: this.data, currentObj:this.currentObj, perspective: this.perspective, superposition: this.superposition, total:this.total, curTransferVal:this.curTransferVal } let data = { pushType: "add", dataset: "dsScheme", pushAddType: "map", data:[{ FFUNCURL: window.location.pathname || window.location.href, FCONTENT: JSON.stringify(content), }] } this.openByPath('/platf/scheme/func/add.func', {__push: data,__funcpath:'/platf/scheme/func/add.func'},{title: '方案保存'}) }, handleSchemeDelete(index, data){ let url = '/data/save' let removeData = { ...data, $state:"rsDelete", $old:data } let body = [{ modelFilePath:"/platf/scheme/entity/SysSchemeBizEntity.xml", data:[removeData] }] let rData = { __body: JSON.stringify(body) } this.$HI.request.post(url, rData).then((res) =>{ this.$message.success('方案删除成功') this.schemeData.splice(index, 1) }).catch(e=>{ this.$message.error(e) }) }, // 保存方案下推 openByPath(path, query, { title, target } = {}) { query = query || {}; let queryT = {} Object.assign(queryT, query || {}); if (title) queryT.__title = title; if (target) { target = target === '_blank' ? (new Date()).valueOf() : target queryT.__target = target; } if(this.$router){ this.$router.push({ path, query: queryT }) }else{ if(top.window.SysPage && top.window.SysPage.newPage){ top.window.SysPage.newPage(title, path, queryT, "post") }else{ this.createForm(path, "_self", queryT.__push.data[0]) } } }, createForm(url, opentype, paramters) { //创建form表单 let me = this; let id = "samuuid" var formid = `${id}_form`; var temp_form = null; if (document.getElementById(formid)) { temp_form = document.getElementById(formid); temp_form.method = me.postType; temp_form.action = url; // for (var item in paramters) { // var inputObj = document.getElementById(`${id}_${item}`); // if (inputObj) { // inputObj.value = paramters[item]; // } // } } else { temp_form = document.createElement("form"); temp_form.id = `${id}_form`; temp_form.action = url; //如需打开新窗口，form的target属性要设置为'_blank' temp_form.target = opentype; //打开方式 temp_form.method = me.postType; temp_form.style.display = "none"; document.body.appendChild(temp_form); } //添加参数 for (var item in paramters) { var inputObj = document.getElementById(`${id}_${item}`); if (inputObj) { inputObj.value = paramters[item]; } else { var opt = document.createElement("input"); opt.type = "hidden"; opt.id = `${id}_${item}`; //opt.id= opt.name = item; opt.value = paramters[item]; temp_form.appendChild(opt); } } //提交数据 temp_form.submit(); }, // 选择显示数值还是百分比 onChangeShowType(type){ this.showType = this.showType == type ? 'none' : type }, // 右侧工具条显示列表选择显示不同分析字段的数据 changeShowAnalyseList(command){ this.analyseListChecked = command this.settingForm.staField = command if(command == 'none'){ this.showAnalyseList = false }else{ this.showAnalyseList = true } }, // 点击选择深度分析 analyseListOnClick(row, index){ let _this = this _this.currentObj = row _this.currentObj.prop = this.curGroupField if(_this.perspective){ var index = -1 _this.deepArr.forEach((item,i)=>{ if(item.prop == _this.curGroupField){ index = i } }) if(index > -1 && index < _this.deepArr.length - 1){ _this.analysisFieldsVisible = false _this.curIndex = _this.curIndex + 1 _this.currentObj = _this.deepArr[_this.curIndex]; _this.data = _this.currentObj.data _this.curGroupField = _this.currentObj.prop; }else{ _this.analysisChartConf.datas = _this.deepAnalysisFields _this.analysisFieldsVisible = true } }else{ _this.analysisChartConf.datas = _this.deepAnalysisFields _this.analysisFieldsVisible = true } _this.superposition = false } }, mounted() { } }; </script> <style> .birtModelRight .el-main{ padding: 5px !important; } .birtModelRight table.zhc-birt-data-list{ table-layout: auto !important; /* border-collapse: initial !important; */ /* border-spacing: revert !important; */ } .el-transfer.sam .el-transfer-panel:nth-child(1) button{ display: none; } .el-dropdown.disabled .el-button, .el-dropdown.disabled .el-button:hover{ cursor: not-allowed; color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFF; border-color: #EBEEF5; } .tableHeader th, .tableHeader tr{ background: linear-gradient(0deg,rgba(224,240,255,1), rgba(240,247,255,1)); } .el-form-item__label{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .recordPop{ text-align: center; } .right-tabs{ height: 100%; } .el-tabs--border-card .el-tabs__content { height: calc(100% - 56px); overflow: auto; } .el-tabs--border-card .el-tabs__content .el-tab-pane{ height: 100%; } </style> <style lang="scss" scoped> .container { position: relative; display: flex; flex-direction: column; height: 100%; padding: 20px; } .btn-toolbar { * + * { margin-left: 10px; margin-right: 0; } } .el-dropdown-menu__item { min-width: 90px; } .center-content { height: 100%; width: 100%; padding: 10px; box-sizing: border-box; } .depth-analysis { display: flex; align-items: center; padding: 10px; } .el-breadcrumb__item a { cursor: pointer !important; } .deepActive{ color: #06c; font-weight: 600; } .sortActive{ color: rgb(33, 235, 141); font-weight: 600; } >>>.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{ background: initial; color: initial; } .el-dropdown-menu__item i{ font-weight: 600; margin: 0 0 0 5px; } .el-dropdown-menu__item i:hover { color: rgb(33, 235, 141); } .birtModelRight .el-main{ padding: 5px !important; } .el-icon-edit{ right: 30px; position: absolute; z-index: 1; line-height: 40px; cursor: pointer; } >>>.el-dropdown.disabled .el-button, >>>.el-dropdown.disabled .el-button:hover{ cursor: not-allowed; color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFF; border-color: #EBEEF5; } .chart-tool{ position: absolute; right: 10px; top:5px; i{ cursor: pointer; color: #06c; } .el-icon-close{ color: #f0797f; } .el-icon-close:hover{ color: #f50814; } .content{ margin-top: 5px; display: flex; justify-content: space-around; align-items: center; width: 150px; height: 30px; line-height: 30px; border: 1px solid #d8d863; border-radius: 5px; background: rgba(237,241,244,0.4); .iconfont{ height: 20px; line-height: 12px; } .item{ padding: 3px; border: 1px solid transparent; border-radius: 3px; } .item:hover,.item:active, .item.active{ border-color: #08df5d; } } } .el-dropdown-menu__item.active{ background-color: #ecf5ff; color: #66b1ff; } >>>.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #ecf5ff; color: #66b1ff; } .analyseList{ position: absolute; right: 10px; top: 45px; width: 150px; border: 1px solid #d8d863; background: #fff; .analyseList-title{ border-bottom: 1px dotted #b5b5ad; color: #000; padding: 0 10px; } .analyseList-ul{ list-style: none; margin: 0 !important; padding: 0 10px; li{ display: flex; justify-content: space-between; align-items: center; a:hover{ text-decoration: underline; color: #FF6600; } } } } </style>

Ignore Space Show notes View project/hivuiSam/lang/def.language

hivuiBirt_datetime_to=至 hivuiBirt_datetime_start=开始日期 hivuiBirt_datetime_end=结束日期 hivuiBirt_datetime_now=本日 hivuiBirt_datetime_yesterday=昨日 hivuiBirt_datetime_last7=近7日 hivuiBirt_datetime_last28=近28日 hivuiBirt_datetime_last84=近84日 hivuiBirt_datetime_halfYear=近半年 hivuiBirt_datetime_oneYear=近1年 hivuiBirt_datetime_overdue=已过期 hivuiBirt_datetime_threeMonth=三个月内 hivuiBirt_datetime_three2six_months=三至六个月 hivuiBirt_datetime_six2nine_months=六至九个月 hivuiBirt_datetime_nine_months=九个月以上 hivuiBirt_datetime_eighteen_months=18个月上 hivuiBirt_datetime_two_years=二年以上 hivuiBirt_datetime_three_years=三年以上 hivuiBirt_datetime_week=本周 hivuiBirt_datetime_month=本月 hivuiBirt_datetime_quarter=本季度 hivuiBirt_datetime_year=本年度 hivuiSam_btn_back=后退 hivuiSam_btn_go=前进 hivuiSam_btn_sort=排序 hivuiSam_btn_noSort=不排序 hivuiSam_btn_columnSet=列设置 hivuiSam_btn_refresh=刷新 hivuiSam_btn_edit=编辑 hivuiSam_btn_confirm=确定 hivuiSam_btn_remove=删除 hivuiSam_btn_executeOverlay=执行叠加 hivuiSam_btn_analysisRecord=分析记录 hivuiSam_btn_schemeList=方案列表 hivuiSam_btn_export=导出excel hivuiSam_btn_schemeSave=保存方案 hivuiSam_btn_up=上移 hivuiSam_btn_down=下移 hivuiSam_btn_doQuery=执行查询 hivuiSam_btn_reset=重置 hivuiSam_btn_chart=图表 hivuiSam_btn_inRange=内 hivuiSam_btn_outRange=外 hivuiSam_btn_detail=详情 hivuiSam_table_scheme=方案名称 hivuiSam_table_abbreviation=缩写 hivuiSam_table_operate=操作 hivuiSam_table_countField=统计字段 hivuiSam_table_tableColumn=网格列 hivuiSam_table_tableColumnCount=网格合计列 hivuiSam_table_chartColumn=图表列 hivuiSam_table_chartColumnCount=图表列汇总 hivuiSam_check_overlay=叠加 hivuiSam_check_directPerspective=直接透视 hivuiSam_layout_panel=面板 hivuiSam_layout_conditionPanel=条件面板 hivuiSam_layout_setPanel=设置面板 hivuiSam_layout_summary=汇总条件 hivuiSam_form_group=分组条件 hivuiSam_form_xInverse=横轴翻转 hivuiSam_form_toolbox=显示工具条 hivuiSam_form_axisMarking=轴标记 hivuiSam_form_legend=系列名 hivuiSam_form_tipStyle=提示风格 hivuiSam_form_staField=统计字段 hivuiSam_form_title=标题 hivuiSam_form_mainTitle=主标题 hivuiSam_form_subTitle=副标题 hivuiSam_form_weekColumns=周栏 hivuiSam_form_column=栏数 hivuiSam_form_week=每栏周期 hivuiSam_title_num=显示数值 hivuiSam_title_percent=显示百分比 hivuiSam_title_columnSet=分析列设置 hivuiSam_title_analysisField=选择分析字段 hivuiSam_title_groupField=选择分组字段 hivuiSam_label_none=不显示 hivuiSam_label_depthAnalysis=深度分析 hivuiSam_name_empty=空条件 hivuiSam_name_sum=汇总 hivuiSam_dropdown_table=表格 hivuiSam_dropdown_pie=饼图 hivuiSam_dropdown_bar=柱图 hivuiSam_dropdown_line=线图 hivuiSam_dropdown_area=区域图 hivuiSam_dropdown_stack=叠加柱图 hivuiSam_axisMarkOptions_none=不显示 hivuiSam_axisMarkOptions_num=显示值 hivuiSam_axisMarkOptions_percent=百分比 hivuiSam_legendOptions_1=不显示 hivuiSam_legendOptions_2=上边 hivuiSam_legendOptions_3=右边 hivuiSam_tipStyleOptions_1=值 hivuiSam_tipStyleOptions_2=百分比% hivuiSam_tipStyleOptions_3=值+分类 hivuiSam_trans_target=目标 hivuiSam_trans_source=来源 hivuiBirt_datetime_to=至 hivuiBirt_datetime_start=开始日期 hivuiBirt_datetime_end=结束日期 hivuiBirt_datetime_now=本日 hivuiBirt_datetime_yesterday=昨日 hivuiBirt_datetime_last7=近7日 hivuiBirt_datetime_last28=近28日 hivuiBirt_datetime_last84=近84日 hivuiBirt_datetime_halfYear=近半年 hivuiBirt_datetime_oneYear=近1年 hivuiBirt_datetime_overdue=已过期 hivuiBirt_datetime_threeMonth=三个月内 hivuiBirt_datetime_three2six_months=三至六个月 hivuiBirt_datetime_six2nine_months=六至九个月 hivuiBirt_datetime_nine_months=九个月以上 hivuiBirt_datetime_eighteen_months=18个月上 hivuiBirt_datetime_two_years=二年以上 hivuiBirt_datetime_three_years=三年以上 hivuiBirt_datetime_week=本周 hivuiBirt_datetime_month=本月 hivuiBirt_datetime_quarter=本季度 hivuiBirt_datetime_year=本年度 hivuiSam_btn_back=后退 hivuiSam_btn_go=前进 hivuiSam_btn_sort=排序 hivuiSam_btn_noSort=不排序 hivuiSam_btn_columnSet=列设置 hivuiSam_btn_refresh=刷新 hivuiSam_btn_edit=编辑 hivuiSam_btn_confirm=确定 hivuiSam_btn_remove=删除 hivuiSam_btn_executeOverlay=执行叠加 hivuiSam_btn_analysisRecord=分析记录 hivuiSam_btn_schemeList=方案列表 hivuiSam_btn_export=导出excel hivuiSam_btn_schemeSave=保存方案 hivuiSam_btn_up=上移 hivuiSam_btn_down=下移 hivuiSam_btn_doQuery=执行查询 hivuiSam_btn_reset=重置 hivuiSam_btn_chart=图表 hivuiSam_btn_inRange=内 hivuiSam_btn_outRange=外 hivuiSam_btn_detail=详情 hivuiSam_table_scheme=方案名称 hivuiSam_table_abbreviation=缩写 hivuiSam_table_operate=操作 hivuiSam_table_countField=统计字段 hivuiSam_table_tableColumn=网格列 hivuiSam_table_tableColumnCount=网格合计列 hivuiSam_table_chartColumn=图表列 hivuiSam_table_chartColumnCount=图表列汇总 hivuiSam_check_overlay=叠加 hivuiSam_check_directPerspective=直接透视 hivuiSam_layout_panel=面板 hivuiSam_layout_conditionPanel=条件面板 hivuiSam_layout_setPanel=设置面板 hivuiSam_layout_summary=汇总条件 hivuiSam_form_group=分组条件 hivuiSam_form_xInverse=横轴翻转 hivuiSam_form_toolbox=显示工具条 hivuiSam_form_axisMarking=轴标记 hivuiSam_form_legend=系列名 hivuiSam_form_tipStyle=提示风格 hivuiSam_form_staField=统计字段 hivuiSam_form_title=标题 hivuiSam_form_mainTitle=主标题 hivuiSam_form_subTitle=副标题 hivuiSam_form_weekColumns=周栏 hivuiSam_form_column=栏数 hivuiSam_form_week=每栏周期 hivuiSam_title_num=显示数值 hivuiSam_title_percent=显示百分比 hivuiSam_title_columnSet=分析列设置 hivuiSam_title_analysisField=选择分析字段 hivuiSam_title_groupField=选择分组字段 hivuiSam_label_none=不显示 hivuiSam_label_depthAnalysis=深度分析 hivuiSam_name_empty=空条件 hivuiSam_name_sum=统计 hivuiSam_dropdown_table=表格 hivuiSam_dropdown_pie=饼图 hivuiSam_dropdown_bar=柱图 hivuiSam_dropdown_line=线图 hivuiSam_dropdown_area=区域图 hivuiSam_dropdown_stack=叠加柱图 hivuiSam_axisMarkOptions_none=不显示 hivuiSam_axisMarkOptions_num=显示值 hivuiSam_axisMarkOptions_percent=百分比 hivuiSam_legendOptions_1=不显示 hivuiSam_legendOptions_2=上边 hivuiSam_legendOptions_3=右边 hivuiSam_tipStyleOptions_1=值 hivuiSam_tipStyleOptions_2=百分比% hivuiSam_tipStyleOptions_3=值+分类 hivuiSam_trans_target=目标 hivuiSam_trans_source=来源

Ignore Space Show notes View project/hivuiSam/lang/zh-CN.js

var GLOBAL_LANG_TPL = { "hivuiBirt_datetime_to": "至", "hivuiBirt_datetime_start": "开始日期", "hivuiBirt_datetime_end": "结束日期", "hivuiBirt_datetime_now": "本日", "hivuiBirt_datetime_yesterday": "昨日", "hivuiBirt_datetime_last7": "近7日", "hivuiBirt_datetime_last28": "近28日", "hivuiBirt_datetime_last84": "近84日", "hivuiBirt_datetime_halfYear": "近半年", "hivuiBirt_datetime_oneYear": "近1年", "hivuiBirt_datetime_overdue": "已过期", "hivuiBirt_datetime_threeMonth": "三个月内", "hivuiBirt_datetime_three2six_months": "三至六个月", "hivuiBirt_datetime_six2nine_months": "六至九个月", "hivuiBirt_datetime_nine_months": "九个月以上", "hivuiBirt_datetime_eighteen_months": "18个月上", "hivuiBirt_datetime_two_years": "二年以上", "hivuiBirt_datetime_three_years": "三年以上", "hivuiBirt_datetime_week": "本周", "hivuiBirt_datetime_month": "本月", "hivuiBirt_datetime_quarter": "本季度", "hivuiBirt_datetime_year": "本年度", "hivuiSam_btn_back": "后退", "hivuiSam_btn_go": "前进", "hivuiSam_btn_sort": "排序", "hivuiSam_btn_noSort": "不排序", "hivuiSam_btn_columnSet": "列设置", "hivuiSam_btn_refresh": "刷新", "hivuiSam_btn_edit": "编辑", "hivuiSam_btn_confirm": "确定", "hivuiSam_btn_remove": "删除", "hivuiSam_btn_executeOverlay": "执行叠加", "hivuiSam_btn_analysisRecord": "分析记录", "hivuiSam_btn_schemeList": "方案列表", "hivuiSam_btn_export": "导出excel", "hivuiSam_btn_schemeSave": "保存方案", "hivuiSam_btn_up": "上移", "hivuiSam_btn_down": "下移", "hivuiSam_btn_doQuery": "执行查询", "hivuiSam_btn_reset": "重置", "hivuiSam_btn_chart": "图表", "hivuiSam_btn_inRange":"内", "hivuiSam_btn_outRange":"外", "hivuiSam_btn_detail":"详情", "hivuiSam_table_scheme": "方案名称", "hivuiSam_table_abbreviation": "缩写", "hivuiSam_table_operate": "操作", "hivuiSam_table_countField": "统计字段", "hivuiSam_table_tableColumn": "网格列", "hivuiSam_table_tableColumnCount": "网格合计列", "hivuiSam_table_chartColumn": "图表列", "hivuiSam_table_chartColumnCount": "图表列汇总", "hivuiSam_check_overlay": "叠加", "hivuiSam_check_directPerspective": "直接透视", "hivuiSam_layout_panel": "面板", "hivuiSam_layout_conditionPanel": "条件面板", "hivuiSam_layout_setPanel": "设置面板", "hivuiSam_layout_summary": "汇总条件", "hivuiSam_form_group": "分组条件", "hivuiSam_form_xInverse": "横轴翻转", "hivuiSam_form_toolbox": "显示工具条", "hivuiSam_form_axisMarking": "轴标记", "hivuiSam_form_legend": "系列名", "hivuiSam_form_tipStyle": "提示风格", "hivuiSam_form_staField": "统计字段", "hivuiSam_form_title": "标题", "hivuiSam_form_mainTitle": "主标题", "hivuiSam_form_subTitle": "副标题", "hivuiSam_form_weekColumns": "周栏", "hivuiSam_form_column": "栏数", "hivuiSam_form_week": "每栏周期", "hivuiSam_title_num": "显示数值", "hivuiSam_title_percent": "显示百分比", "hivuiSam_title_columnSet": "分析列设置", "hivuiSam_title_analysisField": "选择分析字段", "hivuiSam_title_groupField": "选择分组字段", "hivuiSam_label_none": "不显示", "hivuiSam_label_depthAnalysis": "深度分析", "hivuiSam_name_empty": "空条件", "hivuiSam_name_sum": "汇总", "hivuiSam_dropdown_table":"表格", "hivuiSam_dropdown_pie":"饼图", "hivuiSam_dropdown_bar":"柱图", "hivuiSam_dropdown_line":"线图", "hivuiSam_dropdown_area":"区域图", "hivuiSam_dropdown_stack":"叠加柱图", "hivuiSam_axisMarkOptions_none":"不显示", "hivuiSam_axisMarkOptions_num":"显示值", "hivuiSam_axisMarkOptions_percent":"百分比", "hivuiSam_legendOptions_1":"不显示", "hivuiSam_legendOptions_2":"上边", "hivuiSam_legendOptions_3":"右边", "hivuiSam_tipStyleOptions_1":"值", "hivuiSam_tipStyleOptions_2":"百分比%", "hivuiSam_tipStyleOptions_3":"值+分类", "hivuiSam_trans_target":"目标", "hivuiSam_trans_source":"来源" }; var GLOBAL_LANG_TPL = { "hivuiBirt_datetime_to": "至", "hivuiBirt_datetime_start": "开始日期", "hivuiBirt_datetime_end": "结束日期", "hivuiBirt_datetime_now": "本日", "hivuiBirt_datetime_yesterday": "昨日", "hivuiBirt_datetime_last7": "近7日", "hivuiBirt_datetime_last28": "近28日", "hivuiBirt_datetime_last84": "近84日", "hivuiBirt_datetime_halfYear": "近半年", "hivuiBirt_datetime_oneYear": "近1年", "hivuiBirt_datetime_overdue": "已过期", "hivuiBirt_datetime_threeMonth": "三个月内", "hivuiBirt_datetime_three2six_months": "三至六个月", "hivuiBirt_datetime_six2nine_months": "六至九个月", "hivuiBirt_datetime_nine_months": "九个月以上", "hivuiBirt_datetime_eighteen_months": "18个月上", "hivuiBirt_datetime_two_years": "二年以上", "hivuiBirt_datetime_three_years": "三年以上", "hivuiBirt_datetime_week": "本周", "hivuiBirt_datetime_month": "本月", "hivuiBirt_datetime_quarter": "本季度", "hivuiBirt_datetime_year": "本年度", "hivuiSam_btn_back": "后退", "hivuiSam_btn_go": "前进", "hivuiSam_btn_sort": "排序", "hivuiSam_btn_noSort": "不排序", "hivuiSam_btn_columnSet": "列设置", "hivuiSam_btn_refresh": "刷新", "hivuiSam_btn_edit": "编辑", "hivuiSam_btn_confirm": "确定", "hivuiSam_btn_remove": "删除", "hivuiSam_btn_executeOverlay": "执行叠加", "hivuiSam_btn_analysisRecord": "分析记录", "hivuiSam_btn_schemeList": "方案列表", "hivuiSam_btn_export": "导出excel", "hivuiSam_btn_schemeSave": "保存方案", "hivuiSam_btn_up": "上移", "hivuiSam_btn_down": "下移", "hivuiSam_btn_doQuery": "执行查询", "hivuiSam_btn_reset": "重置", "hivuiSam_btn_chart": "图表", "hivuiSam_btn_inRange":"内", "hivuiSam_btn_outRange":"外", "hivuiSam_btn_detail":"详情", "hivuiSam_table_scheme": "方案名称", "hivuiSam_table_abbreviation": "缩写", "hivuiSam_table_operate": "操作", "hivuiSam_table_countField": "统计字段", "hivuiSam_table_tableColumn": "网格列", "hivuiSam_table_tableColumnCount": "网格合计列", "hivuiSam_table_chartColumn": "图表列", "hivuiSam_table_chartColumnCount": "图表列汇总", "hivuiSam_check_overlay": "叠加", "hivuiSam_check_directPerspective": "直接透视", "hivuiSam_layout_panel": "面板", "hivuiSam_layout_conditionPanel": "条件面板", "hivuiSam_layout_setPanel": "设置面板", "hivuiSam_layout_summary": "汇总条件", "hivuiSam_form_group": "分组条件", "hivuiSam_form_xInverse": "横轴翻转", "hivuiSam_form_toolbox": "显示工具条", "hivuiSam_form_axisMarking": "轴标记", "hivuiSam_form_legend": "系列名", "hivuiSam_form_tipStyle": "提示风格", "hivuiSam_form_staField": "统计字段", "hivuiSam_form_title": "标题", "hivuiSam_form_mainTitle": "主标题", "hivuiSam_form_subTitle": "副标题", "hivuiSam_form_weekColumns": "周栏", "hivuiSam_form_column": "栏数", "hivuiSam_form_week": "每栏周期", "hivuiSam_title_num": "显示数值", "hivuiSam_title_percent": "显示百分比", "hivuiSam_title_columnSet": "分析列设置", "hivuiSam_title_analysisField": "选择分析字段", "hivuiSam_title_groupField": "选择分组字段", "hivuiSam_label_none": "不显示", "hivuiSam_label_depthAnalysis": "深度分析", "hivuiSam_name_empty": "空条件", "hivuiSam_name_sum": "统计", "hivuiSam_dropdown_table":"表格", "hivuiSam_dropdown_pie":"饼图", "hivuiSam_dropdown_bar":"柱图", "hivuiSam_dropdown_line":"线图", "hivuiSam_dropdown_area":"区域图", "hivuiSam_dropdown_stack":"叠加柱图", "hivuiSam_axisMarkOptions_none":"不显示", "hivuiSam_axisMarkOptions_num":"显示值", "hivuiSam_axisMarkOptions_percent":"百分比", "hivuiSam_legendOptions_1":"不显示", "hivuiSam_legendOptions_2":"上边", "hivuiSam_legendOptions_3":"右边", "hivuiSam_tipStyleOptions_1":"值", "hivuiSam_tipStyleOptions_2":"百分比%", "hivuiSam_tipStyleOptions_3":"值+分类", "hivuiSam_trans_target":"目标", "hivuiSam_trans_source":"来源" };

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 (!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;

Show line notes below