Browse code Merge branch 'master' of http://git.hieap.cn/gitbucket/git/08335/hivui-platform-template master
commit aec016e1559f540d96c962a423eed5e25c24950f 2 parents 1d460bf + 21f8a51 12112 authored on 16 May 2024

Showing 23 changed files

• assets_platform/workbox3/sw.js
• assets_platform/workbox3/workbox-cache-expiration.prod.js
• assets_platform/workbox3/workbox-core.prod.js
• assets_platform/workbox3/workbox-routing.prod.js
• assets_platform/workbox3/workbox-strategies.prod.js
• assets_platform/workbox3/workbox-sw.js
• package.json
• project/error/error.css
• project/hivuiBirt/index.html
• project/hivuiLogin/index.html
• project/hivuiMain/App.vue
• project/hivuiMain/index.html
• project/hivuiMain/store/getters.js
• project/hivuiMain/store/modules/app.js
• project/hivuiMain/utils/index.js
• project/hivuiMain/views/layout/components/Header.vue
• project/hivuiMain/views/layout/components/allFuncMenu/index.vue
• project/hivuiMain/views/layout/index.vue
• project/hivuiMain/views/personalCenter/components/UserUpdate.vue
• project/hivuiMain/views/personalCenter/index.vue
• project/hivuiSam/index.html
• project/hivuiStudio/index.html
• vite-plugin/vite-plugin-func.js

Ignore Space Show notes View assets_platform/workbox3/sw.js 0 → 100644

/* 路由缓存策略 staleWhileRevalidate 请求的路由有对应的 cache 缓存就直接返回，同时在后台再次发起请求并更新 Cache networkFirst 请求后，首先尝试拿到网路请求的返回结果，请求到就直接返回并且更新 cache，否则返回缓存中的内容 cacheFirst 请求后，直接从 Cache 中取得结果，没有的话在发起网络请求 networkOnly 强制使用网络请求 cacheOnly 强制使用 Cache 资源 ———————————————— 原文链接：https://blog.csdn.net/mjzhang1993/article/details/79570731 */ // google 首先引入 Workbox 框架 // importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.3.0/workbox-sw.js'); // 阿里 // importScripts('https://g.alicdn.com/kg/workbox/3.3.0/workbox-sw.js'); // 本地 importScripts("/assets_platform/workbox3/workbox-sw.js"); if (workbox) { // 阿里 // workbox.setConfig({ // debug: true, // modulePathPrefix: 'https://g.alicdn.com/kg/workbox/3.3.0/' // }); // 本地 workbox.setConfig({ debug: false, modulePathPrefix: "/assets_platform/workbox3/", }); // workbox.core.setCacheNameDetails({ // prefix: 'xjr-pwa', // suffix: 'v2' // }); // precacheAndRoute 预缓存静态文件，会卡死 // 注册成功后要立即缓存的资源列表 // workbox.precaching.precacheAndRoute(cacheList) console.log("Yay! Workbox is loaded 🎉"); // workbox.routing.registerRoute( // new RegExp('.*\.css'), // workbox.strategies.cacheFirst() // ); // 创建一个函数用于生成带有统一配置的缓存策略 function createCacheFirstStrategy(cacheName, maxAgeSeconds) { return workbox.strategies.cacheFirst({ cacheName: cacheName, plugins: [ new workbox.expiration.Plugin({ maxAgeSeconds: maxAgeSeconds || 7 * 24 * 60 * 60, // 统一设置过期时间为7天 }), ], }); } //---------指定路径缓存------------ // ------------tinymce---------------- workbox.routing.registerRoute( new RegExp("/assets_platform/editor.md/.*.js"), // new RegExp('.*\.js'),// 这里是任何正则都行，只要能匹配得上的请求路由地址 // workbox.strategies.cacheFirst(), createCacheFirstStrategy("editorMd_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/editor.md/.*.css"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("editorMd_css") ); workbox.routing.registerRoute( new RegExp("/assets_platform/editor.md/.*.(?:fnt|ttf|eot|woff|woff2)"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("editorMd_font") ); // ------------tinymce---------------- workbox.routing.registerRoute( new RegExp("/assets_platform/monaco/.*.js"), // new RegExp('.*\.js'),// 这里是任何正则都行，只要能匹配得上的请求路由地址 // workbox.strategies.cacheFirst(), createCacheFirstStrategy("monaco_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/monaco/.*.css"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("monaco_css") ); workbox.routing.registerRoute( new RegExp("/assets_platform/monaco/.*.(?:fnt|ttf|eot|woff|woff2)"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("monaco_font") ); // ------------tinymce---------------- workbox.routing.registerRoute( new RegExp("/assets_platform/tinymce/.*.js"), // new RegExp('.*\.js'),// 这里是任何正则都行，只要能匹配得上的请求路由地址 // workbox.strategies.cacheFirst(), createCacheFirstStrategy("tinymce_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/tinymce/.*.css"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("tinymce_css") ); workbox.routing.registerRoute( new RegExp("/assets_platform/tinymce/.*.(?:fnt|ttf|eot|woff|woff2)"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("tinymce_font") ); // ------------element-ui---------------- workbox.routing.registerRoute( new RegExp("/assets_platform/element-ui/.*.js"), // new RegExp('.*\.js'),// 这里是任何正则都行，只要能匹配得上的请求路由地址 // workbox.strategies.cacheFirst(), createCacheFirstStrategy("elementUI_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/element-ui/.*.css"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("elementUI_css") ); workbox.routing.registerRoute( new RegExp("/assets_platform/element-ui/.*.(?:fnt|ttf|eot|woff|woff2)"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("elementUI_font") ); // -----------jquery vue ------------- workbox.routing.registerRoute( new RegExp("/assets_platform/jquery/.*.js"), createCacheFirstStrategy("jquery_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/vue/.*.js"), createCacheFirstStrategy("vue_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/vue-router/.*.js"), createCacheFirstStrategy("vueRouter_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/vuex/.*.js"), createCacheFirstStrategy("vuex_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/vue-i18n/.*.js"), createCacheFirstStrategy("vueI18n_js") ); //--------bootstrap3-------------------- workbox.routing.registerRoute( new RegExp("/assets_platform/bootstrap3/.*.js"), // new RegExp('.*\.js'),// 这里是任何正则都行，只要能匹配得上的请求路由地址 // workbox.strategies.cacheFirst(), createCacheFirstStrategy("bootstrap3_js") ); workbox.routing.registerRoute( new RegExp("/assets_platform/bootstrap3/.*.css"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("bootstrap3_css") ); workbox.routing.registerRoute( new RegExp("/assets_platform/bootstrap3/.*.(?:fnt|ttf|eot|woff|woff2)"), // workbox.strategies.cacheFirst(), createCacheFirstStrategy("bootstrap3_font") ); // workbox.routing.registerRoute( // new RegExp('/static/web/music/.*\.(?:mp3|mp4|ogg|wav|avi|rm|wmv|fl|flv|rmvb|3gp)'), // // workbox.strategies.cacheFirst(), // createCacheFirstStrategy('webMusic_media') // ); // workbox.routing.registerRoute( // new RegExp('/static/web/images/index/.*\.(?:png|jpg|jpeg|svg|gif)'), // // workbox.strategies.cacheFirst(), // createCacheFirstStrategy('webImagesIndex_imgs') // ); } else { console.log("Boo! Workbox didn't load 😬"); }

Ignore Space Show notes View assets_platform/workbox3/workbox-cache-expiration.prod.js 0 → 100644

this.workbox=this.workbox||{},this.workbox.expiration=function(e,t,r,n,i){"use strict";try{self.workbox.v["workbox:cache-expiration:3.3.0"]=1}catch(e){}const s="url",a="timestamp";class l{constructor(e){this.e=e,this.t=e,this.r=new t.DBWrapper(this.e,2,{onupgradeneeded:e=>this.n(e)})}n(e){const t=e.target.result;e.oldVersion<2&&t.objectStoreNames.contains("workbox-cache-expiration")&&t.deleteObjectStore("workbox-cache-expiration"),t.createObjectStore(this.t,{keyPath:s}).createIndex(a,a,{unique:!1})}setTimestamp(e,t){var r=this;return babelHelpers.asyncToGenerator(function*(){yield r.r.put(r.t,{[s]:new URL(e,location).href,[a]:t})})()}getAllTimestamps(){var e=this;return babelHelpers.asyncToGenerator(function*(){return yield e.r.getAllMatching(e.t,{index:a})})()}getTimestamp(e){var t=this;return babelHelpers.asyncToGenerator(function*(){return(yield t.r.get(t.t,e)).timestamp})()}deleteUrl(e){var t=this;return babelHelpers.asyncToGenerator(function*(){yield t.r.delete(t.t,new URL(e,location).href)})()}delete(){var e=this;return babelHelpers.asyncToGenerator(function*(){yield e.r.deleteDatabase(),e.r=null})()}}class o{constructor(e,t={}){this.i=!1,this.s=!1,this.a=t.maxEntries,this.l=t.maxAgeSeconds,this.e=e,this.o=new l(e)}expireEntries(){var e=this;return babelHelpers.asyncToGenerator(function*(){if(e.i)return void(e.s=!0);e.i=!0;const t=Date.now(),r=yield e.c(t),n=yield e.u(),i=[...new Set(r.concat(n))];yield Promise.all([e.h(i),e.d(i)]),e.i=!1,e.s&&(e.s=!1,e.expireEntries())})()}c(e){var t=this;return babelHelpers.asyncToGenerator(function*(){if(!t.l)return[];const r=e-1e3*t.l,n=[];return(yield t.o.getAllTimestamps()).forEach(function(e){e.timestamp<r&&n.push(e.url)}),n})()}u(){var e=this;return babelHelpers.asyncToGenerator(function*(){const t=[];if(!e.a)return[];const r=yield e.o.getAllTimestamps();for(;r.length>e.a;){const e=r.shift();t.push(e.url)}return t})()}h(e){var t=this;return babelHelpers.asyncToGenerator(function*(){const r=yield caches.open(t.e);for(const t of e)yield r.delete(t)})()}d(e){var t=this;return babelHelpers.asyncToGenerator(function*(){for(const r of e)yield t.o.deleteUrl(r)})()}updateTimestamp(e){var t=this;return babelHelpers.asyncToGenerator(function*(){const r=new URL(e,location);r.hash="",yield t.o.setTimestamp(r.href,Date.now())})()}isURLExpired(e){var t=this;return babelHelpers.asyncToGenerator(function*(){if(!t.l)throw new r.WorkboxError("expired-test-without-max-age",{methodName:"isURLExpired",paramName:"maxAgeSeconds"});const n=new URL(e,location);return n.hash="",(yield t.o.getTimestamp(n.href))<Date.now()-1e3*t.l})()}delete(){var e=this;return babelHelpers.asyncToGenerator(function*(){e.s=!1,yield e.o.delete()})()}}return e.CacheExpiration=o,e.Plugin=class{constructor(e={}){this.p=e,this.l=e.maxAgeSeconds,this.b=new Map,e.purgeOnQuotaError&&i.registerCallback(()=>this.deleteCacheAndMetadata())}f(e){if(e===n.cacheNames.getRuntimeName())throw new r.WorkboxError("expire-custom-caches-only");let t=this.b.get(e);return t||(t=new o(e,this.p),this.b.set(e,t)),t}cachedResponseWillBeUsed({cacheName:e,cachedResponse:t}){if(!t)return null;let r=this.m(t);return this.f(e).expireEntries(),r?t:null}m(e){if(!this.l)return!0;const t=this.y(e);return null===t||t>=Date.now()-1e3*this.l}y(e){if(!e.headers.has("date"))return null;const t=e.headers.get("date"),r=new Date(t).getTime();return isNaN(r)?null:r}cacheDidUpdate({cacheName:e,request:t}){var r=this;return babelHelpers.asyncToGenerator(function*(){const n=r.f(e);yield n.updateTimestamp(t.url),yield n.expireEntries()})()}deleteCacheAndMetadata(){var e=this;return babelHelpers.asyncToGenerator(function*(){for(const[t,r]of e.b)yield caches.delete(t),yield r.delete();e.b=new Map})()}},e}({},workbox.core._private,workbox.core._private,workbox.core._private,workbox.core._private);

Ignore Space Show notes View assets_platform/workbox3/workbox-core.prod.js 0 → 100644

self.babelHelpers={asyncToGenerator:function(e){return function(){var r=e.apply(this,arguments);return new Promise(function(e,t){return function n(o,i){try{var c=r[o](i),l=c.value}catch(e){return void t(e)}if(!c.done)return Promise.resolve(l).then(function(e){n("next",e)},function(e){n("throw",e)});e(l)}("next")})}}},this.workbox=this.workbox||{},this.workbox.core=function(){"use strict";try{self.workbox.v["workbox:core:3.3.0"]=1}catch(e){}var e={debug:0,log:1,warn:2,error:3,silent:4};const r=(e,...r)=>{let t=e;return r.length>0&&(t+=` :: ${JSON.stringify(r)}`),t};class t extends Error{constructor(e,t){super(r(e,t)),this.name=e,this.details=t}}const n={prefix:"workbox",suffix:self.registration.scope,googleAnalytics:"googleAnalytics",precache:"precache",runtime:"runtime"},o=e=>[n.prefix,e,n.suffix].filter(e=>e.length>0).join("-"),i={updateDetails:e=>{Object.keys(n).forEach(r=>{void 0!==e[r]&&(n[r]=e[r])})},getGoogleAnalyticsName:e=>e||o(n.googleAnalytics),getPrecacheName:e=>e||o(n.precache),getRuntimeName:e=>e||o(n.runtime)},c=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);let l=(()=>e.warn)();const u=e=>l<=e,s=e=>l=e,a=()=>l,f=e.error,d=function(r,t,n){const o=0===r.indexOf("group")?f:e[r];if(!u(o))return;if(!n||"groupCollapsed"===r&&c)return void console[r](...t);const i=["%cworkbox",`background: ${n}; color: white; padding: 2px 0.5em; `+"border-radius: 0.5em;"];console[r](...i,...t)},h=()=>{u(f)&&console.groupEnd()},p={groupEnd:h,unprefixed:{groupEnd:h}},b={debug:"#7f8c8d",log:"#2ecc71",warn:"#f39c12",error:"#c0392b",groupCollapsed:"#3498db"};var y,g;Object.keys(b).forEach(e=>(e=e,g=b[e],p[e]=((...r)=>d(e,r,g)),void(p.unprefixed[e]=((...r)=>d(e,r)))));var v=new class{constructor(){try{self.workbox.v=self.workbox.v||{}}catch(e){}}get cacheNames(){return{googleAnalytics:i.getGoogleAnalyticsName(),precache:i.getPrecacheName(),runtime:i.getRuntimeName()}}setCacheNameDetails(e){i.updateDetails(e)}get logLevel(){return a()}setLogLevel(r){if(r>e.silent||r<e.debug)throw new t("invalid-value",{paramName:"logLevel",validValueDescription:"Please use a value from LOG_LEVELS, i.e 'logLevel = workbox.core.LOG_LEVELS.debug'.",value:r});s(r)}};class w{constructor(e,r,{onupgradeneeded:t,onversionchange:n=this.e}={}){this.r=e,this.t=r,this.n=t,this.e=n,this.o=null}open(){var e=this;return babelHelpers.asyncToGenerator(function*(){if(!e.o)return e.o=yield new Promise(function(r,t){let n=!1;setTimeout(function(){n=!0,t(new Error("The open request was blocked and timed out"))},e.OPEN_TIMEOUT);const o=indexedDB.open(e.r,e.t);o.onerror=function(e){return t(o.error)},o.onupgradeneeded=function(r){n?(o.transaction.abort(),r.target.result.close()):e.n&&e.n(r)},o.onsuccess=function(t){const o=t.target.result;n?o.close():(o.onversionchange=e.e,r(o))}}),e})()}get(e,...r){var t=this;return babelHelpers.asyncToGenerator(function*(){return yield t.i("get",e,"readonly",...r)})()}add(e,...r){var t=this;return babelHelpers.asyncToGenerator(function*(){return yield t.i("add",e,"readwrite",...r)})()}put(e,...r){var t=this;return babelHelpers.asyncToGenerator(function*(){return yield t.i("put",e,"readwrite",...r)})()}delete(e,...r){var t=this;return babelHelpers.asyncToGenerator(function*(){yield t.i("delete",e,"readwrite",...r)})()}deleteDatabase(){var e=this;return babelHelpers.asyncToGenerator(function*(){e.close(),e.o=null,yield new Promise(function(r,t){const n=indexedDB.deleteDatabase(e.r);n.onerror=function(e){return t(e.target.error)},n.onblocked=function(){return t(new Error("Deletion was blocked."))},n.onsuccess=function(){return r()}})})()}getAll(e,r,t){var n=this;return babelHelpers.asyncToGenerator(function*(){return"getAll"in IDBObjectStore.prototype?yield n.i("getAll",e,"readonly",r,t):yield n.getAllMatching(e,{query:r,count:t})})()}getAllMatching(e,r={}){var t=this;return babelHelpers.asyncToGenerator(function*(){return yield t.transaction([e],"readonly",function(t,n){const o=t[e],i=[];(r.index?o.index(r.index):o).openCursor(r.query,r.direction).onsuccess=function(e){const t=e.target.result;if(t){const{primaryKey:e,key:o,value:c}=t;i.push(r.includeKeys?{primaryKey:e,key:o,value:c}:c),r.count&&i.length>=r.count?n(i):t.continue()}else n(i)}})})()}transaction(e,r,t){var n=this;return babelHelpers.asyncToGenerator(function*(){return yield n.open(),yield new Promise(function(o,i){const c=n.o.transaction(e,r);c.onerror=function(e){return i(e.target.error)},c.onabort=function(e){return i(e.target.error)},c.oncomplete=function(){return o()};const l={};for(const r of e)l[r]=c.objectStore(r);t(l,function(e){return o(e)},function(){i(new Error("The transaction was manually aborted")),c.abort()})})})()}i(e,r,t,...n){var o=this;return babelHelpers.asyncToGenerator(function*(){yield o.open();return yield o.transaction([r],t,function(t,o){t[r][e](...n).onsuccess=function(e){o(e.target.result)}})})()}e(e){this.close()}close(){this.o&&this.o.close()}}w.prototype.OPEN_TIMEOUT=2e3;var m="cacheDidUpdate",E="cacheWillUpdate",L="cachedResponseWillBeUsed",H="fetchDidFail",x="requestWillFetch",k=(e,r)=>e.filter(e=>r in e);let q=(D=babelHelpers.asyncToGenerator(function*(){for(const e of N)yield e()}),function(){return D.apply(this,arguments)});var D;const N=new Set;const O=e=>{const r=new URL(e,location);return r.origin===location.origin?r.pathname:r.href},R=(()=>{var e=babelHelpers.asyncToGenerator(function*(e,r,n,o=[]){if(!n)throw new t("cache-put-with-no-response",{url:O(r.url)});let i=yield W(r,n,o);if(!i)return;const c=yield caches.open(e),l=k(o,m);let u=l.length>0?yield A(e,r):null;try{yield c.put(r,i)}catch(e){throw"QuotaExceededError"===e.name&&(yield q()),e}for(let t of l)yield t[m].call(t,{cacheName:e,request:r,oldResponse:u,newResponse:i})});return function(r,t,n){return e.apply(this,arguments)}})(),A=(P=babelHelpers.asyncToGenerator(function*(e,r,t,n=[]){let o=yield(yield caches.open(e)).match(r,t);for(let i of n)L in i&&(o=yield i[L].call(i,{cacheName:e,request:r,matchOptions:t,cachedResponse:o}));return o}),function(e,r,t){return P.apply(this,arguments)});var P;const W=(S=babelHelpers.asyncToGenerator(function*(e,r,t){let n=r,o=!1;for(let r of t)if(E in r&&(o=!0,!(n=yield r[E].call(r,{request:e,response:n}))))break;return o||(n=n.ok?n:null),n||null}),function(e,r,t){return S.apply(this,arguments)});var S;const _={put:R,match:A},j={fetch:(()=>{var e=babelHelpers.asyncToGenerator(function*(e,r,n=[]){"string"==typeof e&&(e=new Request(e));const o=k(n,H),i=o.length>0?e.clone():null;try{for(let r of n)x in r&&(e=yield r[x].call(r,{request:e.clone()}))}catch(e){throw new t("plugin-error-request-will-fetch",{thrownError:e})}const c=e.clone();try{return yield fetch(e,r)}catch(e){for(let r of o)yield r[H].call(r,{error:e,originalRequest:i.clone(),request:c.clone()});throw e}});return function(r,t){return e.apply(this,arguments)}})()};var B=Object.freeze({DBWrapper:w,WorkboxError:t,assert:null,cacheNames:i,cacheWrapper:_,fetchWrapper:j,getFriendlyURL:O,logger:p,registerQuotaErrorCallback:function(e){N.add(e)}});return Object.assign(v,{LOG_LEVELS:e,_private:B})}();

Ignore Space Show notes View assets_platform/workbox3/workbox-routing.prod.js 0 → 100644

