|
|
|
@@ -9,24 +9,170 @@ |
|
|
|
<head> |
|
|
|
<meta name="viewport" content="width=device-width" /> |
|
|
|
<title>Index</title> |
|
|
|
<style> |
|
|
|
html, body { |
|
|
|
width: 100%; |
|
|
|
background: rgb(224, 243, 255); |
|
|
|
margin:0; |
|
|
|
padding:0; |
|
|
|
box-sizing:border-box; |
|
|
|
} |
|
|
|
.header{ |
|
|
|
margin-top:50px; |
|
|
|
display:flex; |
|
|
|
align-items:center; |
|
|
|
justify-content:center; |
|
|
|
} |
|
|
|
.wire { |
|
|
|
border-width: 2px; |
|
|
|
border-color: rgb(48, 137, 221); |
|
|
|
border-style: dashed; |
|
|
|
width: 424px; |
|
|
|
margin:0 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.imagewrap{ |
|
|
|
width:88px; |
|
|
|
height:88px; |
|
|
|
font-size:0; |
|
|
|
} |
|
|
|
.imagewrap img{ |
|
|
|
display:block; |
|
|
|
width:100%; |
|
|
|
height:100%; |
|
|
|
} |
|
|
|
.contentwrap { |
|
|
|
border-radius: 2px; |
|
|
|
background-color: rgb(255, 255, 255); |
|
|
|
margin: 0 auto; |
|
|
|
width: 604px; |
|
|
|
height: 420px; |
|
|
|
z-index: 325; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
box-shadow: 0px 0px 10px #8cb0c7; |
|
|
|
} |
|
|
|
.texthead { |
|
|
|
border-radius: 5px 5px 0 0; |
|
|
|
width: 100px; |
|
|
|
height: 35px; |
|
|
|
text-align:center; |
|
|
|
line-height:35px; |
|
|
|
font-size: 16px; |
|
|
|
color: rgb(255, 255, 255); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.timebox { |
|
|
|
width: 455px; |
|
|
|
border: 1px solid rgb(215, 215, 215); |
|
|
|
height: 45px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin-top: 20px; |
|
|
|
border-radius:5px 0 0 5px; |
|
|
|
} |
|
|
|
|
|
|
|
.timewrap { |
|
|
|
border-radius: 5px; |
|
|
|
background-color: rgb(227, 92, 97); |
|
|
|
width: 150px; |
|
|
|
height: 45px; |
|
|
|
text-align: center; |
|
|
|
line-height: 45px; |
|
|
|
font-size: 16px; |
|
|
|
color: rgb(255, 255, 255); |
|
|
|
} |
|
|
|
|
|
|
|
.subbtn { |
|
|
|
border-radius: 5px; |
|
|
|
background-color: rgb(48, 137, 221); |
|
|
|
width: 200px; |
|
|
|
height: 38px; |
|
|
|
text-align: center; |
|
|
|
line-height: 38px; |
|
|
|
font-size: 16px; |
|
|
|
color: rgb(255, 255, 255); |
|
|
|
border:none; |
|
|
|
outline:none; |
|
|
|
} |
|
|
|
.footer_title { |
|
|
|
font-size: 13px; |
|
|
|
font-family: "Microsoft YaHei"; |
|
|
|
color: rgb(49, 49, 49); |
|
|
|
line-height: 3.846; |
|
|
|
text-align: left; |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
transform:translate(-50%,0); |
|
|
|
bottom:50px; |
|
|
|
z-index: 182; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
|
|
|
|
<div class="header"> |
|
|
|
<img style="width: 204px;height:157px;" src="~/Content/images/ShowRegister/head_left.png" /> |
|
|
|
<p class="wire"></p> |
|
|
|
<div class="imagewrap"> |
|
|
|
<img id="beauthorized" style="display:none;" src="~/Content/images/ShowRegister/beauthorized.png" /> |
|
|
|
<img id="unauthorized" style="display:none;" src="~/Content/images/ShowRegister/unauthorized.png" /> |
|
|
|
</div> |
|
|
|
<p class="wire"></p> |
|
|
|
<img style="width:181px;height:160px;" src="~/Content/images/ShowRegister/head_right.png" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
@{ Html.BeginForm(); } |
|
|
|
<div style="width: 100%; text-align: center; margin-top: 200px;"> |
|
|
|
<div> |
|
|
|
机器码 |
|
|
|
<div class="contentwrap"> |
|
|
|
|
|
|
|
<div style="margin-top:20px;"> |
|
|
|
<div class="texthead" style="background-color: rgb(48, 137, 221);"> |
|
|
|
机器码 |
|
|
|
</div> |
|
|
|
@Html.TextAreaFor(m => m.MachineCode, new { style = "width:445px;height:52px;resize:none;border-color: rgb(215, 215, 215);font-size:13px;color: rgb(49, 49, 49);padding:5px;outline:none;", @readonly = "readonly" }) |
|
|
|
</div> |
|
|
|
@Html.TextAreaFor(m => m.MachineCode, new { style = "width:700px;height:200px;",@readonly= "readonly" }) |
|
|
|
<div> |
|
|
|
注册码 |
|
|
|
|
|
|
|
<div style="margin-top:20px;"> |
|
|
|
<div class="texthead" style="background-color: rgb(44, 197, 199);"> |
|
|
|
注册码 |
|
|
|
</div> |
|
|
|
@Html.TextAreaFor(m => m.RegisterCode, new { style = "width:445px;height:52px;resize:none;border-color: rgb(215, 215, 215);font-size:13px;color: rgb(49, 49, 49);padding:5px;outline:none;" }) |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="timebox" style=""> |
|
|
|
<div class="timewrap">授权到期时间</div> |
|
|
|
@Html.TextBoxFor(m => m.ExpirationDate, new { style = "border:none;outline:none;font-size:13px;color: rgb(49, 49, 49);width:305px;text-align:center;", @readonly = "readonly" }) |
|
|
|
</div> |
|
|
|
@Html.TextAreaFor(m => m.RegisterCode, new { style = "width:700px;height:200px;" }) |
|
|
|
<div>授权到期时间</div> |
|
|
|
@Html.TextBoxFor(m=>m.ExpirationDate,new{@readonly="readonly"}) |
|
|
|
<br/><input type="submit" value="授权"/> |
|
|
|
<br/> |
|
|
|
<div>技术支持：北京泉江科技有限责任公司</div> |
|
|
|
|
|
|
|
|
|
|
|
<br /><input class="subbtn" type="submit" value="确认授权" /> |
|
|
|
<br /> |
|
|
|
|
|
|
|
</div> |
|
|
|
@{Html.EndForm();} |
|
|
|
@{Html.EndForm();} |
|
|
|
<div class="footer_title">技术支持：北京泉江科技有限责任公司</div> |
|
|
|
<script> |
|
|
|
window.onload = function () { |
|
|
|
authorizedtype() |
|
|
|
} |
|
|
|
|
|
|
|
function authorizedtype() { |
|
|
|
let type = document.querySelector('#RegisterCode').value; |
|
|
|
if (type == '已授权') { |
|
|
|
document.querySelector('#beauthorized').style.display = "block"; |
|
|
|
document.querySelector('#unauthorized').style.display = "none"; |
|
|
|
} else { |
|
|
|
document.querySelector('#beauthorized').style.display = "none"; |
|
|
|
document.querySelector('#unauthorized').style.display = "block"; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
</body> |
|
|
|
</html> |
