From 1ad863b15436bacab88ee082abcfb8cefd767dbd Mon Sep 17 00:00:00 2001 From: zx <604444282@qq.com> Date: Wed, 27 Jul 2022 18:03:24 +0800 Subject: [PATCH 1/2] zx --- src/components/index.js | 2 + src/components/v-labelDivLight/index.vue | 100 ++++++++++++++++ src/lycomponents/iSaleModelChoose/index.vue | 7 +- src/lycomponents/iSwitchModel/index.vue | 5 +- src/mixins/index.js | 4 +- src/store/actions.js | 3 + src/store/getters.js | 5 +- src/store/mutations.js | 8 +- src/store/state.js | 1 + .../ChineseCarSale/zgCarSale/index.vue | 13 +- .../ChineseCarSale/zgCarSale/optLight.js | 111 ++++++++++++++++++ src/views/SaleRank/index.vue | 29 +---- src/views/SaleRank/tableEvent.js | 10 ++ 13 files changed, 264 insertions(+), 34 deletions(-) create mode 100644 src/components/v-labelDivLight/index.vue create mode 100644 src/views/SaleRank/ChineseCarSale/zgCarSale/optLight.js diff --git a/src/components/index.js b/src/components/index.js index e1cc1b3..12cc68e 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -7,6 +7,7 @@ * @FilePath: /data-show/src/components/index.js */ import vLabelDiv from "@/components/v-labelDiv"; +import vLabelDivLight from "@/components/v-labelDivLight"; import vModal from "@/components/v-modal"; import vTable from "@/components/v-table"; import vTabGroup from "@/components/v-tab-group"; @@ -27,6 +28,7 @@ export default { Vue.mixin({ components: { vLabelDiv, + vLabelDivLight, vModal, vTable, vTabGroup, diff --git a/src/components/v-labelDivLight/index.vue b/src/components/v-labelDivLight/index.vue new file mode 100644 index 0000000..d02dcf8 --- /dev/null +++ b/src/components/v-labelDivLight/index.vue @@ -0,0 +1,100 @@ + + + + + + \ No newline at end of file diff --git a/src/lycomponents/iSaleModelChoose/index.vue b/src/lycomponents/iSaleModelChoose/index.vue index b8ae29b..daab40d 100644 --- a/src/lycomponents/iSaleModelChoose/index.vue +++ b/src/lycomponents/iSaleModelChoose/index.vue @@ -35,8 +35,11 @@
-
{{item.name}}
-
+
+
{{item.name}}
+
{{item.name}}
+
+
diff --git a/src/lycomponents/iSwitchModel/index.vue b/src/lycomponents/iSwitchModel/index.vue index ed8c49d..d3e7d9e 100644 --- a/src/lycomponents/iSwitchModel/index.vue +++ b/src/lycomponents/iSwitchModel/index.vue @@ -35,7 +35,10 @@
-
{{item.name}}
+
+
{{item.name}}
+
{{item.name}}
+
diff --git a/src/mixins/index.js b/src/mixins/index.js index d5d9226..71a9b65 100644 --- a/src/mixins/index.js +++ b/src/mixins/index.js @@ -127,10 +127,10 @@ export default { } }, computed: { - ...mapGetters(['getZoom', 'getLoading', 'getToken', 'getUser', 'getAccount', 'getCommTime', 'getCtime', 'getCtime2', 'getHeaderType', 'getBrand', 'getModel', 'getSComparison', 'getBComparison','getTComparison', 'getMComparison', 'getEComparison', 'getLevelBtn', 'getMenu', 'getChangeSTime', 'getMcStatus','getBcStatus','getScStatus','getTcStatus']) + ...mapGetters(['getZoom', 'getLoading', 'getToken', 'getUser', 'getAccount', 'getCommTime', 'getCtime', 'getCtime2', 'getHeaderType', 'getBrand', 'getModel', 'getSComparison', 'getBComparison','getTComparison', 'getMComparison', 'getEComparison', 'getLevelBtn', 'getMenu', 'getChangeSTime', 'getMcStatus','getBcStatus','getScStatus','getTcStatus','getIsLight']) }, methods: { - ...mapActions(["setZoom", 'setLoading', 'setToken', 'setUser', 'setAccount', 'setCommTime', 'setCtime', 'setCtime2', 'setHeaderType', 'setBrand', 'setModel', 'setSComparison', 'setBComparison','setTComparison', 'setMComparison', 'setEComparison', 'setLevelBtn', 'setMenu', 'setChangeSTime','setMcStatus','setBcStatus','setScStatus','setTcStatus']), + ...mapActions(["setZoom", 'setLoading', 'setToken', 'setUser', 'setAccount', 'setCommTime', 'setCtime', 'setCtime2', 'setHeaderType', 'setBrand', 'setModel', 'setSComparison', 'setBComparison','setTComparison', 'setMComparison', 'setEComparison', 'setLevelBtn', 'setMenu', 'setChangeSTime','setMcStatus','setBcStatus','setScStatus','setTcStatus','setIsLight']), // 获取当前日期时间 getDatetime() { let now = new Date(); diff --git a/src/store/actions.js b/src/store/actions.js index f5d51e7..8dca680 100644 --- a/src/store/actions.js +++ b/src/store/actions.js @@ -77,5 +77,8 @@ const actions = { setChangeSTime: ({commit}, log) => { commit('setChangeSTime', log) }, + setIsLight: ({commit}, log) => { + commit('setIsLight', log) + }, } export default actions diff --git a/src/store/getters.js b/src/store/getters.js index d76b573..ef52869 100644 --- a/src/store/getters.js +++ b/src/store/getters.js @@ -77,6 +77,9 @@ const getters = { }, getMenu(state) { return state.menu - } + }, + getIsLight(state) { + return state.isLight + }, } export default getters diff --git a/src/store/mutations.js b/src/store/mutations.js index bbbb076..f50590d 100644 --- a/src/store/mutations.js +++ b/src/store/mutations.js @@ -123,7 +123,13 @@ const mutations = { // saveMenu(log); let str = JSON.stringify(log); LS.put('menu', str, 1/8); - } + }, + setIsLight: (state, log) => { + state.isLight = log; + // saveMenu(log); + let str = JSON.stringify(log); + LS.put('isLight', str, 1/8); + }, } export default mutations; diff --git a/src/store/state.js b/src/store/state.js index a1ea147..947725a 100644 --- a/src/store/state.js +++ b/src/store/state.js @@ -31,5 +31,6 @@ const state = { tcStatus:LS.get('tcStatus') ? JSON.parse(LS.get('tcStatus')) : false, levelBtn:LS.get('levelBtn') ? JSON.parse(LS.get('levelBtn')) : [], menu: LS.get('menu') ? JSON.parse(LS.get('menu')) : [], + isLight: LS.get('isLight') || false, //浅色背景 } export default state; diff --git a/src/views/SaleRank/ChineseCarSale/zgCarSale/index.vue b/src/views/SaleRank/ChineseCarSale/zgCarSale/index.vue index fe69d87..f6e62c1 100644 --- a/src/views/SaleRank/ChineseCarSale/zgCarSale/index.vue +++ b/src/views/SaleRank/ChineseCarSale/zgCarSale/index.vue @@ -1,9 +1,15 @@