From 5d25c8fc9a6b5f8b9cf95a3b3e77d8ca48408d07 Mon Sep 17 00:00:00 2001 From: xiaowen <372193233@qq.com> Date: Fri, 26 Nov 2021 11:42:49 +0800 Subject: [PATCH] cxw-010203 --- src/mixins/index.js | 58 +++---- src/views/BrandComparison/BrandComparison.vue | 6 +- .../brandCompateHeaderStoken/index.vue | 160 ++++++++++++++++++ 3 files changed, 193 insertions(+), 31 deletions(-) create mode 100644 src/views/BrandComparison/brandCompateHeaderStoken/index.vue diff --git a/src/mixins/index.js b/src/mixins/index.js index d17902f..5764f65 100644 --- a/src/mixins/index.js +++ b/src/mixins/index.js @@ -1,7 +1,7 @@ /* * @Author: your name * @Date: 2021-10-12 13:56:13 - * @LastEditTime: 2021-11-16 11:58:04 + * @LastEditTime: 2021-11-26 10:27:50 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: /data-show/src/mixins/index.js @@ -9,30 +9,30 @@ import { mapGetters, mapActions } from "vuex"; import store from '@/store' import Loading from './loading' -function detectZoom (){ +function detectZoom() { let ratio = 0, - screen = window.screen, - ua = navigator.userAgent.toLowerCase(); - - if (window.devicePixelRatio !== undefined) { + 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 (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; + ratio = window.outerWidth / window.innerWidth; } - + // if (ratio){ // ratio ; // } - - return ratio; - } - + + return ratio; +} + export default { install(Vue) { Vue.mixin({ @@ -42,42 +42,42 @@ export default { inserted(el, binding) { let val = binding.value; let show = false; - if(!val) { + if (!val) { show = false; } else { let buttonpermsStr = store.getters.getLevelBtn || []; let n = buttonpermsStr.findIndex(ele => ele.btn === val); - if(n === -1) show = false; + if (n === -1) show = false; else show = true; } - if(!show) { + if (!show) { el.parentNode.removeChild(el); } - } + } }, // 菜单权限 menu: { inserted(el, binding) { let val = binding.value; let show = false; - if(!val) { + if (!val) { show = false; } else { let menuStr = store.getters.getMenu || []; let n = menuStr.findIndex(ele => ele.link === val); - if(n === -1) show = false; + if (n === -1) show = false; else show = true; } - if(!show) { + if (!show) { el.parentNode.removeChild(el); } - } + } }, // 等待 'loading': Loading, // 监听元素大小 - resize: { // 指令的名称 + resize: { // 指令的名称 bind(el, binding) { // el为绑定的元素，binding为绑定给指令的对象 let width = '', height = ''; function isReize() { @@ -107,7 +107,7 @@ export default { let h = style.height; firstH = firstH || h; if (height == wh) return - if(wh >= 760 && wh < 900 && b) { + if (wh >= 760 && wh < 900 && b) { el.style.height = z * parseFloat(h) + 'px'; b = !b } else { @@ -127,10 +127,10 @@ export default { } }, computed: { - ...mapGetters(['getZoom', 'getLoading','getToken', 'getUser', 'getAccount', 'getCommTime', 'getCtime', 'getCtime2', 'getHeaderType', 'getBrand', 'getModel','getSComparison','getBComparison', 'getMComparison', 'getEComparison','getLevelBtn','getMenu', 'getChangeSTime']) + ...mapGetters(['getZoom', 'getLoading', 'getToken', 'getUser', 'getAccount', 'getCommTime', 'getCtime', 'getCtime2', 'getHeaderType', 'getBrand', 'getModel', 'getSComparison', 'getBComparison', 'getMComparison', 'getEComparison', 'getLevelBtn', 'getMenu', 'getChangeSTime']) }, methods: { - ...mapActions(["setZoom", 'setLoading', 'setToken', 'setUser', 'setAccount', 'setCommTime', 'setCtime', 'setCtime2', 'setHeaderType', 'setBrand', 'setModel', 'setSComparison','setBComparison', 'setMComparison', 'setEComparison','setLevelBtn','setMenu', 'setChangeSTime']), + ...mapActions(["setZoom", 'setLoading', 'setToken', 'setUser', 'setAccount', 'setCommTime', 'setCtime', 'setCtime2', 'setHeaderType', 'setBrand', 'setModel', 'setSComparison', 'setBComparison', 'setMComparison', 'setEComparison', 'setLevelBtn', 'setMenu', 'setChangeSTime']), // 获取当前日期时间 getDatetime() { let now = new Date(); @@ -191,7 +191,7 @@ export default { let b = false; let buttonpermsStr = store.getters.getLevelBtn || []; let n = buttonpermsStr.findIndex(ele => ele.btn === val); - if(n === -1) b = false; + if (n === -1) b = false; else b = true; return b; } diff --git a/src/views/BrandComparison/BrandComparison.vue b/src/views/BrandComparison/BrandComparison.vue index 908ed1f..a097591 100644 --- a/src/views/BrandComparison/BrandComparison.vue +++ b/src/views/BrandComparison/BrandComparison.vue @@ -1,7 +1,7 @@ + + + + +