图表的实时问题
parent
4f4aac1632
commit
7773b705d7
|
|
@ -16,7 +16,7 @@
|
||||||
<ul class="layui-nav layui-layout-left">
|
<ul class="layui-nav layui-layout-left">
|
||||||
<li class="layui-nav-item">
|
<li class="layui-nav-item">
|
||||||
<a class="ok-menu ok-show-menu" href="javascript:;" title="菜单切换">
|
<a class="ok-menu ok-show-menu" href="javascript:;" title="菜单切换">
|
||||||
<i class="layui-icon layui-icon-shrink-right" id="ok_app_menu"></i>
|
<i class="layui-icon layui-icon-shrink-right"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="layui-nav-item">
|
<li class="layui-nav-item">
|
||||||
|
|
|
||||||
|
|
@ -34,6 +34,10 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
||||||
$(".ok-menu").click(function () {
|
$(".ok-menu").click(function () {
|
||||||
$(".layui-layout-admin").toggleClass("ok-left-hide");
|
$(".layui-layout-admin").toggleClass("ok-left-hide");
|
||||||
$(this).find('i').toggleClass("ok-menu-hide");
|
$(this).find('i').toggleClass("ok-menu-hide");
|
||||||
|
localStorage.setItem("isResize",false);
|
||||||
|
setTimeout(function () {
|
||||||
|
localStorage.setItem("isResize",true);
|
||||||
|
},1200);
|
||||||
});
|
});
|
||||||
|
|
||||||
//移动端的处理事件Start
|
//移动端的处理事件Start
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,31 @@
|
||||||
layui.define(["jquery"], function (exprots) {
|
layui.define(["jquery"], function (exprots) {
|
||||||
var $ = layui.jquery;
|
var $ = layui.jquery;
|
||||||
var okUtils = {
|
var okUtils = {
|
||||||
getBodyWidth: function () {
|
getBodyWidth: function () {
|
||||||
return document.body.scrollWidth;//body的总宽度
|
return document.body.scrollWidth;//body的总宽度
|
||||||
},
|
},
|
||||||
echartsResize: function(elemnt,isListen) {
|
echartsResize: function (elemnt) {
|
||||||
/*
|
/*
|
||||||
* 主要用于对echart视图自动适应宽度
|
* 主要用于对echart视图自动适应宽度
|
||||||
* eg:
|
* eg:
|
||||||
* var mapTree = echarts.init($("#mapOne")[0], "mytheme");
|
* var mapTree = echarts.init($("#mapOne")[0], "mytheme");
|
||||||
* var mapTree2 = echarts.init($("#mapOne")[0], "mytheme");
|
* var mapTree2 = echarts.init($("#mapOne")[0], "mytheme");
|
||||||
* resize(mapTree,mapTree2);
|
* resize(mapTree,mapTree2);
|
||||||
* */
|
* */
|
||||||
/*console.log(arguments[0]);
|
/*console.log(arguments[0]);
|
||||||
console.log(elemnt);*/
|
console.log(elemnt);*/
|
||||||
if(isListen){
|
elemnt = elemnt || [];
|
||||||
elemnt = elemnt || [];
|
|
||||||
|
|
||||||
window.addEventListener("resize", function(){
|
window.addEventListener("resize", function () {
|
||||||
for (var i = 0; i < elemnt.length; i++) {
|
var isResize = localStorage.getItem("isResize");
|
||||||
elemnt[i].resize();
|
if(isResize != 'false'){
|
||||||
}
|
for (var i = 0; i < elemnt.length; i++) {
|
||||||
});
|
elemnt[i].resize();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
};
|
exprots("okUtils", okUtils);
|
||||||
exprots("okUtils", okUtils);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue