首頁 探索 說明
登入
troy
/
oa
1
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
目錄樹: 47418a2ca0
分支列表 標籤列表
oa
/
app
/
home
/
view
/
login
/
index.html

index.html 8.0 KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. 

  5. 		<meta name="renderer" content="webkit" />
    6. 

  6. 		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    7. 

  7. 		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    8. 

  8. 		<title>{:get_system_config('web','admin_title')}</title>
    9. 

  9. 		<link rel="stylesheet" href="{__GOUGU__}/layui/css/layui.css?v={:get_system_config('system','version')}" media="all">
    10. 

  10. 		<style type="text/css">
    11. 

  11. 			html,body {width: 100%;height: 100%;background: #EAF3FF;}
    12. 

  12. 			canvas{display:block;width:100%;height:100%; position: fixed; top: 0;left: 0;}
    13. 

  13. 			input:-webkit-autofill {
    14. 

  14. 				-webkit-box-shadow: 0 0 0px 1000px white inset;
    15. 

  15. 			}
    16. 

  16. 			#container {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;background: url({__IMG__}/bg.png);background-size: cover;}
    17. 

  17. 			.login-wrap {position: relative;overflow: hidden; background-color:#fff; width:800px; height: 448px; position: absolute;top: 50%;left: 50%;margin-top: -240px;margin-left: -400px; border-radius: 12px; display: flex;box-shadow: 0 0 16px rgba(31, 84, 167, 0.2);}
    18. 

  18. 

  19. 			.login-side {width:400px; height:440px; padding:4px}
    20. 

  20. 			.login-side .side-img{border-radius: 8px; width:100%; height:100%; background: url({__IMG__}/login.jpg);background-size: cover;}
    21. 

  21. 			
    22. 

  22. 			.login-box{width: 392px;height: 404px;}
    23. 

  23. 			.login-box .top {width: 392px; padding:36px 0; text-align:center; border-bottom:1px solid #eee;}
    24. 

  24. 			.login-box .bottom {padding:32px;}
    25. 

  25. 			
    26. 

  26. 			.layui-input,.layui-textarea {height: 44px;border: 1px solid #ddd;}
    27. 

  27. 			.captcha_img img{width:150px; height:44px; cursor:pointer;}
    28. 

  28. 			.layui-btn {height: 45px;font-size: 16px;margin-top: 6px;background-color: #FF6347!important}
    29. 

  29. 			.foot {position: absolute; font-size: 12px; bottom: 24px;text-align: center;width: 100%;color: #458BF3;}
    30. 

  30. 		</style>
    31. 

  31. 	</head>
    32. 

  32. 	<body>
    33. 

  33. 		<div id="container">
    34. 

  34. 			<canvas id="canvas"></canvas>
    35. 

  35. 			<div class="login-wrap">
    36. 

  36. 				<div class="login-side"><div class="side-img"></div></div>
    37. 

  37. 				<div class="login-box">
    38. 

  38. 					<div class="top">
    39. 

  39. 						<img src="{:get_system_config('web','logo')}" onerror="javascript:this.src='{__IMG__}/syslogo.png';this.onerror=null;" style="height: 66px;">
    40. 

  40. 					</div>
    41. 

  41. 					<div class="bottom">
    42. 

  42. 						<form class="layui-form" id="gougu-login">
    43. 

  43. 							<div class="layui-form-item">
    44. 

  44. 								<input type="text" name="username" lay-verify="required" value="" placeholder="请输入账户或手机号码" lay-reqText="请输入账户或手机号码" autocomplete="off" class="layui-input">
    45. 

  45. 							</div>
    46. 

  46. 							<div class="layui-form-item">
    47. 

  47. 								<input type="password" name="password" lay-verify="required" value="" placeholder="请输入密码" lay-reqText="请输入密码" autocomplete="off" class="layui-input">
    48. 

  48. 							</div>
    49. 

  49. 							<div class="layui-form-item">
    50. 

  50. 								<div class="layui-input-inline" style="width:168px;">
    51. 

  51. 									<input type="text" name="captcha" lay-verify="required" placeholder="验证码" lay-reqText="请输入验证码" autocomplete="off" class="layui-input">
    52. 

  52. 								</div>
    53. 

  53. 								<div class="layui-input-inline captcha_img" style="width:142px; height:44px; margin-right:0">
    54. 

  54. 									{:captcha_img()}
    55. 

  55. 									<input type="hidden" value="{:make_token()}"/>
    56. 

  56. 								</div>
    57. 

  57. 							</div>
    58. 

  58. 							
    59. 

  59. 							<button id="login-submit" class="layui-btn layui-btn-fluid layui-bg-cyan" lay-submit lay-filter="login-submit">登入系统</button>
    60. 

  60. 						</form>
    61. 

  61. 					</div>
    62. 

  62. 				</div>
    63. 

  63. 			</div>
    64. 

  64. 			<div class="foot">
    65. 

  65. 				<!-- 版权标识 -->
    66. 

  66. 				<!-- 
    67. 

  67. 				+------------------------------------------------------------------------------------------
    68. 

  68. 				勾股OA系统开源且可免费使用，但并不是自由软件，未经授权许可不能去除勾股OA的相关版权信息
    69. 

  69. 				+------------------------------------------------------------------------------------------
    70. 

  70. 				如需去除版权标识使用的，请微信(hdm588)联系作者去除，开源不易，请多支持！
    71. 

  71. 				+------------------------------------------------------------------------------------------
    72. 

  72. 				勾股工作室 <hdm58@qq.com>
    73. 

  73. 				+------------------------------------------------------------------------------------------
    74. 

  74. 				-->
    75. 

  75. 				Copyright © 2022-2024 勾股OA - {:CMS_VERSION}  ，Powered by GouguOPEN，<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow" style="color:#458BF3">{:get_system_config('web','icp')}</a><a target="_blank" rel="nofollow" style="margin-left: 15px;color:#458BF3" href="http://www.beian.gov.cn/portal/registerSystemInfo"> {:get_system_config('web','beian')}</a>
    76. 

  76. 				<!-- /版权标识 -->
    77. 

  77. 			</div>
    78. 

  78. 		</div>
    79. 

  79. 		<script src="{__GOUGU__}/layui/layui.js?v={:get_system_config('system','version')}"></script>
    80. 

  80. 		<script type="text/javascript">
    81. 

  81. 			var canvas=document.querySelector("#canvas"),ctx=canvas.getContext("2d");canvas.width=window.innerWidth,canvas.height=window.innerHeight,ctx.lineWidth=.3,ctx.strokeStyle=new Color(150).style;var movePos={x:30*canvas.width/100,y:30*canvas.height/100},dots={nb:250,distance:100,d_radius:150,array:[]};function colorValue(t){return Math.floor(255*Math.random()+t)}function createColorStyle(t,o,i){return"rgba("+t+","+o+","+i+", 0.618)"}function mixComponents(t,o,i,a){return(t*o+i*a)/(o+a)}function averageColorStyles(t,o){var i=t.color,a=o.color,s=mixComponents(i.r,t.radius,a.r,o.radius),n=mixComponents(i.g,t.radius,a.g,o.radius),e=mixComponents(i.b,t.radius,a.b,o.radius);return createColorStyle(Math.floor(s),Math.floor(n),Math.floor(e))}function Color(t){t=t||0,this.r=colorValue(t),this.g=colorValue(t),this.b=colorValue(t),this.style=createColorStyle(this.r,this.g,this.b)}function Dot(){this.x=Math.random()*canvas.width,this.y=Math.random()*canvas.height,this.vx=-.5+Math.random(),this.vy=-.5+Math.random(),this.radius=3*Math.random(),this.color=new Color}function createDots(){for(i=0;i<dots.nb;i++)dots.array.push(new Dot)}function moveDots(){for(i=0;i<dots.nb;i++){var t=dots.array[i];t.y<0||t.y>canvas.height?(t.vx=t.vx,t.vy=-t.vy):(t.x<0||t.x>canvas.width)&&(t.vx=-t.vx,t.vy=t.vy),t.x+=t.vx,t.y+=t.vy}}function connectDots(){for(i=0;i<dots.nb;i++)for(j=0;j<dots.nb;j++)i_dot=dots.array[i],j_dot=dots.array[j],i_dot.x-j_dot.x<dots.distance&&i_dot.y-j_dot.y<dots.distance&&i_dot.x-j_dot.x>-dots.distance&&i_dot.y-j_dot.y>-dots.distance&&i_dot.x-movePos.x<dots.d_radius&&i_dot.y-movePos.y<dots.d_radius&&i_dot.x-movePos.x>-dots.d_radius&&i_dot.y-movePos.y>-dots.d_radius&&(ctx.beginPath(),ctx.strokeStyle=averageColorStyles(i_dot,j_dot),ctx.moveTo(i_dot.x,i_dot.y),ctx.lineTo(j_dot.x,j_dot.y),ctx.stroke(),ctx.closePath())}function drawDots(){for(i=0;i<dots.nb;i++){dots.array[i].draw()}}function runDots(){ctx.clearRect(0,0,canvas.width,canvas.height),moveDots(),connectDots(),drawDots(),requestAnimationFrame(runDots)}Dot.prototype={draw:function(){ctx.beginPath(),ctx.fillStyle=this.color.style,ctx.arc(this.x,this.y,this.radius,0,3*Math.PI,!1),ctx.fill()}};var can=document.querySelector("#canvas");can.addEventListener("mousemove",function(t){movePos.x=t.pageX,movePos.y=t.pageY}),can.addEventListener("mouseleave",function(t){movePos.x=canvas.width/2,movePos.y=canvas.height/2}),createDots(),requestAnimationFrame(runDots);
    82. 

  82. 			
    83. 

  83. 			layui.use(['form'], function() {
    84. 

  84. 				var form = layui.form,
    85. 

  85. 					$ = layui.$,
    86. 

  86. 					layer = layui.layer;
    87. 

  87. 				// 登录过期的时候，跳出ifram框架
    88. 

  88. 				if (top.location != self.location) top.location = self.location;
    89. 

  89. 				form.on('submit(login-submit)', function(data) {
    90. 

  90. 					$.ajax({
    91. 

  91. 						url: "/home/login/login_submit",
    92. 

  92. 						data: $('#gougu-login').serialize(),
    93. 

  93. 						type: 'post',
    94. 

  94. 						async: false,
    95. 

  95. 						success: function(res) {
    96. 

  96. 							layer.tips(res.msg, '#login-submit');
    97. 

  97. 							if (res.code === 0) {
    98. 

  98. 								var date = new Date();
    99. 

  99. 								date.setTime(date.getTime() + (-1 * 24 * 60 * 60 * 1000));
    100. 

  100. 								var expires = "; expires=" + date.toGMTString();
    101. 

  101. 								document.cookie = "gougutab=''" + expires + "; path=/";
    102. 

  102. 								setTimeout(function() {
    103. 

  103. 									parent.document.location.href="/";
    104. 

  104. 								}, 1200);
    105. 

  105. 							} else {
    106. 

  106. 								$('[alt="captcha"]').click();
    107. 

  107. 							}
    108. 

  108. 						}
    109. 

  109. 					})
    110. 

  110. 					return false;
    111. 

  111. 				});
    112. 

  112. 			});
    113. 

  113. 		</script>
    114. 

  114. 	</body>
    115. 

  115. </html>
    116.