this.workbox=this.workbox||{},this.workbox.routing=function(t,e){"use strict";try{self.workbox.v["workbox:routing:3.3.0"]=1}catch(t){}const r="GET";var s=t=>t&&"object"==typeof t?t:{handle:t};class n{constructor(t,e,n){this.handler=s(e),this.match=t,this.method=n||r}}class o extends n{constructor(t,e,r){super(({url:e})=>{const r=t.exec(e.href);return r?e.origin!==location.origin&&0!==r.index?null:r.slice(1):null},e,r)}}class i{constructor(){this.t=new Map}handleRequest(t){const e=new URL(t.request.url);if(!e.protocol.startsWith("http"))return;let r=null,s=null,n=null;const o=this.e(t,e);if(s=o.handler,n=o.params,r=o.route,!s&&this.r&&(s=this.r),!s)return;let i;try{i=s.handle({url:e,event:t,params:n})}catch(t){i=Promise.reject(t)}return i&&this.s&&(i=i.catch(r=>this.s.handle({url:e,event:t,err:r}))),i}e(t,e){const r=this.t.get(t.request.method)||[];for(const s of r){let r=s.match({url:e,event:t});if(r)return Array.isArray(r)&&0===r.length?r=void 0:(r.constructor===Object&&0===Object.keys(r).length||!0===r)&&(r=void 0),{route:s,params:r,handler:s.handler}}return{handler:void 0,params:void 0}}setDefaultHandler(t){this.r=s(t)}setCatchHandler(t){this.s=s(t)}registerRoute(t){this.t.has(t.method)||this.t.set(t.method,[]),this.t.get(t.method).push(t)}unregisterRoute(e){if(!this.t.has(e.method))throw new t.WorkboxError("unregister-route-but-not-found-with-method",{method:e.method});const r=this.t.get(e.method).indexOf(e);if(!(r>-1))throw new t.WorkboxError("unregister-route-route-not-registered");this.t.get(e.method).splice(r,1)}}class u extends n{constructor(t,{whitelist:e=[/./],blacklist:r=[]}={}){super((...t)=>this.n(...t),t),this.o=e,this.i=r}n({event:t,url:e}){if("navigate"!==t.request.mode)return!1;const r=e.pathname+e.search;return!this.i.some(t=>t.test(r))&&!!this.o.some(t=>t.test(r))}}var a=Object.freeze({RegExpRoute:o,Route:n,Router:i,NavigationRoute:u});const c=new class extends i{registerRoute(e,r,s="GET"){let i;if("string"==typeof e){const t=new URL(e,location);i=new n(({url:e})=>e.href===t.href,r,s)}else if(e instanceof RegExp)i=new o(e,r,s);else if("function"==typeof e)i=new n(e,r,s);else{if(!(e instanceof n))throw new t.WorkboxError("unsupported-route-type",{moduleName:"workbox-routing",className:"DefaultRouter",funcName:"registerRoute",paramName:"capture"});i=e}return super.registerRoute(i),i}registerNavigationRoute(t,r={}){const s=e.cacheNames.getPrecacheName(r.cacheName),n=new u(()=>caches.match(t,{cacheName:s}).then(e=>{if(e)return e;throw new Error(`The cache ${s} did not have an entry for `+`${t}.`)}).catch(e=>fetch(t)),{whitelist:r.whitelist,blacklist:r.blacklist});return super.registerRoute(n),n}};return self.addEventListener("fetch",t=>{const e=c.handleRequest(t);e&&t.respondWith(e)}),Object.assign(c,a)}(workbox.core._private,workbox.core._private);

Ignore Space Show notes View assets_platform/workbox3/workbox-strategies.prod.js 0 → 100644

this.workbox=this.workbox||{},this.workbox.strategies=function(e,t,r){"use strict";try{self.workbox.v["workbox:strategies:3.3.0"]=1}catch(e){}class n{constructor(t={}){this.e=e.cacheNames.getRuntimeName(t.cacheName),this.t=t.plugins||[],this.r=t.fetchOptions||null}handle({event:e}){var t=this;return babelHelpers.asyncToGenerator(function*(){return t.makeRequest({event:e,request:e.request})})()}makeRequest({event:e,request:r}){var n=this;return babelHelpers.asyncToGenerator(function*(){"string"==typeof r&&(r=new Request(r));let s,i=yield t.cacheWrapper.match(n.e,r,null,n.t);if(!i)try{i=yield n.n(r,e)}catch(e){s=e}if(s)throw s;return i})()}n(e,n){var s=this;return babelHelpers.asyncToGenerator(function*(){const i=yield r.fetchWrapper.fetch(e,s.r,s.t),l=i.clone(),u=t.cacheWrapper.put(s.e,e,l,s.t);if(n)try{n.waitUntil(u)}catch(e){}return i})()}}class s{constructor(t={}){this.e=e.cacheNames.getRuntimeName(t.cacheName),this.t=t.plugins||[]}handle({event:e}){var t=this;return babelHelpers.asyncToGenerator(function*(){return t.makeRequest({event:e,request:e.request})})()}makeRequest({event:e,request:r}){var n=this;return babelHelpers.asyncToGenerator(function*(){return"string"==typeof r&&(r=new Request(r)),yield t.cacheWrapper.match(n.e,r,null,n.t)})()}}var i={cacheWillUpdate:({response:e})=>e.ok||0===e.status?e:null};class l{constructor(t={}){if(this.e=e.cacheNames.getRuntimeName(t.cacheName),t.plugins){let e=t.plugins.some(e=>!!e.cacheWillUpdate);this.t=e?t.plugins:[i,...t.plugins]}else this.t=[i];this.s=t.networkTimeoutSeconds,this.r=t.fetchOptions||null}handle({event:e}){var t=this;return babelHelpers.asyncToGenerator(function*(){return t.makeRequest({event:e,request:e.request})})()}makeRequest({event:e,request:t}){var r=this;return babelHelpers.asyncToGenerator(function*(){const n=[];"string"==typeof t&&(t=new Request(t));const s=[];let i;if(r.s){const{id:e,promise:l}=r.i(t,n);i=e,s.push(l)}const l=r.l(i,e,t,n);s.push(l);let u=yield Promise.race(s);return u||(u=yield l),u})()}i(e,t){var r=this;let n;var s;return{promise:new Promise(t=>{const i=(s=babelHelpers.asyncToGenerator(function*(){t(yield r.u(e))}),function(){return s.apply(this,arguments)});n=setTimeout(i,1e3*this.s)}),id:n}}l(e,n,s,i){var l=this;return babelHelpers.asyncToGenerator(function*(){let i,u;try{u=yield r.fetchWrapper.fetch(s,l.r,l.t)}catch(e){i=e}if(e&&clearTimeout(e),i||!u)u=yield l.u(s);else{const e=u.clone(),r=t.cacheWrapper.put(l.e,s,e,l.t);if(n)try{n.waitUntil(r)}catch(e){}}return u})()}u(e){return t.cacheWrapper.match(this.e,e,null,this.t)}}class u{constructor(t={}){this.e=e.cacheNames.getRuntimeName(t.cacheName),this.t=t.plugins||[],this.r=t.fetchOptions||null}handle({event:e}){var t=this;return babelHelpers.asyncToGenerator(function*(){return t.makeRequest({event:e,request:e.request})})()}makeRequest({event:e,request:t}){var n=this;return babelHelpers.asyncToGenerator(function*(){let e,s;"string"==typeof t&&(t=new Request(t));try{s=yield r.fetchWrapper.fetch(t,n.r,n.t)}catch(t){e=t}if(e)throw e;return s})()}}class c{constructor(t={}){if(this.e=e.cacheNames.getRuntimeName(t.cacheName),this.t=t.plugins||[],t.plugins){let e=t.plugins.some(e=>!!e.cacheWillUpdate);this.t=e?t.plugins:[i,...t.plugins]}else this.t=[i];this.r=t.fetchOptions||null}handle({event:e}){var t=this;return babelHelpers.asyncToGenerator(function*(){return t.makeRequest({event:e,request:e.request})})()}makeRequest({event:e,request:r}){var n=this;return babelHelpers.asyncToGenerator(function*(){"string"==typeof r&&(r=new Request(r));const s=n.n(r,e);let i=yield t.cacheWrapper.match(n.e,r,null,n.t);if(i){if(e)try{e.waitUntil(s)}catch(e){}}else i=yield s;return i})()}n(e,n){var s=this;return babelHelpers.asyncToGenerator(function*(){const i=yield r.fetchWrapper.fetch(e,s.r,s.t),l=t.cacheWrapper.put(s.e,e,i.clone(),s.t);if(n)try{n.waitUntil(l)}catch(e){}return i})()}}var o=Object.freeze({CacheFirst:n,CacheOnly:s,NetworkFirst:l,NetworkOnly:u,StaleWhileRevalidate:c});const a={cacheFirst:n,cacheOnly:s,networkFirst:l,networkOnly:u,staleWhileRevalidate:c},h={};return Object.keys(a).forEach(e=>{h[e]=((t={})=>{return new(0,a[e])(Object.assign(t))})}),Object.assign(h,o)}(workbox.core._private,workbox.core._private,workbox.core._private);

Ignore Space Show notes View assets_platform/workbox3/workbox-sw.js 0 → 100644

var workbox=function(){"use strict";try{self.workbox.v["workbox:sw:3.3.0"]=1}catch(t){}const t="https://storage.googleapis.com/workbox-cdn/releases/3.3.0",e={backgroundSync:"background-sync",broadcastUpdate:"broadcast-cache-update",cacheableResponse:"cacheable-response",core:"core",expiration:"cache-expiration",googleAnalytics:"google-analytics",precaching:"precaching",rangeRequests:"range-requests",routing:"routing",strategies:"strategies",streams:"streams"};return new class{constructor(){return this.v={},this.t={debug:"localhost"===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.e=this.t.debug?"dev":"prod",this.s=!1,new Proxy(this,{get(t,s){if(t[s])return t[s];const o=e[s];return o&&t.loadModule(`workbox-${o}`),t[s]}})}setConfig(t={}){if(this.s)throw new Error("Config must be set before accessing workbox.* modules");Object.assign(this.t,t),this.e=this.t.debug?"dev":"prod"}skipWaiting(){self.addEventListener("install",()=>self.skipWaiting())}clientsClaim(){self.addEventListener("activate",()=>self.clients.claim())}loadModule(t){const e=this.o(t);try{importScripts(e),this.s=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}o(e){if(this.t.modulePathCb)return this.t.modulePathCb(e,this.t.debug);let s=[t];const o=`${e}.${this.e}.js`,r=this.t.modulePathPrefix;return r&&""===(s=r.split("/"))[s.length-1]&&s.splice(s.length-1,1),s.push(o),s.join("/")}}}();

Ignore Space Show notes View package.json

{ "name": "hi-vui-template", "version": "1.1.60", "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" }, "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", "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.16", "zhc-flowchart": "^1.0.20", "zhc-visualstudio": "^1.0.10" }, "preview": { "autoStopTime": 172800 } } { "name": "hi-vui-template", "version": "1.1.59", "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" }, "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", "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.15", "zhc-flowchart": "^1.0.20", "zhc-visualstudio": "^1.0.10" }, "preview": { "autoStopTime": 172800 } }

Ignore Space Show notes View project/error/error.css

