1205 登录页 logo

src/main/vue/src/pages/App.vue

@@ -1,7 +1,9 @@
 <template>
     <el-container id="app">
         <el-aside :width="collapse ? '65px' : '200px'" class="aside">
-            <div class="logo-wrapper">Logo</div>
+            <div class="logo-wrapper">
+                <img src="../assets/logo_baise.png" alt>
+            </div>
             <el-menu
                 :collapse="collapse"
                 background-color="#324157"
@@ -33,7 +35,7 @@
                 </el-tooltip>
 
                 <el-dropdown @command="onCommand" style="margin-left: 20px;">
-                    <img :src="userInfo ? userInfo.icon || '' : ''" class="avatar"/>
+                    <img :src="userInfo ? userInfo.icon || require('../assets/default-avatar.png') : require('../assets/default-avatar.png')" class="avatar"/>
                     <el-dropdown-menu slot="dropdown">
                         <el-dropdown-item command="logout">退出登录</el-dropdown-item>
                     </el-dropdown-menu>

src/main/vue/src/pages/Login.vue

@@ -1,96 +1,137 @@
 <template>
-    <div class="container" :style="{backgroundImage :'url(' + require('../assets/bg_login.jpg') + ')'}">
-        <div class="login-wrapper" @keyup.enter="login">
-            <div class="title">欢迎登录</div>
-            <el-form :model="userInfo" style="width: 350px" ref="form">
-                <el-form-item prop="username" :rules="{required: true, message: '请输入用户名', trigger: 'blur'}">
-                    <el-input v-model="userInfo.username" placeholder="用户名"></el-input>
-                </el-form-item>
-                <el-form-item prop="password" :rules="{required: true, message: '请输入密码', trigger: 'blur'}">
-                    <el-input v-model="userInfo.password" placeholder="密码" type="password"></el-input>
-                </el-form-item>
-                <el-form-item label="记住我">
-                    <el-switch v-model="rememberMe"></el-switch>
-                </el-form-item>
-                <el-form-item>
-                    <el-button :loading="loading" @click="login" type="primary" style="width: 100%;">登录</el-button>
-                </el-form-item>
-            </el-form>
-        </div>
+  <div class="container" :style="{backgroundImage :'url(' + require('../assets/bg.png') + ')'}">
+    <div class="top">
+      <img src="../assets/logo.png" alt>
+      <span>智慧前厅后台管理系统</span>
     </div>
+
+    <div class="content">
+      <div class="login-wrapper" @keyup.enter="login">
+        <div class="title">欢迎登录</div>
+        <el-form :model="userInfo" style="width: 350px" ref="form">
+          <el-form-item prop="username" :rules="{required: true, message: '请输入用户名', trigger: 'blur'}">
+            <el-input v-model="userInfo.username" placeholder="用户名"></el-input>
+          </el-form-item>
+          <el-form-item prop="password" :rules="{required: true, message: '请输入密码', trigger: 'blur'}">
+            <el-input v-model="userInfo.password" placeholder="密码" type="password"></el-input>
+          </el-form-item>
+          <el-form-item label="记住我" style="margin-bottom:10px;">
+            <el-switch v-model="rememberMe"></el-switch>
+          </el-form-item>
+          <el-form-item>
+            <el-button :loading="loading" @click="login" type="primary" style="width: 100%;">登录</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <div class="bottom">
+        <div>Copyright 2018 Huatai Securities All Rights Reserved 华泰证券股份有限公司版权所有</div>
+        <div>公司总部：江苏省南京市江东中路228号 邮编：210019 公司级总机：025-83389999</div>
+      </div>
+    </div>
+  </div>
 </template>
 <script>
 export default {
-    data() {
-        return {
-            rememberMe: false,
-            loading: false,
-            userInfo: {
-                username: '',
-                password: ''
+  data() {
+    return {
+      rememberMe: false,
+      loading: false,
+      userInfo: {
+        username: '',
+        password: ''
+      }
+    }
+  },
+  methods: {
+    login() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.loading = true;
+          this.$http.post({
+            url: '/auth/login',
+            data: {
+              username: this.userInfo.username,
+              password: this.userInfo.password,
+              remember: this.rememberMe
             }
+          }).then(res => {
+            this.loading = false;
+            if (res.success) {
+              this.$router.replace('/');
+              //window.location = this.$baseUrl + '/admin'
+            } else {
+              this.$message.error('登录失败');
+            }
+          }).catch(() => {
+            this.loading = false;
+          })
         }
-    },
-    methods: {
-        login() {
-            this.$refs.form.validate(valid => {
-                if (valid) {
-                    this.loading = true;
-                    this.$http.post({
-                        url: '/auth/login',
-                        data: {
-                            username: this.userInfo.username,
-                            password: this.userInfo.password,
-                            remember: this.rememberMe
-                        }
-                    }).then(res => {
-                        this.loading = false;
-                        if (res.success) {
-                            this.$router.replace('/');
-                            //window.location = this.$baseUrl + '/admin'
-                        } else {
-                            this.$message.error('登录失败');
-                        }
-                    }).catch(() => {
-                        this.loading = false;
-                    })
-                }
-            })
-        }
+      })
     }
+  }
 }
 </script>
 <style lang="less" scoped>
 .container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: stretch;
