318 lines
8.3 KiB
Plaintext
318 lines
8.3 KiB
Plaintext
/* -----------H-ui前端框架-------------
|
||
* H-ui.admin.js v3.1
|
||
* http://www.h-ui.net/
|
||
* Created & Modified by guojunhui
|
||
* Date modified 2017.02.03
|
||
* Copyright 2013-2017 北京颖杰联创科技有限公司 All rights reserved.
|
||
* Licensed under MIT license.
|
||
* http://opensource.org/licenses/MIT
|
||
*/
|
||
var num=0,oUl=$("#min_title_list"),hide_nav=$("#Hui-tabNav");
|
||
|
||
/*获取顶部选项卡总长度*/
|
||
function tabNavallwidth(){
|
||
var taballwidth=0,
|
||
$tabNav = hide_nav.find(".acrossTab"),
|
||
$tabNavWp = hide_nav.find(".Hui-tabNav-wp"),
|
||
$tabNavitem = hide_nav.find(".acrossTab li"),
|
||
$tabNavmore =hide_nav.find(".Hui-tabNav-more");
|
||
if (!$tabNav[0]){return}
|
||
$tabNavitem.each(function(index, element) {
|
||
taballwidth += Number(parseFloat($(this).width()+60))
|
||
});
|
||
$tabNav.width(taballwidth+25);
|
||
var w = $tabNavWp.width();
|
||
if(taballwidth+25>w){
|
||
$tabNavmore.show()}
|
||
else{
|
||
$tabNavmore.hide();
|
||
$tabNav.css({left:0});
|
||
}
|
||
}
|
||
|
||
/*左侧菜单响应式*/
|
||
function Huiasidedisplay(){
|
||
if($(window).width()>=768){
|
||
$(".Hui-aside").show();
|
||
}
|
||
}
|
||
/*获取皮肤cookie*/
|
||
function getskincookie(){
|
||
var v = $.cookie("Huiskin");
|
||
var hrefStr=$("#skin").attr("href");
|
||
if(v==null||v==""){
|
||
v="default";
|
||
}
|
||
if(hrefStr!=undefined){
|
||
var hrefRes=hrefStr.substring(0,hrefStr.lastIndexOf('skin/'))+'skin/'+v+'/skin.css';
|
||
$("#skin").attr("href",hrefRes);
|
||
}
|
||
}
|
||
/*菜单导航*/
|
||
function Hui_admin_tab(obj){
|
||
var bStop = false,
|
||
bStopIndex = 0,
|
||
href = $(obj).attr('data-href'),
|
||
title = $(obj).attr("data-title"),
|
||
topWindow = $(window.parent.document),
|
||
show_navLi = topWindow.find("#min_title_list li"),
|
||
iframe_box = topWindow.find("#iframe_box");
|
||
//console.log(topWindow);
|
||
if(!href||href==""){
|
||
alert("data-href不存在，v2.5版本之前用_href属性，升级后请改为data-href属性");
|
||
return false;
|
||
}if(!title){
|
||
alert("v2.5版本之后使用data-title属性");
|
||
return false;
|
||
}
|
||
if(title==""){
|
||
alert("data-title属性不能为空");
|
||
return false;
|
||
}
|
||
show_navLi.each(function() {
|
||
if($(this).find('span').attr("data-href")==href){
|
||
bStop=true;
|
||
bStopIndex=show_navLi.index($(this));
|
||
return false;
|
||
}
|
||
});
|
||
if(!bStop){
|
||
creatIframe(href,title);
|
||
min_titleList();
|
||
}
|
||
else{
|
||
show_navLi.removeClass("active").eq(bStopIndex).addClass("active");
|
||
iframe_box.find(".show_iframe").hide().eq(bStopIndex).show().find("iframe").attr("src",href);
|
||
}
|
||
}
|
||
|
||
/*最新tab标题栏列表*/
|
||
function min_titleList(){
|
||
var topWindow = $(window.parent.document),
|
||
show_nav = topWindow.find("#min_title_list"),
|
||
aLi = show_nav.find("li");
|
||
}
|
||
|
||
/*创建iframe*/
|
||
function creatIframe(href,titleName){
|
||
var topWindow=$(window.parent.document),
|
||
show_nav=topWindow.find('#min_title_list'),
|
||
iframe_box=topWindow.find('#iframe_box'),
|
||
iframeBox=iframe_box.find('.show_iframe'),
|
||
$tabNav = topWindow.find(".acrossTab"),
|
||
$tabNavWp = topWindow.find(".Hui-tabNav-wp"),
|
||
$tabNavmore =topWindow.find(".Hui-tabNav-more");
|
||
var taballwidth=0;
|
||
|
||
show_nav.find('li').removeClass("active");
|
||
show_nav.append('<li class="active"><span data-href="'+href+'">'+titleName+'</span><i></i><em></em></li>');
|
||
if('function'==typeof $('#min_title_list li').contextMenu){
|
||
$("#min_title_list li").contextMenu('Huiadminmenu', {
|
||
bindings: {
|
||
'closethis': function(t) {
|
||
var $t = $(t);
|
||
if($t.find("i")){
|
||
$t.find("i").trigger("click");
|
||
}
|
||
},
|
||
'closeall': function(t) {
|
||
$("#min_title_list li i").trigger("click");
|
||
},
|
||
}
|
||
});
|
||
}else {
|
||
|
||
}
|
||
var $tabNavitem = topWindow.find(".acrossTab li");
|
||
if (!$tabNav[0]){return}
|
||
$tabNavitem.each(function(index, element) {
|
||
taballwidth+=Number(parseFloat($(this).width()+60))
|
||
});
|
||
$tabNav.width(taballwidth+25);
|
||
var w = $tabNavWp.width();
|
||
if(taballwidth+25>w){
|
||
$tabNavmore.show()}
|
||
else{
|
||
$tabNavmore.hide();
|
||
$tabNav.css({left:0})
|
||
}
|
||
iframeBox.hide();
|
||
iframe_box.append('<div class="show_iframe"><div class="loading"></div><iframe frameborder="0" src='+href+'></iframe></div>');
|
||
var showBox=iframe_box.find('.show_iframe:visible');
|
||
showBox.find('iframe').load(function(){
|
||
showBox.find('.loading').hide();
|
||
});
|
||
}
|
||
|
||
|
||
|
||
/*关闭iframe*/
|
||
function removeIframe(){
|
||
var topWindow = $(window.parent.document),
|
||
iframe = topWindow.find('#iframe_box .show_iframe'),
|
||
tab = topWindow.find(".acrossTab li"),
|
||
showTab = topWindow.find(".acrossTab li.active"),
|
||
showBox=topWindow.find('.show_iframe:visible'),
|
||
i = showTab.index();
|
||
tab.eq(i-1).addClass("active");
|
||
tab.eq(i).remove();
|
||
iframe.eq(i-1).show();
|
||
iframe.eq(i).remove();
|
||
}
|
||
|
||
/*关闭所有iframe*/
|
||
function removeIframeAll(){
|
||
var topWindow = $(window.parent.document),
|
||
iframe = topWindow.find('#iframe_box .show_iframe'),
|
||
tab = topWindow.find(".acrossTab li");
|
||
for(var i=0;i<tab.length;i++){
|
||
if(tab.eq(i).find("i").length>0){
|
||
tab.eq(i).remove();
|
||
iframe.eq(i).remove();
|
||
}
|
||
}
|
||
}
|
||
|
||
/*弹出层*/
|
||
/*
|
||
参数解释：
|
||
title 标题
|
||
url 请求的url
|
||
id 需要操作的数据id
|
||
w 弹出层宽度（缺省调默认值）
|
||
h 弹出层高度（缺省调默认值）
|
||
*/
|
||
function layer_show(title,url,w,h){
|
||
if (title == null || title == '') {
|
||
title=false;
|
||
};
|
||
if (url == null || url == '') {
|
||
url="404.html";
|
||
};
|
||
if (w == null || w == '') {
|
||
w=800;
|
||
};
|
||
if (h == null || h == '') {
|
||
h=($(window).height() - 50);
|
||
};
|
||
layer.open({
|
||
type: 2,
|
||
area: [w+'px', h +'px'],
|
||
fix: false, //不固定
|
||
maxmin: true,
|
||
shade:0.4,
|
||
title: title,
|
||
content: url
|
||
});
|
||
}
|
||
/*关闭弹出框口*/
|
||
function layer_close(){
|
||
var index = parent.layer.getFrameIndex(window.name);
|
||
parent.layer.close(index);
|
||
}
|
||
|
||
/*时间*/
|
||
function getHTMLDate(obj) {
|
||
var d = new Date();
|
||
var weekday = new Array(7);
|
||
var _mm = "";
|
||
var _dd = "";
|
||
var _ww = "";
|
||
weekday[0] = "星期日";
|
||
weekday[1] = "星期一";
|
||
weekday[2] = "星期二";
|
||
weekday[3] = "星期三";
|
||
weekday[4] = "星期四";
|
||
weekday[5] = "星期五";
|
||
weekday[6] = "星期六";
|
||
_yy = d.getFullYear();
|
||
_mm = d.getMonth() + 1;
|
||
_dd = d.getDate();
|
||
_ww = weekday[d.getDay()];
|
||
obj.html(_yy + "年" + _mm + "月" + _dd + "日 " + _ww);
|
||
};
|
||
|
||
$(function(){
|
||
getHTMLDate($("#top_time"));
|
||
getskincookie();
|
||
//layer.config({extend: 'extend/layer.ext.js'});
|
||
Huiasidedisplay();
|
||
var resizeID;
|
||
$(window).resize(function(){
|
||
clearTimeout(resizeID);
|
||
resizeID = setTimeout(function(){
|
||
Huiasidedisplay();
|
||
},500);
|
||
});
|
||
|
||
$(".nav-toggle").click(function(){
|
||
$(".Hui-aside").slideToggle();
|
||
});
|
||
$(".Hui-aside").on("click",".menu_dropdown dd li a",function(){
|
||
if($(window).width()<768){
|
||
$(".Hui-aside").slideToggle();
|
||
}
|
||
});
|
||
/*左侧菜单*/
|
||
$(".Hui-aside").Huifold({
|
||
titCell:'.menu_dropdown dl dt',
|
||
mainCell:'.menu_dropdown dl dd',
|
||
});
|
||
|
||
/*选项卡导航*/
|
||
$(".Hui-aside").on("click",".menu_dropdown a",function(){
|
||
Hui_admin_tab(this);
|
||
});
|
||
|
||
$(document).on("click","#min_title_list li",function(){
|
||
var bStopIndex=$(this).index();
|
||
var iframe_box=$("#iframe_box");
|
||
$("#min_title_list li").removeClass("active").eq(bStopIndex).addClass("active");
|
||
iframe_box.find(".show_iframe").hide().eq(bStopIndex).show();
|
||
});
|
||
$(document).on("click","#min_title_list li i",function(){
|
||
var aCloseIndex=$(this).parents("li").index();
|
||
$(this).parent().remove();
|
||
$('#iframe_box').find('.show_iframe').eq(aCloseIndex).remove();
|
||
num==0?num=0:num--;
|
||
tabNavallwidth();
|
||
});
|
||
$(document).on("dblclick","#min_title_list li",function(){
|
||
var aCloseIndex=$(this).index();
|
||
var iframe_box=$("#iframe_box");
|
||
if(aCloseIndex>0){
|
||
$(this).remove();
|
||
$('#iframe_box').find('.show_iframe').eq(aCloseIndex).remove();
|
||
num==0?num=0:num--;
|
||
$("#min_title_list li").removeClass("active").eq(aCloseIndex-1).addClass("active");
|
||
iframe_box.find(".show_iframe").hide().eq(aCloseIndex-1).show();
|
||
tabNavallwidth();
|
||
}else{
|
||
return false;
|
||
}
|
||
});
|
||
tabNavallwidth();
|
||
|
||
$('#js-tabNav-next').click(function(){
|
||
num==oUl.find('li').length-1?num=oUl.find('li').length-1:num++;
|
||
toNavPos();
|
||
});
|
||
$('#js-tabNav-prev').click(function(){
|
||
num==0?num=0:num--;
|
||
toNavPos();
|
||
});
|
||
|
||
function toNavPos(){
|
||
oUl.stop().animate({'left':-num*100},100);
|
||
}
|
||
|
||
/*换肤*/
|
||
$("#Hui-skin .dropDown-menu a").click(function(){
|
||
var v = $(this).attr("data-val");
|
||
$.cookie("Huiskin", v);
|
||
var hrefStr=$("#skin").attr("href");
|
||
var hrefRes=hrefStr.substring(0,hrefStr.lastIndexOf('skin/'))+'skin/'+v+'/skin.css';
|
||
$(window.frames.document).contents().find("#skin").attr("href",hrefRes);
|
||
});
|
||
});
|