.parent{ min-height: 320px; height: 80%; align-items: center; text-align: center; margin-top: 150px; } .img{ display: inline-block; padding-right: 52px; zoom: 1; } .msg{ display: inline-block; flex: auto; } .num{ color: #434e59; font-size: 72px; font-weight: 600; line-height: 72px; margin-bottom: 24px; } .info{ color: rgba(0,0,0,.45); font-size: 20px; line-height: 28px; margin-bottom: 16px; } .detail{ text-align: left; } .detail .info{ color:#333; font-size: 16px; } .detail .info.bigSize{ margin-top:30px; font-size: 36px; line-height: 46px; font-weight: bold; text-align: center; } .parent{ min-height: 320px; height: 80%; align-items: center; text-align: center; margin-top: 150px; } .img{ display: inline-block; padding-right: 52px; zoom: 1; } .msg{ display: inline-block; flex: auto; } .num{ color: #434e59; font-size: 72px; font-weight: 600; line-height: 72px; margin-bottom: 24px; } .info{ color: rgba(0,0,0,.45); font-size: 20px; line-height: 28px; margin-bottom: 16px; } .detail{ text-align: left; } .detail .info{ color:#333; font-size: 16px; } .detail .info.bigSize{ margin-top:30px; font-size: 36px; font-weight: bold; text-align: center; }

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>EAP5-Admin-Main</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, } }); (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}/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>EAP5-Admin-Main</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> <%}%> <% 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, } }); (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}/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/hivuiLogin/index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <link id="fav_icon" rel="icon" href="" type="image/x-icon"> <% if(htmlWebpackPlugin.vite){%> <!-- <vite> { "module_vmid": "module", "project_vmid": "project" } </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}/hivuiLogin/lang/zh-CN.js"></script> <!--<script src="${serverPath}/render/${devGroup}/${projectName}/lang/desktop/hi-ui/${locale}.js"></script> <script src="${serverPath}/${devGroup}/${projectName}/lang/project/desktop/${locale}.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}/hivuiLogin/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <script> try{ window.global={ pName:"${projectName}", pUser:"${devGroup}", pn:"${projectName}/${devGroup}" } // 统一输出语言包 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||{}); Vue.prototype._i18n  = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, } }); (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/customSysCfg/index.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> <%}%> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" style="display:none;" src="" /> <div id="hide_loading_logo" style="display:none;height:230px;width:230px;margin:auto;"></div> </div> <div><span class="sysInit"></span><a href="javascript:location.reload();"><span class="clickRefresh"></span></a></div> </div> </div> <script> if(window.GLOBAL_LANG_TPL){ document.querySelector(".sysInit").innerText=window.GLOBAL_LANG_TPL.hivuiLogin_sysInit; document.querySelector(".clickRefresh").innerText=window.GLOBAL_LANG_TPL.hivuiLogin_clickRefresh; } let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; if(_img && window.customSysCofig.sysLoadLogo.hide){ document.getElementById("hide_loading_logo").style.display="block"; }else{ document.getElementById("main_loading_logo").src = (_img || (window._global ? "./assets/logo_max.png" : "./static/img/logo_max.png")); document.getElementById("main_loading_logo").style.display="inline"; } if(window.customSysCofig){ if(window.customSysCofig.syTitle){ document.title=window.customSysCofig.syTitle; } if(window.customSysCofig.loginTitle){ document.title=window.customSysCofig.loginTitle; } if(window.customSysCofig.favicon){ document.getElementById("fav_icon").href=window.customSysCofig.favicon; } } <% if(!htmlWebpackPlugin.vite){%> window.__loginCfg={ pageType:"${pageType}", redirect:"${redirect}", } <%}%> </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiLogin/index.js"></script> <script> //预览时判断60s还没有加载完，自动重刷 var _winLoadedCtrl = window.setInterval(function(){ if(document.getElementById("main_loading_logo")){ window.location.reload(); }else{ window.clearInterval(_winLoadedCtrl); } },60*1000) </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>EAP5-Admin-Login</title> <link id="fav_icon" rel="icon" href="" type="image/x-icon"> <% if(htmlWebpackPlugin.vite){%> <!-- <vite> { "module_vmid": "module", "project_vmid": "project" } </vite> --> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <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}/hivuiLogin/lang/zh-CN.js"></script> <!--<script src="${serverPath}/render/${devGroup}/${projectName}/lang/desktop/hi-ui/${locale}.js"></script> <script src="${serverPath}/${devGroup}/${projectName}/lang/project/desktop/${locale}.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}/hivuiLogin/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <script> try{ window.global={ pName:"${projectName}", pUser:"${devGroup}", pn:"${projectName}/${devGroup}" } // 统一输出语言包 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||{}); Vue.prototype._i18n  = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, } }); (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/customSysCfg/index.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/base.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><span class="sysInit"></span><a href="javascript:location.reload();"><span class="clickRefresh"></span></a></div> </div> </div> <script> if(window.GLOBAL_LANG_TPL){ document.querySelector(".sysInit").innerText=window.GLOBAL_LANG_TPL.hivuiLogin_sysInit; document.querySelector(".clickRefresh").innerText=window.GLOBAL_LANG_TPL.hivuiLogin_clickRefresh; } 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){ if(window.customSysCofig.syTitle){ document.title=window.customSysCofig.syTitle; } if(window.customSysCofig.loginTitle){ document.title=window.customSysCofig.loginTitle; } if(window.customSysCofig.favicon){ document.getElementById("fav_icon").href=window.customSysCofig.favicon; } } <% if(!htmlWebpackPlugin.vite){%> window.__loginCfg={ pageType:"${pageType}", redirect:"${redirect}", } <%}%> </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiLogin/index.js"></script> <script> //预览时判断60s还没有加载完，自动重刷 var _winLoadedCtrl = window.setInterval(function(){ if(document.getElementById("main_loading_logo")){ window.location.reload(); }else{ window.clearInterval(_winLoadedCtrl); } },60*1000) </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' 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-edit', children: [ { id: __guid++, name:"中文", handler:function(){ window.localStorage.setItem("locale",JSON.stringify({ desc:"中文", name:"zh-CN", })); Cookies.set("locale","zh-CN"); window.location.reload(); }, }, { id: __guid++, name:"English", handler:function(){ window.localStorage.setItem("locale",JSON.stringify({ desc:"English", name:"en", })); Cookies.set("locale","en"); window.location.reload(); }, }, ] }, 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); 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> <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-edit', children: [ { id: __guid++, name:"中文", handler:function(){ window.localStorage.setItem("locale",JSON.stringify({ desc:"中文", name:"zh-CN", })); Cookies.set("locale","zh-CN"); window.location.reload(); }, }, { id: __guid++, name:"English", handler:function(){ window.localStorage.setItem("locale",JSON.stringify({ desc:"English", name:"en", })); Cookies.set("locale","en"); window.location.reload(); }, }, ] }, 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); 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=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/index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <link id="fav_icon" rel="icon" href="" type="image/x-icon"> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <!-- <vite> { "module_vmid": "module", "project_vmid": "project" } </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}/hivuiMain/lang/zh-CN.js"></script> <!-- <script src="${serverPath}/render/${devGroup}/${projectName}/lang/desktop/hi-ui/${locale}.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/lang/project/desktop/${locale}.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}/hivuiMain/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <script> try { window.global={ pName:"${projectName}", pUser:"${devGroup}", pn:"${projectName}/${devGroup}" } // 统一输出语言包 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 || {}); Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang': window.lang.keys, } }); (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/customSysCfg/index.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> <%}%> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" style="display:none;" src="" /> <div id="hide_loading_logo" style="display:none;height:230px;width:230px;margin:auto;"></div> </div> <div><span class="sysInit"></span><a href="javascript:location.reload();"><span class="clickRefresh"></span></a> </div> </div> </div> <script> //window.onload=()=>{ if (window.GLOBAL_LANG_TPL) { document.querySelector(".sysInit").innerText = window.GLOBAL_LANG_TPL.hivuiMain_sysInit; document.querySelector(".clickRefresh").innerText = window.GLOBAL_LANG_TPL.hivuiMain_clickRefresh; } let _img = window.customSysCofig && window.customSysCofig.sysLoadLogo && window.customSysCofig.sysLoadLogo.src; if(_img && window.customSysCofig.sysLoadLogo.hide){ document.getElementById("hide_loading_logo").style.display="block"; }else{ document.getElementById("main_loading_logo").src = (_img || (window._global ? "./assets/logo_max.png" : "./static/img/logo_max.png")); document.getElementById("main_loading_logo").style.display="inline"; } if (window.customSysCofig) { if (window.customSysCofig.syTitle) { document.title = window.customSysCofig.syTitle; } if (window.customSysCofig.favicon) { document.getElementById("fav_icon").href = window.customSysCofig.favicon; } } //} </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiMain/index.js"></script> <script> //预览时判断60s还没有加载完，自动重刷 var _winLoadedCtrl = window.setInterval(function () { if (document.getElementById("main_loading_logo")) { window.location.reload(); } else { window.clearInterval(_winLoadedCtrl); } }, 60*1000) </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>EAP5-Admin-Main</title> <link id="fav_icon" rel="icon" href="" type="image/x-icon"> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <!-- <vite> { "module_vmid": "module", "project_vmid": "project" } </vite> --> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <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}/hivuiMain/lang/zh-CN.js"></script> <!-- <script src="${serverPath}/render/${devGroup}/${projectName}/lang/desktop/hi-ui/${locale}.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/lang/project/desktop/${locale}.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}/hivuiMain/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <script> try { window.global={ pName:"${projectName}", pUser:"${devGroup}", pn:"${projectName}/${devGroup}" } // 统一输出语言包 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 || {}); Vue.prototype._i18n = new VueI18n({ locale: 'localelang', messages: { 'localelang': window.lang.keys, } }); (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/customSysCfg/index.js"></script> <script src="${serverPath}/vm/render/${devGroup}/${projectName}/setting/desktop/base.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><span class="sysInit"></span><a href="javascript:location.reload();"><span class="clickRefresh"></span></a> </div> </div> </div> <script> //window.onload=()=>{ if (window.GLOBAL_LANG_TPL) { document.querySelector(".sysInit").innerText = window.GLOBAL_LANG_TPL.hivuiMain_sysInit; document.querySelector(".clickRefresh").innerText = window.GLOBAL_LANG_TPL.hivuiMain_clickRefresh; } 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) { if (window.customSysCofig.syTitle) { document.title = window.customSysCofig.syTitle; } if (window.customSysCofig.favicon) { document.getElementById("fav_icon").href = window.customSysCofig.favicon; } } //} </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiMain/index.js"></script> <script> //预览时判断60s还没有加载完，自动重刷 var _winLoadedCtrl = window.setInterval(function () { if (document.getElementById("main_loading_logo")) { window.location.reload(); } else { window.clearInterval(_winLoadedCtrl); } }, 60*1000) </script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View project/hivuiMain/store/getters.js

const getters = { token: state => state.user.token, userName: state => state.user.name, userId: state => state.user.id, showPwDialog:state => state.user.showPwDialog, powerList:state=>state.app.powerList, menusList: state=>state.app.menusList, hideMenuItemList: state=>state.app.hideMenuItemList, menus: state=>state.app.menus, defTabs: state => state.app.defTabs, navs: state => state.app.navs, navsLatelyUse: state => state.app.latelyNavs, portalList: state => state.portal.list, portalSysList: state => state.portal.sysList, portalColumns: state => state.portal.columns, } export default getters const getters = { token: state => state.user.token, userName: state => state.user.name, userId: state => state.user.id, showPwDialog:state => state.user.showPwDialog, powerList:state=>state.app.powerList, menusList: state=>state.app.menusList, menus: state=>state.app.menus, defTabs: state => state.app.defTabs, navs: state => state.app.navs, navsLatelyUse: state => state.app.latelyNavs, portalList: state => state.portal.list, portalSysList: state => state.portal.sysList, portalColumns: state => state.portal.columns, } export default getters

Ignore Space Show notes View project/hivuiMain/store/modules/app.js

import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '../../api/menu' import {turnMenuTree,field5Change3} from '@main/utils/index' const portal = { namespaced: true, state: { powerList:[], menusList:[], hideMenuItemList:[],//隐藏的文件夹类型菜单节点ID menus:[], defTabs: [], navs: [], latelyNavs:[], config:[], }, mutations: { SET_powerList: (state, powerList) => { state.powerList = powerList }, SET_menusList: (state, menusList) => { state.menusList = menusList }, SET_menus: (state, menus) => { state.menus = menus }, SET_defTabs: (state, data) => { state.defTabs = data }, SET_navs: (state, navs) => { state.navs = navs }, SET_latelyNavs: (state, latelyNavs) => { state.latelyNavs = latelyNavs }, SET_config: (state, config) => { state.config = config }, }, actions: { //取功能菜单 async getMenus({ commit, state }) { function menuHandle(data){ commit('SET_menusList', [...data]); console.log(`SET_menusList:`,[...data]); let treeData=[...data],defTabs=[]; treeData=turnMenuTree(field5Change3([...treeData])); getActiveItem(treeData); /*获取默认打开项*/ function getActiveItem(_arr){ _arr.map(item=>{ //构建 树 map let flag=false; if(item.children&&item.children.length>0){ if(!item.isShow||state.hideMenuItemList.indexOf(item.parentId)!=-1){ state.hideMenuItemList.push(item.resId); } getActiveItem(item.children); } for(let i = (state.defTabs||[]).length-1;i>=0;i--){ if(state.defTabs[i].resId!=item.resId){ flag=true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); } commit('SET_defTabs', [...defTabs,...state.defTabs]); console.info('menusTree:',[...treeData]); console.info('隐藏菜单ID:',[...state.hideMenuItemList]); commit('SET_menus', treeData); return data; } /*if(window.__menus&&window.__menus.length>0){ menuHandle(window.__menus); }*/ return new Promise((resolve, reject) => { getMenus().then(res => { if(res.status==500){ if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } resolve(menuHandle(res.dataPack)); }).catch(error=>{ reject(error) }); }); }, //取左侧快速 async getQuickNav({ commit, state }) { await getQuickNav().then(res => { const data = res.data.dataPack.rows; console.log(`getQuickNav`) let defTabs=[],flag=false; data.map(item=>{ flag=false; for(let i = state.defTabs.length-1;i>=0;i--){ if(state.defTabs[i].resId==item.resId){ flag = true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); commit('SET_defTabs', [...defTabs,...state.defTabs]); commit('SET_navs', data); return data; }); }, setQuickNav({ commit, state },data){ commit('SET_navs', data); }, //最近使用 async getLatelyUse({ commit, state }){ let me =this; return new Promise((resolve, reject) => { getLeastRecentlyUsed(me.state.user.id).then(res => { let data = res.dataPack; data=field5Change3([...data]); commit('SET_latelyNavs', data); return data; }).catch(error=>{ reject(error) }); }); }, //取功能权限 async getPowers({ commit, state }) { await getPermissions(this.state.user.id).then(res => { const data = res.data.dataPack.rows; commit('SET_powerList', [...data]); }); }, getSysConfig({ commit, state }){ commit('SET_config', window.__sysConfig); } } } export default portal import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '../../api/menu' import {turnMenuTree,field5Change3} from '@main/utils/index' const portal = { namespaced: true, state: { powerList:[], menusList:[], menus:[], defTabs: [], navs: [], latelyNavs:[], config:[], }, mutations: { SET_powerList: (state, powerList) => { state.powerList = powerList }, SET_menusList: (state, menusList) => { state.menusList = menusList }, SET_menus: (state, menus) => { state.menus = menus }, SET_defTabs: (state, data) => { state.defTabs = data }, SET_navs: (state, navs) => { state.navs = navs }, SET_latelyNavs: (state, latelyNavs) => { state.latelyNavs = latelyNavs }, SET_config: (state, config) => { state.config = config }, }, actions: { //取功能菜单 async getMenus({ commit, state }) { function menuHandle(data){ commit('SET_menusList', [...data]); console.log(`SET_menusList:`,[...data]); let treeData=[...data],defTabs=[]; treeData=turnMenuTree(field5Change3([...treeData])); getActiveItem(treeData); /*获取默认打开项*/ function getActiveItem(_arr){ _arr.map(item=>{ //构建 树 map let flag=false; if(item.children&&item.children.length>0){ getActiveItem(item.children); } for(let i = (state.defTabs||[]).length-1;i>=0;i--){ if(state.defTabs[i].resId!=item.resId){ flag=true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); } commit('SET_defTabs', [...defTabs,...state.defTabs]); console.info('menusTree:',[...treeData]); commit('SET_menus', treeData); return data; } /*if(window.__menus&&window.__menus.length>0){ menuHandle(window.__menus); }*/ return new Promise((resolve, reject) => { getMenus().then(res => { if(res.status==500){ if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } resolve(menuHandle(res.dataPack)); }).catch(error=>{ reject(error) }); }); }, //取左侧快速 async getQuickNav({ commit, state }) { await getQuickNav().then(res => { const data = res.data.dataPack.rows; console.log(`getQuickNav`) let defTabs=[],flag=false; data.map(item=>{ flag=false; for(let i = state.defTabs.length-1;i>=0;i--){ if(state.defTabs[i].resId==item.resId){ flag = true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); commit('SET_defTabs', [...defTabs,...state.defTabs]); commit('SET_navs', data); return data; }); }, setQuickNav({ commit, state },data){ commit('SET_navs', data); }, //最近使用 async getLatelyUse({ commit, state }){ let me =this; return new Promise((resolve, reject) => { getLeastRecentlyUsed(me.state.user.id).then(res => { let data = res.dataPack; data=field5Change3([...data]); commit('SET_latelyNavs', data); return data; }).catch(error=>{ reject(error) }); }); }, //取功能权限 async getPowers({ commit, state }) { await getPermissions(this.state.user.id).then(res => { const data = res.data.dataPack.rows; commit('SET_powerList', [...data]); }); }, getSysConfig({ commit, state }){ commit('SET_config', window.__sysConfig); } } } export default portal

Ignore Space Show notes View project/hivuiMain/utils/index.js

import getScroll from './getScroll' /** * 正则表达式判定Url * @param url * @returns {Boolean} */ export function checkUrl(url){ //url= 协议://(ftp的登录信息)[IP|域名](:端口号)(/或?请求参数) var strRegex = '^((https|http|ftp)://)?'//(https或http或ftp):// 可有可无 + '(([\\w_!~*\'()\\.&=+$%-]+: )?[\\w_!~*\'()\\.&=+$%-]+@)?' //ftp的user@ 可有可无 + '(([0-9]{1,3}\\.){3}[0-9]{1,3}' // IP形式的URL- 3位数字.3位数字.3位数字.3位数字 + '|' // 允许IP和DOMAIN（域名） + '(localhost)|' //匹配localhost + '([\\w_!~*\'()-]+\\.)*' // 域名- 至少一个[英文或数字_!~*\'()-]加上. + '\\w+\\.' // 一级域名 -英文或数字 加上. + '[a-zA-Z]{1,6})' // 顶级域名- 1-6位英文 + '(:[0-9]{1,5})?' // 端口- :80 ,1-5位数字 + '((/?)|' // url无参数结尾 - 斜杆或这没有 + '(/[\\w_!~*\'()\\.;?:@&=+$,%#-]+)+/?)$';//请求参数结尾- 英文或数字和[]内的各种字符 var strRegex1 = '^(?=^.{3,255}$)((http|https|ftp)?:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)*(\/)?(?:\/(.+)\/?$)?(\/\w+\.\w+)*([\?&]\w+=\w*|[\u4e00-\u9fa5]+)*$'; var re=new RegExp(strRegex,'i');//i不区分大小写 //将url做uri转码后再匹配，解除请求参数中的中文和空字符影响 if (re.test(encodeURI(url))) { return (true); } else { return (false); } } export function getTargetRect(target) { return target !== window ? target.getBoundingClientRect() : { top: 0, left: 0, bottom: 0 }; } export function getOffset(element, target) { const elemRect = element.getBoundingClientRect(); const targetRect = getTargetRect(target); const scrollTop = getScroll(target, true); const scrollLeft = getScroll(target, false); const docElem = window.document.body; const clientTop = docElem.clientTop || 0; const clientLeft = docElem.clientLeft || 0; return { top: elemRect.top - targetRect.top + scrollTop - clientTop, left: elemRect.left - targetRect.left + scrollLeft - clientLeft, width: elemRect.width, height: elemRect.height, }; } export function getDefaultTarget() { return typeof window !== 'undefined' ? window : null; } /** * @method setUrlValue * @description 设置地址栏参数值 * @param url * @param pName * @param pValue * * @example: urlAppend("http://www.fdauto.com","userid=03870");�����http://www.fdauto.com?userid=03870;1` * urlAppend("http://www.fdauto.com?userid=03870","bumen=aj")�����http://www.fdauto.com?userid=03870&bumen=aj; */ export function setUrlValue(url, key, value) { var returnUrl = '' if (url.indexOf('?') == -1) { returnUrl += url + '?' + key + '=' + value } else { if (url.indexOf('?' + key + '=') == -1 && url.indexOf('&' + key + '=') == -1) { returnUrl += url + '&' + key + '=' + value } else { var isDone = false var startIndex = 0 var endIndex = url.length - 1 var parm = '?' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } isDone = true break } } if (!isDone) { parm = '&' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } break } } } var parmKeyValue = parm + url.substring(startIndex, endIndex) returnUrl = url.replace(parmKeyValue, parm + value) } } return returnUrl } /** * @method getUrlValue * @description 获取地址栏参数值 * @param name * string * @param url * string * @example: getUrlValue("p","http://www.baidu.com?p=5"); */ export function getUrlValue(url, name) { var str = url || window.location.search; if (str.indexOf("&" + name) != -1 || str.indexOf("?" + name) != -1) { var pos_start = "" if (str.indexOf("?" + name) > -1) pos_start = str.indexOf("?" + name) + name.length + 2; else pos_start = str.indexOf("&" + name) + name.length + 2; var pos_end = str.indexOf("&", pos_start); if (pos_end == -1) { return str.substring(pos_start); } else { return str.substring(pos_start, pos_end) } } else { return ""; } } export function getUrlSearch(url) { var name, value; var str = url; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"); //各个参数放到数组里 var search ={}; for (var i = 0; i < arr.length; i++) { num = arr[i].indexOf("="); if (num > 0) { name = arr[i].substring(0, num); value = arr[i].substr(num + 1); search[name] = value; } } return search; } /** * var str='这是一个测试的字符串：{0} {1}'.format('Hello','world'); * var str='这是一个测试的字符串：{str0} {str1}'.format({str0:'Hello',str1:'world'}); */ export function strFormat(str, args) { var result = str; if (arguments.length > 0) { if (arguments.length == 2 && typeof (args) == "object") { for (var key in args) { if (args[key] != undefined) { var reg = new RegExp("({" + key + "})", "g"); result = result.replace(reg, args[key]); } } } else { for (var i = 1; i < arguments.length; i++) { if (arguments[i] != undefined) { var reg = new RegExp("({)" + (i - 1) + "(})", "g"); result = result.replace(reg, arguments[i]); } } } } return result; } export function closeWindow(errorUrl){ if (document.all) { if (window.location.pathname == window.parent.location.pathname) { window.opener = null; window.open('', '_top'); window.top.close(); } } else { window.close(); } window.location.href = errorUrl || "about:blank"; } /*5.0替换3.0菜单字段*/ export function field5Change3(_arr){ /*5.0字段替换3.0*/ let fieldConversion={ isActive:"fisactive", isOffline:"fisoffline", isShow:"fshow", name:"fresname", orderIndex:"forder", parentId:"frespguid", resId:"fresguid", resUrl:"fresurl", type:"frestype", iconClass:"ficonclass", openType:"fc2", }; _arr.map(item=>{ if(item.children&&item.children.length>0){ field5Change3(item.children); } if(item.customList&&item.customList.length>0){ field5Change3(item.customList); } for(let i in fieldConversion){ if(typeof(item[fieldConversion[i]])!="undefined"){ item[i]=item[fieldConversion[i]]; delete item[fieldConversion[i]]; } } //判断是不是url 地址 //serverName 是有加e5 ,但现在做兼容了，可以不用 // if(!window._global){//正式环境 // item.resUrl=window.HIVUI_SETTING.serverName+item.resUrl; // } return item; }); return _arr; } export function turnMenuTree(data,isNotTop) {//data:平级数据;isNotTop:输出数据是否不包含根节点 let map = {}; let val = []; let virtualDirMap={}; function getVDirPid(id){//获取虚拟目录的上级id let _pid=virtualDirMap[id]; return _pid?getVDirPid(_pid):id; } //生成数据对象集合 data.forEach(it=>{ map[it.resId] = it; //resId为每个节点的id if(it.type=="virtualDir"){//虚拟目录隐藏该级节点 virtualDirMap[it.resId]=it.parentId; } if(it.parentId==-1&&it.type=="root"){ isNotTop=true; } }); //生成结果集 data.forEach(it=>{ if(it.type!="virtualDir"){//虚拟目录隐藏该级节点 let parent = map[getVDirPid(it.parentId)||it.parentId]; //parentId为父节点的id if(it.customList&&it.customList.length>0){//自定义菜单项（动态流程） it.children=it.customList.filter((item)=>{ if(item.name && item.resUrl){ item.isShow=1; return item; } }); if(it.children.length==0){ delete it.children; } } if(parent){ if(!Array.isArray(parent.children)) parent.children = []; parent.children.push(it); }else{ val.push(it); } } }); val=__sort(val); //排序 function __sort(__data,orderField="orderIndex"){ let zeroArr=__data.filter(item=>{ return item[orderField]==0; }); let normalArr=__data.filter(item=>{ return item[orderField]!=0; }); normalArr.sort((a,b)=>{ var value1 = a[orderField]; var value2 = b[orderField]; return value1 - value2; }); __data=normalArr.concat(zeroArr); for(let i of __data){ if(i.children&&i.children.length>0){ i.children=__sort(i.children); } } return __data; } //排查子节点是否全部不显示 function __filterHide(__data,total){ let count=0; for(let i=0;i<__data.length;i++){ if(__data[i].children&&__data[i].children.length>0){ if(!__filterHide(__data[i].children,__data[i].children.length)){ __data[i].isShow=0; count++; } }else{ if(!__data[i].isShow){ count++; } } } return count!=total; } let __result=isNotTop?(val[0]&&val[0].children):val; if(__result){ __filterHide(__result,__result.length); return __result; }else{ Vue.prototype.$message.error(`名称“${val[0].name}”ID为“${val[0].resId}”的菜单项配置出错，请排查。`); return []; } } /* *notificationFunc--弹起浏览器消息通知方法 *title:消息弹窗标题 *ctn:消息弹窗内容 *cb:点击事件回调 *type:弹窗类型：ele，饿了么组件 */ export function notificationFunc(title,ctn,cb,type){ //发起消息通知 function popNotice() { if (Notification.permission == "granted") { var notification = new Notification(title, { body: ctn,//消息内容 }); notification.onclick = function() {//消息通知点击事件 cb&&cb(); window.focus(); notification.close(); }; } }; if (Notification.permission == "granted" && type!='ele') { popNotice(); } else if (Notification.permission != "denied" && type!='ele') { Notification.requestPermission((permission)=>{//发起询问授权 popNotice(); }); }else{ Vue.prototype.$notify.info({ title: title, message: ctn, position: 'bottom-right', onClick:(evt)=>{ cb&&cb(); } }); } } /* * map对象排序成数组对象 */ export function sortMapTurnArr(map){ let result=[]; let __itemSort=map?.itemSort; if(__itemSort){ __itemSort.forEach((item)=>{ let pushData=map[item]; if(pushData){ if(item=="|"){ pushData={ type: 'split' }; } result.push(pushData); } }); }else{ result=map; } return result; } import getScroll from './getScroll' /** * 正则表达式判定Url * @param url * @returns {Boolean} */ export function checkUrl(url){ //url= 协议://(ftp的登录信息)[IP|域名](:端口号)(/或?请求参数) var strRegex = '^((https|http|ftp)://)?'//(https或http或ftp):// 可有可无 + '(([\\w_!~*\'()\\.&=+$%-]+: )?[\\w_!~*\'()\\.&=+$%-]+@)?' //ftp的user@ 可有可无 + '(([0-9]{1,3}\\.){3}[0-9]{1,3}' // IP形式的URL- 3位数字.3位数字.3位数字.3位数字 + '|' // 允许IP和DOMAIN（域名） + '(localhost)|' //匹配localhost + '([\\w_!~*\'()-]+\\.)*' // 域名- 至少一个[英文或数字_!~*\'()-]加上. + '\\w+\\.' // 一级域名 -英文或数字 加上. + '[a-zA-Z]{1,6})' // 顶级域名- 1-6位英文 + '(:[0-9]{1,5})?' // 端口- :80 ,1-5位数字 + '((/?)|' // url无参数结尾 - 斜杆或这没有 + '(/[\\w_!~*\'()\\.;?:@&=+$,%#-]+)+/?)$';//请求参数结尾- 英文或数字和[]内的各种字符 var strRegex1 = '^(?=^.{3,255}$)((http|https|ftp)?:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)*(\/)?(?:\/(.+)\/?$)?(\/\w+\.\w+)*([\?&]\w+=\w*|[\u4e00-\u9fa5]+)*$'; var re=new RegExp(strRegex,'i');//i不区分大小写 //将url做uri转码后再匹配，解除请求参数中的中文和空字符影响 if (re.test(encodeURI(url))) { return (true); } else { return (false); } } export function getTargetRect(target) { return target !== window ? target.getBoundingClientRect() : { top: 0, left: 0, bottom: 0 }; } export function getOffset(element, target) { const elemRect = element.getBoundingClientRect(); const targetRect = getTargetRect(target); const scrollTop = getScroll(target, true); const scrollLeft = getScroll(target, false); const docElem = window.document.body; const clientTop = docElem.clientTop || 0; const clientLeft = docElem.clientLeft || 0; return { top: elemRect.top - targetRect.top + scrollTop - clientTop, left: elemRect.left - targetRect.left + scrollLeft - clientLeft, width: elemRect.width, height: elemRect.height, }; } export function getDefaultTarget() { return typeof window !== 'undefined' ? window : null; } /** * @method setUrlValue * @description 设置地址栏参数值 * @param url * @param pName * @param pValue * * @example: urlAppend("http://www.fdauto.com","userid=03870");�����http://www.fdauto.com?userid=03870;1` * urlAppend("http://www.fdauto.com?userid=03870","bumen=aj")�����http://www.fdauto.com?userid=03870&bumen=aj; */ export function setUrlValue(url, key, value) { var returnUrl = '' if (url.indexOf('?') == -1) { returnUrl += url + '?' + key + '=' + value } else { if (url.indexOf('?' + key + '=') == -1 && url.indexOf('&' + key + '=') == -1) { returnUrl += url + '&' + key + '=' + value } else { var isDone = false var startIndex = 0 var endIndex = url.length - 1 var parm = '?' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } isDone = true break } } if (!isDone) { parm = '&' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } break } } } var parmKeyValue = parm + url.substring(startIndex, endIndex) returnUrl = url.replace(parmKeyValue, parm + value) } } return returnUrl } /** * @method getUrlValue * @description 获取地址栏参数值 * @param name * string * @param url * string * @example: getUrlValue("p","http://www.baidu.com?p=5"); */ export function getUrlValue(url, name) { var str = url || window.location.search; if (str.indexOf("&" + name) != -1 || str.indexOf("?" + name) != -1) { var pos_start = "" if (str.indexOf("?" + name) > -1) pos_start = str.indexOf("?" + name) + name.length + 2; else pos_start = str.indexOf("&" + name) + name.length + 2; var pos_end = str.indexOf("&", pos_start); if (pos_end == -1) { return str.substring(pos_start); } else { return str.substring(pos_start, pos_end) } } else { return ""; } } export function getUrlSearch(url) { var name, value; var str = url; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"); //各个参数放到数组里 var search ={}; for (var i = 0; i < arr.length; i++) { num = arr[i].indexOf("="); if (num > 0) { name = arr[i].substring(0, num); value = arr[i].substr(num + 1); search[name] = value; } } return search; } /** * var str='这是一个测试的字符串：{0} {1}'.format('Hello','world'); * var str='这是一个测试的字符串：{str0} {str1}'.format({str0:'Hello',str1:'world'}); */ export function strFormat(str, args) { var result = str; if (arguments.length > 0) { if (arguments.length == 2 && typeof (args) == "object") { for (var key in args) { if (args[key] != undefined) { var reg = new RegExp("({" + key + "})", "g"); result = result.replace(reg, args[key]); } } } else { for (var i = 1; i < arguments.length; i++) { if (arguments[i] != undefined) { var reg = new RegExp("({)" + (i - 1) + "(})", "g"); result = result.replace(reg, arguments[i]); } } } } return result; } export function closeWindow(errorUrl){ if (document.all) { if (window.location.pathname == window.parent.location.pathname) { window.opener = null; window.open('', '_top'); window.top.close(); } } else { window.close(); } window.location.href = errorUrl || "about:blank"; } /*5.0替换3.0菜单字段*/ export function field5Change3(_arr){ /*5.0字段替换3.0*/ let fieldConversion={ isActive:"fisactive", isOffline:"fisoffline", isShow:"fshow", name:"fresname", orderIndex:"forder", parentId:"frespguid", resId:"fresguid", resUrl:"fresurl", type:"frestype", iconClass:"ficonclass", openType:"fc2", }; _arr.map(item=>{ if(item.children&&item.children.length>0){ field5Change3(item.children); } if(item.customList&&item.customList.length>0){ field5Change3(item.customList); } for(let i in fieldConversion){ if(typeof(item[fieldConversion[i]])!="undefined"){ item[i]=item[fieldConversion[i]]; delete item[fieldConversion[i]]; } } //判断是不是url 地址 //serverName 是有加e5 ,但现在做兼容了，可以不用 // if(!window._global){//正式环境 // item.resUrl=window.HIVUI_SETTING.serverName+item.resUrl; // } return item; }); return _arr; } export function turnMenuTree(data,isNotTop) {//data:平级数据;isNotTop:输出数据是否不包含根节点 let map = {}; let val = []; let virtualDirMap={}; function getVDirPid(id){//获取虚拟目录的上级id let _pid=virtualDirMap[id]; return _pid?getVDirPid(_pid):id; } //生成数据对象集合 data.forEach(it=>{ map[it.resId] = it; //resId为每个节点的id if(it.type=="virtualDir"){//虚拟目录隐藏该级节点 virtualDirMap[it.resId]=it.parentId; } if(it.parentId==-1&&it.type=="root"){ isNotTop=true; } }); //生成结果集 data.forEach(it=>{ if(it.type!="virtualDir"){//虚拟目录隐藏该级节点 let parent = map[getVDirPid(it.parentId)||it.parentId]; //parentId为父节点的id if(it.customList&&it.customList.length>0){ it.children=it.customList.filter((item)=>{ if(item.name && item.resUrl){ item.isShow=1; return item; } }); if(it.children.length==0){ delete it.children; } } if(parent){ if(!Array.isArray(parent.children)) parent.children = []; parent.children.push(it); }else{ val.push(it); } } }); val=__sort(val); //排序 function __sort(__data,orderField="orderIndex"){ let zeroArr=__data.filter(item=>{ return item[orderField]==0; }); let normalArr=__data.filter(item=>{ return item[orderField]!=0; }); normalArr.sort((a,b)=>{ var value1 = a[orderField]; var value2 = b[orderField]; return value1 - value2; }); __data=normalArr.concat(zeroArr); for(let i of __data){ if(i.children&&i.children.length>0){ i.children=__sort(i.children); } } return __data; } //排查子节点是否全部不显示 function __filterHide(__data,total){ let count=0; for(let i=0;i<__data.length;i++){ if(__data[i].children&&__data[i].children.length>0){ if(!__filterHide(__data[i].children,__data[i].children.length)){ __data[i].isShow=0; count++; } }else{ if(!__data[i].isShow){ count++; } } } return count!=total; } let __result=isNotTop?(val[0]&&val[0].children):val; if(__result){ __filterHide(__result,__result.length); return __result; }else{ Vue.prototype.$message.error(`名称“${val[0].name}”ID为“${val[0].resId}”的菜单项配置出错，请排查。`); return []; } } /* *notificationFunc--弹起浏览器消息通知方法 *title:消息弹窗标题 *ctn:消息弹窗内容 *cb:点击事件回调 *type:弹窗类型：ele，饿了么组件 */ export function notificationFunc(title,ctn,cb,type){ //发起消息通知 function popNotice() { if (Notification.permission == "granted") { var notification = new Notification(title, { body: ctn,//消息内容 }); notification.onclick = function() {//消息通知点击事件 cb&&cb(); window.focus(); notification.close(); }; } }; if (Notification.permission == "granted" && type!='ele') { popNotice(); } else if (Notification.permission != "denied" && type!='ele') { Notification.requestPermission((permission)=>{//发起询问授权 popNotice(); }); }else{ Vue.prototype.$notify.info({ title: title, message: ctn, position: 'bottom-right', onClick:(evt)=>{ cb&&cb(); } }); } } /* * map对象排序成数组对象 */ export function sortMapTurnArr(map){ let result=[]; let __itemSort=map?.itemSort; if(__itemSort){ __itemSort.forEach((item)=>{ let pushData=map[item]; if(pushData){ if(item=="|"){ pushData={ type: 'split' }; } result.push(pushData); } }); }else{ result=map; } return result; }

Ignore Space Show notes View project/hivuiMain/views/layout/components/Header.vue

<template> <div class="pl-header " :data-layout="layout"> <ul class="ltArea"> <li v-if="layout=='level'" class="logoStyle"> <div class="pl-logo"> <div v-if="hasTitle" @click="logoClickHanlder(logoOpt)"> <img :src="def_sy_logo_horizon" :width="logoWidth" v-if="!logoOpt.src"> <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src"> </div> <div v-else @click="logoClickHanlder(MlogoOpt)"> <img :src="def_sy_minLogo" v-if="!MlogoOpt.src"> <img :src="MlogoOpt.src" :width="MlogoOpt.width?(MlogoOpt.width+'px'):(!MlogoOpt.height?logoWidth:null)" :height="MlogoOpt.height&&(MlogoOpt.height+'px')" :title="MlogoOpt.title" v-if="MlogoOpt.src"> </div> </div> </li> <li v-else class="logoStyle"> <div class="pl-logo" @click="logoClickHanlder(logoOpt)"> <img :src="def_sy_logo" :width="logoWidth" v-if="!logoOpt.src"> <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src"> </div> </li> <li v-if="sysList.length"> <div class="sysTrigger" ref='dom-sysList' @mouseover="handleShowSysList" @mouseout="handleHideSysList"> <span>{{$t('hivuiMain_projectManage')}}</span> <i class="iconfont icon-change"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowSysList" @mouseleave="handleHideSysList" :style="sysListStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)"> <a class="title"><span class="txt">{{item.title}}</span></a> </li> </ul> </li> <li v-if="layout == 'level'&&!hideHistoryFuncList" > <div class="sysTrigger" ref="dom-latelyUse" :title='$t("hivuiMain_recentlyUsed")' @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse"> <i class="icon iconfont icon-time"></i> <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span> <i class="icon iconfont icon-arrow-down"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.name}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </li> <li v-if="layout == 'level'&&showAllFuncBtn" > <div class="sysTrigger"> <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span> <i class="icon iconfont icon-arrow-down"></i> <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu> </div> </li> </ul> <ul class="rtArea"> <li> <div class="pl-search" ref="dom-searchBox" > <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$t('hivuiMain_searchKey')" v-model.trim="searchWord" @keyup="handleSeachKeyUp" /> <i class="iconfont icon-search"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body> <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" style="width:100%" @click="openFunc(item)"> <a class="title"><span class="txt" v-html="item.html||item.name"></span></a> </li> <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </li> <li v-if="sysProjectManage"> <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name"> <i class="iconfont" :class="sysProjectManage.iconClass"></i> <span class="title">{{sysProjectManage.name}}</span> </a> </li> <template v-for="item in sysFuncMenus"> <li v-if="item.type!='split'"> <template v-if="item.type=='withNumTips'"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <span class="pl-head-tipsNum" :hidden="!(msgCount!=0)">{{msgCount}}</span> <!-- <span class="pl-head-tipsNum" :hidden="!(item.tipNum&&item.tipNum!=0)">{{item.tipNum}}</span> --> </div> </template> <template v-else> <template v-if="item.children&&item.children.length"> <div class="item" @mouseenter="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> <template v-if="!item.children||item.children&&item.children.length==0"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> </template> </li> <li v-if="item.type=='split'"><div class="line"></div></li> </template> <!-- <li> <div class="item"> <div class="tip"> <i class="iconfont icon-user"></i> </div> <span class="title">{{this.$store.getters.userId}}/{{this.$store.getters.userName}}</span> <i class="iconfont icon-arrow-down"></i> </div> </li> <li><div class="line"></div></li> --> <!-- 语言切换 --> <li v-if="langList"> <template v-if="langList.children&&langList.children.length"> <div class="item" @mouseenter="handleFuncMenus(langList,$event)"> <div class="tip"> <i class="iconfont" :class="langList.iconClass"></i> </div> <span class="title" v-html="langList.html||langList.name"></span> <i class="iconfont icon-arrow-down" v-if="langList.children"></i> </div> </template> </li> <li v-if="langList"><div class="line"></div></li> <!-- 用户信息 --> <li> <template v-if="sysUserInfo.children&&sysUserInfo.children.length"> <div class="item" @mouseenter="handleFuncMenus(sysUserInfo,$event)"> <div class="tip"> <i class="iconfont" :class="sysUserInfo.iconClass"></i> </div> <span class="title" v-html="sysUserInfo.html||sysUserInfo.name"></span> <i class="iconfont icon-arrow-down" v-if="sysUserInfo.children"></i> </div> </template> </li> <li><div class="line"></div></li> <li v-if="hasSetting"> <div class="item" :title="$t('hivuiMain_customWorkbench')"> <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a> </div> </li> <li> <div class="item" :title="$t('hivuiMain_logout')"> <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a> </div> </li> </ul> <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu> <modifyPw></modifyPw> </div> </template> <script> import pinyin from 'js-pinyin';//ie 下有问题 编译不过 import vueContextMenu from "@main/components/contextMenu"; import modifyPw from "@main/views/layout/components/modifyPw"; import allFuncMenu from './allFuncMenu' import {changeBz} from "@main/api/user"; import { removeToken } from '@main/utils/auth' import { sortMapTurnArr } from '@main/utils/index' import def_sy_loading from "@main/assets/logo_max.png" import def_sy_minLogo from "@main/assets/logo_min.png" import def_sy_logo from "@main/assets/logo.png" import def_sy_logo_horizon from "@main/assets/logo_horizon.png" export default { components:{ vueContextMenu, modifyPw, allFuncMenu, }, inject:['addTab','showTab','hideTab'], props:{ hasTitle:{ type: Boolean, }, logoWidth:{ type: String, } }, data(){ return { menuItems:[], searchWord:"", searchList:[], seldIndex:0, menuShow:false, searchMenusStyle:{ display:'none', left:0, top:0, width:0, // maxHeight:'50%', // overflow:'auto' }, sysListStyle:{ display:'none', left:0, top:0, }, latelyUseStyle:{ display:'none', left:0, top:0, maxHeight:'50%', overflow:'auto' }, def_sy_minLogo:def_sy_minLogo, def_sy_logo:def_sy_logo, def_sy_logo_horizon:def_sy_logo_horizon, numTipTimer:null, showAllFuncBtn:window.customSysCofig.isShowAllFunc===false?false:true, hideHistoryFuncList:window.customSysCofig.hideHistoryFuncList||false, isShowAllFuncMenu:false, allFuncBtnObj:{}, msgCount:0 } }, computed:{ hasSetting(){ let cfg = this.$store.state.app.config||{}; if(cfg.hideSettingBtn){ return false; } let _arr=sortMapTurnArr(cfg.sysSetTabs); return _arr&&_arr.length; }, sysList(){ let cfg = this.$store.state.app.config||{}; return cfg.sysList||[]; }, sysUserInfo(){ let me=this; let cfg = this.$store.state.app.config||{}; function replaceData(str){ if(!str)return ['',false]; var _arr=str.match(/\${(\S*?)}/g); var nullNum=0; if(_arr&&_arr.length>0){ for(let i of _arr){ var _data=me.userInfo[i.match(/\${(\S*)}/)[1]]; if(typeof(_data)!="undefined"){ str=str.replace(i,_data); }else{ str=str.replace(i,me.$t('hivuiMain_header_null')); nullNum++; } } return [str,nullNum==_arr.length?false:true]; } return [str,true]; } //多岗信息文字模板format function orgBzTplFormat(str,item){ let fieldArr=str.match(/(?<=\${).*?(?=})/g); fieldArr.forEach((_i)=>{ if(typeof(item[_i])!="undefined"){ str=str.replaceAll("${"+_i+"}",item[_i]); } }); return str; } let _userInfo=cfg.userInfo; if(_userInfo){ _userInfo.name=replaceData(_userInfo.name)[0]; if(_userInfo.children&&_userInfo.children.length>0){ _userInfo.children=_userInfo.children.filter((item)=>{ let _rData=replaceData(item.name); item.name=_rData[0]; switch(item.type){ case "modifyUserInfo": item.handler=me.modifyUserInfo; break; case "modifyPw": item.handler=me.modifyPw; break; case "personalCenter": item.handler=me.personalCenter; break; case "orgBz": if(Array.isArray(me.bzList)&&me.bzList.length>1){ item.children=[]; for(let i of me.bzList){ let _pushData={ iconClass:'icon-user', name:cfg.orgBzTpl?orgBzTplFormat(cfg.orgBzTpl,i):`${i.fbzname}/${i.fbzid}`, handler:function(){ me.__changeOrgBz(`${i.fbzid}`); }, }; /*if(i.fbzid==me.userInfo.fbzid){ _pushData.chooseIcon={ title:me.$t("hivuiMain_header_bzchooseIcon_title"), iconClass:"el-icon-star-on", }; }else{ _pushData.hoverBtn={ title:me.$t("hivuiMain_header_bzhoverbtn_title"), iconClass:"iconfont icon-set", handler:function(){ console.log(123456789); } } }*/ item.children.push(_pushData); } } break; } if(_rData[1]){ return item; } }); } } return _userInfo||[]; }, sysProjectManage(){ let cfg = this.$store.state.app.config||{}; let item = cfg.sysProjectMange||{},flag=false; this.$store.state.app.powerList.forEach(p=>{ if(p.resUrl.indexOf(item.uri)>-1){ flag = true; return true; } }); if(flag){ return cfg.sysProjectMange; }else{ return null; } }, langList(){ let cfg = this.$store.state.app.config||{}; if(!cfg.showChangeLangBtn){ return; } let menus = cfg.langList||[]; return menus; }, sysFuncMenus(){ let cfg = this.$store.state.app.config||{}; let menus = sortMapTurnArr(cfg.sysFuncMenus)||[]; return menus; }, logoOpt(){ let cfg = this.$store.state.app.config||{}; return (this.layout=="level"&&cfg.sysLogoHorizon?cfg.sysLogoHorizon:cfg.sysLogo)||{}; }, MlogoOpt(){ let cfg = this.$store.state.app.config||{}; return cfg.MsysLogo||{}; }, layout(){ return window.localStorage.getItem('layout'); }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; }, token(){ return this.$store.getters.token; }, userInfo(){ return this.$store.state.user.userInfo; }, bzList(){ return this.$store.state.user.bzList; }, }, watch:{ searchWord(newVal,oldVal){ this.seldIndex=0; this.doSearch(newVal); } }, mounted(){ let me=this; document.addEventListener('click',me.hideSeachResult); me.$store.dispatch("app/getSysConfig"); me.sysFuncMenus.filter(item=>{ if(item.type=="withNumTips"&&item.numFunc){ function __intervalFunc(){ item.numFunc().then(res=>{ me.msgCount = res.num; // me.$set(item,"tipNum",res.num); //渲染报错？？ if(res.num&&!item.hideNotific){ window.SysPage.notificationFunc(me.$t("hivuiMain_header_notification_title"),item.messageText(res),()=>{ me.handleFuncMenus(item); }); } }).catch(err=>{ clearInterval(me.numTipTimer); }); } clearInterval(me.numTipTimer); me.numTipTimer=setInterval(__intervalFunc,item.numIntervalTime||1000*30); __intervalFunc(); } }); me.allFuncBtnObj=(me.layout == 'level')&&me.showAllFuncBtn&&me.$refs.allFuncBtn.getBoundingClientRect(); }, beforeDestroy(){ document.removeEventListener('click',this.hideSeachResult) }, methods:{ openDesign(){ this.$refs['cmp-dd'].show(); }, doSearch(cnKey){ if(cnKey==""){ this.hideSeachResult(); return; } this.showSeachResult(); let list = [], records = this.$store.getters.menusList, hideMenuItemList = this.$store.getters.hideMenuItemList; let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase(); console.log('records', records) //let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase(); let re = new RegExp("^[a-zA-Z]+$"); for(let i=0,l=records.length;i<l;i++){ let item = records[i]; if(list.length>10){ break; } if(item.name && !(!item.isShow || hideMenuItemList.indexOf(item.parentId)!=-1)){ if(re.test(cnKey)){ let y = pinyin.getCamelChars(item.name).toLocaleLowerCase(); //let y = Scp.String.getPinyin(item.name).toLocaleLowerCase(); if(y.indexOf(py)>-1 && item.type!='dir'){ list.push(item); } }else{ if(item.name.indexOf(cnKey)>-1 && item.type!='dir' ){ list.push(item); continue; } } } } this.$set(this,'searchList',list); }, openFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId) this.addTab(item);//inject 提供的方法只能 传一个参数 }, handleSearchBoxClick(){ this.doSearch(this.searchWord); this.$refs['dom-seachTxt'].focus(); }, handleSeachKeyUp(evt){ if(evt.keyCode==40){//ArrowDown if(this.seldIndex<this.searchList.length-1){ this.seldIndex++; }else{ this.seldIndex=0; } } if(evt.keyCode==38){//ArrowUp if(this.seldIndex==0){ this.seldIndex=this.searchList.length-1; }else{ this.seldIndex--; } } if(evt.keyCode==13){//enter let item = this.searchList[this.seldIndex]; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId); this.addTab(item);//inject 提供的方法只能 传一个参数 this.searchWord = ""; this.seldIndex = 0; this.hideSeachResult(); } }, showSeachResult(){ this.searchMenusStyle.display ='block'; let s = this.$refs["dom-searchBox"]; let rect = s.getBoundingClientRect(); this.searchMenusStyle.left = rect.left+'px'; this.searchMenusStyle.top = rect.top + rect.height + 5 +'px'; this.searchMenusStyle.width = rect.width+'px'; this.searchMenusStyle.opacity = '1'; }, hideSeachResult(){ this.searchMenusStyle.display ='none'; }, handleChangeSys(item){ if(!item.url)return; if(item.target=="_blank"){ window.open(item.url) }else{ window.location.href=item.url; } }, handleShowSysList(){ this.sysListStyle.display ='block'; let s = this.$refs["dom-sysList"]; let rect = s.getBoundingClientRect(); this.sysListStyle.left = rect.left+'px'; this.sysListStyle.top = rect.top + rect.height +'px'; }, handleHideSysList(){ this.sysListStyle.display ='none'; }, handleFuncMenus(item,$event){ $event&&$event.stopPropagation(); if(item.type== "link"){ window.open(item.resUrl,item.name); return; } var _url=item.url; if(item.type== "widthToken"||item.type== "withToken"){ _url=item.url+"&access_token="+this.token; } if(item.url){ item.target=='tab'? this.addTab({ resUrl:_url, name:item.name, resId:item.id, openType:item.openType, }) : window.open(_url); return }else{ item.handler&&item.handler(); } if(item.children&&item.children.length){ this.menuItems = item.children; this.$refs['cmp-funcMenu'].open($event) } }, async handleLogout(){ await this.$store.dispatch("user/logout").then(()=>{ //removeToken(); window.sessionStorage.removeItem("bzid"); if(window.customSysCofig.logoutCallback){ window.customSysCofig.logoutCallback(); }else{ if(window.HIVUI_SETTING.isSingleLogin&&window.HIVUI_SETTING.singleLogoutUrl){ location=window.HIVUI_SETTING.singleLogoutUrl; }else{ location=window.HIVUI_SETTING.loginUrl; } } }); }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; this.latelyUseStyle.opacity = '1'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.resUrl, name:item.name, openType:item.openType, });//inject 提供的方法只能 传一个参数 }, hideTitle(name){ this.$emit('hideTitle', name); }, //切岗 __changeOrgBz(bzid){ changeBz({ bzid:bzid }).then(res=>{ window.location.reload(); }); }, modifyPw(){ this.$store.dispatch("user/showPwDialog",true); }, // 个人中心 personalCenter(){ top.window.SysPage.newPage(this.$t("hivuiMain_app_personal_Center"), '#personalCenter'); }, modifyUserInfo(){ }, //全部功能弹窗 allFuncTrigger(){ let me=this; me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true; if(me.isShowAllFuncMenu){ me.$refs.allFuncMenu.showBox(); }else{ me.$refs.allFuncMenu.hideBox(); } }, allFuncTriggerOpen(){ let me=this; me.$refs.allFuncMenu.showBox(); }, allFuncTriggerClose(){ let me=this; me.$refs.allFuncMenu.hideBox(); }, logoClickHanlder(opt){ if(opt&&opt.clickHandler){ opt.clickHandler(); } }, } } </script> <style lang="less" scoped> .pl-header{ z-index: 99; } </style> <template> <div class="pl-header " :data-layout="layout"> <ul class="ltArea"> <li v-if="layout=='level'" class="logoStyle"> <div class="pl-logo"> <div v-if="hasTitle" @click="logoClickHanlder(logoOpt)"> <img :src="def_sy_logo_horizon" :width="logoWidth" v-if="!logoOpt.src"> <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src"> </div> <div v-else @click="logoClickHanlder(MlogoOpt)"> <img :src="def_sy_minLogo" v-if="!MlogoOpt.src"> <img :src="MlogoOpt.src" :width="MlogoOpt.width?(MlogoOpt.width+'px'):(!MlogoOpt.height?logoWidth:null)" :height="MlogoOpt.height&&(MlogoOpt.height+'px')" :title="MlogoOpt.title" v-if="MlogoOpt.src"> </div> </div> </li> <li v-else class="logoStyle"> <div class="pl-logo" @click="logoClickHanlder(logoOpt)"> <img :src="def_sy_logo" :width="logoWidth" v-if="!logoOpt.src"> <img :src="logoOpt.src" :width="logoOpt.width?(logoOpt.width+'px'):(!logoOpt.height?logoWidth:null)" :height="logoOpt.height&&(logoOpt.height+'px')" :title="logoOpt.title" v-if="logoOpt.src"> </div> </li> <li v-if="sysList.length"> <div class="sysTrigger" ref='dom-sysList' @mouseover="handleShowSysList" @mouseout="handleHideSysList"> <span>{{$t('hivuiMain_projectManage')}}</span> <i class="iconfont icon-change"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowSysList" @mouseleave="handleHideSysList" :style="sysListStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)"> <a class="title"><span class="txt">{{item.title}}</span></a> </li> </ul> </li> <li v-if="layout == 'level'&&!hideHistoryFuncList" > <div class="sysTrigger" ref="dom-latelyUse" :title='$t("hivuiMain_recentlyUsed")' @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse"> <i class="icon iconfont icon-time"></i> <span class="title">{{$t('hivuiMain_recentlyUsed')}}</span> <i class="icon iconfont icon-arrow-down"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.name}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </li> <li v-if="layout == 'level'&&showAllFuncBtn" > <div class="sysTrigger"> <span ref="allFuncBtn" class="title" @mouseenter="allFuncTriggerOpen" @mouseleave="allFuncTriggerClose">{{$t('hivuiMain_allFunction')}}</span> <i class="icon iconfont icon-arrow-down"></i> <allFuncMenu ref="allFuncMenu" :triggerObj="allFuncBtnObj" v-add2Body></allFuncMenu> </div> </li> </ul> <ul class="rtArea"> <li> <div class="pl-search" ref="dom-searchBox" > <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$t('hivuiMain_searchKey')" v-model.trim="searchWord" @keyup="handleSeachKeyUp" /> <i class="iconfont icon-search"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body> <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" style="width:100%" @click="openFunc(item)"> <a class="title"><span class="txt" v-html="item.html||item.name"></span></a> </li> <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips"> {{$t('hivuiMain_nodata')}} </li> </ul> </li> <li v-if="sysProjectManage"> <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name"> <i class="iconfont" :class="sysProjectManage.iconClass"></i> <span class="title">{{sysProjectManage.name}}</span> </a> </li> <template v-for="item in sysFuncMenus"> <li v-if="item.type!='split'"> <template v-if="item.type=='withNumTips'"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <span class="pl-head-tipsNum" :hidden="!(msgCount!=0)">{{msgCount}}</span> <!-- <span class="pl-head-tipsNum" :hidden="!(item.tipNum&&item.tipNum!=0)">{{item.tipNum}}</span> --> </div> </template> <template v-else> <template v-if="item.children&&item.children.length"> <div class="item" @mouseenter="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> <template v-if="!item.children||item.children&&item.children.length==0"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> </template> </li> <li v-if="item.type=='split'"><div class="line"></div></li> </template> <!-- <li> <div class="item"> <div class="tip"> <i class="iconfont icon-user"></i> </div> <span class="title">{{this.$store.getters.userId}}/{{this.$store.getters.userName}}</span> <i class="iconfont icon-arrow-down"></i> </div> </li> <li><div class="line"></div></li> --> <!-- 语言切换 --> <li v-if="langList"> <template v-if="langList.children&&langList.children.length"> <div class="item" @mouseenter="handleFuncMenus(langList,$event)"> <div class="tip"> <i class="iconfont" :class="langList.iconClass"></i> </div> <span class="title" v-html="langList.html||langList.name"></span> <i class="iconfont icon-arrow-down" v-if="langList.children"></i> </div> </template> </li> <li v-if="langList"><div class="line"></div></li> <!-- 用户信息 --> <li> <template v-if="sysUserInfo.children&&sysUserInfo.children.length"> <div class="item" @mouseenter="handleFuncMenus(sysUserInfo,$event)"> <div class="tip"> <i class="iconfont" :class="sysUserInfo.iconClass"></i> </div> <span class="title" v-html="sysUserInfo.html||sysUserInfo.name"></span> <i class="iconfont icon-arrow-down" v-if="sysUserInfo.children"></i> </div> </template> </li> <li><div class="line"></div></li> <li v-if="hasSetting"> <div class="item" :title="$t('hivuiMain_customWorkbench')"> <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a> </div> </li> <li> <div class="item" :title="$t('hivuiMain_logout')"> <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a> </div> </li> </ul> <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu> <modifyPw></modifyPw> </div> </template> <script> import pinyin from 'js-pinyin';//ie 下有问题 编译不过 import vueContextMenu from "@main/components/contextMenu"; import modifyPw from "@main/views/layout/components/modifyPw"; import allFuncMenu from './allFuncMenu' import {changeBz} from "@main/api/user"; import { removeToken } from '@main/utils/auth' import { sortMapTurnArr } from '@main/utils/index' import def_sy_loading from "@main/assets/logo_max.png" import def_sy_minLogo from "@main/assets/logo_min.png" import def_sy_logo from "@main/assets/logo.png" import def_sy_logo_horizon from "@main/assets/logo_horizon.png" export default { components:{ vueContextMenu, modifyPw, allFuncMenu, }, inject:['addTab','showTab','hideTab'], props:{ hasTitle:{ type: Boolean, }, logoWidth:{ type: String, } }, data(){ return { menuItems:[], searchWord:"", searchList:[], seldIndex:0, menuShow:false, searchMenusStyle:{ display:'none', left:0, top:0, width:0, // maxHeight:'50%', // overflow:'auto' }, sysListStyle:{ display:'none', left:0, top:0, }, latelyUseStyle:{ display:'none', left:0, top:0, maxHeight:'50%', overflow:'auto' }, def_sy_minLogo:def_sy_minLogo, def_sy_logo:def_sy_logo, def_sy_logo_horizon:def_sy_logo_horizon, numTipTimer:null, showAllFuncBtn:window.customSysCofig.isShowAllFunc===false?false:true, hideHistoryFuncList:window.customSysCofig.hideHistoryFuncList||false, isShowAllFuncMenu:false, allFuncBtnObj:{}, msgCount:0 } }, computed:{ hasSetting(){ let cfg = this.$store.state.app.config||{}; if(cfg.hideSettingBtn){ return false; } let _arr=sortMapTurnArr(cfg.sysSetTabs); return _arr&&_arr.length; }, sysList(){ let cfg = this.$store.state.app.config||{}; return cfg.sysList||[]; }, sysUserInfo(){ let me=this; let cfg = this.$store.state.app.config||{}; function replaceData(str){ if(!str)return ['',false]; var _arr=str.match(/\${(\S*?)}/g); var nullNum=0; if(_arr&&_arr.length>0){ for(let i of _arr){ var _data=me.userInfo[i.match(/\${(\S*)}/)[1]]; if(typeof(_data)!="undefined"){ str=str.replace(i,_data); }else{ str=str.replace(i,me.$t('hivuiMain_header_null')); nullNum++; } } return [str,nullNum==_arr.length?false:true]; } return [str,true]; } //多岗信息文字模板format function orgBzTplFormat(str,item){ let fieldArr=str.match(/(?<=\${).*?(?=})/g); fieldArr.forEach((_i)=>{ if(typeof(item[_i])!="undefined"){ str=str.replaceAll("${"+_i+"}",item[_i]); } }); return str; } let _userInfo=cfg.userInfo; if(_userInfo){ _userInfo.name=replaceData(_userInfo.name)[0]; if(_userInfo.children&&_userInfo.children.length>0){ _userInfo.children=_userInfo.children.filter((item)=>{ let _rData=replaceData(item.name); item.name=_rData[0]; switch(item.type){ case "modifyUserInfo": item.handler=me.modifyUserInfo; break; case "modifyPw": item.handler=me.modifyPw; break; case "personalCenter": item.handler=me.personalCenter; break; case "orgBz": if(Array.isArray(me.bzList)&&me.bzList.length>1){ item.children=[]; for(let i of me.bzList){ let _pushData={ iconClass:'icon-user', name:cfg.orgBzTpl?orgBzTplFormat(cfg.orgBzTpl,i):`${i.fbzname}/${i.fbzid}`, handler:function(){ me.__changeOrgBz(`${i.fbzid}`); }, }; /*if(i.fbzid==me.userInfo.fbzid){ _pushData.chooseIcon={ title:me.$t("hivuiMain_header_bzchooseIcon_title"), iconClass:"el-icon-star-on", }; }else{ _pushData.hoverBtn={ title:me.$t("hivuiMain_header_bzhoverbtn_title"), iconClass:"iconfont icon-set", handler:function(){ console.log(123456789); } } }*/ item.children.push(_pushData); } } break; } if(_rData[1]){ return item; } }); } } return _userInfo||[]; }, sysProjectManage(){ let cfg = this.$store.state.app.config||{}; let item = cfg.sysProjectMange||{},flag=false; this.$store.state.app.powerList.forEach(p=>{ if(p.resUrl.indexOf(item.uri)>-1){ flag = true; return true; } }); if(flag){ return cfg.sysProjectMange; }else{ return null; } }, langList(){ let cfg = this.$store.state.app.config||{}; if(!cfg.showChangeLangBtn){ return; } let menus = cfg.langList||[]; return menus; }, sysFuncMenus(){ let cfg = this.$store.state.app.config||{}; let menus = sortMapTurnArr(cfg.sysFuncMenus)||[]; return menus; }, logoOpt(){ let cfg = this.$store.state.app.config||{}; return (this.layout=="level"&&cfg.sysLogoHorizon?cfg.sysLogoHorizon:cfg.sysLogo)||{}; }, MlogoOpt(){ let cfg = this.$store.state.app.config||{}; return cfg.MsysLogo||{}; }, layout(){ return window.localStorage.getItem('layout'); }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; }, token(){ return this.$store.getters.token; }, userInfo(){ return this.$store.state.user.userInfo; }, bzList(){ return this.$store.state.user.bzList; }, }, watch:{ searchWord(newVal,oldVal){ this.seldIndex=0; this.doSearch(newVal); } }, mounted(){ let me=this; document.addEventListener('click',me.hideSeachResult); me.$store.dispatch("app/getSysConfig"); me.sysFuncMenus.filter(item=>{ if(item.type=="withNumTips"&&item.numFunc){ function __intervalFunc(){ item.numFunc().then(res=>{ me.msgCount = res.num; // me.$set(item,"tipNum",res.num); //渲染报错？？ if(res.num&&!item.hideNotific){ window.SysPage.notificationFunc(me.$t("hivuiMain_header_notification_title"),item.messageText(res),()=>{ me.handleFuncMenus(item); }); } }).catch(err=>{ clearInterval(me.numTipTimer); }); } clearInterval(me.numTipTimer); me.numTipTimer=setInterval(__intervalFunc,item.numIntervalTime||1000*30); __intervalFunc(); } }); me.allFuncBtnObj=(me.layout == 'level')&&me.showAllFuncBtn&&me.$refs.allFuncBtn.getBoundingClientRect(); }, beforeDestroy(){ document.removeEventListener('click',this.hideSeachResult) }, methods:{ openDesign(){ this.$refs['cmp-dd'].show(); }, doSearch(cnKey){ if(cnKey==""){ this.hideSeachResult(); return; } this.showSeachResult(); let list = [], records = this.$store.getters.menusList; let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase(); console.log('records', records) //let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase(); let re = new RegExp("^[a-zA-Z]+$"); for(let i=0,l=records.length;i<l;i++){ let item = records[i]; if(list.length>10){ break; } if(item.name){ if(re.test(cnKey)){ let y = pinyin.getCamelChars(item.name).toLocaleLowerCase(); //let y = Scp.String.getPinyin(item.name).toLocaleLowerCase(); if(y.indexOf(py)>-1 && item.type!='dir'){ list.push(item); } }else{ if(item.name.indexOf(cnKey)>-1 && item.type!='dir' ){ list.push(item); continue; } } } } this.$set(this,'searchList',list); }, openFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId) this.addTab(item);//inject 提供的方法只能 传一个参数 }, handleSearchBoxClick(){ this.doSearch(this.searchWord); this.$refs['dom-seachTxt'].focus(); }, handleSeachKeyUp(evt){ if(evt.keyCode==40){//ArrowDown if(this.seldIndex<this.searchList.length-1){ this.seldIndex++; }else{ this.seldIndex=0; } } if(evt.keyCode==38){//ArrowUp if(this.seldIndex==0){ this.seldIndex=this.searchList.length-1; }else{ this.seldIndex--; } } if(evt.keyCode==13){//enter let item = this.searchList[this.seldIndex]; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId); this.addTab(item);//inject 提供的方法只能 传一个参数 this.searchWord = ""; this.seldIndex = 0; this.hideSeachResult(); } }, showSeachResult(){ this.searchMenusStyle.display ='block'; let s = this.$refs["dom-searchBox"]; let rect = s.getBoundingClientRect(); this.searchMenusStyle.left = rect.left+'px'; this.searchMenusStyle.top = rect.top + rect.height + 5 +'px'; this.searchMenusStyle.width = rect.width+'px'; this.searchMenusStyle.opacity = '1'; }, hideSeachResult(){ this.searchMenusStyle.display ='none'; }, handleChangeSys(item){ if(!item.url)return; if(item.target=="_blank"){ window.open(item.url) }else{ window.location.href=item.url; } }, handleShowSysList(){ this.sysListStyle.display ='block'; let s = this.$refs["dom-sysList"]; let rect = s.getBoundingClientRect(); this.sysListStyle.left = rect.left+'px'; this.sysListStyle.top = rect.top + rect.height +'px'; }, handleHideSysList(){ this.sysListStyle.display ='none'; }, handleFuncMenus(item,$event){ $event&&$event.stopPropagation(); if(item.type== "link"){ window.open(item.resUrl,item.name); return; } var _url=item.url; if(item.type== "widthToken"||item.type== "withToken"){ _url=item.url+"&access_token="+this.token; } if(item.url){ item.target=='tab'? this.addTab({ resUrl:_url, name:item.name, resId:item.id, openType:item.openType, }) : window.open(_url); return }else{ item.handler&&item.handler(); } if(item.children&&item.children.length){ this.menuItems = item.children; this.$refs['cmp-funcMenu'].open($event) } }, async handleLogout(){ await this.$store.dispatch("user/logout").then(()=>{ //removeToken(); window.sessionStorage.removeItem("bzid"); if(window.customSysCofig.logoutCallback){ window.customSysCofig.logoutCallback(); }else{ if(window.HIVUI_SETTING.isSingleLogin&&window.HIVUI_SETTING.singleLogoutUrl){ location=window.HIVUI_SETTING.singleLogoutUrl; }else{ location=window.HIVUI_SETTING.loginUrl; } } }); }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; this.latelyUseStyle.opacity = '1'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.resUrl, name:item.name, openType:item.openType, });//inject 提供的方法只能 传一个参数 }, hideTitle(name){ this.$emit('hideTitle', name); }, //切岗 __changeOrgBz(bzid){ changeBz({ bzid:bzid }).then(res=>{ window.location.reload(); }); }, modifyPw(){ this.$store.dispatch("user/showPwDialog",true); }, // 个人中心 personalCenter(){ top.window.SysPage.newPage(this.$t("hivuiMain_app_personal_Center"), '#personalCenter'); }, modifyUserInfo(){ }, //全部功能弹窗 allFuncTrigger(){ let me=this; me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true; if(me.isShowAllFuncMenu){ me.$refs.allFuncMenu.showBox(); }else{ me.$refs.allFuncMenu.hideBox(); } }, allFuncTriggerOpen(){ let me=this; me.$refs.allFuncMenu.showBox(); }, allFuncTriggerClose(){ let me=this; me.$refs.allFuncMenu.hideBox(); }, logoClickHanlder(opt){ if(opt&&opt.clickHandler){ opt.clickHandler(); } }, } } </script> <style lang="less" scoped> .pl-header{ z-index: 99; } </style>

Ignore Space Show notes View project/hivuiMain/views/layout/components/allFuncMenu/index.vue

<template> <div class="boxMain" ref="allFuncMenu" @mouseenter="showBox" @mouseleave="hideBox" :style="allFuncMenuStyle"> <div class="searchBox"> <input type="text" :placeholder="$t('hivuiMain_allfuncmenu_text')" v-model.trim="searchWord" @keyup="handleSeachKeyUp" /> <i class="iconfont icon-search"></i> </div> <div ref="listBox" class="listBox" :style="listBoxStyle"> <ul class="level1List" v-if="searchWord==''"> <template v-for=" (item1,index) in menus"> <li :key="'level1-'+index" :class="item1.type!='dir'&&!item1.children&&'funcBtn'" :title="item1.type!='dir'?item1.name:''" @click="funcClick(item1)" v-if="item1.isShow"> <itemIcon :item="item1"></itemIcon> <span>{{item1.name}}</span> <ul class="level2List" v-if="item1.children && item1.children.length"> <template v-for=" (item2,index) in item1.children"> <li :key="'level2-'+index" :class="item2.type!='dir'&&!item2.children&&'funcBtn'" :title="item2.type!='dir'?item2.name:''" @click="funcClick(item2)" v-if="item2.isShow"> <itemIcon :item="item2"></itemIcon> <span>{{item2.name}}</span> <!-- <i v-if="item2.type=='dir'" class="el-icon-caret-bottom"></i> --> <ul class="level3List" v-if="item2.children && item2.children.length"> <template v-for=" (item3,index) in item2.children"> <menus :class="'funcBtn level3Dir'" :key="'level3-'+index" :level="0" :parent="allFuncMenu" :menuitem="item3" v-if="item3.isShow&&item3.children&&item3.children.length"></menus> <li v-else-if="item3.isShow" :class="'funcBtn'" :key="'level3-'+index" :title="item3.type!='dir'?item3.name:''" @click="funcClick(item3)" > <itemIcon :item="item3"></itemIcon> <span>{{item3.name}}</span> </li> </template> </ul> </li> </template> </ul> </li> </template> <li v-show="menus.length==0"> {{$t("hivuiMain_nodata")}} </li> </ul> <!-- 搜索结果列表 --> <ul class="searchResultList" v-else> <li v-for=" (searchItem,index) in searchList" :key="'search-'+index" :data-index="index" :class="seldIndex==index&&'itemSeld'" :title="searchItem.name" @click="funcClick(searchItem)"> <itemIcon :item="searchItem"></itemIcon> <span>{{searchItem.name}}</span> </li> <li v-show="searchList.length==0"> {{$t("hivuiMain_nodata")}} </li> </ul> </div> </div> </template> <script> import pinyin from 'js-pinyin'; import itemIcon from './itemIcon'; import menus from './menus'; import cloneDeep from 'lodash/cloneDeep'; export default { inject:['addTab'], provide(){ let me=this; return { showAllFuncBox(){ me.showBox(); }, hideAllFuncBox(){ me.hideBox(); }, } }, props:{ triggerObj:{ type:Object, } }, components:{ itemIcon,menus }, data(){ return { searchWord:"", searchList:[], seldIndex:0, allFuncMenuStyle:"", listBoxStyle:"", loading:false, loadingTime:200, triggerTimer:null, }; }, computed:{ menus(){ //调整排序，功能页面排前面 function sort(list){ let dirList=list.filter(item=>{ return item.type=="dir"; }); let funcList=list.filter(item=>{ return item.type!="dir"; }); list=funcList.concat(dirList); for(let item of list){ if(item.type=='dir'){ if(item.children&&item.children.length>0){ item.children=sort(item.children); } } } return list; } return sort(cloneDeep(this.$store.getters.menus)); }, }, watch:{ searchWord(newVal,oldVal){ this.seldIndex=0; this.doSearch(newVal); } }, mounted(){ let me=this; }, methods:{ //获取搜索列表数据 doSearch(cnKey){ let me=this; let list = [], records = me.$store.getters.menusList, hideMenuItemList = me.$store.getters.hideMenuItemList; let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase(); let re = new RegExp("^[a-zA-Z]+$"); for(let i=0,l=records.length;i<l;i++){ let item = records[i]; if(!(!item.isShow || hideMenuItemList.indexOf(item.parentId)!=-1)){ if(re.test(cnKey)){ let y = pinyin.getCamelChars(item.name).toLocaleLowerCase(); if(y.indexOf(py)>-1 && item.type!='dir'){ list.push(item); } }else{ if(item.name.indexOf(cnKey)>-1 && item.type!='dir'){ list.push(item); } } } } me.$set(me,'searchList',list); me.$nextTick(()=>{ me.countHeight(); me.$refs.listBox.scrollTo({ top:0, }); }); }, //搜索时方向键及回车事件 handleSeachKeyUp(evt){ let colNum=4; let me=this; if(evt.keyCode==37){//左方向 if(me.seldIndex==0){ me.seldIndex=me.searchList.length-1; }else{ me.seldIndex--; } me.scrollSearchList("up"); } if(evt.keyCode==38){//上方向 if(me.seldIndex-colNum<0){ let re1=me.searchList.length%colNum; let re2=(me.seldIndex+1)%colNum; let count=re2>re1 ? (colNum-re2+re1) : (re1-re2); me.seldIndex=((me.searchList.length-count>0) ? me.searchList.length-count : me.searchList.length) - 1; }else{ me.seldIndex-=colNum; } me.scrollSearchList("up"); } if(evt.keyCode==39){//右方向 if(me.seldIndex<me.searchList.length-1){ me.seldIndex++; }else{ me.seldIndex=0; } me.scrollSearchList("down"); } if(evt.keyCode==40){//下方向 if(me.seldIndex+colNum>me.searchList.length-1){ me.seldIndex=(me.seldIndex+colNum)%colNum; }else{ me.seldIndex+=colNum; } me.scrollSearchList("down"); } if(evt.keyCode==13){//回车 let item = me.searchList[me.seldIndex]; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } me.addTab(item);//inject 提供的方法只能 传一个参数 me.searchWord = ""; me.seldIndex = 0; me.$refs.listBox.scrollTo({ top:0, }); me.hideBox(); } }, //滚动搜索菜单列表 scrollSearchList(type){ let me=this; let _scrollTop=0; let listDom=me.$refs.listBox; let listDomObj=listDom.getBoundingClientRect(); let currItemDom=listDom.querySelector("[data-index='"+me.seldIndex+"']"); let currItemDomObj=currItemDom.getBoundingClientRect(); //在可视范围内不滚动 if(currItemDomObj.top+currItemDomObj.height<(listDomObj.height+listDomObj.top) && currItemDomObj.top>listDomObj.top){ return; } if(type=="up"){ _scrollTop=currItemDomObj.top-listDomObj.top+listDom.scrollTop; }else if(type=="down"){ _scrollTop=currItemDomObj.top+currItemDomObj.height-listDomObj.top-listDomObj.height+listDom.scrollTop; } me.$refs.listBox.scrollTo({ top:_scrollTop, behavior:"smooth", }); }, //菜单功能项点击事件 funcClick(item){ if(item.type!="dir"&&item.resUrl){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab(item);//inject 提供的方法只能 传一个参数 this.hideBox(); } }, //显隐共用样式（设置定位） commonFunc(){ let me=this; let btnOffset=me.triggerObj; let ww=window.outerWidth; let boxleft=btnOffset.left+me.$refs.allFuncMenu.offsetWidth; me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true; me.allFuncMenuStyle=`top:${btnOffset.top+btnOffset.height}px;`; if(boxleft>ww){ me.allFuncMenuStyle+=`right:10px;`; }else{ me.allFuncMenuStyle+=`left:${btnOffset.left}px;`; } }, //计算高度 countHeight(){ let me=this; let wh=window.outerHeight; let listContentH=me.$refs.listBox.children[0].scrollHeight+50; let boxheight=listContentH > (wh/2) ? wh/2 : listContentH; me.allFuncMenuStyle+=`opacity:1;z-index:99;height:${boxheight+2}px;`;//2:弹窗边框 me.listBoxStyle=`height:${boxheight-50}px;`;//50:搜索框高度 }, //显示弹窗 showBox(){ let me=this; me.commonFunc(); me.countHeight(); me.loading=true; clearTimeout(me.triggerTimer); me.triggerTimer=setTimeout(()=>{ me.loading=false; },me.loadingTime); }, //隐藏弹窗 hideBox(){ let me=this; me.commonFunc(); //me.loading=true; me.allFuncMenuStyle+=`z-index:99;`; setTimeout(()=>{ if(!me.loading){ me.allFuncMenuStyle=''; me.loading=false; } },me.loadingTime); }, } } </script> <style lang="less" scoped> .boxMain{ position:absolute; top:-9999px; z-index:-1; opacity: 0; transition-duration: 0.2s; transition-property: opacity,height; width: 800px; height:0; background-color: #fff; border:1px solid #ddd; box-shadow: 0 2px 10px 0 #ddd; padding:50px 0px 0; box-sizing: border-box; overflow: auto; *{ box-sizing: border-box; } ul,li{ padding: 0; margin:0; list-style: none; } ul{ display: flex; flex-wrap: wrap; width:100%; } li{ flex:0 0 100%; color:#333; span{ overflow: hidden; text-overflow: ellipsis; } } &.show{ z-index:99; opacity: 1; } li.funcBtn{ display: flex; align-items: center; flex:0 0 25%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:20px; color:#888; &:hover>span{ color:#06c; cursor: pointer; } } .searchBox{ position: absolute; top:0; left:0; right:0; margin:auto; width: calc(100% - 60px); background-color: #fff; input{ border:none; border-bottom:1px solid #ddd; padding:0 10px 0 40px; line-height: 48px; width: 100%; outline: none; &::placeholder{ color:#ccc; } } i{ position: absolute; top:0; bottom:0; left:10px; margin:auto; width:20px; height:20px; line-height:20px; text-align: center; font-size: 20px; font-weight: bold; color:#ccc; } } .listBox{ overflow: auto; padding:0 30px; } .level1List{ margin-bottom:30px; padding: 10px; &>li{ line-height: 36px; font-size: 18px; font-weight: bold; } } .level2List{ padding: 10px; &>li{ line-height: 32px; font-size: 14px; font-weight: bold; &.funcBtn{ font-size: 13px; font-weight: normal; } } } .level3List{ padding:0px 0 10px; display:flex; flex-wrap: wrap; &>li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 32px; font-size: 13px; &.funcBtn{ font-weight: normal; } } .level3Dir{ color:#333; } } .searchResultList{ width: 100%; display:flex; flex-wrap: wrap; padding-bottom:30px; li{ flex:0 0 25%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 32px; font-size: 14px; display: flex; align-items: center; cursor: pointer; &:hover{ color:#06c; } } .itemSeld{ color:#f00; } } } </style> <template> <div class="boxMain" ref="allFuncMenu" @mouseenter="showBox" @mouseleave="hideBox" :style="allFuncMenuStyle"> <div class="searchBox"> <input type="text" :placeholder="$t('hivuiMain_allfuncmenu_text')" v-model.trim="searchWord" @keyup="handleSeachKeyUp" /> <i class="iconfont icon-search"></i> </div> <div ref="listBox" class="listBox" :style="listBoxStyle"> <ul class="level1List" v-if="searchWord==''"> <li v-for=" (item1,index) in menus" :key="'level1-'+index" :class="item1.type!='dir'&&!item1.children&&'funcBtn'" :title="item1.type!='dir'?item1.name:''" @click="funcClick(item1)"> <itemIcon :item="item1"></itemIcon> <span>{{item1.name}}</span> <ul class="level2List" v-if="item1.children"> <li v-for=" (item2,index) in item1.children" :key="'level2-'+index" :class="item2.type!='dir'&&!item2.children&&'funcBtn'" :title="item2.type!='dir'?item2.name:''" @click="funcClick(item2)"> <itemIcon :item="item2"></itemIcon> <span>{{item2.name}}</span> <!-- <i v-if="item2.type=='dir'" class="el-icon-caret-bottom"></i> --> <ul class="level3List" v-if="item2.children"> <template v-for=" (item3,index) in item2.children"> <menus :class="'funcBtn level3Dir'" :key="'level3-'+index" :level="0" :parent="allFuncMenu" :menuitem="item3" v-if="item3.isShow&&item3.children&&item3.children.length"></menus> <li v-else :class="'funcBtn'" :key="'level3-'+index" :title="item3.type!='dir'?item3.name:''" @click="funcClick(item3)" > <itemIcon :item="item3"></itemIcon> <span>{{item3.name}}</span> </li> </template> </ul> </li> </ul> </li> <li v-show="menus.length==0"> {{$t("hivuiMain_nodata")}} </li> </ul> <!-- 搜索结果列表 --> <ul class="searchResultList" v-else> <li v-for=" (searchItem,index) in searchList" :key="'search-'+index" :data-index="index" :class="seldIndex==index&&'itemSeld'" :title="searchItem.name" @click="funcClick(searchItem)"> <itemIcon :item="searchItem"></itemIcon> <span>{{searchItem.name}}</span> </li> <li v-show="searchList.length==0"> {{$t("hivuiMain_nodata")}} </li> </ul> </div> </div> </template> <script> import pinyin from 'js-pinyin'; import itemIcon from './itemIcon'; import menus from './menus'; import cloneDeep from 'lodash/cloneDeep'; export default { inject:['addTab'], provide(){ let me=this; return { showAllFuncBox(){ me.showBox(); }, hideAllFuncBox(){ me.hideBox(); }, } }, props:{ triggerObj:{ type:Object, } }, components:{ itemIcon,menus }, data(){ return { searchWord:"", searchList:[], seldIndex:0, allFuncMenuStyle:"", listBoxStyle:"", loading:false, loadingTime:200, triggerTimer:null, }; }, computed:{ menus(){ //调整排序，功能页面排前面 function sort(list){ let dirList=list.filter(item=>{ return item.type=="dir"; }); let funcList=list.filter(item=>{ return item.type!="dir"; }); list=funcList.concat(dirList); for(let item of list){ if(item.type=='dir'){ if(item.children&&item.children.length>0){ item.children=sort(item.children); } } } return list; } return sort(cloneDeep(this.$store.getters.menus)); }, }, watch:{ searchWord(newVal,oldVal){ this.seldIndex=0; this.doSearch(newVal); } }, mounted(){ let me=this; }, methods:{ //获取搜索列表数据 doSearch(cnKey){ let me=this; let list = [], records = me.$store.getters.menusList; let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase(); let re = new RegExp("^[a-zA-Z]+$"); for(let i=0,l=records.length;i<l;i++){ let item = records[i]; if(re.test(cnKey)){ let y = pinyin.getCamelChars(item.name).toLocaleLowerCase(); if(y.indexOf(py)>-1 && item.type!='dir'){ list.push(item); } }else{ if(item.name.indexOf(cnKey)>-1 && item.type!='dir'){ list.push(item); continue; } } } me.$set(me,'searchList',list); me.$nextTick(()=>{ me.countHeight(); me.$refs.listBox.scrollTo({ top:0, }); }); }, //搜索时方向键及回车事件 handleSeachKeyUp(evt){ let colNum=4; let me=this; if(evt.keyCode==37){//左方向 if(me.seldIndex==0){ me.seldIndex=me.searchList.length-1; }else{ me.seldIndex--; } me.scrollSearchList("up"); } if(evt.keyCode==38){//上方向 if(me.seldIndex-colNum<0){ let re1=me.searchList.length%colNum; let re2=(me.seldIndex+1)%colNum; let count=re2>re1 ? (colNum-re2+re1) : (re1-re2); me.seldIndex=((me.searchList.length-count>0) ? me.searchList.length-count : me.searchList.length) - 1; }else{ me.seldIndex-=colNum; } me.scrollSearchList("up"); } if(evt.keyCode==39){//右方向 if(me.seldIndex<me.searchList.length-1){ me.seldIndex++; }else{ me.seldIndex=0; } me.scrollSearchList("down"); } if(evt.keyCode==40){//下方向 if(me.seldIndex+colNum>me.searchList.length-1){ me.seldIndex=(me.seldIndex+colNum)%colNum; }else{ me.seldIndex+=colNum; } me.scrollSearchList("down"); } if(evt.keyCode==13){//回车 let item = me.searchList[me.seldIndex]; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } me.addTab(item);//inject 提供的方法只能 传一个参数 me.searchWord = ""; me.seldIndex = 0; me.$refs.listBox.scrollTo({ top:0, }); me.hideBox(); } }, //滚动搜索菜单列表 scrollSearchList(type){ let me=this; let _scrollTop=0; let listDom=me.$refs.listBox; let listDomObj=listDom.getBoundingClientRect(); let currItemDom=listDom.querySelector("[data-index='"+me.seldIndex+"']"); let currItemDomObj=currItemDom.getBoundingClientRect(); //在可视范围内不滚动 if(currItemDomObj.top+currItemDomObj.height<(listDomObj.height+listDomObj.top) && currItemDomObj.top>listDomObj.top){ return; } if(type=="up"){ _scrollTop=currItemDomObj.top-listDomObj.top+listDom.scrollTop; }else if(type=="down"){ _scrollTop=currItemDomObj.top+currItemDomObj.height-listDomObj.top-listDomObj.height+listDom.scrollTop; } me.$refs.listBox.scrollTo({ top:_scrollTop, behavior:"smooth", }); }, //菜单功能项点击事件 funcClick(item){ if(item.type!="dir"&&item.resUrl){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab(item);//inject 提供的方法只能 传一个参数 this.hideBox(); } }, //显隐共用样式（设置定位） commonFunc(){ let me=this; let btnOffset=me.triggerObj; let ww=window.outerWidth; let boxleft=btnOffset.left+me.$refs.allFuncMenu.offsetWidth; me.isShowAllFuncMenu=me.isShowAllFuncMenu?false:true; me.allFuncMenuStyle=`top:${btnOffset.top+btnOffset.height}px;`; if(boxleft>ww){ me.allFuncMenuStyle+=`right:10px;`; }else{ me.allFuncMenuStyle+=`left:${btnOffset.left}px;`; } }, //计算高度 countHeight(){ let me=this; let wh=window.outerHeight; let listContentH=me.$refs.listBox.children[0].scrollHeight+50; let boxheight=listContentH > (wh/2) ? wh/2 : listContentH; me.allFuncMenuStyle+=`opacity:1;z-index:99;height:${boxheight+2}px;`;//2:弹窗边框 me.listBoxStyle=`height:${boxheight-50}px;`;//50:搜索框高度 }, //显示弹窗 showBox(){ let me=this; me.commonFunc(); me.countHeight(); me.loading=true; clearTimeout(me.triggerTimer); me.triggerTimer=setTimeout(()=>{ me.loading=false; },me.loadingTime); }, //隐藏弹窗 hideBox(){ let me=this; me.commonFunc(); //me.loading=true; me.allFuncMenuStyle+=`z-index:99;`; setTimeout(()=>{ if(!me.loading){ me.allFuncMenuStyle=''; me.loading=false; } },me.loadingTime); }, } } </script> <style lang="less" scoped> .boxMain{ position:absolute; top:-9999px; z-index:-1; opacity: 0; transition-duration: 0.2s; transition-property: opacity,height; width: 800px; height:0; background-color: #fff; border:1px solid #ddd; box-shadow: 0 2px 10px 0 #ddd; padding:50px 0px 0; box-sizing: border-box; overflow: auto; *{ box-sizing: border-box; } ul,li{ padding: 0; margin:0; list-style: none; } ul{ display: flex; flex-wrap: wrap; width:100%; } li{ flex:0 0 100%; color:#333; span{ overflow: hidden; text-overflow: ellipsis; } } &.show{ z-index:99; opacity: 1; } li.funcBtn{ display: flex; align-items: center; flex:0 0 25%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:20px; color:#888; &:hover>span{ color:#06c; cursor: pointer; } } .searchBox{ position: absolute; top:0; left:0; right:0; margin:auto; width: calc(100% - 60px); background-color: #fff; input{ border:none; border-bottom:1px solid #ddd; padding:0 10px 0 40px; line-height: 48px; width: 100%; outline: none; &::placeholder{ color:#ccc; } } i{ position: absolute; top:0; bottom:0; left:10px; margin:auto; width:20px; height:20px; line-height:20px; text-align: center; font-size: 20px; font-weight: bold; color:#ccc; } } .listBox{ overflow: auto; padding:0 30px; } .level1List{ margin-bottom:30px; padding: 10px; &>li{ line-height: 36px; font-size: 18px; font-weight: bold; } } .level2List{ padding: 10px; &>li{ line-height: 32px; font-size: 14px; font-weight: bold; &.funcBtn{ font-size: 13px; font-weight: normal; } } } .level3List{ padding:0px 0 10px; display:flex; flex-wrap: wrap; &>li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 32px; font-size: 13px; &.funcBtn{ font-weight: normal; } } .level3Dir{ color:#333; } } .searchResultList{ width: 100%; display:flex; flex-wrap: wrap; padding-bottom:30px; li{ flex:0 0 25%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 32px; font-size: 14px; display: flex; align-items: center; cursor: pointer; &:hover{ color:#06c; } } .itemSeld{ color:#f00; } } } </style>

Ignore Space Show notes View project/hivuiMain/views/layout/index.vue

<template> <div v-if="layout == 'level'" class="pl-page" :class="isFullscreen?'showTab':''"> <div :style="fullScreenTabHandleStyle" @mouseenter="showTab"></div> <Header v-show="!isFullscreen" :hasTitle="hasTitle" :logoWidth="logoWidth" ref="Header" style="box-shadow: 0 5px 7px rgba(221,221,221,0.5);z-index:10"></Header> <!-- <Navbar></Navbar> --> <Sidebar ref="Sidebar" :hasTitle="hasTitle" :sideWidth="sideWidth" :totop="totop" style="z-index: 11"></Sidebar> <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:toleft, top:totop+'px'}"></Main> </div> <div v-else class="pl-page" :class="isFullscreen?'showTab':''"> <div :style="fullScreenTabHandleStyle" @mouseenter="showTab"></div> <Header ref="Header" :logoWidth="logoWidth" v-show="!isFullscreen"></Header> <Navbar ref="Navbar" v-show="!isFullscreen"></Navbar> <Sidebar ref="Sidebar" v-show="hasQuickNav&&!isFullscreen"></Sidebar> <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:hasQuickNav?71:0}"></Main> </div> </template> <script> import {baseURL,codeProjectName,requestUrl} from '@main/config' import {getMenus} from '@main/api/menu' import {checkUrl} from '@main/utils/index' import {Header,Navbar,Sidebar,Main} from "./components" import screenfull from 'screenfull' // import { setTimeout } from 'timers'; export default { components:{ Header,Navbar,Sidebar,Main }, provide(){ let me=this; return { addTab(item){ // url,title,uid,callback,nearest // this.addTab(item);//inject 提供的方法只能 传一个参数 me.addTab(item.ssoUrl||item.resUrl,item.name,item.resId,item.callback,item.nearest,item.openType); // me.addTab(url,title,uid,callback,nearest); }, showTab(){ // console.log('layout index vue : showTab') me.showTab(); }, hideTab(){ // console.log('layout index vue : hideTab') me.hideTab(); } } }, data(){ return { hasTitle: true, toleft: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'141px'):'71px', sideWidth: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'140px'):'70px', logoWidth:'140px', totop: 50, isFullscreen: false, top: '', left: '', mainTop: '', navTop: '', timeout: null, sysConfig: this.$store.state.app.config, } }, computed:{ hasQuickNav(){ return this.$store.getters.navs.length; }, layout(){ return window.localStorage.getItem('layout'); }, isTitle(){ return this.hasTitle; }, fullScreenTabHandleStyle(){ let baseStyle={ position: "absolute", left: 0, top: 0, "z-index": 10000, }; if(this.layout=="level"){ Object.assign(baseStyle,{ height: "100%", width: "1px", }); }else{ Object.assign(baseStyle,{ height: "1px", width: "100%", }); } return baseStyle; } }, methods:{ addTab(url,title,uid,callback,nearest,openType){ console.log('layout addTab :',baseURL,codeProjectName,url); let __url=url; if(!checkUrl(url)){ //根据setting配置是否带e5 __url=(window._global?location.origin:window.HIVUI_SETTING.serverUrl)+url; } if(openType==2){//弹窗 this.$refs.Main.menuOpenList.push({ title:title, url:__url, uid:uid, }); }else if(openType==3){//浏览器标签打开 window.open(__url,"_blank"); }else{//主界面框架标签打开 window.Sys.addTab(__url,title,uid,callback,nearest); } }, hideTitle(name){ this.hasTitle = name; this.toleft = name?'71px':'49px'; this.sideWidth = name?'70px':'48px' }, /** * 是否全屏并按键ESC键的方法 */ checkFull() { var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled // to fix : false || undefined == undefined if (isFull === undefined) { isFull = false } return isFull }, handleFullScreen(){ screenfull.toggle() }, onchange(){ // console.log(this.isFullscreen) if(this.isFullscreen==true){ // this.$refs.Main.isFullscreen = true this.$refs.Sidebar.$el.style.top=0 this.$refs.Sidebar.$el.style.left=0 this.$refs.Main.$el.style.top=0 this.$refs.Main.$el.style.left=0 // console.log('222',this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style) this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none' this.$refs.Sidebar.$el.style.display = 'none' this.$refs.Main.$refs['cmp-tabs'].resize() }else{ // console.log(222) // console.log('top',this.top) this.$refs['Sidebar'].$el.style.top=this.mainTop+this.navTop+'px' if(!this.sysConfig.isSinglePage){ this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block'; } if(this.layout != 'level'&&this.hasQuickNav&&!this.isFullscreen){ this.$refs.Sidebar.$el.style.display = 'block'; } if(this.layout === 'level'){ this.$refs['Main'].$el.style.top=this.navTop+'px' this.$refs['Main'].$el.style.left=this.left }else{ this.$refs['Main'].$el.style.top=this.mainTop+this.navTop+'px' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+this.navTop+'px' this.$refs['Main'].$el.style.left=this.left this.$refs['Navbar'].$el.style.top=this.navTop+'px' this.$refs.Navbar.$el.style.display='block' } this.$refs.Main.$refs['cmp-tabs'].resize() } }, showTab(){ if(this.isFullscreen){ clearTimeout(this.timeout); this.timeout = setTimeout(()=>{ if(!this.sysConfig.isSinglePage){ this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+'px' } // this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top='50px' // console.log(this.$refs.Main.$el.style.top) if(this.layout === 'level'){ this.$refs.Sidebar.$el.style.display = 'block' if(this.sysConfig.isSinglePage){ this.$refs.Sidebar.$el.style.top = '0px' }else{ this.$refs.Sidebar.$el.style.top = '39px' } }else{ // this.$refs.Sidebar.$el.style.display = 'block' this.$refs.Navbar.$el.style.display='none'; this.$refs.Navbar.$el.style.top=0 this.$refs.Navbar.$el.style.display='block' } // this.$refs.Main.$refs['cmp-tabs'].resize() },0); } }, hideTab(){ if(this.isFullscreen){ clearTimeout(this.timeout); this.timeout = setTimeout(()=>{ this.$refs.Main.$el.style.top=0 this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none' if(this.layout === 'level'){ this.$refs.Sidebar.$el.style.display = 'none' }else{ this.$refs.Navbar.$el.style.display='none' } // this.$refs.Main.$refs['cmp-tabs'].resize() },0); } }, KeyDown(event) { if (event.keyCode === 122) { event.returnValue = false; this.handleFullScreen(); } } }, created(){ //单页模式强制左右布局 if(this.sysConfig.isSinglePage){ window.localStorage.setItem('layout','level'); }else if(this.sysConfig.layout&&!window.localStorage.getItem('layout')){ if(this.sysConfig.layout=="top"){ window.localStorage.setItem('layout','vertical'); }else if(this.sysConfig.layout=="left"){ window.localStorage.setItem('layout','level'); } } }, mounted(){ this.navTop = this.$refs.Header.$el.offsetHeight this.left = this.$refs.Main.$el.style.left console.log('left', this.isFullscreen) if(this.layout === 'level'){ this.totop = this.$refs.Header.$el.offsetHeight || 50 }else{ this.mainTop = this.$refs.Navbar.$el.offsetHeight // console.log('mainTop', this.mainTop) } this.onchange(); window.onresize = () => { // 全屏下监控是否按键了ESC if (!this.checkFull()) { // 全屏下按键esc后要执行的动作 this.isFullscreen = false } this.isFullscreen=screenfull.isFullscreen this.onchange() }, window.addEventListener("keydown", this.KeyDown, true);//监听按键事件 } } </script> <style lang="less" scoped> .menuOpenDialog{ ::v-deep .el-dialog__body{ padding-top:0; } } </style> <template> <div v-if="layout == 'level'" class="pl-page" :class="isFullscreen?'showTab':''"> <div :style="fullScreenTabHandleStyle" @mouseenter="showTab"></div> <Header v-show="!isFullscreen" :hasTitle="hasTitle" :logoWidth="logoWidth" ref="Header" style="box-shadow: 0 5px 7px rgba(221,221,221,0.5);z-index:10"></Header> <!-- <Navbar></Navbar> --> <Sidebar ref="Sidebar" :hasTitle="hasTitle" :sideWidth="sideWidth" :totop="totop" style="z-index: 11"></Sidebar> <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:toleft, top:totop+'px'}"></Main> </div> <div v-else class="pl-page" :class="isFullscreen?'showTab':''"> <div :style="fullScreenTabHandleStyle" @mouseenter="showTab"></div> <Header ref="Header" :logoWidth="logoWidth" v-show="!isFullscreen"></Header> <Navbar ref="Navbar" v-show="!isFullscreen"></Navbar> <Sidebar ref="Sidebar" v-show="hasQuickNav&&!isFullscreen"></Sidebar> <Main ref="Main" @onFullScreen="handleFullScreen" :style="{left:hasQuickNav?71:0}"></Main> </div> </template> <script> import {baseURL,codeProjectName,requestUrl} from '@main/config' import {getMenus} from '@main/api/menu' import {checkUrl} from '@main/utils/index' import {Header,Navbar,Sidebar,Main} from "./components" import screenfull from 'screenfull' // import { setTimeout } from 'timers'; export default { components:{ Header,Navbar,Sidebar,Main }, provide(){ let me=this; return { addTab(item){ // url,title,uid,callback,nearest // this.addTab(item);//inject 提供的方法只能 传一个参数 me.addTab(item.ssoUrl||item.resUrl,item.name,item.resId,item.callback,item.nearest,item.openType); // me.addTab(url,title,uid,callback,nearest); }, showTab(){ // console.log('layout index vue : showTab') me.showTab(); }, hideTab(){ // console.log('layout index vue : hideTab') me.hideTab(); } } }, data(){ return { hasTitle: true, toleft: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'141px'):'71px', sideWidth: window.__sysConfig.isMenuWordwrap?(window.__sysConfig.leftMenuWidth?(window.__sysConfig.leftMenuWidth+"px"):'140px'):'70px', logoWidth:'140px', totop: 50, isFullscreen: false, top: '', left: '', mainTop: '', navTop: '', timeout: null, sysConfig: this.$store.state.app.config, } }, computed:{ hasQuickNav(){ return this.$store.getters.navs.length; }, layout(){ return window.localStorage.getItem('layout'); }, isTitle(){ return this.hasTitle; }, fullScreenTabHandleStyle(){ let baseStyle={ position: "absolute", left: 0, top: 0, "z-index": 10000, }; if(this.layout=="level"){ Object.assign(baseStyle,{ height: "100%", width: "1px", }); }else{ Object.assign(baseStyle,{ height: "1px", width: "100%", }); } return baseStyle; } }, methods:{ addTab(url,title,uid,callback,nearest,openType){ console.log('layout addTab :',baseURL,codeProjectName,url); let __url=url; if(!checkUrl(url)){ //根据setting配置是否带e5 __url=(window._global?location.origin:window.HIVUI_SETTING.serverUrl)+url; } if(openType==2){//弹窗 this.$refs.Main.menuOpenList.push({ title:title, url:__url, uid:uid, }); }else if(openType==3){//浏览器标签打开 window.open(__url,"_blank"); }else{//主界面框架标签打开 window.Sys.addTab(__url,title,uid,callback,nearest); } }, hideTitle(name){ this.hasTitle = name; this.toleft = name?'71px':'49px'; this.sideWidth = name?'70px':'48px' }, /** * 是否全屏并按键ESC键的方法 */ checkFull() { var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled // to fix : false || undefined == undefined if (isFull === undefined) { isFull = false } return isFull }, handleFullScreen(){ screenfull.toggle() }, onchange(){ // console.log(this.isFullscreen) if(this.isFullscreen==true){ // this.$refs.Main.isFullscreen = true this.$refs.Sidebar.$el.style.top=0 this.$refs.Sidebar.$el.style.left=0 this.$refs.Main.$el.style.top=0 this.$refs.Main.$el.style.left=0 // console.log('222',this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style) this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none' this.$refs.Sidebar.$el.style.display = 'none' this.$refs.Main.$refs['cmp-tabs'].resize() }else{ // console.log(222) // console.log('top',this.top) this.$refs['Sidebar'].$el.style.top=this.mainTop+this.navTop+'px' if(!this.sysConfig.isSinglePage){ this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block'; } if(layout != 'level'&&hasQuickNav&&!isFullscreen){ this.$refs.Sidebar.$el.style.display = 'block'; } if(window.localStorage.getItem('layout') === 'level'){ this.$refs['Main'].$el.style.top=this.navTop+'px' this.$refs['Main'].$el.style.left=this.left }else{ this.$refs['Main'].$el.style.top=this.mainTop+this.navTop+'px' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+this.navTop+'px' this.$refs['Main'].$el.style.left=this.left this.$refs['Navbar'].$el.style.top=this.navTop+'px' this.$refs.Navbar.$el.style.display='block' } this.$refs.Main.$refs['cmp-tabs'].resize() } }, showTab(){ if(this.isFullscreen){ clearTimeout(this.timeout); this.timeout = setTimeout(()=>{ if(!this.sysConfig.isSinglePage){ this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='block' this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top=this.mainTop+'px' } // this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.top='50px' // console.log(this.$refs.Main.$el.style.top) if(window.localStorage.getItem('layout') === 'level'){ this.$refs.Sidebar.$el.style.display = 'block' if(this.sysConfig.isSinglePage){ this.$refs.Sidebar.$el.style.top = '0px' }else{ this.$refs.Sidebar.$el.style.top = '39px' } }else{ // this.$refs.Sidebar.$el.style.display = 'block' this.$refs.Navbar.$el.style.display='none'; this.$refs.Navbar.$el.style.top=0 this.$refs.Navbar.$el.style.display='block' } // this.$refs.Main.$refs['cmp-tabs'].resize() },0); } }, hideTab(){ if(this.isFullscreen){ clearTimeout(this.timeout); this.timeout = setTimeout(()=>{ this.$refs.Main.$el.style.top=0 this.$refs.Main.$refs['cmp-tabs'].$refs['domTabHead'].style.display='none' if(window.localStorage.getItem('layout') === 'level'){ this.$refs.Sidebar.$el.style.display = 'none' }else{ this.$refs.Navbar.$el.style.display='none' } // this.$refs.Main.$refs['cmp-tabs'].resize() },0); } }, KeyDown(event) { if (event.keyCode === 122) { event.returnValue = false; this.handleFullScreen(); } } }, created(){ //单页模式强制左右布局 if(this.sysConfig.isSinglePage){ window.localStorage.setItem('layout','level'); }else if(this.sysConfig.layout&&!window.localStorage.getItem('layout')){ if(this.sysConfig.layout=="top"){ window.localStorage.setItem('layout','vertical'); }else if(this.sysConfig.layout=="left"){ window.localStorage.setItem('layout','level'); } } }, mounted(){ this.navTop = this.$refs.Header.$el.offsetHeight this.left = this.$refs.Main.$el.style.left console.log('left', this.isFullscreen) if(window.localStorage.getItem('layout') === 'level'){ this.totop = this.$refs.Header.$el.offsetHeight || 50 }else{ this.mainTop = this.$refs.Navbar.$el.offsetHeight // console.log('mainTop', this.mainTop) } this.onchange(); window.onresize = () => { // 全屏下监控是否按键了ESC if (!this.checkFull()) { // 全屏下按键esc后要执行的动作 this.isFullscreen = false } this.isFullscreen=screenfull.isFullscreen this.onchange() }, window.addEventListener("keydown", this.KeyDown, true);//监听按键事件 } } </script> <style lang="less" scoped> .menuOpenDialog{ ::v-deep .el-dialog__body{ padding-top:0; } } </style>

Ignore Space Show notes View project/hivuiMain/views/personalCenter/components/UserUpdate.vue

<template> <el-form :model="form" :rules="rules" ref="form"> <el-row> <el-col :span="12"> <el-form-item :label="$t('hivuiMain_personalCenter_name')" prop="FUSERNAME"> <el-input v-model="form.FUSERNAME"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_sex')" prop="FSEX"> <el-radio-group v-model="form.FSEX"> <el-radio :label="1">{{ $t('hivuiMain_personalCenter_male') }}</el-radio> <el-radio :label="0">{{ $t('hivuiMain_personalCenter_female') }}</el-radio> </el-radio-group> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_birthday')" prop="FBIRTHDAY"> <el-date-picker format="yyyy-MM-dd" type="date" v-model="form.FBIRTHDAY" style="width: 100%" ></el-date-picker> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_mbphone')" prop="FMBPHONE"> <el-input v-model="form.FMBPHONE"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_email')" prop="FEMAIL"> <el-input v-model="form.FEMAIL"></el-input> </el-form-item> <el-form-item label="QQ" prop="FQQ"> <el-input v-model="form.FQQ"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_WeChat')" prop="FWEIXIN"> <el-input v-model="form.FWEIXIN"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_usersfz')" prop="FUSERSFZ"> <el-input v-model="form.FUSERSFZ"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_address')" prop="FADDRESS"> <el-input type="textarea" :rows="3" v-model="form.FADDRESS" ></el-input> </el-form-item> </el-col> <el-col :span="12" style="padding-left: 20px"> <el-form-item label="" prop="FUSERPHOTO"> <el-upload class="avatar-uploader" :http-request="uploadUserPhoto" :show-file-list="false" accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP" > <div class="showImg" v-if="userPhotoUrl"> <img :src="userPhotoUrl" class="avatar user" /> <span ref="showActions" class="el-upload-list__item-actions"> <span class="el-upload-list__item-preview" @click.stop="handlePreview(file, 'userPhoto')" > <i class="el-icon-zoom-in"></i> </span> <span v-if="!disabled" class="el-upload-list__item-delete" @click.stop="handleRemove(file, 'userPhoto')" > <i class="el-icon-delete"></i> </span> </span> </div> <i v-else class="el-icon-plus avatar-uploader-icon user" :style="`background-image:url(${userPic});background-size: 100% 100%`" ></i> </el-upload> </el-form-item> <el-form-item label="" prop="FUSERSFZPIC1"> <el-upload class="avatar-uploader" :http-request="uploadSfzPic1" :show-file-list="false" accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP" > <div class="showImg" v-if="sfzPic1Url"> <img :src="sfzPic1Url" class="avatar sfz" /> <span ref="showActions" class="el-upload-list__item-actions"> <span class="el-upload-list__item-preview" @click.stop="handlePreview(file, 'sfzPic1')" > <i class="el-icon-zoom-in"></i> </span> <span v-if="!disabled" class="el-upload-list__item-delete" @click.stop="handleRemove(file, 'sfzPic1')" > <i class="el-icon-delete"></i> </span> </span> </div> <div v-else class="avatar-uploader-icon sfz" :style="`background-image:url(${sfz1Pic});background-size: 100% 100%`" ></div> </el-upload> </el-form-item> <el-form-item label="" prop="FUSERSFZPIC2"> <el-upload class="avatar-uploader" :http-request="uploadSfzPic2" :show-file-list="false" accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP" > <div class="showImg" v-if="sfzPic2Url"> <img :src="sfzPic2Url" class="avatar sfz" /> <span ref="showActions" class="el-upload-list__item-actions"> <span class="el-upload-list__item-preview" @click.stop="handlePreview(file, 'sfzPic2')" > <i class="el-icon-zoom-in"></i> </span> <span v-if="!disabled" class="el-upload-list__item-delete" @click.stop="handleRemove(file, 'sfzPic2')" > <i class="el-icon-delete"></i> </span> </span> </div> <div v-else class="avatar-uploader-icon sfz" :style="`background-image:url(${sfz2Pic});background-size: 100% 100%`" ></div> </el-upload> </el-form-item> </el-col> </el-row> <el-form-item style="text-align: center"> <el-button type="primary" @click="submitForm('form')">{{ $t("hivuiMain_des_save") }}</el-button> <!-- <el-button @click="resetForm('form')">{{ $t("hivuiMain_des_cancel")}}</el-button> --> </el-form-item> <el-dialog v-if="dialogVisible" :visible.sync="dialogVisible" ref="dialog"> <img width="100%" :src="dialogImageUrl" alt="" /> </el-dialog> </el-form> </template> <script> import { update, upload } from "@main/api/user.js"; import { getToken } from "@main/utils/auth"; import userPic from "@main/assets/user.png"; import sfz1Pic from "@main/assets/sfz1.jpg"; import sfz2Pic from "@main/assets/sfz2.jpg"; export default { data() { return { form: { FUSERNAME: "", FSEX: "", FBIRTHDAY: "", FMBPHONE: "", FEMAIL: "", FQQ: "", FWEIXIN: "", FUSERSFZ: "", FADDRESS: [], FUSERPHOTO: "", FUSERSFZPIC1: "", FUSERSFZPIC2: "", }, // userPhotoUrl: '', // sfzPic1Url: '', // sfzPic2Url: '', rules: { FMBPHONE: [ { validator: this.isPhone, trigger: "blur", }, ], FEMAIL: [ { validator: this.isEmail, trigger: "blur", }, ], FUSERSFZ: [ { validator: this.isIdCard, trigger: "blur", }, ], }, dialogVisible: false, dialogImageUrl: "", userPic: userPic, sfz1Pic: sfz1Pic, sfz2Pic: sfz2Pic, copyForm:{} }; }, computed: { userPhotoUrl() { if (this.form && this.form.FUSERPHOTO) { return this._getImageUrl(this.form.FUSERPHOTO); } else { return ""; } }, sfzPic1Url() { if (this.form && this.form.FUSERSFZPIC1) { return this._getImageUrl(this.form.FUSERSFZPIC1); } else { return ""; } }, sfzPic2Url() { if (this.form && this.form.FUSERSFZPIC2) { return this._getImageUrl(this.form.FUSERSFZPIC2); } else { return ""; } }, reviewUrl(){ return this.$HI.review.includes(window.HIVUI_SETTING.url) ? this.$HI.review : window.HIVUI_SETTING.url + this.$HI.review } }, mounted() {}, methods: { uploadUserPhoto(param) { this.handleUpload(param, "userPhoto"); }, uploadSfzPic1(param) { this.handleUpload(param, "sfzPic1"); }, uploadSfzPic2(param) { this.handleUpload(param, "sfzPic2"); }, /* 手动上传附件 */ handleUpload(param, type) { let formData = new FormData(); formData.append("files", param.file); let _this = this; upload(formData).then((res) => { if (type == "userPhoto") { let path = res.dataPack[0].nname; _this.form.FUSERPHOTO = path; // _this.userPhotoUrl = _this._getImageUrl(path); } else if (type == "sfzPic1") { let path = res.dataPack[0].nname; _this.form.FUSERSFZPIC1 = path; // _this.sfzPic1Url = _this._getImageUrl(path); } else if (type == "sfzPic2") { let path = res.dataPack[0].nname; _this.form.FUSERSFZPIC2 = path; // _this.sfzPic2Url = _this._getImageUrl(path); } }); }, _getImageUrl(path) { let token = getToken(); if (typeof path == "string") { path = path.replace(/\\/g, "/"); if(path.includes(";") && path.split(";").length >= 2){ path = path.split(";")[2]; } } return `${this.reviewUrl}?relativePath=${path}&access_token=${token}`; }, submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { let form = { ...this.form }; if (form.FBIRTHDAY && typeof form.FBIRTHDAY == "object") { form.FBIRTHDAY = this.formatDate(form.FBIRTHDAY); }else{ form.FBIRTHDAY = null } let data = this.getEditData() data.$old = { ...form }; data.$m = "/platf/user-info/entity/SysUserInfoBizEntity.xml"; update(data).then((res) => { this.$message({ type: "success", message: this.$t("hivuiMain_personalCenter_editTips") || "修改成功", }); }); } else { console.log("error submit!!"); return false; } }); }, // resetForm(formName) { // this.$refs[formName].resetFields(); // }, isPhone(rule, value, callback) { const reg = /^[1][3,4,5,7,8,9][0-9]{9}$/; if (value == "" || value == undefined || value == null) { callback(); } else { if (!reg.test(value) && value != "") { callback( new Error( this.$t("hivuiMain_validate_FMBPHONE") || "电话号码格式有误" ) ); } else { callback(); } } }, isEmail(rule, value, callback) { const reg = /^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/; if (value == "" || value == undefined || value == null) { callback(); } else { if (!reg.test(value)) { callback( new Error( this.$t("hivuiMain_validate_FEMAIL") || "邮箱地址格式有误" ) ); } else { callback(); } } }, isIdCard(rule, value, callback) { const reg = /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; if (value == "" || value == undefined || value == null) { callback(); } else { if (!reg.test(value)) { callback( new Error( this.$t("hivuiMain_validate_FIDCARD") || "身份证号格式有误" ) ); } else { callback(); } } }, formatDate(date) { const year = date.getFullYear(); const month = (date.getMonth() + 1).toString().padStart(2, "0"); const day = date.getDate().toString().padStart(2, "0"); return `${year}-${month}-${day}`; }, handlePreview(file, type) { this.dialogImageUrl = type == "userPhoto" ? this.userPhotoUrl : type == "sfzPic1" ? this.sfzPic1Url : type == "sfzPic2" ? this.sfzPic2Url : ""; this.dialogVisible = true; let dialog = this.$refs.dialog; dialog.$el.onclick = function () { event.stopPropagation(); }; }, handleRemove(file, type) { if (type == "userPhoto") { this.form.FUSERPHOTO = ""; } else if (type == "sfzPic1") { this.form.FUSERSFZPIC1 = ""; } else if (type == "sfzPic2") { this.form.FUSERSFZPIC2 = ""; } }, getEditData(){ let data = {} for(let key in this.form){ if(this.form[key] !== this.copyForm[key]){ data[key] = this.form[key] } } return data } }, }; </script> <style lang="less" scope> .avatar-uploader .el-upload { border: 1px dashed transparent; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload:hover { border-color: #409eff; } .avatar-uploader-icon.user { font-size: 28px; color: #8c939d; width: 166px; height: 166px; line-height: 166px; text-align: center; } .avatar-uploader-icon.sfz { font-size: 28px; color: #8c939d; width: 318px; height: 200px; line-height: 200px; text-align: center; } .avatar.user { width: 166px; height: 166px; display: block; } .avatar.sfz { width: 318px; height: 200px; display: block; } .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: default; text-align: center; color: #fff; opacity: 0; font-size: 20px; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s; display: flex; align-items: center; justify-content: center; } .showImg:hover { .el-upload-list__item-actions { opacity: 1; } } .el-upload-list__item-delete { display: block; position: static; font-size: inherit; color: inherit; .el-icon-delete { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; } } .el-upload-list__item-actions span + span { margin-left: 15px; } .el-upload-list__item-name i:hover, .el-upload-list__item-name a:hover { color: #409eff; } .el-radio--mini.is-bordered{ display: block; width: fit-content; margin-bottom: 10px; } .el-radio.is-bordered+.el-radio.is-bordered{ margin-left: 0; } </style> <template> <el-form :model="form" :rules="rules" ref="form"> <el-row> <el-col :span="12"> <el-form-item :label="$t('hivuiMain_personalCenter_name')" prop="FUSERNAME"> <el-input v-model="form.FUSERNAME"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_sex')" prop="FSEX"> <el-radio-group v-model="form.FSEX"> <el-radio :label="1">{{ $t('hivuiMain_personalCenter_male') }}</el-radio> <el-radio :label="0">{{ $t('hivuiMain_personalCenter_female') }}</el-radio> </el-radio-group> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_birthday')" prop="FBIRTHDAY"> <el-date-picker format="yyyy-MM-dd" type="date" v-model="form.FBIRTHDAY" style="width: 100%" ></el-date-picker> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_mbphone')" prop="FMBPHONE"> <el-input v-model="form.FMBPHONE"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_email')" prop="FEMAIL"> <el-input v-model="form.FEMAIL"></el-input> </el-form-item> <el-form-item label="QQ" prop="FQQ"> <el-input v-model="form.FQQ"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_WeChat')" prop="FWEIXIN"> <el-input v-model="form.FWEIXIN"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_usersfz')" prop="FUSERSFZ"> <el-input v-model="form.FUSERSFZ"></el-input> </el-form-item> <el-form-item :label="$t('hivuiMain_personalCenter_address')" prop="FADDRESS"> <el-input type="textarea" :rows="3" v-model="form.FADDRESS" ></el-input> </el-form-item> </el-col> <el-col :span="12" style="padding-left: 20px"> <el-form-item label="" prop="FUSERPHOTO"> <el-upload class="avatar-uploader" :http-request="uploadUserPhoto" :show-file-list="false" accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP" > <div class="showImg" v-if="userPhotoUrl"> <img :src="userPhotoUrl" class="avatar user" /> <span ref="showActions" class="el-upload-list__item-actions"> <span class="el-upload-list__item-preview" @click.stop="handlePreview(file, 'userPhoto')" > <i class="el-icon-zoom-in"></i> </span> <span v-if="!disabled" class="el-upload-list__item-delete" @click.stop="handleRemove(file, 'userPhoto')" > <i class="el-icon-delete"></i> </span> </span> </div> <i v-else class="el-icon-plus avatar-uploader-icon user" :style="`background-image:url(${userPic});background-size: 100% 100%`" ></i> </el-upload> </el-form-item> <el-form-item label="" prop="FUSERSFZPIC1"> <el-upload class="avatar-uploader" :http-request="uploadSfzPic1" :show-file-list="false" accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP" > <div class="showImg" v-if="sfzPic1Url"> <img :src="sfzPic1Url" class="avatar sfz" /> <span ref="showActions" class="el-upload-list__item-actions"> <span class="el-upload-list__item-preview" @click.stop="handlePreview(file, 'sfzPic1')" > <i class="el-icon-zoom-in"></i> </span> <span v-if="!disabled" class="el-upload-list__item-delete" @click.stop="handleRemove(file, 'sfzPic1')" > <i class="el-icon-delete"></i> </span> </span> </div> <div v-else class="avatar-uploader-icon sfz" :style="`background-image:url(${sfz1Pic});background-size: 100% 100%`" ></div> </el-upload> </el-form-item> <el-form-item label="" prop="FUSERSFZPIC2"> <el-upload class="avatar-uploader" :http-request="uploadSfzPic2" :show-file-list="false" accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP" > <div class="showImg" v-if="sfzPic2Url"> <img :src="sfzPic2Url" class="avatar sfz" /> <span ref="showActions" class="el-upload-list__item-actions"> <span class="el-upload-list__item-preview" @click.stop="handlePreview(file, 'sfzPic2')" > <i class="el-icon-zoom-in"></i> </span> <span v-if="!disabled" class="el-upload-list__item-delete" @click.stop="handleRemove(file, 'sfzPic2')" > <i class="el-icon-delete"></i> </span> </span> </div> <div v-else class="avatar-uploader-icon sfz" :style="`background-image:url(${sfz2Pic});background-size: 100% 100%`" ></div> </el-upload> </el-form-item> </el-col> </el-row> <el-form-item style="text-align: center"> <el-button type="primary" @click="submitForm('form')">{{ $t("hivuiMain_des_save") }}</el-button> <!-- <el-button @click="resetForm('form')">{{ $t("hivuiMain_des_cancel")}}</el-button> --> </el-form-item> <el-dialog v-if="dialogVisible" :visible.sync="dialogVisible" ref="dialog"> <img width="100%" :src="dialogImageUrl" alt="" /> </el-dialog> </el-form> </template> <script> import { update, upload } from "@main/api/user.js"; import { getToken } from "@main/utils/auth"; import userPic from "@main/assets/user.png"; import sfz1Pic from "@main/assets/sfz1.jpg"; import sfz2Pic from "@main/assets/sfz2.jpg"; export default { data() { return { form: { FUSERNAME: "", FSEX: "", FBIRTHDAY: "", FMBPHONE: "", FEMAIL: "", FQQ: "", FWEIXIN: "", FUSERSFZ: "", FADDRESS: [], FUSERPHOTO: "", FUSERSFZPIC1: "", FUSERSFZPIC2: "", }, // userPhotoUrl: '', // sfzPic1Url: '', // sfzPic2Url: '', rules: { FMBPHONE: [ { validator: this.isPhone, trigger: "blur", }, ], FEMAIL: [ { validator: this.isEmail, trigger: "blur", }, ], FUSERSFZ: [ { validator: this.isIdCard, trigger: "blur", }, ], }, dialogVisible: false, dialogImageUrl: "", userPic: userPic, sfz1Pic: sfz1Pic, sfz2Pic: sfz2Pic, copyForm:{} }; }, computed: { userPhotoUrl() { if (this.form && this.form.FUSERPHOTO) { return this._getImageUrl(this.form.FUSERPHOTO); } else { return ""; } }, sfzPic1Url() { if (this.form && this.form.FUSERSFZPIC1) { return this._getImageUrl(this.form.FUSERSFZPIC1); } else { return ""; } }, sfzPic2Url() { if (this.form && this.form.FUSERSFZPIC2) { return this._getImageUrl(this.form.FUSERSFZPIC2); } else { return ""; } }, reviewUrl(){ return this.$HI.review.includes(window.HIVUI_SETTING.url) ? this.$HI.review : window.HIVUI_SETTING.url + this.$HI.review } }, mounted() {}, methods: { uploadUserPhoto(param) { this.handleUpload(param, "userPhoto"); }, uploadSfzPic1(param) { this.handleUpload(param, "sfzPic1"); }, uploadSfzPic2(param) { this.handleUpload(param, "sfzPic2"); }, /* 手动上传附件 */ handleUpload(param, type) { let formData = new FormData(); formData.append("files", param.file); let _this = this; upload(formData).then((res) => { if (type == "userPhoto") { let path = res.dataPack[0].nname; _this.form.FUSERPHOTO = path; // _this.userPhotoUrl = _this._getImageUrl(path); } else if (type == "sfzPic1") { let path = res.dataPack[0].nname; _this.form.FUSERSFZPIC1 = path; // _this.sfzPic1Url = _this._getImageUrl(path); } else if (type == "sfzPic2") { let path = res.dataPack[0].nname; _this.form.FUSERSFZPIC2 = path; // _this.sfzPic2Url = _this._getImageUrl(path); } }); }, _getImageUrl(path) { let token = getToken(); if (typeof path == "string") { path = path.replace(/\\/g, "/"); } return `${this.reviewUrl}?relativePath=${path}&access_token=${token}`; }, submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { let form = { ...this.form }; if (form.FBIRTHDAY && typeof form.FBIRTHDAY == "object") { form.FBIRTHDAY = this.formatDate(form.FBIRTHDAY); }else{ form.FBIRTHDAY = null } let data = this.getEditData() data.$old = { ...form }; data.$m = "/platf/user-info/entity/SysUserInfoBizEntity.xml"; update(data).then((res) => { this.$message({ type: "success", message: this.$t("hivuiMain_personalCenter_editTips") || "修改成功", }); }); } else { console.log("error submit!!"); return false; } }); }, // resetForm(formName) { // this.$refs[formName].resetFields(); // }, isPhone(rule, value, callback) { const reg = /^[1][3,4,5,7,8,9][0-9]{9}$/; if (value == "" || value == undefined || value == null) { callback(); } else { if (!reg.test(value) && value != "") { callback( new Error( this.$t("hivuiMain_validate_FMBPHONE") || "电话号码格式有误" ) ); } else { callback(); } } }, isEmail(rule, value, callback) { const reg = /^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/; if (value == "" || value == undefined || value == null) { callback(); } else { if (!reg.test(value)) { callback( new Error( this.$t("hivuiMain_validate_FEMAIL") || "邮箱地址格式有误" ) ); } else { callback(); } } }, isIdCard(rule, value, callback) { const reg = /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; if (value == "" || value == undefined || value == null) { callback(); } else { if (!reg.test(value)) { callback( new Error( this.$t("hivuiMain_validate_FIDCARD") || "身份证号格式有误" ) ); } else { callback(); } } }, formatDate(date) { const year = date.getFullYear(); const month = (date.getMonth() + 1).toString().padStart(2, "0"); const day = date.getDate().toString().padStart(2, "0"); return `${year}-${month}-${day}`; }, handlePreview(file, type) { this.dialogImageUrl = type == "userPhoto" ? this.userPhotoUrl : type == "sfzPic1" ? this.sfzPic1Url : type == "sfzPic2" ? this.sfzPic2Url : ""; this.dialogVisible = true; let dialog = this.$refs.dialog; dialog.$el.onclick = function () { event.stopPropagation(); }; }, handleRemove(file, type) { if (type == "userPhoto") { this.form.FUSERPHOTO = ""; } else if (type == "sfzPic1") { this.form.FUSERSFZPIC1 = ""; } else if (type == "sfzPic2") { this.form.FUSERSFZPIC2 = ""; } }, getEditData(){ let data = {} for(let key in this.form){ if(this.form[key] !== this.copyForm[key]){ data[key] = this.form[key] } } return data } }, }; </script> <style lang="less" scope> .avatar-uploader .el-upload { border: 1px dashed transparent; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload:hover { border-color: #409eff; } .avatar-uploader-icon.user { font-size: 28px; color: #8c939d; width: 166px; height: 166px; line-height: 166px; text-align: center; } .avatar-uploader-icon.sfz { font-size: 28px; color: #8c939d; width: 318px; height: 200px; line-height: 200px; text-align: center; } .avatar.user { width: 166px; height: 166px; display: block; } .avatar.sfz { width: 318px; height: 200px; display: block; } .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: default; text-align: center; color: #fff; opacity: 0; font-size: 20px; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s; display: flex; align-items: center; justify-content: center; } .showImg:hover { .el-upload-list__item-actions { opacity: 1; } } .el-upload-list__item-delete { display: block; position: static; font-size: inherit; color: inherit; .el-icon-delete { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; } } .el-upload-list__item-actions span + span { margin-left: 15px; } .el-upload-list__item-name i:hover, .el-upload-list__item-name a:hover { color: #409eff; } .el-radio--mini.is-bordered{ display: block; width: fit-content; margin-bottom: 10px; } .el-radio.is-bordered+.el-radio.is-bordered{ margin-left: 0; } </style>

