ShWasher/src_0nline/ShwasherSys/ShwasherSys.Web/Content/Plugins/layui/lay/extend/app.js

/** iwb_admin-v1.1.0 MIT License By http://www.iwbnet.com e-mail:yueyy@iwbnet.com */
;/**
 * Name:app.js
 * Author:Van
 * E-mail:yueyy@iwbnet.com
 * Website:http://www.iwbnet.com
 * LICENSE:MIT
 */
var tab;
layui.define(['element', 'nprogress', 'form', 'table', 'loader', 'tab', 'navbar', 'onelevel', 'laytpl', 'spa'], function (exports) {
	var $ = layui.jquery,
        element = layui.element,
        layer = layui.layer,
        win = $(window),
        doc = $(document),
        body = $('.iwb-body'),
        form = layui.form,
        table = layui.table,
        loader = layui.loader,
        navbar = layui.navbar,
        componentPath = 'components/',
        spa = layui.spa,
	tab = layui.tab;

	var app = {
		hello: function (str) {
			layer.alert('Hello ' + (str || 'test'));
		},
		config: {
			type: 'iframe',
			navElem: undefined,
			tabElem:undefined
		},
		set: function (options) {
			var that = this;
			$.extend(true, that.config, options);
			return that;
		},
		init: function () {
			var that = this,
                config = that.config;
			if (config.type === 'spa') {
				navbar.bind(function (data) {
					spa.render(data.url, function () {
						console.log('渲染完成..');
					});
				});
			}
			if (config.type === 'page') {
				tab.set({
					renderType: 'page',
					mainUrl: '/Main/Home',
					elem: '#container',
					onSwitch: function (data) { //选项卡切换时触发
						//console.log(data.layId); //lay-id值
						//console.log(data.index); //得到当前Tab的所在下标
						//console.log(data.elem); //得到当前的Tab大容器
					},
					closeBefore: function (data) { //关闭选项卡之前触发
						// console.log(data);
						// console.log(data.icon); //显示的图标
						// console.log(data.id); //lay-id
						// console.log(data.title); //显示的标题
						// console.log(data.url); //跳转的地址
						return true; //返回true则关闭
					}
				}).render();
				//navbar加载方式一，直接绑定已有的dom元素事件                
				navbar.bind(function (data) {
					tab.tabAdd(data);
				});
			}
			if (config.type === 'iframe') {
				tab.set({
					//renderType: 'iframe',
					//mainUrl: 'table.html',
					//openWait: false,
					elem: config.tabElem,
					onSwitch: function (data) { //选项卡切换时触发
						//console.log(data.layId); //lay-id值
						//console.log(data.index); //得到当前Tab的所在下标
						//console.log(data.elem); //得到当前的Tab大容器
					},
					closeBefore: function (data) { //关闭选项卡之前触发
						// console.log(data);
						// console.log(data.icon); //显示的图标
						// console.log(data.id); //lay-id
						// console.log(data.title); //显示的标题
						// console.log(data.url); //跳转的地址
						return true; //返回true则关闭
					}
				}).render();
				//navbar加载方式一，直接绑定已有的dom元素事件                
				//navbar.bind(function (data) {
				//	tab.tabAdd(data);
				//});
				//navbar加载方式二，设置远程地址加载
				 navbar.set({
				     remote: {
				     	url: '/Main/GetMenusTree/'
				     },
				     elem: config.navElem
				 }).render(function(data) {
				    tab.tabAdd(data);
				 });
				//navbar加载方式三，设置data本地数据
				// navbar.set({
				//     data: [{
				//         id: "1",
				//         title: "基本元素",
				//         icon: "fa-cubes",
				//         spread: true,
				//         children: [{
				//             id: "7",
				//             title: "表格",
				//             icon: "",
				//             url: "test.html"
				//         }, {
				//             id: "8",
				//             title: "表单",
				//             icon: "",
				//             url: "form.html"
				//         }]
				//     }, {
				//         id: "5",
				//         title: "这是一级导航",
				//         icon: "fa-stop-circle",
				//         url: "https://www.baidu.com",
				//         spread: false
				//     }]
				// }).render(function(data) {
				//     tab.tabAdd(data);
				// });

				//处理顶部一级菜单
				//var onelevel = layui.onelevel;
				//if (onelevel.hasElem()) {
				//	onelevel.set({
				//		data:[{ "title":"2","id":1,"icon":"fa-user" }],
				//		onClicked: function (id) {
				//			switch (id) {
				//				case 1:
				//					navbar.set({
				//						remote: {
				//							url: '/Main/GetMenusTree/'
				//						}
				//					}).render(function (data) {
				//						//tab.tabAdd(data);
				//					});
				//					break;
				//				//case 2:
				//				//	navbar.set({
				//				//		remote: {
				//				//			url: '/datas/navbar2.json'
				//				//		}
				//				//	}).render(function (data) {
				//				//		tab.tabAdd(data);
				//				//	});
				//				//	break;
				//				default:
				//					navbar.set({
				//						remote: {
				//							url: '/Main/GetMenusTree/'
				//						}
				//					}).render(function (data) {
				//						//tab.tabAdd(data);
				//					});
				//					break;
				//			}
				//		},
				//		renderAfter: function (elem) {
				//			elem.find('li').eq(0).click(); //模拟点击第一个
				//		}
				//	}).render();
				//}
			}

			// ripple start
			//var addRippleEffect = function (e) {
			//	// console.log(e);
			//	layui.stope(e)
			//	var target = e.target;
			//	if (target.localName !== 'button' && target.localName !== 'a') return false;
			//	var rect = target.getBoundingClientRect();
			//	var ripple = target.querySelector('.ripple');
			//	if (!ripple) {
			//		ripple = document.createElement('span');
			//		ripple.className = 'ripple'
			//		ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
			//		target.appendChild(ripple);
			//	}
			//	ripple.classList.remove('show');
			//	var top = e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop;
			//	var left = e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft;
			//	ripple.style.top = top + 'px';
			//	ripple.style.left = left + 'px';
			//	ripple.classList.add('show');
			//	return false;
			//}
			//document.addEventListener('click', addRippleEffect, false);
			//// ripple end

			return that;
		}
	};

	//输出test接口
	exports('app', app);
});