diff --git a/src/assets/building-picture-hza/bg_瀵艰埅@2x.png b/src/assets/building-picture-hza/bg_瀵艰埅@2x.png
deleted file mode 100644
index 58b7f72..0000000
Binary files a/src/assets/building-picture-hza/bg_瀵艰埅@2x.png and /dev/null differ
diff --git a/src/assets/building-picture-hza/icon7.png b/src/assets/building-picture-hza/icon7.png
new file mode 100644
index 0000000..c9c892b
Binary files /dev/null and b/src/assets/building-picture-hza/icon7.png differ
diff --git a/src/assets/building-picture-hza/搴曞骇@2x.png b/src/assets/building-picture-hza/icon8.png
similarity index 100%
rename from src/assets/building-picture-hza/搴曞骇@2x.png
rename to src/assets/building-picture-hza/icon8.png
diff --git a/src/assets/building-picture-hza/icon9.png b/src/assets/building-picture-hza/icon9.png
new file mode 100644
index 0000000..c41efa7
Binary files /dev/null and b/src/assets/building-picture-hza/icon9.png differ
diff --git a/src/assets/login-video/video.mp4 b/src/assets/login-video/video.mp4
new file mode 100644
index 0000000..eed5364
Binary files /dev/null and b/src/assets/login-video/video.mp4 differ
diff --git a/src/assets/login/01.png b/src/assets/login/01.png
index 0c908c8..3daa7eb 100644
Binary files a/src/assets/login/01.png and b/src/assets/login/01.png differ
diff --git a/src/utils/request.js b/src/utils/request.js
index 8cea286..33c3b5f 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -3,10 +3,10 @@ import vm from '../main'
 import { getToken } from '@/utils/auth'
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 const request = axios.create({
-  baseURL: 'http://50.146.63.43:1129/hjapi',
+  // baseURL: 'http://50.146.63.43:1129/hjapi',
   //baseURL: 'http://121.41.91.94:12002/hjapi',
   //baseURL: `http://${window.location.host}/hjapi`,
-  // baseURL: 'http://121.41.91.94:12524/hjapi/', //外网
+  baseURL: 'http://121.41.91.94:12524/hjapi/', //外网
   timeout: 50000,
   headers: { 'content-type': 'application/json' }
 })
diff --git a/src/views/Login/index.vue b/src/views/Login/index.vue
index 1d0e9e9..32f411d 100644
--- a/src/views/Login/index.vue
+++ b/src/views/Login/index.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="login">
+    <video autoplay loop muted>
+      <source src="../../assets/login-video/video.mp4" />
+    </video>
+
     <div class="system_title">
       <!-- 占位 -->
       <div class="blank"></div>
@@ -32,32 +36,42 @@
       </div>
       <!-- 账号密码 -->
       <div class="username" v-show="show">
-        <div class="name">
-          <el-input
-            placeholder="请输入账号"
-            v-model="formValue.username"
-            prefix-icon="el-icon-user-solid"
-          >
-            <div name_icon></div>
-          </el-input>
+        <div class="username_box">
+          <div class="username_icon"></div>
+          <div class="name">
+            <el-input
+              placeholder="请输入账号"
+              v-model="formValue.username"
+              onkeyup="value=value.replace(/[^\x00-\xff]/g, '')"
+            >
+              <div name_icon></div>
+            </el-input>
+          </div>
         </div>
-        <div class="word">
-          <el-input
-            placeholder="请输入密码"
-            v-model="formValue.password"
-            prefix-icon="el-icon-lock"
-          ></el-input>
+        <div class="word_box">
+          <div class="word_icon"></div>
+          <div class="word">
+            <el-input
+              placeholder="请输入密码"
+              v-model="formValue.password"
+              onkeyup="value=value.replace(/[^\x00-\xff]/g, '')"
+            ></el-input>
+          </div>
         </div>
+
         <div class="code">
