Adam / webapp_admin

Blame view

templates/account/login.html 5.7 KB
edit raw normal view history
831eac332   zhuzhenchao   add file 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
 
  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8">
      <meta http-equiv="refresh" content="120">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>管理平台 | 登录</title>
      {% load staticfiles %}
      <!-- Tell the browser to be responsive to screen width -->
      <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
      <!-- Bootstrap 3.3.5 -->
      <link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css"%}" >
      <!-- Font Awesome -->
      <link rel="stylesheet" href="{% static "css/font-awesome.min.css"%}">
  
  	<link href="{% static 'css/animate.min.css' %}" rel="stylesheet" />
  	<link href="{% static 'css/style.min.css' %}" rel="stylesheet" />
  	<link href="{% static 'css/style-responsive.min.css' %}" rel="stylesheet" />
  
      <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
      <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
      <!--[if lt IE 9]>
          <script src="{% static "js/html5shiv.min.js"%}"></script>
          <script src="{% static "js/respond.min.js"%}"></script>
      <![endif]-->
      <style>
          input:-webkit-autofill,
          input:-webkit-autofill:hover,
          input:-webkit-autofill:focus {
              box-shadow:0 0 0 60px #fff inset;
              -webkit-text-fill-color: #333;
          }
      </style>
    </head>
    <body class="hold-transition login-page">
      <!-- begin #page-loader -->
  	<div id="page-loader" class="fade in"><span class="spinner"></span></div>
  	<!-- end #page-loader -->
  
  	<div class="login-cover">
  	    <div class="login-cover-image"><img src="{% static 'img/bg/bg-8.jpg' %}" data-id="login-cover-image" alt="" /></div>
  	    <div class="login-cover-bg"></div>
  	</div>
  	<!-- begin #page-container -->
  	<div id="page-container" class="fade">
  	    <!-- begin login -->
          <div class="login login-v2" data-pageload-addclass="animated flipInX">
              <!-- begin brand -->
              <div class="login-header">
                  <div class="brand">
                      <span class="logo"></span> 超人运维服务管理平台
                  </div>
                  <div class="icon">
                      <i class="fa fa-sign-in"></i>
                  </div>
              </div>
              <!-- end brand -->
              <div class="login-content">
                  <form name="loginform" action="/account/login/" method="post" onsubmit="return checkempty();" class="margin-bottom-0" autocomplete="off">
                      {% csrf_token %}
                      <div class="form-group m-b-5">
                          <input type="text" id='username' name='username' class="form-control input-lg" placeholder="工号（请确保是5位工号，不足的前面补0，如：01560）" />
                      </div>
                      <div class="m-b-15">
                          用户名为<span style="font-weight: bold;color: white">工号</span>（请确保是5位工号，不足的前面补0，如：01560）
                      </div>
                      <div class="form-group m-b-5">
                          <input type="password" id='password' name='password' class="form-control input-lg" placeholder="密码（初始为123456）" />
                      </div>
                      <div class="m-b-15">
                          初始密码为<span style="font-weight: bold;color: white">123456</span>
                      </div>
                      <div class="login-buttons">
                          <button type="submit" class="btn btn-success btn-block btn-lg">登  录</button>
                      </div>
                      <div class="m-t-20">
                          提示：新用户请先确保已经开通<span style="font-weight: bold;color: white">钉钉账号</span>，之后系统会自动同步账号（急用可联系管理员）
                      </div>
                      <div class="m-t-10">
                          提示：请确保没有修改<span style="font-weight: bold;color: white">manager.qccr.com</span>的域名ip绑定
                      </div>
                      <div class="m-t-10">
                          注意：本平台不支持IE，请使用<span style="font-weight: bold;color: white">chrome</span>或者safari
                      </div>
                  </form>
              </div>
          </div>
  	</div>
  	<!-- end page container -->
  
      <script>
          var alert_msg = {{ alert_msg }}
          if (alert_msg == 1){
              alert ('用户名或密码不能为空')}
          if (alert_msg == 2){
              // alert ('账号或密码错误,请尝试使用五位的工号登录(如01548) 密码为原来密码')};
              alert ('认证失败，请重试；如多次尝试登录失败，请联系系统管理员')}
          if (alert_msg == 3){
              alert ('用户登录类型不支持,请联系系统管理员')}
      </script>
  
      <script>
          function checkempty(){
              if ($("#username").val() ==""){
                  alert('用户名不能为空');
                   $("#username").focus();
                  return false;
              }
              if ($("#password").val() ==""){
                  alert('用户名不能为空');
                   $("#password").focus();
                  return false;
              }
              return true;
          }
      </script>
  
      <!-- jQuery 2.1.4 -->
      <script src="{% static "js/jQuery-2.1.4.min.js" %}"></script>
      <!-- Bootstrap 3.3.5 -->
      <script src="{% static "js/bootstrap.min.js" %}"></script>
      <script src="{% static "js/jquery-migrate-1.1.0.min.js" %}"></script>
  	<script src="{% static "js/jquery-ui.min.js" %}"></script>
  	<script src="{% static "js/color_admin_apps.min.js" %}"></script>
      <script>
  		$(document).ready(function() {
  			App.init();
  		});
  	</script>
    </body>
  </html>