zy-wcs.git - Gitblit

			@@ -4,6 +4,8 @@
			<meta charset="UTF-8">
			<title>系统登录</title>
			<link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
			<link rel="icon" type="image/x-icon" href="../static/images/wcs_logo.png" />
			<link rel="stylesheet" href="../static/css/animate.min.css">
			<script type="text/javascript" src="../static/layui/layui.js"></script>
			<script type="text/javascript" src="../static/js/common.js"></script>
			<style>
			@@ -13,8 +15,9 @@
			body.login-bg {
			color: #777;
			height: 100%;
			background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);
			/background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);/
			/background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);/
			/background-image: linear-gradient(-90deg, #a2e7f3 0%, #98baee 100%);/
			background-image: url("../static/images/login.png");
			/background: -webkit-linear-gradient(red, blue); ! Safari 5.1 - 6.0 !;/
			/background-image: url("../static/image/login_bg.jpg");/
			/background-repeat: no-repeat;/
			@@ -30,19 +33,21 @@
			left: 50%;
			margin-top: -210px;
			margin-left: -220px;
			width: 440px;
			min-height: 420px;
			width: 400px;
			min-height: 380px;
			padding: 50px;
			text-align: center;
			border-radius: 5px;

			box-shadow: 0px 0px 10px rgb(168, 165, 165);
			transform-origin: 50% 50%;
			animation: loading 1s 0s forwards;
			/animation: loading 1s 0s forwards;/
			transform: rotateX(0deg);
			}

			#login-wrapper h2 {
			color: rgba(64,158,255,0.9);
			font-size: 26px;
			font-weight: bold;
			margin-bottom: 30px;
			}

			@@ -71,40 +76,23 @@
			font-size: 18px;
			}
			.layui-btn-normal {
			background-color: #0767aa;
			background-color: rgba(64,158,255,0.9);
			font-size: 20px;
			border-radius: 4px;
			height: 52px;
			}
			#code-box {
			position: relative;
			height: 42px;
			}
			#code-label {
			z-index: 999;
			}
			#code {
			position: absolute;
			left: 0;
			top: 0;
			display: inline-block;
			width: 60%;
			}
			#codeImg {
			border: 1px solid rgba(0,0,0,0.1);
			position: absolute;
			right: 5%;
			top: 0;
			width: 30%;
			height: 90%;
			}
			</style>
			</head>
			<body class="login-bg">
			<body class="login-bg animsition">

			<div id="login-wrapper">
			<div id="login-wrapper" class="animate__animated animate__bounceInDown">
			<header>
			<h2>WCS 系统登录</h2>
			<h2 id="login-title" style="cursor: pointer; user-select: none;">WCS系统V3.0</h2>
			<div id="system-btns" style="display: none; margin-bottom: 20px;">
			<button class="layui-btn layui-btn-normal layui-btn-sm" id="btn-project-name">获取项目名称</button>
			<button class="layui-btn layui-btn-normal layui-btn-sm" id="btn-server-info">获取系统配置</button>
			<button class="layui-btn layui-btn-normal layui-btn-sm" id="btn-activate">一键激活</button>
			</div>
			</header>
			<div class="layui-form layadmin-user-login-body">
			<div class="layui-form-item">
			@@ -115,18 +103,18 @@
			<label class="layui-icon layui-icon-password layadmin-user-login-icon"></label>
			<input id="password" class="layui-input" type="password" name="password" lay-verify="password" placeholder="密码">
			</div>
			<div id="code-box" class="layui-form-item" style="">
			<label id="code-label" class="layui-icon layui-icon-vercode layadmin-user-login-icon"></label>
			<input id="code" class="layui-input" type="text" name="password" lay-verify="code" placeholder="验证码">
			<img id="codeImg" title="看不清？点击换一张。">
			</div>
			<!-- <div id="code-box" class="layui-form-item" style="">-->
			<!-- <label id="code-label" class="layui-icon layui-icon-vercode layadmin-user-login-icon"></label>-->
			<!-- <input id="code" class="layui-input" type="text" name="password" lay-verify="code" placeholder="验证码">-->
			<!-- <img id="codeImg" title="看不清？点击换一张。">-->
			<!-- </div>-->
			<!--<div class="layui-form-item">-->
			<!--<input id="rememberPwd" style="vertical-align: middle" type="checkbox" lay-filter="remPwd" lay-skin="switch" lay-text="开启\|关闭" title="记住密码" checked="checked">-->
			<!--<span style="vertical-align: middle;font-size: 15px">记住密码</span>-->
			<!--</div>-->
			</div>
			<div class="layui-form-item login-submit">
			<button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登录</button>
			<button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登 &nbsp &nbsp 录</button>
			</div>
			</div>

			@@ -135,44 +123,173 @@
			<script type="text/javascript" src="../static/js/tools/md5.js"></script>
			<script type="text/javascript">

			// 验证码开关
			var codeSwitch = 'Y';
			$.ajax({
			url: baseUrl+"/code/switch.action",
			async: false,
			success: function (res) {
			if (res.data === 'N'){
			codeSwitch = res.data;
			$('#code-box').css("display", "none");
			}
			}
			});
			// // 验证码开关
			// var codeSwitch = 'Y';
			// $.ajax({
			// url: baseUrl+"/code/switch.action",
			// async: false,
			// success: function (res) {
			// if (res.data === 'N'){
			// codeSwitch = res.data;
			// $('#code-box').css("display", "none");
			// }
			// }
			// });

			// 初始化验证码
			initCode();
			$('#codeImg').click(function () {
			initCode();
			});
			function initCode() {
			var random = Math.random();
			$('#codeImg').attr("src", baseUrl+"/code.action?sd="+random);
			setTimeout(function () {
			$.ajax({
			url: baseUrl+"/code.do",
			data: {sd: random},
			method: 'POST',
			async: false,
			success: function (code) {
			sessionStorage.setItem("code", code);
			}
			});
			}, 100);
			}
			// // 初始化验证码
			// initCode();
			// $('#codeImg').click(function () {
			// initCode();
			// });
			// function initCode() {
			// var random = Math.random();
			// $('#codeImg').attr("src", baseUrl+"/code.action?sd="+random);
			// setTimeout(function () {
			// $.ajax({
			// url: baseUrl+"/code.do",
			// data: {sd: random},
			// method: 'POST',
			// async: false,
			// success: function (code) {
			// sessionStorage.setItem("code", code);
			// }
			// });
			// }, 100);
			// }

			layui.use(['form','layer'],function () {
			var form = layui.form,
			layer = layui.layer,
			$ = layui.jquery;

			// 连续点击三次标题显示隐藏功能
			var titleClickCount = 0;
			var titleClickTimer = null;
			$('#login-title').click(function() {
			titleClickCount++;
			if (titleClickTimer) {
			clearTimeout(titleClickTimer);
			}
			if (titleClickCount >= 3) {
			$('#system-btns').show();
			titleClickCount = 0;
			} else {
			titleClickTimer = setTimeout(function() {
			titleClickCount = 0;
			}, 500);
			}
			});

			// 获取系统配置
			$('#btn-server-info').click(function() {
			$.ajax({
			url: baseUrl + "/license/getServerInfos",
			headers: {'token': localStorage.getItem('token')},
			method: 'GET',
			success: function (res) {
			var pretty = '';
			try {
			pretty = JSON.stringify(res, null, 2);
			} catch (e) {
			pretty = res;
			}
			var html = ''
			+ '<div style="padding:15px 20px 5px 20px;">'
			+ '<div style="font-weight:600;margin-bottom:8px;">系统配置信息</div>'
			+ '<pre id="server-info-pre" style="background:#f7f7f7;border:1px solid #e6e6e6;border-radius:6px;padding:12px;white-space:pre-wrap;word-wrap:break-word;max-height:360px;overflow:auto;">'
			+ pretty
			+ '</pre>'
			+ '<div class="layui-btn-container" style="text-align:right;margin-top:6px;">'
			+ '<button class="layui-btn layui-btn-primary" id="copy-server-info">复制</button>'
			+ '</div>'
			+ '</div>';
			layer.open({
			type: 1,
			title: '获取系统配置',
			area: ['640px','480px'],
			shadeClose: true,
			content: html,
			success: function (layero, index) {
			layero.find('#copy-server-info').on('click', function () {
			var text = layero.find('#server-info-pre').text();
			if (navigator.clipboard && navigator.clipboard.writeText) {
			navigator.clipboard.writeText(text).then(function () {
			layer.msg('已复制到剪贴板');
			}).catch(function () {
			fallbackCopy(text);
			});
			} else {
			fallbackCopy(text);
			}
			});
			}
			});
			},
			error: function () {
			layer.msg('获取系统配置信息失败');
			}
			});
			return false;
			});

			function fallbackCopy(text) {
			try {
			var textarea = document.createElement('textarea');
			textarea.value = text;
			textarea.style.position = 'fixed';
			textarea.style.opacity = '0';
			document.body.appendChild(textarea);
			textarea.select();
			document.execCommand('copy');
			document.body.removeChild(textarea);
			layer.msg('已复制到剪贴板');
			} catch (err) {
			layer.msg('复制失败');
			}
			}

			// 一键激活
			$('#btn-activate').click(function() {
			layer.confirm('确定执行一键激活吗', function(index){
			layer.close(index);
			$.ajax({
			url: baseUrl + "/license/activate",
			headers: {'token': localStorage.getItem('token')},
			method: 'POST',
			success: function (res) {
			if (res.code === 200){
			layer.msg('激活成功');
			} else {
			layer.msg(res.msg)
			}
			},
			error: function () {
			layer.msg('激活失败');
			}
			});
			});
			return false;
			});

			// 获取项目名称
			$('#btn-project-name').click(function() {
			$.ajax({
			url: baseUrl + "/license/getProjectName",
			headers: {'token': localStorage.getItem('token')},
			method: 'GET',
			success: function (res) {
			if (res.code === 200){
			layer.alert(res.msg);
			} else {
			layer.msg(res.msg)
			}
			},
			error: function () {
			layer.msg('获取项目名称失败');
			}
			});
			return false;
			});

			form.on('submit(login)', function (data) {
			var mobile = $("#mobile").val();
			@@ -185,15 +302,15 @@
			layer.msg("请输入密码", {offset: '150px'});
			return;
			}
			var code = $("#code").val();
			if (code === "" && codeSwitch === 'Y') {
			layer.msg("请输入验证码", {offset: '150px'});
			return;
			}
			if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()&&codeSwitch==='Y'){
			layer.msg("验证码错误", {offset: '150px'});
			return;
			}
			// var code = $("#code").val();
			// if (code === "" && codeSwitch === 'Y') {
			// layer.msg("请输入验证码", {offset: '150px'});
			// return;
			// }
			// if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()&&codeSwitch==='Y'){
			// layer.msg("验证码错误", {offset: '150px'});
			// return;
			// }

			var user = {
			mobile: mobile,
			@@ -224,4 +341,5 @@

			});
			</script>
			<script type></script>
			</html>