Ignore Space Show notes View project/hivuiMain/views/personalCenter/index.vue

<template> <div class="app-container" style="height: 100%;overflow:auto;"> <el-row v-if="user" style="height: 100%;"> <el-col :span="6" :xs="24" style="padding: 10px;height: 100%;box-sizing: border-box"> <user-card :user="userCardInfo" :avatar="avatar" ref="userCard" style="height: 100%;min-height: 772px;"/> </el-col> <el-col :span="18" :xs="24" style="padding: 10px;height: 100%;box-sizing: border-box"> <el-card class="r-card" style="height: 100%;min-height: 772px;" :body-style="{padding:'0 20px',height: '100%'}"> <el-tabs v-model="activeTab"> <el-tab-pane :label="userLabel" :name="userLabel"> <user-update ref="userUpdate" /> </el-tab-pane> <el-tab-pane :label="bzLabel" :name="bzLabel"> <bz-update ref="bzUpdate" /> </el-tab-pane> </el-tabs> </el-card> </el-col> </el-row> </div> </template> <script> import UserCard from './components/UserCard' import UserUpdate from './components/UserUpdate' import BzUpdate from './components/BzUpdate' import { getToken } from '@main/utils/auth' import { query,getBzList } from '@main/api/user.js' export default { name: 'Profile', components: { UserCard,UserUpdate, BzUpdate }, data() { return { user: {}, activeTab: this.$t("hivuiMain_app_user", { default: '用户' }), userInfo:{}, bzList:[], userLabel: this.$t("hivuiMain_app_user", { default: '用户' }), bzLabel: this.$t("hivuiMain_app_orgbz", { default: '岗编' }) } }, computed: { avatar(){ let me=this; if(me.userInfo && me.userInfo.FUSERPHOTO){ return me._getImageUrl(me.userInfo.FUSERPHOTO) }else{ return false } }, userCardInfo(){ let me=this; console.log('userInfo', me.userInfo) return Object.assign(me.user, me.userInfo || {}) }, reviewUrl(){ let me=this; return me.$HI.review.includes(window.HIVUI_SETTING.url) ? me.$HI.review : window.HIVUI_SETTING.url + me.$HI.review } }, mounted() { let me=this; me.getUser(); me.getUserInfo(); me.getBzList(); }, methods: { getBzList(){ let me=this; getBzList().then(res =>{ me.bzList = res.dataPack; let curtBz = me.bzList.filter(res => res.fdefaultbz)[0] me.$refs.userCard.bzList = me.bzList me.$refs.bzUpdate.bzList = me.bzList if(curtBz && curtBz.fbzid){ me.$refs.bzUpdate.curtBzId = curtBz.fbzid } }) }, getUser() { let me=this; me.user = top.Scp.User }, getUserInfo(){ let me=this; var param = { modelFilePath: "/platf/user-info/entity/SysUserInfoBizEntity.xml", pageSize: 10, pageNum: 1, __zcQuery: false, __returnCount: true, __bottomSummary: false, } let userId = top.Scp.User && top.Scp.User.fuserid if(userId){ let queryCdions = { join: 'and', items:[ { sign: 'eq', name: 'FUSERID', dataType: 'dbString', value: userId, enable: true } ] } let __body = JSON.stringify({queryCdions: queryCdions}) param.__body = __body query(param).then((res)=>{ let data = res.dataPack && res.dataPack.rows if(data && data.length){ me.userInfo = data[0] let form = { FSEX: "", FBIRTHDAY: "", FMBPHONE: "", FEMAIL: "", FQQ: "", FWEIXIN: "", FUSERSFZ: "", FADDRESS: [], FUSERPHOTO: '', FUSERSFZPIC1: '', FUSERSFZPIC2: '', } form = Object.assign(form, data[0]) me.$refs.userUpdate.form = form me.$refs.userUpdate.copyForm = {...form} } }) } }, _getImageUrl(path) { let me=this; let token = getToken(); if (typeof path == "string") { path = path.replace(/\\/g, "/"); if(path.includes(";") && path.split(";").length >= 2){ path = path.split(";")[2]; } } return `${me.reviewUrl}?relativePath=${path}&access_token=${token}`; }, } } </script> <template> <div class="app-container" style="height: 100%;overflow:auto;"> <el-row v-if="user" style="height: 100%;"> <el-col :span="6" :xs="24" style="padding: 10px;height: 100%;box-sizing: border-box"> <user-card :user="userCardInfo" :avatar="avatar" ref="userCard" style="height: 100%;min-height: 772px;"/> </el-col> <el-col :span="18" :xs="24" style="padding: 10px;height: 100%;box-sizing: border-box"> <el-card class="r-card" style="height: 100%;min-height: 772px;" :body-style="{padding:'0 20px',height: '100%'}"> <el-tabs v-model="activeTab"> <el-tab-pane :label="userLabel" :name="userLabel"> <user-update ref="userUpdate" /> </el-tab-pane> <el-tab-pane :label="bzLabel" :name="bzLabel"> <bz-update ref="bzUpdate" /> </el-tab-pane> </el-tabs> </el-card> </el-col> </el-row> </div> </template> <script> import UserCard from './components/UserCard' import UserUpdate from './components/UserUpdate' import BzUpdate from './components/BzUpdate' import { getToken } from '@main/utils/auth' import { query,getBzList } from '@main/api/user.js' export default { name: 'Profile', components: { UserCard,UserUpdate, BzUpdate }, data() { return { user: {}, activeTab: this.$t("hivuiMain_app_user", { default: '用户' }), userInfo:{}, bzList:[], userLabel: this.$t("hivuiMain_app_user", { default: '用户' }), bzLabel: this.$t("hivuiMain_app_orgbz", { default: '岗编' }) } }, computed: { avatar(){ let me=this; if(me.userInfo && me.userInfo.FUSERPHOTO){ return me._getImageUrl(me.userInfo.FUSERPHOTO) }else{ return false } }, userCardInfo(){ let me=this; console.log('userInfo', me.userInfo) return Object.assign(me.user, me.userInfo || {}) }, reviewUrl(){ let me=this; return me.$HI.review.includes(window.HIVUI_SETTING.url) ? me.$HI.review : window.HIVUI_SETTING.url + me.$HI.review } }, mounted() { let me=this; me.getUser(); me.getUserInfo(); me.getBzList(); }, methods: { getBzList(){ let me=this; getBzList().then(res =>{ me.bzList = res.dataPack; let curtBz = me.bzList.filter(res => res.fdefaultbz)[0] me.$refs.userCard.bzList = me.bzList me.$refs.bzUpdate.bzList = me.bzList if(curtBz && curtBz.fbzid){ me.$refs.bzUpdate.curtBzId = curtBz.fbzid } }) }, getUser() { let me=this; me.user = top.Scp.User }, getUserInfo(){ let me=this; var param = { modelFilePath: "/platf/user-info/entity/SysUserInfoBizEntity.xml", pageSize: 10, pageNum: 1, __zcQuery: false, __returnCount: true, __bottomSummary: false, } let userId = top.Scp.User && top.Scp.User.fuserid if(userId){ let queryCdions = { join: 'and', items:[ { sign: 'eq', name: 'FUSERID', dataType: 'dbString', value: userId, enable: true } ] } let __body = JSON.stringify({queryCdions: queryCdions}) param.__body = __body query(param).then((res)=>{ let data = res.dataPack && res.dataPack.rows if(data && data.length){ me.userInfo = data[0] let form = { FSEX: "", FBIRTHDAY: "", FMBPHONE: "", FEMAIL: "", FQQ: "", FWEIXIN: "", FUSERSFZ: "", FADDRESS: [], FUSERPHOTO: '', FUSERSFZPIC1: '', FUSERSFZPIC2: '', } form = Object.assign(form, data[0]) me.$refs.userUpdate.form = form me.$refs.userUpdate.copyForm = {...form} } }) } }, _getImageUrl(path) { let me=this; let token = getToken(); if (typeof path == "string") { path = path.replace(/\\/g, "/"); } return `${me.reviewUrl}?relativePath=${path}&access_token=${token}`; }, } } </script>

