wcheng81
/
LSQZrzyAPP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>快捷功能设置</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 挂接mui样式 -->
		<link href="../css/mui.css" rel="stylesheet" />
		<!-- 挂接app样式 -->
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<!-- 引入字体 -->
		<link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
		<!-- 引入数字字体 -->
		<link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
		<!-- 引入菜单样式 -->
		<link rel="stylesheet" type="text/css" href="../css/cr.menu.css" />
		<style type="text/css">
			/* 标题样式 */
			.cr-title {
				font-size: 15px;
				font-family: 'TTTGB-Medium';
				height: 30px;
				line-height: 30px;
				margin-left: 10px;
				color: rgb(69, 69, 69);
			}

			/* 行样式 */
			.mui-table-view-cell {
				touch-action: none;
			}

			/* 表格样式 */
			.mui-table-view {
				margin-left: 10px !important;
				margin-right: 10px !important;
				width: calc(100% - 20px) !important;
				border-radius: 10px;
			}
		</style>
	</head>
	<body>
		<div class="mui-content">
			<h5 class="cr-title">快捷功能项</h5>
			<ul class="mui-table-view mui-grid-view mui-grid-9" id="ulDefault">
			</ul>
			<h5 class="cr-title">全部快捷功能项</h5>
			<ul class="mui-table-view mui-grid-view mui-grid-9" id="ulAppend">
			</ul>
		</div>
	</body>
</html>
<!-- 引入mui脚本 -->
<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入jQuery脚本 -->
<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入通用脚本 -->
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入webview脚本 -->
<script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入存储脚本 -->
<script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入拖拽脚本 -->
<script src="../js/Sortable/Sortable.js" type="text/javascript" charset="utf-8"></script>
<!-- 引入数据库脚本 -->
<script src="../js/DatabaseManager.js" type="text/javascript" charset="utf-8"></script>
<!-- 独有脚本 -->
<script type="text/javascript">
	/* 初始化完成 */
	plusInit(function() {
		/* 获取存储的本地账户 */
		getSaveUserInfo({
			success: function(saveUser) {
				var userType = saveUser.userType;
				queryDefaultMenu(userType);
			},
			error: function(err) {
				muiAlertError(err);
			}
		})
	})

	/**
	 * 查询默认快捷菜单
	 * @param {string} userType 用户类型
	 */
	function queryDefaultMenu(userType) {
		var querySQLDefault = "SELECT * FROM ApplictionCenterConfig where PERMISSION like '%" +
			userType +
			"%' and KDIDX IS NOT NULL ORDER BY KDIDX";
		DB_TaskQuery({
			sql: querySQLDefault,
			success: function(resData) {
				CreateMenuDefault(resData);
				queryAppendMenu(userType);
			},
			error: function(err) {
				muiAlert(err);
			}
		})
	}

	/**
	 * 查询可追加的菜单
	 * @param {string} userType 用户类型
	 */
	function queryAppendMenu(userType) {
		var querySQLAppend = "SELECT * FROM ApplictionCenterConfig where PERMISSION like '%" +
			userType +
			"%' and KDIDX IS NULL ORDER BY IDX";
		DB_TaskQuery({
			sql: querySQLAppend,
			success: function(resData) {
				CreateMenuAppend(resData);
			},
			error: function(err) {
				muiAlert(err);
			}
		})
	}

	/**
	 * 创建属于快捷项的菜单
	 */
	function CreateMenuDefault(menuDatas) {
		var menuHtml = "";
		for (var i in menuDatas) {
			var menuData = menuDatas[i];
			var li = createSmartMenuHtml({
				path: '../img/menu/' + menuData.ICONNAME,
				label: menuData.NAME,
				idx: menuData.IDX,
			});
			menuHtml += li;
		}
		$('#ulDefault').html(menuHtml);
	}

	/**
	 * 创建暂时不属于快捷项的菜单
	 */
	function CreateMenuAppend(menuDatas) {
		var menuHtml = "";
		for (var i in menuDatas) {
			var menuData = menuDatas[i];
			var li = createSmartMenuHtml({
				path: '../img/menu/' + menuData.ICONNAME,
				label: menuData.NAME,
				idx: menuData.IDX,
			});
			menuHtml += li;
		}
		$('#ulAppend').html(menuHtml);
	}

	/* 设置拖拽 */
	var foo = document.getElementById("ulDefault");
	Sortable.create(foo, {
		group: "omega"
	});

	var bar = document.getElementById("ulAppend");
	Sortable.create(bar, {
		group: "omega"
	});

	/**
	 * 设置快捷保存
	 */
	function setQuicklyMenu() {
		muiConfirm("确定要保存快捷设置吗？", "保存", function() {
			var eSQL = [];
			eSQL.push('UPDATE ApplictionCenterConfig SET KDIDX = NULL');
			var ul = document.getElementById('ulDefault');
			var liItems = ul.getElementsByTagName('li');
			for (var i = 0; i < liItems.length; i++) {
				eSQL.push("UPDATE ApplictionCenterConfig SET KDIDX = " + (i + 1) + " WHERE IDX='" + liItems[i]
					.getAttribute('idx') + "'");
			}
			/* 执行更新 */
			DB_TaskExecute({
				sql:eSQL,
				success:function(){
					muiAlert("保存成功！","提示",function(){

					});
				},
				error:function(err){
					muiAlertError(err);
				}
			})
		})
	}
</script>