diff --git a/src/assets/images/logo-white.png b/src/assets/images/logo-white.png
new file mode 100644
index 0000000..52824bd
Binary files /dev/null and b/src/assets/images/logo-white.png differ
diff --git a/src/lang/en.js b/src/lang/en.js
index 4f59560..bf4d4ad 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -15,6 +15,7 @@ import zcg from './en/business/resource/zcg/zcg'
 import mjy from './en/business/resource/mjy/mjy'
 export default {
   system: {
+    name: 'WestChina-Frontier PharmaTech ELN',
     title: 'HXHQ',
     tip: 'prompt',
     logOut: 'Are you sure to log out and exit the system?',
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 163d46a..a5b87b8 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -15,6 +15,7 @@ import zcg from './zh/business/resource/zcg/zcg'
 import mjy from './zh/business/resource/mjy/mjy'
 export default {
   system: {
+    name: '华西海圻ELN系统',
     title: '华西海圻管理系统',
     tip: '提示',
     logOut: '确认注销并退出系统吗？',
diff --git a/src/views/login.vue b/src/views/login.vue
index 91309b8..083d5fd 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="login">
+    <div class="system-name">
+      <img class="system-logo" src="@/assets/images/logo-white.png" />
+      <div>{{ $t('system.name')}} </div>
+    </div>
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
       <div class="login-lang"><lang-select class="set-language" /></div>
       <div class="login-title">
@@ -193,6 +197,20 @@ export default {
   height: 100%;
   background-image: url("../assets/images/login-background.jpg");
   background-size: cover;
+  .system-name{
+    position: absolute;
+    left: 60px;
+    top:60px;
+    color: #fff;
+    font-size: 30px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .system-logo{
+      height: 31px;
+      margin-right: 20px;
+    }
+  }
 }
 .title {
   margin: 0px auto 30px auto;