From f3c9172e4f82c141a20d3853a9d2bc0158e16048 Mon Sep 17 00:00:00 2001 From: zhangxiaoxu123 <819527061@qq.com> Date: 星期三, 04 一月 2023 17:22:20 +0800 Subject: [PATCH] 合并大屏项目 --- src/libs/store.js | 26 ++++++ src/main.js | 9 ++ package.json | 1 src/components/page/invoice/invoiceForm.vue | 10 +- src/router/index.js | 17 ++++ src/utils/lib-fiexible.js | 120 ++++++++++++++++++++++++++++++ 6 files changed, 177 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index 148160c..06d7052 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "appium-chromedriver": "^4.11.0", "axios": "^0.18.0", "babel-polyfill": "^6.26.0", + "echarts": "^4.9.0", "element-ui": "^2.13.1", "jquery": "^3.5.1", "mavon-editor": "^2.6.17", diff --git a/src/components/page/invoice/invoiceForm.vue b/src/components/page/invoice/invoiceForm.vue index f4191ee..aa14c05 100644 --- a/src/components/page/invoice/invoiceForm.vue +++ b/src/components/page/invoice/invoiceForm.vue @@ -159,6 +159,7 @@ this.checkAll = checkedCount === ids.length; }, seeInvoice() { //鏌ョ湅鍙戠エ + console.log(this.filedId.length,'this.filedId====') if(this.filedId.length == 0){ alert("璇疯嚦灏戦�夋嫨涓�椤�") }else { @@ -172,13 +173,12 @@ console.log(res,'res====') let date = new Date() let time = this.$moment(date).format('YYYY-MM-DD HH:mm:ss') + '-' + item - console.log(time,'time===========') let blob = new Blob([res], {type: 'image/png'}); let downloadElement = document.createElement("a"); downloadElement.style.display = "none"; let href = window.URL.createObjectURL(blob); //鍒涘缓涓嬭浇鐨勯摼鎺� downloadElement.href = href; - downloadElement.download = time + downloadElement.download = '鍙戠エ涓嬭浇.png' document.body.appendChild(downloadElement); downloadElement.click(); //鐐瑰嚮涓嬭浇 document.body.removeChild(downloadElement); //涓嬭浇瀹屾垚绉婚櫎鍏冪礌 @@ -187,19 +187,19 @@ }) }else if(this.filedId.length > 1) { let result = this.filedId.join(",") - console.log(result,'result---------') let url = this.$systemconfig.basePath + '/fileInfo/download/downloadZips'; let param = { fileIds : result } this.$byutil.exportData(this,url,param,res => { - console.log(res,'res=========') + let date = new Date() + let time = this.$moment(date).format('YYYY-MM-DD HH:mm:ss') let blob = new Blob([res], {type: 'application/zip'}); let downloadElement = document.createElement("a"); downloadElement.style.display = "none"; let href = window.URL.createObjectURL(blob); //鍒涘缓涓嬭浇鐨勯摼鎺� downloadElement.href = href; - downloadElement.download = '鍙戠エ涓嬭浇.zip' + downloadElement.download = time document.body.appendChild(downloadElement); downloadElement.click(); //鐐瑰嚮涓嬭浇 document.body.removeChild(downloadElement); //涓嬭浇瀹屾垚绉婚櫎鍏冪礌 diff --git a/src/libs/store.js b/src/libs/store.js new file mode 100644 index 0000000..69a6682 --- /dev/null +++ b/src/libs/store.js @@ -0,0 +1,26 @@ +/** + * 瀛樺偍localStorage + */ +export const setStore = (name, content) => { + if (!name) return; + if (typeof content !== 'string') { + content = JSON.stringify(content); + } + window.localStorage.setItem(name, content); +} + +/** + * 鑾峰彇localStorage + */ +export const getStore = name => { + if (!name) return; + return window.localStorage.getItem(name); +} + +/** + * 鍒犻櫎localStorage + */ +export const removeStore = name => { + if (!name) return; + window.localStorage.removeItem(name); +} diff --git a/src/main.js b/src/main.js index 02ca7c0..45ea16e 100644 --- a/src/main.js +++ b/src/main.js @@ -29,6 +29,15 @@ Vue.use(ElementUI, { size: 'small' }); + +import '@/utils/lib-fiexible' + +import {getStore,setStore,removeStore} from "./libs/store"; + +Vue.prototype.getStore = getStore +Vue.prototype.setStore = setStore +Vue.prototype.removeStore = removeStore + Vue.prototype.$axios = axios; axios.defaults.withCredentials = true // 瀵规彁浜ょ殑鏁版嵁杩涜json搴忓垪鍖�,鍙兘瀛樺湪闂,鏆傛椂鏈彂鐜颁粈涔堥棶棰� diff --git a/src/router/index.js b/src/router/index.js index 6d2628a..d71150c 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -103,7 +103,22 @@ path: '/middlePge', component: resolve => require(['../components/page/invoice/middlePge'], resolve), meta: {title: ''} - } + }, + { + path: '/showIndex', + component: resolve => require(['../components/page/show/show-index.vue'], resolve), + meta: { title: '澶у睆灞曠ず' } + }, + { + path: '/leaderLogin', + component: resolve => require(['../components/page/leaderShow/leaderLogin.vue'], resolve), + meta: { title: '澶у睆灞曠ず' } + }, + { + path: '/leaderIndex', + component: resolve => require(['../components/page/leaderShow/leaderIndex.vue'], resolve), + meta: { title: '棣栭〉' } + }, ] }) diff --git a/src/utils/lib-fiexible.js b/src/utils/lib-fiexible.js new file mode 100644 index 0000000..d794c73 --- /dev/null +++ b/src/utils/lib-fiexible.js @@ -0,0 +1,120 @@ + +;(function(win, lib) { + var doc = win.document; + var docEl = doc.documentElement; + var metaEl = doc.querySelector('meta[name="viewport"]'); + var flexibleEl = doc.querySelector('meta[name="flexible"]'); + var dpr = 0; + var scale = 0; + var tid; + var flexible = lib.flexible || (lib.flexible = {}); + + if (metaEl) { + console.warn('灏嗘牴鎹凡鏈夌殑meta鏍囩鏉ヨ缃缉鏀炬瘮渚�'); + var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/); + if (match) { + scale = parseFloat(match[1]); + dpr = parseInt(1 / scale); + } + } else if (flexibleEl) { + var content = flexibleEl.getAttribute('content'); + if (content) { + var initialDpr = content.match(/initial\-dpr=([\d\.]+)/); + var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/); + if (initialDpr) { + dpr = parseFloat(initialDpr[1]); + scale = parseFloat((1 / dpr).toFixed(2)); + } + if (maximumDpr) { + dpr = parseFloat(maximumDpr[1]); + scale = parseFloat((1 / dpr).toFixed(2)); + } + } + } + + if (!dpr && !scale) { + var isAndroid = win.navigator.appVersion.match(/android/gi); + var isIPhone = win.navigator.appVersion.match(/iphone/gi); + var devicePixelRatio = win.devicePixelRatio; + if (isIPhone) { + // iOS涓嬶紝瀵逛簬2鍜�3鐨勫睆锛岀敤2鍊嶇殑鏂规锛屽叾浣欑殑鐢�1鍊嶆柟妗� + if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) { + dpr = 3; + } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){ + dpr = 2; + } else { + dpr = 1; + } + } else { + // 鍏朵粬璁惧涓嬶紝浠嶆棫浣跨敤1鍊嶇殑鏂规 + dpr = 1; + } + scale = 1 / dpr; + } + + docEl.setAttribute('data-dpr', dpr); + if (!metaEl) { + metaEl = doc.createElement('meta'); + metaEl.setAttribute('name', 'viewport'); + metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no'); + if (docEl.firstElementChild) { + docEl.firstElementChild.appendChild(metaEl); + } else { + var wrap = doc.createElement('div'); + wrap.appendChild(metaEl); + doc.write(wrap.innerHTML); + } + } + + function refreshRem(){ + var width = docEl.getBoundingClientRect().width; + if (width / dpr > 1920) { + width = 1920 * dpr; + }else if (width / dpr < 1920 && width / dpr > 900) { + width = width * dpr; + } + var rem = width / 10; + docEl.style.fontSize = rem + 'px'; + flexible.rem = win.rem = rem; + } + + win.addEventListener('resize', function() { + clearTimeout(tid); + tid = setTimeout(refreshRem, 300); + }, false); + win.addEventListener('pageshow', function(e) { + if (e.persisted) { + clearTimeout(tid); + tid = setTimeout(refreshRem, 300); + } + }, false); + + if (doc.readyState === 'complete') { + doc.body.style.fontSize = 12 * dpr + 'px'; + } else { + doc.addEventListener('DOMContentLoaded', function(e) { + doc.body.style.fontSize = 12 * dpr + 'px'; + }, false); + } + + + refreshRem(); + + flexible.dpr = win.dpr = dpr; + flexible.refreshRem = refreshRem; + flexible.rem2px = function(d) { + var val = parseFloat(d) * this.rem; + if (typeof d === 'string' && d.match(/rem$/)) { + val += 'px'; + } + return val; + } + flexible.px2rem = function(d) { + var val = parseFloat(d) / this.rem; + if (typeof d === 'string' && d.match(/px$/)) { + val += 'rem'; + } + return val; + } + +})(window, window['lib'] || (window['lib'] = {})); -- Gitblit v1.9.1