diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index f7ad371..da35099 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-header">
+  <div :style="{backgroundImage:'url('+headerUrl+')'}" class="app-header">
     <h3>窨井安全监控防御中控管理平台</h3>
 
     <el-dropdown class="avatar-container" trigger="click">
@@ -36,7 +36,8 @@
   data() {
     return {
       name: this.$store.getters.name,
-      showSetPwd: false
+      showSetPwd: false,
+      headerUrl: require('../../../assets/global_images/header.png')// 头部图片
     }
   },
   computed: {
@@ -65,7 +66,8 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .app-header{
     height:60px;
-    /*background-color:rgb(48, 65, 86);*/
+    background-color:#000000;
+    background-repeat: no-repeat;
     background: #000000 url("/static/images/global_images/header.png") no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;

diff --git a/src/assets/global_images/header.png b/src/assets/global_images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/global_images/header.png
Binary files differ
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index f7ad371..da35099 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-header">
+  <div :style="{backgroundImage:'url('+headerUrl+')'}" class="app-header">
     <h3>窨井安全监控防御中控管理平台</h3>
 
     <el-dropdown class="avatar-container" trigger="click">
@@ -36,7 +36,8 @@
   data() {
     return {
       name: this.$store.getters.name,
-      showSetPwd: false
+      showSetPwd: false,
+      headerUrl: require('../../../assets/global_images/header.png')// 头部图片
     }
   },
   computed: {
@@ -65,7 +66,8 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .app-header{
     height:60px;
-    /*background-color:rgb(48, 65, 86);*/
+    background-color:#000000;
+    background-repeat: no-repeat;
     background: #000000 url("/static/images/global_images/header.png") no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 4d50e5a..b590338 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,8 +1,8 @@
 <!--登陆主页-->
 <template>
-  <div class="login-container">
+  <div :style="{backgroundImage:'url('+bgUrl+')'}" class="login-container">
     <div class="login-div">
-      <div id="left-div" class="left-div">
+      <div id="left-div" :style="{backgroundImage:'url('+leftUrl+')'}" class="left-div">
         <div class="logo-div">
           <img>
         </div>
@@ -89,16 +89,18 @@
         username: '',
         password: '',
         kaptcha: ''
-      },
+      }, // 登录表单
       loginRules: {
         username: [{ required: true, trigger: ['blur', 'change'], validator: validateUsername }],
         password: [{ required: true, trigger: ['blur', 'change'], validator: validatePass }],
         kaptcha: [{ required: false, trigger: ['blur', 'change'], validator: validateKaptcha }]
-      },
-      loading: false,
-      pwdType: 'password',
-      redirect: '/',
-      showKaptcha: false
+      }, // 登录规则
+      loading: false, // 加载动画
+      pwdType: 'password', // 密码状态password和空
+      redirect: '/', // 重定向路径
+      showKaptcha: false, // 是否显示验证码
+      bgUrl: require('../../assets/login_images/bg.png'), // 背景图片
+      leftUrl: require('../../assets/login_images/left.jpg')// 左边图片
     }
   },
   watch: {
@@ -223,7 +225,9 @@
   position: relative;
   height: 100%;
   width: 100%;
-  background: #000000 url("/static/images/login_images/bg.png") no-repeat;
+  /*background: #000000 url("/static/images/login_images/bg.png") no-repeat;*/
+  background-color: #000000;
+  background-repeat: no-repeat;
   -webkit-background-size: 100% 100%;
   background-size: 100% 100%;
   background-color: $bg;
@@ -243,7 +247,7 @@
   .left-div{
     width:60%;
     float:left;
-    background: url("/static/images/login_images/left.jpg");
+    /*background: url("/static/images/login_images/left.jpg");*/
     background-color: #ffffffff;
   }
   .title-div{