LSQZrzyAPP/js/login.js

/**
 * 创建者：王成
 * 创建日期：2022年02月28日
 * 描述：登录页面专用脚本
 */

/* 变量定义及绑定 */
var dUserName = document.getElementById('userName');
var dPassWord = document.getElementById('passWord');
var divButtom = document.getElementById("divButtom");
var dAutoLoginSwitch = document.getElementById("autoLogin");
var height = window.innerHeight; //初始的窗口高度
mui.init(); /* 初始化*/

/**
 * plus初始化完成
 */
plusInit(function() {
	/* 设置全屏 */
	// plus.navigator.setFullscreen(true);

	/* 窗口变化监听 */
	window.onresize = function(e) {
		var curHeight = window.innerHeight;
		if (curHeight < height) {
			divButtom.style.display = 'none';
		} else {
			divButtom.style.display = 'block';
		}
	}

	/* 获取存储的用户名和密码 填充*/
	getUserNameAndPassword({
		success: function(userData) {
			dUserName.value = userData.username;
			dPassWord.value = userData.password;
		},
	});

	/* 检测数据库文件 */
	DB_CheckDatabase({
		success: function(msg) {
			printToConsole(msg);
		},
		error: function(err) {
			printToConsole(err);
		}
	});

	/* 检测各专题地图图层配置键值存储项 并删除 以免由于本地登录时管理图层变化导致控制混乱 */
	getStroageAllKey(function(data) {
		/* 初始化 */
		mapLayerConfigKeys = [];
		/* 提取符合条件的键值 */
		for (let i in data.keys) {
			let key = data.keys[i];
			if (key.indexOf('map_layer_') != -1) {
				mapLayerConfigKeys.push(key);
			}
		}
		/* 判断是否需要删除 */
		if (mapLayerConfigKeys.length > 0) {
			printToConsole("专题图层控制配置键值 = " + JSON.stringify(mapLayerConfigKeys));
			removeLayerControlConfigStorage(0);
		}
	}, function(err) {
		printToConsole("获取全部键值错误 = " + err);
	})
	/* 页面信息初始化 */
	pageInit();
});

/* 删除各专题图层控制配置 */
let mapLayerConfigKeys = [];

/**
 * 删除各专题图层控制配置存储键值
 * @param {number} index 索引
 */
function removeLayerControlConfigStorage(index) {
	if (index == mapLayerConfigKeys.length) {
		/* 删除成功 */
		printToConsole("图层配置存储键值删除完成！");
	} else {
		removeStorage({
			key: mapLayerConfigKeys[index],
			success: function() {
				removeLayerControlConfigStorage(index + 1);
			},
			error: function(err) {
				removeLayerControlConfigStorage(index + 1);
			}
		})
	}
}

/**
 * 页面信息初始化
 */
function pageInit() {
	getConfigInfo(function(info) {
		var copyrightHtml = "";
		copyrightHtml += "<p>版权所有：" + info.devCopyright + " @Copyright 2023</p>";
		copyrightHtml += "<p>技术支持：" + info.devName + "</p>";
		$('#divButtom').html(copyrightHtml);
		/* App名称 */
		$('#lblAppName').html(info.name);
		/* App版本 */
		var vHtml = "";
		vHtml += "<span>当前版本</span>";
		vHtml += "<span class=\"jt-font-number\">{v" + info.version + "}</span>"
		$('#lblAppVersion').html(vHtml);
	});
}

/* iOS平台单独初始化 */
plusInitiOS(function() {

});

/* Android平台单独初始化 */
plusInitAndroid(function() {

})

/* 打开设置页面 */
function setting() {
	// mui.openWindow('setIpAndCom.html');
	createAndOpenPage({
		htmlPath: 'setIpAndCom.html',
		autoback: true,
		title: '服务设置'
	});

}

/**
 * 登录信息检查验证
 */
function loginCheck() {
	var strUserName = dUserName.value.trim();
	var strPassWord = dPassWord.value.trim();
	if (strUserName == "") {
		muiAlert("请输入用户名！", "提示", function() {
			dUserName.focus();
		});
	} else if (strPassWord == "") {
		muiAlert("请输入密码！", "提示", function() {
			dPassWord.focus();
		});
	} else {
		var userData = {
			userId: strUserName,
			userPwd: strPassWord
		};
		/* 登录请求 */
		login(userData);
	}
}

/**
 * 登录请求
 * @param {JSON} userData 账号数据
 */
function login(userData) {
	sendAjax({
		data: userData,
		type: 'post',
		url: 'appQueryUser',
		waitMessage: '正在认证登录...',
		success: function(resData) {
			/* 如果认证成功 则保存用户信息 */
			saveUserInfo({
				user: resData[0],
				success: function() {
					/* 判断是否需要保存账号和密码 */
					var isSave = dAutoLoginSwitch.classList.contains("mui-active");
					if (isSave) {
						saveUserNameAndPassword({
							username: userData.userId,
							password: userData.userPwd,
							success: function() {
								getLayers(resData[0].userID);
							},
							error: function(err) {
								muiAlert(err, "错误");
							}
						})
					} else {
						removeUserNameAndPassword({
							success: function() {
								getLayers(resData[0].userID);
							},
							error: function(err) {
								muiAlert(err, "错误");
							}
						})
					}
				},
				error: function(err) {
					muiAlert(err, "错误");
				}
			})
		},
		nodata: function(msg) {
			muiAlert(msg, "警告");
		},
		error: function(err) {
			muiAlert(err, "错误");
		}
	})
}

/**
 * 获取图层列表
 * @param {String} userId 账号Id
 */
function getLayers(userId) {
	/**
	 * 远程请求
	 */
	sendAjax({
		data: {
			userId: userId
		},
		type: 'post',
		url: 'appQueryCategoryAndLayers',
		waitMessage: '初始化地图图层...',
		success: function(resData) {
			saveUserLayers({
				layers: resData,
				success: function() {
					mui.openWindow({
						url: 'main.html',
						show: {
							autoShow: true, //页面loaded事件发生后自动显示，默认为true
							aniShow: 'slide-in-right', //页面显示动画，默认为”slide-in-right“；
							duration: 300 //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
						},
						styles: {
							"contentAdjust": true,
							top: '0px',
							bottom: '0px',
						},
					});

					// createAndOpenPage({
					// 	htmlPath: 'main.html',
					// 	autoback: false,
					// 	title: '服务设置'
					// });

				},
				error: function(err) {
					muiAlert(err, "错误");
				}
			})
		},
		nodata: function(msg) {
			muiAlert(msg, "警告");
		},
		error: function(err) {
			muiAlert(err, "错误");
		}
	})
}

/**
 * APP更新
 */
function click_AppUpload() {
	appUpload();
}