+  justify-content: center;
+  background-color: #fff;
+  background-size: 1920px auto;
+  background-position: center 130px;
+  background-repeat: no-repeat;
+  flex-direction: column;
+
+  .top {
+    height: 130px;
+    max-width: 1262px;
+    align-self: center;
     width: 100%;
-    height: 100%;
     display: flex;
     align-items: center;
-    justify-content: center;
-    background-color: #ebebeb;
-    background-image: url('https://microball.oss-cn-hangzhou.aliyuncs.com/izouma/application/rawpixel-com-565462-unsplash%20%281%29.jpg');
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
+    background-color: #fff;
+    font-size: 36px;
+    font-weight: 600;
+    color: rgba(51, 51, 51, 1);
+    span {
+      margin-left: 23px;
+    }
+  }
+  min-width: 1262px;
+
+  .content {
+    flex-grow: 1;
+    position: relative;
+
+    .bottom {
+      font-size: 14px;
+      color: rgba(51, 51, 51, 1);
+      line-height: 24px;
+      margin: 607px auto 0;
+      text-align: center;
+    }
+  }
 }
 
 .login-wrapper {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    border-radius: 5px;
-    background: white;
-    border: 1px #eaeaea solid;
-    position: absolute;
-    right: 100px;
-    top: 100px;
-    width: 400px;
-    .title {
-        color: #20a0ff;
-        font-weight: bold;
-        width: 350px;
-        line-height: 60px;
-    }
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  position: absolute;
+  top: 278px;
+  right: 50%;
+  transform: translateX(582px);
+  width: 394px;
+  .title {
+    color: #20a0ff;
+    font-weight: bold;
+    width: 350px;
+    line-height: 60px;
+  }
 }
 </style>

src/main/webapp/WEB-INF/html/admin.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><script src=/static/fontawesome-v5.2.0.js></script><link href=/static/css/admin.dbfaf2925d9eddef3126bfa534248733.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.d7722eca8d9917a2d877.js></script><script type=text/javascript src=/static/js/vendor.c81c6b23d91dbf49d5b2.js></script><script type=text/javascript src=/static/js/admin.3d27ba90a842a136373c.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><script src=/static/fontawesome-v5.2.0.js></script><link href=/static/css/admin.811b143fb1b55029cb20c693eabfa7f6.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.b97e24bef9de9b34dc06.js></script><script type=text/javascript src=/static/js/vendor.c81c6b23d91dbf49d5b2.js></script><script type=text/javascript src=/static/js/admin.ace76ac028040d7db603.js></script></body></html>

src/main/webapp/WEB-INF/html/loginAdmin.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><link href=/static/css/loginAdmin.937fd6fea972daebb75bf11762d8c4ff.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.d7722eca8d9917a2d877.js></script><script type=text/javascript src=/static/js/vendor.c81c6b23d91dbf49d5b2.js></script><script type=text/javascript src=/static/js/loginAdmin.5c35d0d141150e13384e.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><link href=/static/css/loginAdmin.6ad1ae95f1f82abf347cae5f308e48a3.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.b97e24bef9de9b34dc06.js></script><script type=text/javascript src=/static/js/vendor.c81c6b23d91dbf49d5b2.js></script><script type=text/javascript src=/static/js/loginAdmin.f7fe171c780b0b0077ad.js></script></body></html>

