You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
281 lines
14 KiB
281 lines
14 KiB
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default_CYJ.aspx.cs" Inherits="SCP.default_CYJ" %>
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head runat="server">
|
|
<title>系统登陆</title>
|
|
<link href="res/css/main3.css" rel="stylesheet" type="text/css" />
|
|
<script type="text/javascript">
|
|
// 本页面一定是顶层窗口，不会嵌在IFrame中
|
|
if (top.window != window) {
|
|
top.window.location.href = "../default.aspx";
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div style="height:50px"></div>
|
|
<div style="display:inline-block;width:6px;height:6px;border-radius:50%;background-color:coral;position:absolute;left:66%;top:60px"> </div>
|
|
<div style="display:inline-block;width:6px;height:6px;border-radius:50%;background-color:yellow;position:absolute;left:66%;top:105px"> </div>
|
|
<form id="form1" runat="server">
|
|
|
|
|
|
<div class="login">
|
|
|
|
<div class="factory" style="display:none" >
|
|
<p><%= GetResourceKey(GetFactoryName())%></p>
|
|
</div>
|
|
<div class="scpa" runat="server" id="scp" style="text-align:center ;color:gold; text-align:center;font-size:30px;font-weight:bold">
|
|
|
|
</div>
|
|
|
|
<%-- <p style="position:absolute;left:66%;color:yellow;font-size:50px;top:28px">.<p/>--%>
|
|
|
|
<p id="p_title6" runat="server" style="position:absolute;left:68%;font-size:26px;color:coral;top:25px"><a href="https://get.adobe.com/reader/?loc=cn" target="_blank" title="登录前请下载并安装系统插件" id="p_title5" runat="server" style="color:coral"><%= GetResourceKey("登录前请下载并安装系统插件") %></a></p>
|
|
<p id="p2" runat="server" style="position:absolute;left:68%;font-size:26px;color:coral;top:70px"><a href="https://get.adobe.com/reader/?loc=cn" target="_blank" title="供应商端系统操作指导下载" id="A1" runat="server" style="color:gold"><%= GetResourceKey("供应商端系统操作指导下载") %></a></p>
|
|
<p style="text-align: right; font-size: 40px; color:azure;position: absolute;left:25%;top:16%;" runat="server" id="P1">欢迎使用SCP系统</p>
|
|
<img src="res/images/air-balloon-1.png" style="position:absolute;top:26%;left:7%;width:55%;height:55%;"/>
|
|
<div class="box">
|
|
<div class="input">
|
|
|
|
|
|
<div class="name" runat="server" id="div1" >
|
|
<label runat="server" id="Label1" style="display:none">工厂名称</label>
|
|
<select id="factory" runat="server" style="display:none" onchange="getFactory();" >
|
|
|
|
</select>
|
|
|
|
</div>
|
|
<img src="res/images/air-balloon-2.png" style="width:97%;height:97%;text-align:center;"/>
|
|
<img src="res/images/denglu.png" style="width:30%;height:30%;margin-top:0;margin-left:38%";/>
|
|
<div class="name" runat="server" id="div_1" style="visibility:hidden ; margin-top:5%" >
|
|
<label id="lb_name" runat="server">姓名</label><input type="text" runat="server" class="text" id="textName" placeholder="姓 名" name="textName" tabindex="1" style="height:16px">
|
|
</div>
|
|
<div class="name" runat="server" id="div_3" style="visibility:hidden" >
|
|
<label id="lb_mobile" runat="server">手机号码</label><input type="number" runat="server" class="text" id="textMobile" placeholder="输入手机号" maxlength="11" name="textMobile" tabindex="2" style="height:16px">
|
|
</div>
|
|
<div class="name" id="div_7">
|
|
<label id="lab1" runat="server">用户名</label><input type="text" runat="server" class="text" id="textUserName" placeholder="用户名" name="textUserName" tabindex="3" style="height:16px">
|
|
</div>
|
|
|
|
<div class="name" runat="server" id="div_2" style="visibility:hidden" >
|
|
<label id="lb_Mail" runat="server">电子邮件</label><input type="email" runat="server" class="text" id="textEmail" placeholder="输入邮箱" name="textEmail" tabindex="4" style="height:16px">
|
|
</div>
|
|
<div class="name" id="div_8">
|
|
<label runat="server" id="lab2">密码</label><input type="password" runat="server" class="text" id="textPassword" placeholder="密码" name="textPassword" tabindex="5" style="height:16px">
|
|
</div>
|
|
<input type="text" value="" id="Text2" placeholder="密码" runat="server" style="display:none">
|
|
<input type="text" value="" id="Text1" placeholder="验证码是否正确" runat="server" style="display:none">
|
|
<div class="name" runat="server" id="div_4" style="visibility:hidden" >
|
|
<label id="lb_PwdNew" runat="server">新密码</label><input type="password" runat="server" class="text" id="textPassword1" name="textPassword1" tabindex="6" style="height:16px">
|
|
</div>
|
|
<div style="visibility:hidden;position: absolute;" runat="server" id="div_5" class="name" >
|
|
<label id="lb_PwdConf" runat="server">确认密码</label><input type="password" runat="server" class="text" id="textConfim" name="textConfim" tabindex="7" style="height:16px">
|
|
</div>
|
|
<div class="name" id="div_20">
|
|
<label runat="server" id="Label2" >验证码</label><input runat="server" class="text" id="textyzm" style="width:100px;height:16px" name="textyzm" tabindex="5" onkeydown="keyDown(event)" >
|
|
<canvas id="c1" width="100" height="35" style="position: absolute;height:30px;width:110px;" ></canvas>
|
|
</div>
|
|
|
|
<div class="name">
|
|
<div ID="Button2" style="float : right;display:none">
|
|
<input type="button" id="btn_pass" class="submit" runat="server" value="找回密码" style="height: 25px" onclick="javascript: reset_click();">
|
|
</div>
|
|
<div ID="Button4" style="float : right; position:absolute;top:82%;left:20%">
|
|
<asp:Button ID="btn_Login" class ="submit" runat="server" Text=" 登 录 " style="background-color:royalblue;font-size:25px;height:52%;" OnClick="btnSubmit_Click" />
|
|
</div>
|
|
<div ID="Button7" style="float : right; position:absolute;top:82%;left:60%">
|
|
<asp:Button ID="btn_cz" class ="submit" runat="server" Text=" 重 置 " style="background-color:royalblue;font-size:25px;height:30%" OnClick="btnCZ_Click" />
|
|
</div>
|
|
|
|
<div ID="Button3" style="visibility:collapse;float : right;">
|
|
<asp:Button ID="btn_MailLogin" style="height:25px" class ="submit" runat="server" Text="发送邮件" OnClick="btnResetPassWord_Click"/>
|
|
</div>
|
|
<div ID="Button1" style=" visibility:collapse;float:right;">
|
|
<input id="btn_back" type="button" class="submit" style="height: 25px" value="返回" runat="server" onclick="back_click();">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tip"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<p style="text-align: right; font-size: 28px; color:azure;position: absolute;top:87%;left:29%" runat="server" id="P3">适用浏览器: 谷歌浏览器，不支持IE10及以下浏览器</p>
|
|
<div class="air-balloon ab-1 png"></div>
|
|
<div class="air-balloon ab-2 png"></div>
|
|
<div class="footer">
|
|
<input type="text" runat="server" id="factoryValue" style="display:none" >
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<f:PageManager ID="PageManager1" runat="server"></f:PageManager>
|
|
|
|
|
|
</form>
|
|
<script type="text/javascript" src="res/js/jQuery1.js"></script>
|
|
<script type="text/javascript" src="res/js/fun.base.js"></script>
|
|
<%--<script type="text/javascript" src="res/js/script.js"></script>--%>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
// 存放随机的验证码
|
|
var showNum = []
|
|
|
|
draw(showNum)
|
|
|
|
$("#c1").click(function () {
|
|
draw(showNum)
|
|
})
|
|
$("#btn_Login").click(function () {
|
|
var s = $("#textyzm").val().toLowerCase()
|
|
var s1 = showNum.join("")
|
|
var m = $("#textPassword").val()
|
|
$("#Text2").val(m)
|
|
if (s != s1) {
|
|
$("#Text1").val('false')
|
|
alert("验证码错误")
|
|
} else {
|
|
$("#Text1").val('')
|
|
}
|
|
draw(showNum)
|
|
|
|
})
|
|
|
|
|
|
// 封装一个把随机验证码放在画布上
|
|
function draw(showNum) {
|
|
// 获取canvas
|
|
var canvas = $("#c1")
|
|
var ctx = canvas[0].getContext("2d")
|
|
// 获取画布的宽高
|
|
var canvas_width = canvas.width()
|
|
var canvas_height = canvas.height()
|
|
// 清空之前绘制的内容
|
|
// 0,0清空的起始坐标
|
|
// 矩形的宽高
|
|
ctx.clearRect(0, 0, canvas_width, canvas_height)
|
|
// 开始绘制
|
|
var scode = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,1,2,3,4,5,6,7,8,9,"
|
|
var arrCode = scode.split(",")
|
|
var arrLength = arrCode.length
|
|
for (var i = 0; i < 4; i++) {
|
|
var index = Math.floor(Math.random() * arrCode.length)
|
|
var txt = arrCode[index]//随机一个字符
|
|
showNum[i] = txt.toLowerCase()//转化为小写存入验证码数组
|
|
// 开始控制字符的绘制位置
|
|
var x = 10 + 20 * i //每一个验证码绘制的起始点x坐标
|
|
var y = 20 + Math.random() * 8// 起始点y坐标
|
|
|
|
ctx.font = "bold 20px 微软雅黑"
|
|
// 开始旋转字符
|
|
var deg = Math.random * -0.5
|
|
// canvas 要实现绘制内容具有倾斜的效果，必须先平移，目的是把旋转点移动到绘制内容的地方
|
|
ctx.translate(x, y)
|
|
ctx.rotate(deg)
|
|
// 设置绘制的随机颜色
|
|
ctx.fillStyle = randomColor()
|
|
ctx.fillText(txt, 0, 0)
|
|
|
|
// 把canvas复原
|
|
ctx.rotate(-deg)
|
|
ctx.translate(-x, -y)
|
|
|
|
}
|
|
for (var i = 0; i < 30; i++) {
|
|
if (i < 5) {
|
|
// 绘制线
|
|
ctx.strokeStyle = randomColor()
|
|
ctx.beginPath()
|
|
ctx.moveTo(Math.random() * canvas_width, Math.random() * canvas_height)
|
|
ctx.lineTo(Math.random() * canvas_width, Math.random() * canvas_height)
|
|
ctx.stroke()
|
|
}
|
|
// 绘制点
|
|
ctx.strokeStyle = randomColor()
|
|
ctx.beginPath()
|
|
var x = Math.random() * canvas_width
|
|
var y = Math.random() * canvas_height
|
|
ctx.moveTo(x, y)
|
|
ctx.lineTo(x + 1, y + 1)
|
|
ctx.stroke()
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
// 随机颜色
|
|
function randomColor() {
|
|
var r = Math.floor(Math.random() * 256)
|
|
var g = Math.floor(Math.random() * 256)
|
|
var b = Math.floor(Math.random() * 256)
|
|
return `rgb(${r},${g},${b})`
|
|
|
|
}
|
|
|
|
})
|
|
var _factoryValue = '<%= factoryValue.ClientID %>';
|
|
window.onload = function () {
|
|
var m = $("#Text2").val()
|
|
$("#textPassword").val(m)
|
|
var obj = document.getElementById('factory');
|
|
|
|
for (var i = 0; obj.options.length; i++) {
|
|
if ('W21' == obj.options[i].value) {
|
|
obj.options[i].selected = true;
|
|
_factory = document.getElementById(_factoryValue);
|
|
_factory.value = 'W21';
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function keyDown(e) {
|
|
var ev = window.event || e;
|
|
if (ev.keyCode == 13) {
|
|
document.getElementById("btn_Login").focus();
|
|
}
|
|
}
|
|
function getFactory() {
|
|
_factory = document.getElementById(_factoryValue);
|
|
var obj = document.getElementById('factory');
|
|
var index = obj.selectedIndex; //序号，取当前选中选项的序号
|
|
var val = obj.options[index].value;
|
|
_factory.value = val;
|
|
|
|
}
|
|
|
|
function reset_click() {
|
|
//document.getElementById('div_1').style.visibility = "hidden";
|
|
//document.getElementById('div_2').style.visibility = "visible";
|
|
//document.getElementById('div_3').style.display = "none";
|
|
//document.getElementById('div_4').style.visibility = "hidden";
|
|
//document.getElementById('div_5').style.visibility = "hidden";
|
|
////document.getElementById('div_6').style.display = "none";
|
|
//document.getElementById('div_7').style.visibility = "visible";
|
|
//document.getElementById('div_8').style.display = "none";
|
|
//document.getElementById('div_9').style.display = "block";
|
|
//document.getElementById('Button1').style.visibility = "visible";
|
|
//document.getElementById('Button2').style.display = "none";
|
|
//document.getElementById('Button3').style.visibility = "visible";
|
|
//document.getElementById('Button4').style.display = "none";
|
|
|
|
}
|
|
|
|
function back_click() {
|
|
document.getElementById('div_1').style.visibility = "hidden";
|
|
document.getElementById('div_2').style.visibility = "hidden";
|
|
document.getElementById('div_3').style.display = "none";
|
|
document.getElementById('div_4').style.visibility = "hidden";
|
|
document.getElementById('div_5').style.visibility = "hidden";
|
|
// document.getElementById('div_6').style.display = "none";
|
|
document.getElementById('div_8').style.display = "block";
|
|
document.getElementById('div_9').style.display = "none";
|
|
document.getElementById('Button1').style.visibility = "hidden";
|
|
document.getElementById('Button3').style.visibility = "hidden";
|
|
document.getElementById('Button4').style.display = "block";
|
|
document.getElementById('Button2').style.display = "block";
|
|
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|