Ignore Space Show notes View project/hivuiSam/index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</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/desktop/element-ui/${locale}.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/hivuiSam/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=admin/eap5csxm/hivuiSam/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script> // window.isGuest=${isGuest}; window.scpRequestData = ${requestParams}; </script> <script> try{ window.global={ pName:"${projectName}", pUser:"${devGroup}", pn:"${projectName}/${devGroup}" } // 统一输出语言包 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||{}); Vue.prototype._i18n  = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, } }); (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}/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></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%>/hivuiSam/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>EAP5-Admin-Main</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> <%}%> <% 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/desktop/element-ui/${locale}.js"></script> <script src="${serverPath}/render/${devGroup}/${projectName}/hivuiSam/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=admin/eap5csxm/hivuiSam/lang/def.language&locale=${locale}"></script> <script src="${serverPath}/lang/static?pn=${projectName}/${devGroup}&vmId=project"></script> <script> // window.isGuest=${isGuest}; window.scpRequestData = ${requestParams}; </script> <script> try{ window.global={ pName:"${projectName}", pUser:"${devGroup}", pn:"${projectName}/${devGroup}" } // 统一输出语言包 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||{}); Vue.prototype._i18n  = new VueI18n({ locale: 'localelang', messages: { 'localelang':window.lang.keys, } }); (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}/render/${devGroup}/${projectName}/setting/desktop/appsetting.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></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%>/hivuiSam/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View project/hivuiStudio/index.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <% 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/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/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> <!-- <script src="${serverPath}/render/admin/eap5csxm/setting/desktop/appsetting.js" type="text/javascript"></script> <script src="${serverPath}/render/admin/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> <script src="/${projectName}/setting/studio/appsetting.js" type="text/javascript"></script>--> <script> HIVUI_SETTING = eap.mergeConfig({ url:"${serverPath}", projectName: "${projectName}/${devGroup}", }, window.HIVUI_SETTING || {}) </script> <%}%> <% 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/eap/eap.umd.min.js"></script> <!-- <script src="/eap5csxm/setting/desktop/development.js" type="text/javascript"></script> --> <script> HIVUI_SETTING = eap.mergeConfig({ url:"<%=VITE_APP_BASE_API%>", projectName: "<%=VITE_APP_PN%>", }, window.HIVUI_SETTING || {}) </script> <script src="/<%=htmlWebpackPlugin.project%>/setting/studio/appsetting.js" type="text/javascript"></script> <%}%> </head> <body> <div id="app"> </div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script> <%}%> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <% 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/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="${serverPath}/render/admin/eap5csxm/setting/desktop/appsetting.js" type="text/javascript"></script> <script src="${serverPath}/render/admin/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> <script src="/${projectName}/setting/studio/appsetting.js" type="text/javascript"></script>--> <script> HIVUI_SETTING = eap.mergeConfig({ url:"${serverPath}", projectName: "${projectName}/${devGroup}", }, window.HIVUI_SETTING || {}) </script> <%}%> <% 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/eap/eap.umd.min.js"></script> <!-- <script src="/eap5csxm/setting/desktop/development.js" type="text/javascript"></script> --> <script> HIVUI_SETTING = eap.mergeConfig({ url:"<%=VITE_APP_BASE_API%>", projectName: "<%=VITE_APP_PN%>", }, window.HIVUI_SETTING || {}) </script> <script src="/<%=htmlWebpackPlugin.project%>/setting/studio/appsetting.js" type="text/javascript"></script> <%}%> </head> <body> <div id="app"> </div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script> <%}%> </body> </html>

Ignore Space Show notes View vite-plugin/vite-plugin-func.js

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) => { // 设置响应头部 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; 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, 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; }` 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,                 }             }); (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> if(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, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, "Content-Type": "application/json;charset=UTF-8" }); 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; 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 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; 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, 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; }` 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,                 }             }); (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> if(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, { "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`, "Content-Type": "application/json;charset=UTF-8" }); 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