src/main/webapp/static/js/119.b4211aab83e0c304fb47.js

@@ -1 +0,0 @@
-webpackJsonp([119],{"5LNU":function(e,t){},Wh3M:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("el-form",{ref:"form",staticStyle:{"max-width":"500px"},attrs:{model:e.formData,rules:e.rules,"label-width":"80px","label-position":"right",size:"small"}},[a("el-form-item",{attrs:{prop:"dataruleName",label:"权限名称"}},[a("el-input",{model:{value:e.formData.dataruleName,callback:function(t){e.$set(e.formData,"dataruleName",t)},expression:"formData.dataruleName"}})],1),e._v(" "),a("el-form-item",{attrs:{prop:"permission",label:"权限标识"}},[a("el-input",{model:{value:e.formData.permission,callback:function(t){e.$set(e.formData,"permission",t)},expression:"formData.permission"}})],1),e._v(" "),a("el-form-item",[a("el-button",{attrs:{loading:e.$store.state.fetchingData,type:"primary"},on:{click:e.onSave}},[e._v("保存")]),e._v(" "),a("el-button",{on:{click:function(t){e.$router.go(-1)}}},[e._v("取消")])],1)],1)],1)},staticRenderFns:[]};var s=a("VU/8")({created:function(){var e=this;this.$route.query.id&&this.$http.get({url:"/sysDatarule/getOne",data:{id:this.$route.query.id}}).then(function(t){t.success&&(e.formData=t.data)})},data:function(){return{saving:!1,formData:{},rules:{dataruleName:[{required:!0,message:"请填写权限名称",trigger:"blur"}],permission:[{required:!0,message:"请填写权限标识",trigger:"blur"}]},menus:[]}},methods:{onSave:function(){var e=this;this.$refs.form.validate(function(t){if(!t)return!1;e.submit()})},submit:function(){var e=this;this.$http.post({url:this.formData.id?"/sysDatarule/update":"/sysDatarule/save",data:this.formData}).then(function(t){t.success?(e.$message.success("成功"),e.$router.go(-1)):e.$message.warning("失败")})}}},r,!1,function(e){a("5LNU")},"data-v-3122cd72",null);t.default=s.exports}});

src/main/webapp/static/js/123.724ae0cd0a5452be1bc1.js → src/main/webapp/static/js/124.ee349d973b0a438a8780.js

@@ -1 +1 @@
-webpackJsonp([123],{"8abJ":function(t,e){},izdZ:function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});r("NYxO");var i={created:function(){this.getIframeSrc()},data:function(){return{iframeSrc:"/404"}},computed:{height:function(){return window.innerHeight-104+"px"}},methods:{getIframeSrc:function(){this.iframeSrc=this.$route.query.code}},watch:{$route:function(){this.getIframeSrc()}}},n={render:function(){var t=this.$createElement;return(this._self._c||t)("iframe",{staticClass:"iframe",attrs:{src:this.iframeSrc,height:this.height,width:"100%"}})},staticRenderFns:[]};var c=r("VU/8")(i,n,!1,function(t){r("8abJ")},"data-v-293e7b8c",null);e.default=c.exports}});
+webpackJsonp([124],{"8abJ":function(t,e){},izdZ:function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});r("NYxO");var i={created:function(){this.getIframeSrc()},data:function(){return{iframeSrc:"/404"}},computed:{height:function(){return window.innerHeight-104+"px"}},methods:{getIframeSrc:function(){this.iframeSrc=this.$route.query.code}},watch:{$route:function(){this.getIframeSrc()}}},n={render:function(){var t=this.$createElement;return(this._self._c||t)("iframe",{staticClass:"iframe",attrs:{src:this.iframeSrc,height:this.height,width:"100%"}})},staticRenderFns:[]};var c=r("VU/8")(i,n,!1,function(t){r("8abJ")},"data-v-293e7b8c",null);e.default=c.exports}});