kgWeb/admin/js/xadmin.js

$(function() {
  //加载弹出层
  layui.use(["form", "element"], function() {
    layer = layui.layer;
    element = layui.element;
  });
  var userAccount =sessionStorage.getItem("userAccount")
	$("#username").text(userAccount)
  //触发事件
  var tab = {
    tabAdd: function(title, url, id) {
      //新增一个Tab项
      element.tabAdd("xbs_tab", {
        title: title,
        content:
          '<iframe tab-id="' +
          id +
          '" frameborder="0" src="' +
          url +
          '" scrolling="yes" class="x-iframe"></iframe>',
        id: id
      });
      // 向上级窗口传值
      window.xframe = $(".x-iframe");
    },
    tabDelete: function(othis) {
      //删除指定Tab项
      element.tabDelete("xbs_tab", "44"); //删除：“商品管理”

      othis.addClass("layui-btn-disabled");
    },
    tabChange: function(id) {
      //切换到指定Tab项
      element.tabChange("xbs_tab", id); //切换到：用户管理
    }
  };

  tableCheck = {
    init: function() {
      $(".layui-form-checkbox").click(function(event) {
        if ($(this).hasClass("layui-form-checked")) {
          $(this).removeClass("layui-form-checked");
          if ($(this).hasClass("header")) {
            $(".layui-form-checkbox").removeClass("layui-form-checked");
          }
        } else {
          $(this).addClass("layui-form-checked");
          if ($(this).hasClass("header")) {
            $(".layui-form-checkbox").addClass("layui-form-checked");
          }
        }
      });
    },
    getData: function() {
      var obj = $(".layui-form-checked").not(".header");
      var arr = [];
      obj.each(function(index, el) {
        arr.push(obj.eq(index).attr("data-id"));
      });
      return arr;
    }
  };

  //开启表格多选
  tableCheck.init();

  $(".container .left_open i").click(function(event) {
    if ($(".left-nav").css("left") == "0px") {
      $(".left-nav").animate({ left: "-221px" }, 100);
      $(".page-content").animate({ left: "0px" }, 100);
      $(".page-content-bg").hide();
    } else {
      $(".left-nav").animate({ left: "0px" }, 100);
      $(".page-content").animate({ left: "221px" }, 100);
      if ($(window).width() < 768) {
        $(".page-content-bg").show();
      }
    }
  });

  $(".page-content-bg").click(function(event) {
    $(".left-nav").animate({ left: "-221px" }, 100);
    $(".page-content").animate({ left: "0px" }, 100);
    $(this).hide();
  });

  $(".layui-tab-close").click(function(event) {
    $(".layui-tab-title li")
      .eq(0)
      .find("i")
      .remove();
  });

  $("tbody.x-cate tr[fid!='0']").hide();
  // 栏目多级显示效果
  $(".x-show").click(function() {
    if ($(this).attr("status") == "true") {
      $(this).html("&#xe625;");
      $(this).attr("status", "false");
      cateId = $(this)
        .parents("tr")
        .attr("cate-id");
      $("tbody tr[fid=" + cateId + "]").show();
    } else {
      cateIds = [];
      $(this).html("&#xe623;");
      $(this).attr("status", "true");
      cateId = $(this)
        .parents("tr")
        .attr("cate-id");
      getCateId(cateId);
      for (var i in cateIds) {
        $("tbody tr[cate-id=" + cateIds[i] + "]")
          .hide()
          .find(".x-show")
          .html("&#xe623;")
          .attr("status", "true");
      }
    }
  });

  //左侧菜单效果
  // $('#content').bind("click",function(event){
  // 向上级窗口传值
  window.windowTab = tab;
  window.xframe = $(".x-iframe");
  $(".left-nav #nav li").click(function(event) {
    if ($(this).children(".sub-menu").length) {
      if ($(this).hasClass("open")) {
        $(this).removeClass("open");
        $(this)
          .find(".nav_right")
          .html("&#xe697;");
        $(this)
          .children(".sub-menu")
          .stop()
          .slideUp();
        $(this)
          .siblings()
          .children(".sub-menu")
          .slideUp();
      } else {
        $(this).addClass("open");
        $(this)
          .children("a")
          .find(".nav_right")
          .html("&#xe6a6;");
        $(this)
          .children(".sub-menu")
          .stop()
          .slideDown();
        $(this)
          .siblings()
          .children(".sub-menu")
          .stop()
          .slideUp();
        $(this)
          .siblings()
          .find(".nav_right")
          .html("&#xe697;");
        $(this)
          .siblings()
          .removeClass("open");
      }
    } else {
      var url = $(this)
        .children("a")
        .attr("_href");
      var title = $(this)
        .find("cite")
        .html();
      var index = $(".left-nav #nav li").index($(this));
      for (var i = 0; i < $(".x-iframe").length; i++) {
        if (
          $(".x-iframe")
            .eq(i)
            .attr("tab-id") ==
          index + 1
        ) {
          tab.tabChange(index + 1);
          event.stopPropagation();
          return;
        }
      }
      tab.tabAdd(title, url, index + 1);
      tab.tabChange(index + 1);
    }

    event.stopPropagation();
  });
});
var cateIds = [];
function getCateId(cateId) {
  $("tbody tr[fid=" + cateId + "]").each(function(index, el) {
    id = $(el).attr("cate-id");
    cateIds.push(id);
    getCateId(id);
  });
}

/*弹出层*/
/*
    参数解释：
    title   标题
    url     请求的url
    id      需要操作的数据id
    w       弹出层宽度（缺省调默认值）
    h       弹出层高度（缺省调默认值）
*/
function x_admin_show(title, url, w, h, endCallback) {
  if (title == null || title == "") {
    title = false;
  }
  if (url == null || url == "") {
    url = "404.html";
  }
  if (w == null || w == "") {
    w = $(window).width() * 0.9;
  }
  if (h == null || h == "") {
    h = $(window).height() - 50;
  }

  layer.open({
    type: 2,
    area: [w + "px", h + "px"],
    fix: false, //不固定
    maxmin: true,
    shadeClose: true,
    shade: 0.4,
    title: title,
    content: url,
    end: endCallback
  });
}

/*关闭弹出框口*/
function x_admin_close() {
  var index = parent.layer.getFrameIndex(window.name);
  parent.layer.close(index);
}