// import {getStore, setStore} from '@/util/store'
|
|
// import {getDictionary} from '@/api/system/dict'
|
|
const control = {
|
state: {
|
clearOtherBut: {
|
refreshBtn: false,
|
columnBtn: false,
|
searchShowBtn: false,
|
filterBtn: false,
|
},
|
changePageSize: {
|
pageSize: 15,
|
currentPage: 1,
|
total: 0,
|
pageSizes: [15, 30, 50, 100],
|
},
|
windowWidth: 1025,
|
windowHeight: 990,
|
heightTimesOut: '',
|
table_height: "",
|
butState: '',
|
oldOpens: ''
|
},
|
actions: {
|
WHchangeHight({ state, commit }, data) {
|
if (data.fn) {
|
if (!state.heightTimesOut) {
|
data.fn(state.windowHeight);
|
}
|
state.heightTimesOut = setTimeout(() => {
|
clearTimeout(state.heightTimesOut);
|
state.heightTimesOut = '';
|
}, 300);
|
}
|
},
|
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: {
|
setWindowSize: (state, data) => {
|
state.windowWidth = data.innerWidth;
|
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 control;
|
