From 666c61a8dca571045e422e6c85f1b7a8179f0df5 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 29 Dec 2021 13:41:37 +0800
Subject: [PATCH] +搜索确认按钮位置 加上展开， 适应1366 768分辨率的缩放zoom ，
---
src/store/modules/control.js | 109 +++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 103 insertions(+), 6 deletions(-)
diff --git a/src/store/modules/control.js b/src/store/modules/control.js
index 2d6d484..d842cbd 100644
--- a/src/store/modules/control.js
+++ b/src/store/modules/control.js
@@ -2,7 +2,7 @@
// import {getDictionary} from '@/api/system/dict'
-const dict = {
+const control = {
state: {
clearOtherBut: {
refreshBtn: false,
@@ -17,15 +17,102 @@
pageSizes: [15, 30, 50, 100],
},
windowWidth: 1025,
- windowHeight: '',
+ windowHeight: 990,
+ heightTimesOut: '',
+ table_height: "",
+ butState: '',
+ oldOpens: ''
},
actions: {
WHchangeHight({ state, commit }, data) {
if (data.fn) {
- data.fn();
+ if (!state.heightTimesOut) {
+ data.fn(state.windowHeight);
+ }
+ state.heightTimesOut = setTimeout(() => {
+ clearTimeout(state.heightTimesOut);
+ state.heightTimesOut = '';
+ }, 300);
}
- data.option.height = +state.windowHeight + +data.add;
- // console.log(data);
+ },
+ TABLE_CHANGEBUTPOSITION({ state, commit, dispatch }, data) {
+ let changedom = function (val) {
+ let table = document.getElementsByClassName("tablesss")[0];
+ let heard = table.getElementsByClassName("avue-crud__search")[0];//获取搜索的长度
+ let buts = table.getElementsByClassName("avue-form__menu--center")[0];
+ let Open = buts.getElementsByClassName("el-button--text")[0]
+ let butsheight = heard.clientHeight;
+ let butX = 0;
+ if (data.from == "mounted") {
+ commit("setOldOpens", '')
+ commit("setButOpens", '')
+ }
+ // console.log(state.butState, val, butsheight)
+ if (state.butState == "展 开") {
+ commit("setOldOpens", '')
+ }
+ if (val == "收 缩") {
+ commit("setOldOpens", butsheight)
+ } else if (val == undefined && state.oldOpens) {
+ butsheight = state.oldOpens;
+ butX = state.oldOpens - heard.clientHeight;
+ // commit("setOldOpens", '')
+ }
+ // console.log(state.butState, val, butsheight, butX);
+ let sets = window.innerWidth <= 1376 && window.innerHeight <= 778;
+ let usNumOpens = sets ? -78 : -78;
+ if (butX || sets) {
+ Open.style.top = usNumOpens - +butX + "px";
+ }
+ buts.style.top = butsheight + "px";
+ if (val != "收 缩") {
+ let other = data.otherclass || [];
+ if (other && state.windowWidth >= 1024)
+ for (let k in other) {
+ let otherbuts = document.getElementsByClassName(other[k])[0]
+ otherbuts.style.top = butsheight + 27 + "px";
+ }
+ }
+ if (state.butState == "收 缩" && !val) {
+ Open.click();
+ }
+ if (data.haveOpen && !val) {// 是否有展开按钮
+ Open.onclick = function (e) {
+ changedom(e.srcElement.innerText);
+ //固定高度
+ //调用改变高度
+ if (e.srcElement.innerText == "展 开") {
+ state.windowHeight += 1;
+ } else {
+ state.windowHeight -= 1;
+ }
+ commit("setButOpens", e.srcElement.innerText)
+ }
+ }
+
+ }
+ changedom();
+ },
+ TABLE_CHANGEHEIGHT({ state, commit }, data) {
+ let h = +state.windowHeight - (+data.searchHeight + +data.flowHeight);
+ console.log(h)
+ state.table_height = h;
+ // commit("settable_height", h);
+ },
+ changeZoom({ state, commit }, data) {
+ if (window.innerWidth <= 1396 && window.innerHeight <= 798) {
+ // var devicewidth = document.documentElement.clientWidth; //获取当前分辨率下的可是区域宽度
+ // console.log(devicewidth)
+ let devicewidth = 1143;
+ var scale = devicewidth / 1366; // 分母——设计稿的尺寸
+ document.body.style.zoom = scale; //放大缩小相应倍数
+ // console.log("应用1366*768")
+ } else {
+ if (document.body.style.zoom != 1) {
+ document.body.style.zoom = 1;
+ // console.log("还原缩放")
+ }
+ }
}
},
mutations: {
@@ -34,8 +121,18 @@
state.windowHeight = data.innerHeight;
// console.log(data)
},
+ setWindowSizeHeightAdd: (state, data) => {
+ state.windowHeight += 1;
+ },
+ setButOpens(state, data) {
+ state.butState = data;
+ },
+ setOldOpens(state, data) {
+ state.oldOpens = data;
+ state.oldOpens = data;
+ }
}
};
-export default dict;
+export default control;
--
Gitblit v1.9.3