1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!DOCTYPE html>
- <html class="remModel">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
- <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="expires" content="0">
- <meta name="format-detection" content="telephone=no,email=no">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
- <title>输入编号使用设备</title>
- <style>
- html {
- width: 100%;
- height: 100%;
- }
- body {
- width: 100%;
- height: 100%;
- margin: 0;
- color: #fff;
- background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
- }
- .form {
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- }
- input {
- padding: 12px 10px;
- box-sizing: content-box;
- font-size: 18px;
- border: 1px solid #fff;
- border-radius: 4px;
- color: #333;
- }
- .ok {
- color: #fff;
- text-decoration: none;
- border: 1px solid #fff;
- line-height: 38px;
- border-radius: 20px;
- padding: 0 20px;
- white-space: nowrap;
- width: 80px;
- text-align: center;
- margin: 20px auto;
- }
- </style>
- </head>
- <body class="">
- <div class="form">
- <input placeholder="设备编号" id="logicalCode" maxlength="20"/>
- <input placeholder="端口(非必填)" id="chargeIndex" maxlength="20" style="margin-top: 15px"/>
- <div class="ok" onclick="goPage()">确定</div>
- </div>
- <script>
- function goPage() {
- var logicalCode = document.getElementById('logicalCode').value
- var chargeIndex = document.getElementById('chargeIndex').value
- if (logicalCode) {
- location.href = "/userLogin?l=" + logicalCode + "&chargeIndex=" + chargeIndex
- }
- }
- </script>
- </body>
- </html>
|