Kaynağa Gözat

登录页,logo更新

laiguoran 5 yıl önce
ebeveyn
işleme
6604e06337

BIN
app/public/css/logo.png


+ 43 - 10
app/public/css/main.css

@@ -6,7 +6,7 @@ body {
     background: #e4e7ea
 }
 .dropdown-menu {
-    font-size: 0.9rem
+    font-size: 12px
 }
 .btn.disabled, .btn:disabled {
   color:#999
@@ -136,13 +136,17 @@ input.nospin[type="number"]{-moz-appearance:textfield;}
   overflow-y: auto;
 }
 .form-signin {
-    max-width: 500px;
-    margin: 150px auto;
+    max-width:400px;
+    margin-left:auto;
     background: #fff;
     padding:30px;
     border:1px solid #ddd;
     border-radius: .25rem
 }
+
+.bg-404{
+    background:#dcdcdc url("404.png") bottom center no-repeat;
+}
 .has-danger {
     -webkit-animation: shake 1s .2s ease both;
     -moz-animation: shake 1s .2s ease both;
@@ -476,12 +480,36 @@ input.nospin[type="number"]{-moz-appearance:textfield;}
 }
 /*登陆相关*/
 .login-body{
-  background:linear-gradient(#33425b,#192948);
-  height:960px
+  background:linear-gradient(#192948,#33425b);
+  height:100%
 }
 .login-infoinput {
   margin-top:15%
 }
+.login-body .container{
+  position:absolute;
+  top:10%;
+  margin:0 auto;
+  left:0;
+  right:0;
+}
+.login-bg.img-1{
+  background:url("undraw_all_the_data_h4ki.svg") no-repeat;
+}
+.login-bg.img-2{
+  background:url("undraw_order_a_car_3tww.svg") no-repeat;
+}
+.login-bg.img-3{
+  background:url("undraw_work_chat_erdt.svg") no-repeat;
+}
+.login-body .login-bg{
+  width: 100%;
+  height: 100%;
+  background-position:25% 95%;
+  background-size: 40% auto;
+  display: inline-block;
+  opacity: .8
+}
 /*侧栏主菜单*/
 .nav-top,.nav-bottom{
   width: 55px
@@ -651,7 +679,6 @@ input.nospin[type="number"]{-moz-appearance:textfield;}
     height: calc(100vh - 10rem);
     overflow-y: auto;
 }
-
 /*草图编辑器*/
 .img-view{
   height:400px;
@@ -904,16 +931,22 @@ legend {
   font-size:12px;
   padding:.1rem .5rem;
   }
-  .side-menu{
+.side-menu{
     right:0;
     top:35px;
   }
-  .custom-control-label::before{
-    top:.1rem;
-  }
+.custom-control-label::before{
+  top:.1rem;
+}
 .custom-control-label::after{
   top:.1rem;
 }
+.dropdown-menu .custom-control-label::before{
+  top:.5rem;
+}
+.dropdown-menu .custom-control-label::after{
+  top:.5rem;
+}
 .form-control-sm{
   height:calc(1.4125rem + 2px);
 }

Dosya farkı çok büyük olduğundan ihmal edildi
+ 1 - 0
app/public/css/undraw_all_the_data_h4ki.svg


Dosya farkı çok büyük olduğundan ihmal edildi
+ 1 - 0
app/public/css/undraw_order_a_car_3tww.svg


Dosya farkı çok büyük olduğundan ihmal edildi
+ 1 - 0
app/public/css/undraw_work_chat_erdt.svg


+ 2 - 1
app/view/layout/layout.ejs

@@ -15,13 +15,14 @@
     <link rel="stylesheet" href="/public/css/ztree/zTreeStyle.css" type="text/css">
     <link rel="stylesheet" href="/public/css/datepicker/datepicker.min.css" type="text/css">
     <link rel="stylesheet" href="/public/css/toastr.css">
+    <link rel="shortcut icon" href="/public/images/favicon.ico">
     <!-- JS. -->
     <% for (const file of jsFiles) { %>
     <script type="text/javascript" src="<%- file %>"></script>
     <% } %>
 </head>
 
-<body oncontextmenu="return false;">
+<body oncontextmenu="return false;"> <!--屏蔽input鼠标右键-->
 <div>
 
 </div>

+ 66 - 54
app/view/login/login.ejs

@@ -5,66 +5,78 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>用户登录-计量支付</title>
-    <link rel="stylesheet" href="public/css/bootstrap/bootstrap.min.css">
-    <link rel="stylesheet" href="public/css/main.css">
+    <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" href="/public/css/main.css">
     <link rel="stylesheet" href="/public/css/toast.css">
-    <link rel="stylesheet" href="public/css/font-awesome/font-awesome.min.css">
+    <link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
+    <link rel="shortcut icon" href="/public/images/favicon.ico">
+    <style>
+        html{height:100%;}
+    </style>
 </head>
 <body class="login-body">
+<div class="login-bg img-1"></div>
 <div class="container">
-    <% if (maintainData.status === maintainConst.status.ongoing) { %>
-    <form class="form-signin">
-        <h4 class="text-center mb-3"><i class="fa fa-wrench"></i>系统正在维护</h4>
-        <h4>预计恢复时间<%- (maintainData.duration !== maintainConst.duration.forever ? '为 ' + ctx.helper.dateTran(parseFloat(maintainData.maintain_time) + ctx.helper.timeAdd(maintainData.duration)) : ' 暂未确定') %></h4>
-        <h4>造成不便敬请谅解。</h4>
-    </form>
-    <% } else { %>
-    <!--演示版-->
-    <form class="form-signin" method="post" action="/login">
-        <h4 class="text-center mb-2">纵横云计量</h4>
-        <h5 class="text-center mb-4 text-muted" id="project_name"></h5>
-        <!--<nav class="nav nav-tabs nav-justified mb-3" role="tablist" id="login-tab">-->
-            <!--<a class="nav-item nav-link" data-toggle="tab" data-type="1" href="#preview" role="tab">演示版登录</a>-->
-            <!--<a class="nav-item nav-link active" data-toggle="tab" data-type="2" href="#paid" role="tab">项目版登录</a>-->
-        <!--</nav>-->
-        <div class="tab-content">
-            <!--<div class="tab-pane active" id="preview" role="tabpanel">-->
-                <!--<div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">-->
-                    <!--<input id="username" name="username" class="form-control form-control-sm" placeholder="通行账号 邮箱/手机" value="laiku123@qq.com" autofocus="">-->
-                <!--</div>-->
-                <!--<div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">-->
-                    <!--<input id="password" name="password" class="form-control form-control-sm" placeholder="输入密码" value="19930523" type="password">-->
-                <!--</div>-->
-            <!--</div>-->
-            <div class="tab-pane active" id="paid" role="tabpanel">
-                <div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
-                    <input id="project" class="form-control" name="project" placeholder="项目编号" autofocus="" />
-                </div>
-                <div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
-                    <input id="account" class="form-control" name="account" placeholder="输入账号" autofocus="" />
-                </div>
-                <div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
-                    <input id="project-password" name="project_password" class="form-control" placeholder="输入密码" type="password" />
-                </div>
-            </div>
-            <div class="form-group">
-                <div class="alert alert-danger" <% if(errorMessage === undefined || errorMessage === null) { %>style="display: none"<% } %> role="alert" id="error-msg">
-                    <% if(errorMessage !== undefined && errorMessage !== null) { %><strong>登录失败</strong> <%= errorMessage %><% } %>
-                </div>
-            </div>
+    <div class="row">
+        <div class="col-6">
+            <img src="/public/images/loginlogo.png">
         </div>
-        <div class="form-group">
-            <button class="btn btn-primary btn-block" type="submit">登录</button>
-            <input type="hidden" name="_csrf" value="<%= ctx.csrf %>" />
-            <input type="hidden" name="type" value="2" />
+        <div class="col-6">
+            <% if (maintainData.status === maintainConst.status.ongoing) { %>
+                <form class="form-signin">
+                    <h4 class="text-center mb-3"><i class="fa fa-wrench"></i>系统正在维护</h4>
+                    <h4>预计恢复时间<%- (maintainData.duration !== maintainConst.duration.forever ? '为 ' + ctx.helper.dateTran(parseFloat(maintainData.maintain_time) + ctx.helper.timeAdd(maintainData.duration)) : ' 暂未确定') %></h4>
+                    <h4>造成不便敬请谅解。</h4>
+                </form>
+            <% } else { %>
+                <!--演示版-->
+                <form class="form-signin" method="post" action="/login">
+                    <h4 class="text-center mb-2">纵横云计量</h4>
+                    <h5 class="text-center mb-4 text-muted" id="project_name"></h5>
+                    <!--<nav class="nav nav-tabs nav-justified mb-3" role="tablist" id="login-tab">-->
+                    <!--<a class="nav-item nav-link" data-toggle="tab" data-type="1" href="#preview" role="tab">演示版登录</a>-->
+                    <!--<a class="nav-item nav-link active" data-toggle="tab" data-type="2" href="#paid" role="tab">项目版登录</a>-->
+                    <!--</nav>-->
+                    <div class="tab-content">
+                        <!--<div class="tab-pane active" id="preview" role="tabpanel">-->
+                        <!--<div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">-->
+                        <!--<input id="username" name="username" class="form-control form-control-sm" placeholder="通行账号 邮箱/手机" value="laiku123@qq.com" autofocus="">-->
+                        <!--</div>-->
+                        <!--<div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">-->
+                        <!--<input id="password" name="password" class="form-control form-control-sm" placeholder="输入密码" value="19930523" type="password">-->
+                        <!--</div>-->
+                        <!--</div>-->
+                        <div class="tab-pane active" id="paid" role="tabpanel">
+                            <div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
+                                <input id="project" class="form-control" name="project" placeholder="项目编号" autofocus="" />
+                            </div>
+                            <div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
+                                <input id="account" class="form-control" name="account" placeholder="输入账号" autofocus="" />
+                            </div>
+                            <div class="form-group <% if (errorMessage !== undefined && errorMessage !== null) { %>has-danger<% } %>">
+                                <input id="project-password" name="project_password" class="form-control" placeholder="输入密码" type="password" />
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <div class="alert alert-danger" <% if(errorMessage === undefined || errorMessage === null) { %>style="display: none"<% } %> role="alert" id="error-msg">
+                                <% if(errorMessage !== undefined && errorMessage !== null) { %><strong>登录失败</strong> <%= errorMessage %><% } %>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <button class="btn btn-primary btn-block" type="submit">登录</button>
+                        <input type="hidden" name="_csrf" value="<%= ctx.csrf %>" />
+                        <input type="hidden" name="type" value="2" />
+                    </div>
+                    <div class="pt-1 d-flex justify-content-end">
+                        <a href="#fg-password" data-toggle="modal" data-target="#fg-password"  class="mr-3">忘记密码?</a>
+                    </div>
+                </form>
+            <% } %>
+            <!--项目版-->
         </div>
-        <div class="pt-1 d-flex justify-content-end">
-            <a href="#fg-password" data-toggle="modal" data-target="#fg-password"  class="mr-3">忘记密码?</a>
-        </div>
-    </form>
-    <% } %>
-    <!--项目版-->
-    <div class="text-white fixed-bottom"><p class="text-center mb-1">Copyright © 2018 <a href="https://smartcost.com.cn" target="_blank" class="text-white">珠海纵横创新软件有限公司</a>.All Rights Reserved.<a class="text-white ml-2" href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p></div>
+    </div>
+    <div class="text-white fixed-bottom"><p class="text-center mb-1">Copyright © 2019 <a href="https://smartcost.com.cn" target="_blank" class="text-white">珠海纵横创新软件有限公司</a>.All Rights Reserved.<a class="text-white ml-2" href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p></div>
 </div>
 <!--忘记项目版密码-->
 <div class="modal fade" id="fg-password" data-backdrop="static">

+ 44 - 32
app/view/login/login_port.ejs

@@ -9,42 +9,54 @@
     <link rel="stylesheet" href="/public/css/main.css">
     <link rel="stylesheet" href="/public/css/toast.css">
     <link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
+    <link rel="shortcut icon" href="/public/images/favicon.ico">
+    <style>
+        html{height:100%;}
+    </style>
 </head>
 <body class="login-body">
+<div class="login-bg img-1"></div>
 <div class="container">
-    <% if (maintainData.status === maintainConst.status.ongoing) { %>
-    <form class="form-signin">
-        <h4 class="text-center mb-3"><i class="fa fa-wrench"></i>系统正在维护</h4>
-        <h4>预计恢复时间<%- (maintainData.duration !== maintainConst.duration.forever ? '为 ' + ctx.helper.dateTran(parseFloat(maintainData.maintain_time) + ctx.helper.timeAdd(maintainData.duration)) : ' 暂未确定') %></h4>
-        <h4>造成不便敬请谅解。</h4>
-    </form>
-    <% } else { %>
-    <!--演示版-->
-    <form class="form-signin" method="post" action="/login/port">
-        <h4 class="text-center mb-2">纵横云计量</h4>
-        <h5 class="text-center mb-4 text-muted"><%- projectData ? projectData.name : '' %></h5>
-        <% if (accountData) { %>
-            <h5>您好,<%- accountData.mobile %></h5>
-            <% if (accountData.bind === 0) { %>
-            <!--查询账号存在,进行绑定-->
-            <h5>系统查询以下账号,请确认无误后进行绑定。</h5>
-            <h5>姓名:<span class="text-danger"><%- accountData.name %></span></h5>
-            <h5>账号:<span class="text-danger"><%- accountData.account %></span></h5>
-            <h5>手机:<span class="text-danger"><%- accountData.mobile %></span></h5>
-            <h5>单位:<span class="text-danger"><%- accountData.company %></span></h5>
-            <h5>职称:<span class="text-danger"><%- accountData.role %></span></h5>
-            <div class="form-group mt-4">
-                <input type="hidden" value="<%= ctx.csrf %>" name="_csrf" >
-                <input type="hidden" value="3" name="type" >
-                <input type="hidden" value="<%= projectData.code %>" name="code" >
-                <input type="hidden" value="<%= accountData.id %>" name="accountId" >
-                <button type="submit" class="btn btn-primary btn-block">绑定并登录系统</button>
-            </div>
+    <div class="row">
+        <div class="col-6">
+            <img src="/public/images/loginlogo.png">
+        </div>
+        <div class="col-6">
+            <% if (maintainData.status === maintainConst.status.ongoing) { %>
+                <form class="form-signin">
+                    <h4 class="text-center mb-3"><i class="fa fa-wrench"></i>系统正在维护</h4>
+                    <h4>预计恢复时间<%- (maintainData.duration !== maintainConst.duration.forever ? '为 ' + ctx.helper.dateTran(parseFloat(maintainData.maintain_time) + ctx.helper.timeAdd(maintainData.duration)) : ' 暂未确定') %></h4>
+                    <h4>造成不便敬请谅解。</h4>
+                </form>
+            <% } else { %>
+                <!--演示版-->
+                <form class="form-signin" method="post" action="/login/port">
+                    <h4 class="text-center mb-2">纵横云计量</h4>
+                    <h5 class="text-center mb-4 text-muted"><%- projectData ? projectData.name : '' %></h5>
+                    <% if (accountData) { %>
+                        <h5>您好,<%- accountData.mobile %></h5>
+                        <% if (accountData.bind === 0) { %>
+                            <!--查询账号存在,进行绑定-->
+                            <h5>系统查询以下账号,请确认无误后进行绑定。</h5>
+                            <h5>姓名:<span class="text-danger"><%- accountData.name %></span></h5>
+                            <h5>账号:<span class="text-danger"><%- accountData.account %></span></h5>
+                            <h5>手机:<span class="text-danger"><%- accountData.mobile %></span></h5>
+                            <h5>单位:<span class="text-danger"><%- accountData.company %></span></h5>
+                            <h5>职称:<span class="text-danger"><%- accountData.role %></span></h5>
+                            <div class="form-group mt-4">
+                                <input type="hidden" value="<%= ctx.csrf %>" name="_csrf" >
+                                <input type="hidden" value="3" name="type" >
+                                <input type="hidden" value="<%= projectData.code %>" name="code" >
+                                <input type="hidden" value="<%= accountData.id %>" name="accountId" >
+                                <button type="submit" class="btn btn-primary btn-block">绑定并登录系统</button>
+                            </div>
+                        <% } %>
+                    <% } %>
+                    <h5 class="text-danger"><%- errorMessage %></h5>
+                </form>
             <% } %>
-        <% } %>
-        <h5 class="text-danger"><%- errorMessage %></h5>
-    </form>
-    <% } %>
+        </div>
+    </div>
     <!--项目版-->
     <div class="text-white fixed-bottom"><p class="text-center mb-1">Copyright © 2019 <a href="https://smartcost.com.cn" target="_blank" class="text-white">珠海纵横创新软件有限公司</a>.All Rights Reserved.<a class="text-white ml-2" href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p></div>
 </div>