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/assets/login_images/bg-blue.png b/src/assets/login_images/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/login_images/bg-blue.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/assets/login_images/bg-blue.png b/src/assets/login_images/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/login_images/bg-blue.png
Binary files differ
diff --git a/src/assets/login_images/bg1.png b/src/assets/login_images/bg1.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/login_images/bg1.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/assets/login_images/bg-blue.png b/src/assets/login_images/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/login_images/bg-blue.png
Binary files differ
diff --git a/src/assets/login_images/bg1.png b/src/assets/login_images/bg1.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/login_images/bg1.png
Binary files differ
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 7a18a96..c7fdd18 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div :style="{backgroundImage:'url('+bgUrl+')'}" class="app-container">
     <div class="title-div">
       <div>智慧城管平台</div>
       <div class="divider-line"/>
@@ -39,6 +39,7 @@
   name: 'Dashboard',
   data() {
     return {
+      bgUrl: require('../../assets/login_images/bg-blue.png'), // 背景图片
       loading: true
     }
   },
@@ -86,8 +87,8 @@
     position: relative;
     height: 100%;
     width: 100%;
-    background: #000000 url("/static/images/login_images/bg-blue.png") no-repeat;
-    -webkit-background-size: 100% 100%;
+    background-color: #000000;
+    background-repeat: no-repeat;    -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     .title-div{
       width: 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/assets/login_images/bg-blue.png b/src/assets/login_images/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/login_images/bg-blue.png
Binary files differ
diff --git a/src/assets/login_images/bg1.png b/src/assets/login_images/bg1.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/login_images/bg1.png
Binary files differ
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 7a18a96..c7fdd18 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div :style="{backgroundImage:'url('+bgUrl+')'}" class="app-container">
     <div class="title-div">
       <div>智慧城管平台</div>
       <div class="divider-line"/>
@@ -39,6 +39,7 @@
   name: 'Dashboard',
   data() {
     return {
+      bgUrl: require('../../assets/login_images/bg-blue.png'), // 背景图片
       loading: true
     }
   },
@@ -86,8 +87,8 @@
     position: relative;
     height: 100%;
     width: 100%;
-    background: #000000 url("/static/images/login_images/bg-blue.png") no-repeat;
-    -webkit-background-size: 100% 100%;
+    background-color: #000000;
+    background-repeat: no-repeat;    -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     .title-div{
       width: 100%;
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 7b4c7dd..92cb5c5 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="systemSelect" @command="handleCommand">
@@ -46,7 +46,8 @@
   data() {
     return {
       name: this.$store.getters.name,
-      showSetPwd: false
+      showSetPwd: false,
+      headerUrl: require('../../../assets/global_images/header.png')// 头部图片
     }
   },
   computed: {
@@ -102,8 +103,8 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .app-header{
     height:60px;
-    /*background-color:rgb(48, 65, 86);*/
-    background: #000000 url("/static/images/global_images/header.png") no-repeat;
+    background-color:#000000;
+    background-repeat: no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     color:white;

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/login_images/bg-blue.png b/src/assets/login_images/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/login_images/bg-blue.png
Binary files differ
diff --git a/src/assets/login_images/bg1.png b/src/assets/login_images/bg1.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/login_images/bg1.png
Binary files differ
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 7a18a96..c7fdd18 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div :style="{backgroundImage:'url('+bgUrl+')'}" class="app-container">
     <div class="title-div">
       <div>智慧城管平台</div>
       <div class="divider-line"/>
@@ -39,6 +39,7 @@
   name: 'Dashboard',
   data() {
     return {
+      bgUrl: require('../../assets/login_images/bg-blue.png'), // 背景图片
       loading: true
     }
   },
@@ -86,8 +87,8 @@
     position: relative;
     height: 100%;
     width: 100%;
-    background: #000000 url("/static/images/login_images/bg-blue.png") no-repeat;
-    -webkit-background-size: 100% 100%;
+    background-color: #000000;
+    background-repeat: no-repeat;    -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     .title-div{
       width: 100%;
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 7b4c7dd..92cb5c5 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="systemSelect" @command="handleCommand">
@@ -46,7 +46,8 @@
   data() {
     return {
       name: this.$store.getters.name,
-      showSetPwd: false
+      showSetPwd: false,
+      headerUrl: require('../../../assets/global_images/header.png')// 头部图片
     }
   },
   computed: {
@@ -102,8 +103,8 @@
 <style rel="stylesheet/scss" lang="scss" scoped>
   .app-header{
     height:60px;
-    /*background-color:rgb(48, 65, 86);*/
-    background: #000000 url("/static/images/global_images/header.png") no-repeat;
+    background-color:#000000;
+    background-repeat: no-repeat;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
     color:white;
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index fd3c6d6..b706614 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,15 +1,7 @@
 <!--登陆主页-->
 <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 class="logo-div">-->
-      <!--<img>-->
-      <!--</div>-->
-      <!--<div class="title-div">-->
-      <!--<h3 class="title">智慧城管平台</h3>-->
-      <!--</div>-->
-      <!--</div>-->
       <div ref="element" class="right-div">
         <el-form id= "login-form" ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="right">
           <h5 class="login-title">用户登录</h5>
@@ -50,7 +42,7 @@
     <div class="system-title">
       <svg-icon icon-class="logo"/>
       <div class="title-img">
-        <el-image src="./../static/images/login_images/title.png"/>
+        <el-image src="./static/images/login_images/title.png"/>
       </div>
     </div>
   </div>
@@ -107,7 +99,8 @@
       loading: false,
       pwdType: 'password',
       redirect: '/',
-      showKaptcha: false
+      showKaptcha: false, // 是否显示验证码
+      bgUrl: require('../../assets/login_images/bg1.png') // 背景图片
     }
   },
   watch: {
@@ -238,7 +231,8 @@
   position: relative;
   height: 100%;
   width: 100%;
-  background: #000000 url("/static/images/login_images/bg1.png") no-repeat;
+  background-color: #000000;
+  background-repeat: no-repeat;
   -webkit-background-size: 100% 100%;
   background-size: 100% 100%;
   background-color: $bg;