-          <el-input
-            placeholder="请输入验证码"
-            v-model="formValue.code"
-            prefix-icon="el-icon-attract"
-          ></el-input>
+          <div class="code_box">
+            <div class="code_icon"></div>
+            <el-input
+              placeholder="请输入验证码"
+              v-model="formValue.code"
+            ></el-input>
+          </div>
+
           <img class="codeImg" :src="picUrl" alt="" />
         </div>
         <div class="uselogin">
-          <el-button type="primary" @click="onLogin">登录</el-button>
+          <el-button @click="onLogin" class="loginbtn">登录</el-button>
         </div>
       </div>
       <!-- 证书登录 -->
@@ -67,7 +81,7 @@
           <div class="bookicon"></div>
         </div>
         <div class="uselogin">
-          <el-button type="primary" @click="onLogin">登录</el-button>
+          <el-button @click="onLogin">登录</el-button>
         </div>
       </div>
     </el-form>
@@ -185,10 +199,22 @@ export default {
 <style lang="scss">
 .login {
   position: relative;
-  width: 100%;
-  height: 100%;
-  background-image: url(@/assets/building-picture-hza/bg@2x.png);
-  background-size: 100% 100%;
+  width: 100vw;
+  height: 100vh;
+  video {
+    position: fixed;
+    right: 0px;
+    bottom: 0px;
+    min-width: 100%;
+    min-height: 100%;
+    z-index: -22;
+  }
+  source {
+    min-width: 100%;
+    min-height: 100%;
+    height: auto;
+    width: auto;
+  }
   .system_title {
     display: flex;
     justify-content: space-between;
@@ -348,7 +374,7 @@ export default {
       .book {
         width: 23vw;
         height: 15vh;
-        margin-bottom: 5vh;
+        margin-bottom: 5.8vh;
         color: #ecf4f9;
         border: 1px solid #1ceadf;
         text-align: center;
@@ -367,50 +393,106 @@ export default {
           background-size: 100% 100%;
         }
       }
-      .name {
+      .username_box {
+        // background-color: orange;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border: 1px solid #1ceadf;
+        border-radius: 4px;
         margin-bottom: 2vh;
-        .el-input__inner {
-          border: 1px solid #1ceadf;
-          background-color: #0b2f59;
-          color: #fff;
-          &:hover {
-            border: 1px solid #009bfd;
+        &:hover {
+          border: 1px solid #009bfd;
+        }
+        .username_icon {
+          width: 1vw;
+          height: 2vh;
+          background-image: url(../../assets/login/loginicon01.png);
+          background-size: 100% 100%;
+          margin-left: 0.5vw;
+        }
+        .name {
+          // margin-bottom: 2vh;
+          .el-input__inner {
+            width: 21.5vw;
+            // border: 1px solid #1ceadf;
+            background-color: #0a3762;
+            // background-color: #0b2f59;
+            border: 0px solid #000;
+            color: #fff;
           }
         }
       }
-      .word {
+
+      .word_box {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border: 1px solid #1ceadf;
+        border-radius: 4px;
         margin-bottom: 2vh;
-        .el-input__inner {
-          border: 1px solid #1ceadf;
-          background-color: #0b2f59;
-          color: #fff;
-          &:hover {
-            border: 1px solid #009bfd;
+        &:hover {
+          border: 1px solid #009bfd;
+        }
+        .word_icon {
+          width: 1vw;
+          height: 2vh;
+          background-image: url(../../assets//login/loginicon02.png);
+          background-size: 100% 100%;
+          margin-left: 0.5vw;
+        }
+        .word {
+          .el-input__inner {
+            width: 21.5vw;
+            // border: 1px solid #1ceadf;
+            background-color: #0a3762;
+            // background-color: #0b2f59;
+            border: 0px solid #000;
+            color: #fff;
           }
         }
       }
+
       .code {
         display: flex;
-        .el-input__inner {
-          width: 13vw;
+        .code_box {
+          display: flex;
+          justify-content: center;
+          align-items: center;
           border: 1px solid #1ceadf;
-          background-color: #0b2f59;
-          color: #fff;
-          &:hover {
-            border: 1px solid #009bfd;
+          border-radius: 4px;
+          .code_icon {
+            width: 1vw;
+            height: 2vh;
+            background-image: url(../../assets//login/loginicon03.png);
+            background-size: 100% 100%;
+            margin-left: 0.5vw;
           }
         }
+        .el-input__inner {
+          width: 14vw;
+          // border: 1px solid #1ceadf;
+          background-color: #0a3762;
+          // background-color: #0b2f59;
+          border: 0px solid #000;
+          color: #fff;
+        }
         .codeImg {
           width: 14vw;
           height: 4.5vh;
           border: 1px solid #1ceadf;
           border-radius: 5%;
+          margin-left: 0.5vw;
         }
       }
       .uselogin {
         margin-top: 3vh;
         .el-button {
           width: 23vw;
+          background-image: url(../../assets/login/loginbtn.png);
+          background-size: 100% 100%;
+          border: none;
+          color: #fff;
         }
       }
     }
diff --git a/src/views/buildUse/index.vue b/src/views/buildUse/index.vue
index bbc2f99..a6054e6 100644
--- a/src/views/buildUse/index.vue
+++ b/src/views/buildUse/index.vue
@@ -28,12 +28,14 @@
     <!--  -->
     <div class="box_background">
       <div class="box_body">
+        <div class="delete" @click="deleteto"></div>
         <div class="box_allbox">
           <div class="box_item" v-for="item in roll_list" :key="item.id">
             <div
               class="box_item_icon"
               :style="{ backgroundImage: back_change(item.id) }"
             ></div>
+            <div class="box_item_bgc"></div>
             <div class="box_item_title" @click="turn(item.route)">
               {{ item.name }}
             </div>
@@ -55,7 +57,7 @@ export default {
       roll_list: [
         {
           id: '1',
-          name: '非法狩猎',
+          name: '非法捕猎',
           route: '/hunting'
         },
         {
@@ -78,30 +80,6 @@ export default {
           id: '6',
           name: '建模平台'
         }
-        // {
-        //   id: '7',
-        //   name: '非法狩猎'
-        // },
-        // {
-        //   id: '8',
-        //   name: '非法狩猎'
-        // },
-        // {
-        //   id: '9',
-        //   name: '非法狩猎'
-        // },
-        // {
-        //   id: '10',
-        //   name: '非法狩猎'
-        // },
-        // {
-        //   id: '11',
-        //   name: '非法狩猎'
-        // },
-        // {
-        //   id: '12',
-        //   name: '非法狩猎'
-        // }
       ]
     }
   },
@@ -112,6 +90,10 @@ export default {
     this.back_change()
   },
   methods: {
+    // 返回上一级路由
+    deleteto() {
+      this.$router.go(-1)
+    },
     timeStart() {
       this.timer = setInterval(() => {
         this.timeArr = dateFormat(new Date())
@@ -122,7 +104,7 @@ export default {
       console.log(id, 'lll')
       switch (id) {
         case '1':
-          return `url(${require('@/assets/building-picture-hza/icon1.png')})`
+          return `url(${require('@/assets/building-picture-hza/icon9.png')})`
         case '2':
           return `url(${require('@/assets/building-picture-hza/icon6.png')})`
         case '3':
@@ -133,18 +115,18 @@ export default {
           return `url(${require('@/assets/building-picture-hza/icon3.png')})`
         case '6':
           return `url(${require('@/assets/building-picture-hza/icon2.png')})`
-        case '7':
-          return `url(${require('@/assets/building-picture-hza/icon1.png')})`
-        case '8':
-          return `url(${require('@/assets/building-picture-hza/icon1.png')})`
-        case '9':
-          return `url(${require('@/assets/building-picture-hza/icon1.png')})`
-        case '10':
-          return `url(${require('@/assets/building-picture-hza/icon1.png')})`
-        case '11':
-          return `url(${require('@/assets/building-picture-hza/icon1.png')})`
-        case '12':
-          return `url(${require('@/assets/building-picture-hza/icon1.png')})`
+        // case '7':
+        //   return `url(${require('@/assets/building-picture-hza/icon1.png')})`
+        // case '8':
+        //   return `url(${require('@/assets/building-picture-hza/icon1.png')})`
+        // case '9':
+        //   return `url(${require('@/assets/building-picture-hza/icon1.png')})`
+        // case '10':
+        //   return `url(${require('@/assets/building-picture-hza/icon1.png')})`
+        // case '11':
+        //   return `url(${require('@/assets/building-picture-hza/icon1.png')})`
+        // case '12':
+        //   return `url(${require('@/assets/building-picture-hza/icon1.png')})`
       }
     },
     turn(path) {
@@ -284,7 +266,7 @@ export default {
     width: 100%;
     height: 100%;
     // background-image: url(@/assets/building-picture-hza/bg@2x.png);
-    // background-image: url(../../assets/building-picture-hza/icon1.png);
+    // background-image: url(@/assets/building-picture-hza/icon1.png);
     // background-size: 100% 100%;
     cursor: pointer;
 
@@ -298,7 +280,21 @@ export default {
       display: flex;
       justify-content: center;
       align-items: center;
+      position: relative;
+      .delete {
+        width: 2vw;
+        height: 4vh;
+        background-image: url(@/assets/building-picture-hza/icon7.png);
+        background-size: 100% 100%;
+        position: absolute;
+        top: 5vh;
+        right: 4vw;
+        &:hover {
+          border: 1px solid #00f5ff;
+        }
+      }
       .box_allbox {
+        padding-top: 15vh;
         width: 65vw;
         height: 65vh;
         // background-color: #fff;
@@ -313,18 +309,33 @@ export default {
           background-image: url(@/assets/building-picture-hza/bg_nor@2x.png);
           background-size: 100% 100%;
           display: flex;
+          position: relative;
+          margin-bottom: 5vh;
           .box_item_icon {
             width: 4vw;
-            height: 9vh;
+            height: 8vh;
             margin-left: 2.5vw;
-            margin-top: 2.5vh;
+            margin-top: 2vh;
             background-size: 100% 100%;
             // background-color: pink;
+            z-index: 3;
+            // background-color: pink;
+          }
+          .box_item_bgc {
+            width: 5vw;
+            height: 5vh;
+            background-image: url(@/assets/utils-hza/07.png);
+            background-size: 100% 100%;
+            position: absolute;
+            left: 2vw;
+            top: 7.5vh;
           }
           .box_item_title {
+            width: 8vw;
             margin-left: 2vw;
-            margin-top: 6vh;
+            margin-top: 5vh;
             font-weight: 800;
+            font-size: 1.6rem;
             color: #fff;
           }
         }
diff --git a/src/views/developUtils/index.vue b/src/views/developUtils/index.vue
index 1994971..0e48127 100644
--- a/src/views/developUtils/index.vue
+++ b/src/views/developUtils/index.vue
@@ -28,6 +28,7 @@
     <!--  -->
     <div class="box_background">
       <div class="box_body">
+        <div class="delete" @click="deleteto"></div>
         <div class="box_allbox">
           <div class="box_item" v-for="item in roll_list" :key="item.id">
             <div
@@ -89,6 +90,10 @@ export default {
     this.back_change()
   },
   methods: {
+    // 返回上一级路由
+    deleteto() {
+      this.$router.go(-1)
+    },
     timeStart() {
       this.timer = setInterval(() => {
         this.timeArr = dateFormat(new Date())
@@ -275,6 +280,19 @@ export default {
       display: flex;
       justify-content: center;
       align-items: center;
+      position: absolute;
+      .delete {
+        width: 2vw;
+        height: 4vh;
+        background-image: url(../../assets/building-picture-hza/icon7.png);
+        background-size: 100% 100%;
+        position: absolute;
+        top: 5vh;
+        right: 4vw;
+        &:hover {
+          border: 1px solid #00f5ff;
+        }
+      }
       .box_allbox {
         padding-top: 15vh;
         width: 65vw;