diff --git a/src/assets/companyFile/档案981.png b/src/assets/companyFile/archivesicon.png
similarity index 100%
rename from src/assets/companyFile/档案981.png
rename to src/assets/companyFile/archivesicon.png
diff --git a/src/assets/companyFile/编组 17.png b/src/assets/companyFile/back001.png
similarity index 100%
rename from src/assets/companyFile/编组 17.png
rename to src/assets/companyFile/back001.png
diff --git a/src/assets/companyFile/矩形备份 289981.png b/src/assets/companyFile/back002.png
similarity index 100%
rename from src/assets/companyFile/矩形备份 289981.png
rename to src/assets/companyFile/back002.png
diff --git a/src/assets/companyFile/矩形21112222.png b/src/assets/companyFile/border01.png
similarity index 100%
rename from src/assets/companyFile/矩形21112222.png
rename to src/assets/companyFile/border01.png
diff --git a/src/assets/companyFile/编组 2421.png b/src/assets/companyFile/dialogback01.png
similarity index 100%
rename from src/assets/companyFile/编组 2421.png
rename to src/assets/companyFile/dialogback01.png
diff --git a/src/assets/companyFile/编组 11991.png b/src/assets/companyFile/sheweiback.png
similarity index 100%
rename from src/assets/companyFile/编组 11991.png
rename to src/assets/companyFile/sheweiback.png
diff --git a/src/assets/companyFile/导航栏上.png b/src/assets/companyFile/top_menu.png
similarity index 100%
rename from src/assets/companyFile/导航栏上.png
rename to src/assets/companyFile/top_menu.png
diff --git a/src/assets/companyFile/编组 11991备份 21.png b/src/assets/companyFile/zhianback.png
similarity index 100%
rename from src/assets/companyFile/编组 11991备份 21.png
rename to src/assets/companyFile/zhianback.png
diff --git a/src/assets/companyFile/编组 11991备份 10.png b/src/assets/companyFile/zhibaoback.png
similarity index 100%
rename from src/assets/companyFile/编组 11991备份 10.png
rename to src/assets/companyFile/zhibaoback.png
diff --git a/src/assets/companyFile/编组 11222221.png b/src/assets/companyFile/zhongdianback.png
similarity index 100%
rename from src/assets/companyFile/编组 11222221.png
rename to src/assets/companyFile/zhongdianback.png
diff --git a/src/assets/login/验证码（1x）.png b/src/assets/login/code01.png
similarity index 100%
rename from src/assets/login/验证码（1x）.png
rename to src/assets/login/code01.png
diff --git a/src/assets/login/钥匙.png b/src/assets/login/key.png
similarity index 100%
rename from src/assets/login/钥匙.png
rename to src/assets/login/key.png
diff --git a/src/assets/login/登录背景.png b/src/assets/login/loginback.png
similarity index 100%
rename from src/assets/login/登录背景.png
rename to src/assets/login/loginback.png
diff --git a/src/assets/login/登录装饰.png b/src/assets/login/loginback02.png
similarity index 100%
rename from src/assets/login/登录装饰.png
rename to src/assets/login/loginback02.png
diff --git a/src/assets/login/登录板块.png b/src/assets/login/loginback03.png
similarity index 100%
rename from src/assets/login/登录板块.png
rename to src/assets/login/loginback03.png
diff --git a/src/assets/login/装饰2.png b/src/assets/login/loginback04.png
similarity index 100%
rename from src/assets/login/装饰2.png
rename to src/assets/login/loginback04.png
diff --git a/src/assets/login/登录按钮（常态）.png b/src/assets/login/loginbackbtn.png
similarity index 100%
rename from src/assets/login/登录按钮（常态）.png
rename to src/assets/login/loginbackbtn.png
diff --git a/src/assets/login/登录按钮（悬浮）.png b/src/assets/login/loginbackbtn02.png
similarity index 100%
rename from src/assets/login/登录按钮（悬浮）.png
rename to src/assets/login/loginbackbtn02.png
diff --git a/src/assets/login/密码.png b/src/assets/login/password.png
similarity index 100%
rename from src/assets/login/密码.png
rename to src/assets/login/password.png
diff --git a/src/assets/login/用户名.png b/src/assets/login/user.png
similarity index 100%
rename from src/assets/login/用户名.png
rename to src/assets/login/user.png
diff --git a/src/assets/realtimeWarning/矩形备份 289981.png b/src/assets/realtimeWarning/back002.png
similarity index 100%
rename from src/assets/realtimeWarning/矩形备份 289981.png
rename to src/assets/realtimeWarning/back002.png
diff --git a/src/assets/safetyIndex/back005.png b/src/assets/safetyIndex/back005.png
new file mode 100644
index 0000000..0108da4
Binary files /dev/null and b/src/assets/safetyIndex/back005.png differ
diff --git a/src/assets/safetyIndex/back006.png b/src/assets/safetyIndex/back006.png
new file mode 100644
index 0000000..c63962c
Binary files /dev/null and b/src/assets/safetyIndex/back006.png differ
diff --git a/src/components/login.vue b/src/components/login.vue
index 3ee1ca9..9ad6d9a 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -1,491 +1,507 @@
 <template>
-    <div class="main">
-        <div class="title">镇海平安企业（园区）</div>
-        <div class="loginContainer">
-            <div class="loginBox">
-                <div class="topZS"></div>
-                <el-tabs v-model="activeName" @tab-click="handleClick">
-                    <el-tab-pane label="账号密码登录" name="first">
-                        <el-form class="loginForm">
-                            <el-form-item class="user">
-                                <img src="../assets/login/密码.png" />
-                                <el-input class="eInput" v-model="ruleForm.username" placeholder="请输入用户名" />
-                            </el-form-item>
-                            <br>
-                            <el-form-item class="user">
-                                <img src="../assets/login/用户名.png" />
-                                <el-input class="eInput" type="password" v-model="ruleForm.password" autocomplete="off"
-                                    placeholder="请输入密码" />
-                            </el-form-item>
-                            <el-form-item class="userKey">
-                                <div class="userKeybox">
-                                    <img src="../assets/login/验证码（1x）.png" />
-                                    <el-input class="keyInput" v-model="ruleForm.checkcode" placeholder="请输入验证码" />
-                                </div>
-                                <div ref="img" @click="getCode()" class="codeimgBox">
-                                    <img :src="pic" class="yanzheng" />
-                                </div>
-                            </el-form-item>
-                            <el-form-item class="loginbtn">
-                                <el-button @click="login">登录</el-button>
-                            </el-form-item>
-                        </el-form>
-                    </el-tab-pane>
-                    <el-tab-pane label="数字证书登录" name="second">
-                        <div class="shuziZS_box">
-                            <div class="keyBox">
-                                <div class="keyText">请输入电子数字证书</div>
-
-                                <div class="huanhang"></div>
-                                <div class="keyIcon">
-                                    <img src="../assets/login/钥匙.png" />
-                                </div>
-                            </div>
-                            <div class="loginbtn">
-                                <el-button>登录</el-button>
-                            </div>
-                        </div>
-                    </el-tab-pane>
-                </el-tabs>
-                <div class="bottomZS"></div>
+  <div class="main">
+    <div class="title">镇海平安企业（园区）</div>
+    <div class="loginContainer">
+      <div class="loginBox">
+        <div class="topZS"></div>
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="账号密码登录" name="first">
+            <el-form class="loginForm">
+              <el-form-item class="user">
+                <img src="../assets/login/password.png" />
+                <el-input
+                  class="eInput"
+                  v-model="ruleForm.username"
+                  placeholder="请输入用户名"
+                />
+              </el-form-item>
+              <br />
+              <el-form-item class="user">
+                <img src="../assets/login/user.png" />
+                <el-input
+                  class="eInput"
+                  type="password"
+                  v-model="ruleForm.password"
+                  autocomplete="off"
+                  placeholder="请输入密码"
+                />
+              </el-form-item>
+              <el-form-item class="userKey">
+                <div class="userKeybox">
+                  <img src="../assets/login/code01.png" />
+                  <el-input
+                    class="keyInput"
+                    v-model="ruleForm.checkcode"
+                    placeholder="请输入验证码"
+                  />
+                </div>
+                <div ref="img" @click="getCode()" class="codeimgBox">
+                  <img :src="pic" class="yanzheng" />
+                </div>
+              </el-form-item>
+              <el-form-item class="loginbtn">
+                <el-button @click="login">登录</el-button>
+              </el-form-item>
+            </el-form>
+          </el-tab-pane>
+          <el-tab-pane label="数字证书登录" name="second">
+            <div class="shuziZS_box">
+              <div class="keyBox">
+                <div class="keyText">请输入电子数字证书</div>
+
+                <div class="huanhang"></div>
+                <div class="keyIcon">
+                  <img src="../assets/login/key.png" />
+                </div>
+              </div>
+              <div class="loginbtn">
+                <el-button>登录</el-button>
+              </div>
             </div>
-        </div>
+          </el-tab-pane>
+        </el-tabs>
+        <div class="bottomZS"></div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
 import { getCheckCode } from "@/utils/login";
 export default {
-    data() {
-        return {
-            activeName: 'first',
-            ruleForm: {},
-            pic: '',
-        }
-    },
-    created() {
-        this.getCode()
-
+  data() {
+    return {
+      activeName: "first",
+      ruleForm: {},
+      pic: "",
+    };
+  },
+  created() {
+    this.getCode();
+  },
+  methods: {
+    getCode() {
+      let random = Math.random();
+      getCheckCode({ type: "math", s: random }).then((res) => {
+        // console.log(res.data);
+        this.pic = "data:image/gif;base64," + res.img;
+        this.ruleForm.uuid = res.uuid;
+      });
     },
-    methods: {
-        getCode() {
-            let random = Math.random()
-            getCheckCode({ type: "math", s: random }).then((res) => {
-                // console.log(res.data);
-                this.pic = "data:image/gif;base64," + res.img;
-                this.ruleForm.uuid = res.uuid;
-
+    login() {
+      if (!this.ruleForm.username) {
+        this.$message.error("请输入用户名");
+        return;
+      }
+      if (!this.ruleForm.password) {
+        this.$message.error("请输入密码");
+        return;
+      }
+      if (!this.ruleForm.checkcode) {
+        this.$message.error("请输入验证码");
+        return;
+      }
+      const param = {
+        username: this.ruleForm.username,
+        password: this.ruleForm.password,
+        code: this.ruleForm.checkcode,
+        uuid: this.ruleForm.uuid,
+      };
+      this.$store
+        .dispatch("Login", param)
+        .then((res) => {
+          if (res.code === 200) {
+            sessionStorage.setItem("activeIndex", "1");
+            this.$router.push({
+              path: "/home/compositeIndex",
             });
-        },
-        login() {
-
-            if (!this.ruleForm.username) {
-                this.$message.error('请输入用户名')
-                return
-            }
-            if (!this.ruleForm.password) {
-                this.$message.error('请输入密码')
-                return
-            }
-            if (!this.ruleForm.checkcode) {
-                this.$message.error('请输入验证码')
-                return
-            }
-            const param = { username: this.ruleForm.username, password: this.ruleForm.password, code: this.ruleForm.checkcode, uuid: this.ruleForm.uuid }
-            this.$store.dispatch("Login", param)
-                .then((res) => {
-                    if (res.code === 200) {
-                        sessionStorage.setItem('activeIndex', '1')
-                        this.$router.push({
-                            path: '/home/compositeIndex'
-                        })
-                    } else {
-                        this.$message.error(res.msg)
-                        return
-                    }
-                }).catch(() => {
-                    //this.$message.error(err.msg)
-                    this.getCode();
-                });
-        },
-        handleClick() {
-
-        },
+          } else {
+            this.$message.error(res.msg);
+            return;
+          }
+        })
+        .catch(() => {
+          //this.$message.error(err.msg)
+          this.getCode();
+        });
     },
-}
+    handleClick() {},
+  },
+};
 </script>
 
 <style lang="less" scoped>
 .main {
-    width: 100vw;
-    height: 100vh;
-    background: url("~@/assets/login/登录背景.png") no-repeat;
+  width: 100vw;
+  height: 100vh;
+  background: url("~@/assets/login/loginback.png") no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+
+  .title {
+    position: absolute;
+    top: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    font-family: YouSheBiaoTiHei;
+    font-size: 46px;
+    color: #59ffda;
+    letter-spacing: 4.6px;
+    text-align: justify;
+    line-height: 57px;
+    text-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);
+    font-weight: 400;
+  }
+
+  .loginContainer {
+    width: 95%;
+    height: 95%;
+    background: url("~@/assets/login/loginback02.png") no-repeat;
     background-size: 100% 100%;
     display: flex;
     justify-content: center;
     align-items: center;
-    position: relative;
 
-    .title {
-        position: absolute;
-        top: 20px;
-        left: 50%;
-        transform: translateX(-50%);
-        font-family: YouSheBiaoTiHei;
-        font-size: 46px;
-        color: #59FFDA;
-        letter-spacing: 4.6px;
-        text-align: justify;
-        line-height: 57px;
-        text-shadow: 0 8px 8px rgba(0, 0, 0, 0.30);
-        font-weight: 400;
-    }
+    .loginBox {
+      width: 790px;
+      height: 540px;
+      background: url("~@/assets/login/loginback03.png") no-repeat;
+      background-size: 100% 100%;
+      position: relative;
 
+      .topZS {
+        position: absolute;
+        width: 100%;
+        height: 30px;
+        top: 0;
+        left: 0;
+        background: url("~@/assets/login/loginback04.png") no-repeat;
+        background-size: 100% 100%;
+      }
+
+      .buttonBox {
+        width: 700px;
+        height: 74px;
+        background-image: linear-gradient(
+          90deg,
+          rgba(238, 238, 238, 0) 0%,
+          rgba(53, 206, 150, 0.4) 50%,
+          rgba(216, 216, 216, 0) 100%
+        );
+      }
+
+      .bottomZS {
+        position: absolute;
+        width: 100%;
+        height: 30px;
+        bottom: 0;
+        left: 0;
+        background: url("~@/assets/login/loginback04.png") no-repeat;
+        background-size: 100% 100%;
+        transform: rotateX(180deg);
+      }
+
+      /deep/.el-tabs {
+        width: 790px;
+        height: 540px;
+        padding: 30px 45px;
+        box-sizing: border-box;
+
+        .el-tabs__header {
+          width: 700px;
+          height: 72px;
+          background-image: linear-gradient(
+            90deg,
+            rgba(238, 238, 238, 0) 0%,
+            rgba(53, 206, 150, 0.4) 50%,
+            rgba(216, 216, 216, 0) 100%
+          );
+
+          .el-tabs__nav-wrap {
+            height: 72px;
+            border: 0;
+
+            .el-tabs__nav-scroll {
+              height: 72px;
+
+              .el-tabs__nav {
+                height: 72px;
+                width: 100%;
 
+                .el-tabs__active-bar {
+                  background: #32ff9f;
+                  width: 50% !important;
+                }
 
-    .loginContainer {
-        width: 95%;
-        height: 95%;
-        background: url("~@/assets/login/登录装饰.png") no-repeat;
-        background-size: 100% 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
+                .el-tabs__item {
+                  height: 72px;
+                  width: 50%;
+                  line-height: 72px;
+                  text-align: center;
+                  font-family: AlimamaShuHeiTi;
+                  font-size: 30px;
+                  color: #edfaff;
+                  letter-spacing: 2.86px;
+                  font-weight: 700;
+                }
 
+                .is-active {
+                  color: #32ff9a;
+                }
+              }
+            }
+          }
 
-        .loginBox {
-            width: 790px;
-            height: 540px;
-            background: url("~@/assets/login/登录板块.png") no-repeat;
-            background-size: 100% 100%;
-            position: relative;
+          .el-tabs__nav-wrap::after {
+            display: none;
+          }
+        }
 
-            .topZS {
-                position: absolute;
+        .el-tabs__content {
+          width: 700px;
+          height: calc(100% - 87px);
+
+          .loginForm {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+          }
+
+          .shuziZS_box {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+
+            .keyBox {
+              width: 600px;
+              height: 182px;
+              background: rgba(8, 44, 47, 0.81);
+              border: 1px solid rgba(38, 170, 123, 1);
+              border-radius: 3px;
+              margin-top: 40px;
+              display: flex;
+              flex-wrap: wrap;
+              justify-content: center;
+
+              .keyText {
+                margin-top: 30px;
+                width: 100%;
+                height: 33px;
+                text-align: center;
+                line-height: 33px;
+                opacity: 0.8;
+                font-family: PingFangSC-Regular;
+                font-size: 24px;
+                color: #ffffff;
+                letter-spacing: 2px;
+                font-weight: 400;
+              }
+
+              .huanhang {
                 width: 100%;
-                height: 30px;
-                top: 0;
-                left: 0;
-                background: url("~@/assets/login/装饰2.png") no-repeat;
-                background-size: 100% 100%;
+                height: 1px;
+              }
+
+              .keyIcon {
+                margin-top: -40px;
+                width: 50px;
+                height: 50px;
+                background: #f14141;
+                box-shadow: 0px 0px 8px 1px rgba(188, 37, 37, 0.76);
+                border-radius: 8px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                img {
+                  width: 17px;
+                  height: 31px;
+                }
+              }
+            }
+          }
+
+          .user {
+            width: 600px;
+            height: 66px;
+            background: rgba(8, 44, 47, 0.81);
+            border: 1px solid rgba(38, 170, 123, 1);
+            border-radius: 3px;
+            display: flex;
+            margin-top: 15px;
+
+            .el-form-item__content {
+              display: flex !important;
+              align-items: center;
             }
 
-            .buttonBox {
-                width: 700px;
-                height: 74px;
-                background-image: linear-gradient(90deg, rgba(238, 238, 238, 0.00) 0%, rgba(53, 206, 150, 0.40) 50%, rgba(216, 216, 216, 0.00) 100%)
+            img {
+              margin-left: 10px;
+              width: 24px;
+              height: 26px;
             }
 
-            .bottomZS {
-                position: absolute;
-                width: 100%;
-                height: 30px;
-                bottom: 0;
-                left: 0;
-                background: url("~@/assets/login/装饰2.png") no-repeat;
-                background-size: 100% 100%;
-                transform: rotateX(180deg);
+            .eInput {
+              display: inline-block;
+              width: 550px;
+              height: 66px;
+
+              background: rgba(0, 0, 0, 0);
+              color: #cfe9ff;
+              font-size: 19px;
+              padding-left: 10px;
+              border: 0;
+              letter-spacing: 1.65px;
+              font-weight: 400;
+
+              .el-input__inner {
+                height: 65px;
+                line-height: 65px;
+                background: rgba(0, 0, 0, 0);
+                border: 0;
+                color: #eeeeee;
+              }
+            }
+
+            .keyInput {
+              height: 65px;
+              width: 321px;
+              background-color: rgba(0, 0, 0, 0.05);
+              opacity: 0.5;
+              color: #cfe9ff;
+              font-size: 19px;
+              padding-left: 10px;
+              border: 0;
+              letter-spacing: 1.65px;
+              font-weight: 400;
+            }
+          }
+
+          .user:hover {
+            background: rgba(8, 44, 47, 0.81);
+            border: 1px solid rgba(79, 255, 141, 1);
+            border-radius: 3px;
+          }
+
+          .userKey {
+            width: 600px;
+            height: 66px;
+
+            display: flex;
+            margin-top: 15px;
+
+            .el-form-item__content {
+              display: flex !important;
+              align-items: center;
             }
 
-            /deep/.el-tabs {
-                width: 790px;
-                height: 540px;
-                padding: 30px 45px;
-                box-sizing: border-box;
-
-                .el-tabs__header {
-                    width: 700px;
-                    height: 72px;
-                    background-image: linear-gradient(90deg, rgba(238, 238, 238, 0.00) 0%, rgba(53, 206, 150, 0.40) 50%, rgba(216, 216, 216, 0.00) 100%);
-
-                    .el-tabs__nav-wrap {
-                        height: 72px;
-                        border: 0;
-
-                        .el-tabs__nav-scroll {
-                            height: 72px;
-
-                            .el-tabs__nav {
-                                height: 72px;
-                                width: 100%;
-
-                                .el-tabs__active-bar {
-                                    background: #32FF9F;
-                                    width: 50% !important;
-                                }
-
-                                .el-tabs__item {
-                                    height: 72px;
-                                    width: 50%;
-                                    line-height: 72px;
-                                    text-align: center;
-                                    font-family: AlimamaShuHeiTi;
-                                    font-size: 30px;
-                                    color: #EDFAFF;
-                                    letter-spacing: 2.86px;
-                                    font-weight: 700;
-                                }
-
-                                .is-active {
-                                    color: #32FF9A;
-                                }
-                            }
-                        }
-                    }
-
-                    .el-tabs__nav-wrap::after {
-                        display: none;
-                    }
+            .userKeybox {
+              width: 475px;
+              height: 65px;
+              background: rgba(8, 44, 47, 0.81);
+              border: 1px solid rgba(38, 170, 123, 1);
+              border-radius: 3px;
+              display: flex;
+              align-items: center;
+
+              img {
+                margin-left: 10px;
+                width: 24px;
+                height: 26px;
+              }
+
+              .keyInput {
+                height: 65px;
+                width: 321px;
+                background-color: rgba(0, 0, 0, 0);
+
+                color: #cfe9ff;
+                font-size: 19px;
+                padding-left: 10px;
+                border: 0;
+                letter-spacing: 1.65px;
+                font-weight: 400;
+
+                .el-input__inner {
+                  height: 65px;
+                  line-height: 65px;
+                  background: rgba(0, 0, 0, 0);
+                  border: 0;
+                  color: #eeeeee;
                 }
 
-                .el-tabs__content {
-                    width: 700px;
-                    height: calc(100% - 87px);
-
-                    .loginForm {
-                        width: 100%;
-                        height: 100%;
-                        display: flex;
-                        justify-content: center;
-                        flex-wrap: wrap;
-
-                    }
-
-                    .shuziZS_box {
-                        width: 100%;
-                        height: 100%;
-                        display: flex;
-                        justify-content: center;
-                        flex-wrap: wrap;
-
-                        .keyBox {
-                            width: 600px;
-                            height: 182px;
-                            background: rgba(8, 44, 47, 0.81);
-                            border: 1px solid rgba(38, 170, 123, 1);
-                            border-radius: 3px;
-                            margin-top: 40px;
-                            display: flex;
-                            flex-wrap: wrap;
-                            justify-content: center;
-
-                            .keyText {
-                                margin-top: 30px;
-                                width: 100%;
-                                height: 33px;
-                                text-align: center;
-                                line-height: 33px;
-                                opacity: 0.8;
-                                font-family: PingFangSC-Regular;
-                                font-size: 24px;
-                                color: #FFFFFF;
-                                letter-spacing: 2px;
-                                font-weight: 400;
-                            }
-
-                            .huanhang {
-                                width: 100%;
-                                height: 1px;
-                            }
-
-                            .keyIcon {
-                                margin-top: -40px;
-                                width: 50px;
-                                height: 50px;
-                                background: #F14141;
-                                box-shadow: 0px 0px 8px 1px rgba(188, 37, 37, 0.76);
-                                border-radius: 8px;
-                                display: flex;
-                                justify-content: center;
-                                align-items: center;
-
-                                img {
-                                    width: 17px;
-                                    height: 31px;
-                                }
-                            }
-                        }
-                    }
-
-                    .user {
-                        width: 600px;
-                        height: 66px;
-                        background: rgba(8, 44, 47, 0.81);
-                        border: 1px solid rgba(38, 170, 123, 1);
-                        border-radius: 3px;
-                        display: flex;
-                        margin-top: 15px;
-
-                        .el-form-item__content {
-                            display: flex !important;
-                            align-items: center;
-
-                        }
-
-                        img {
-                            margin-left: 10px;
-                            width: 24px;
-                            height: 26px;
-                        }
-
-                        .eInput {
-                            display: inline-block;
-                            width: 550px;
-                            height: 66px;
-
-                            background: rgba(0, 0, 0, 0);
-                            color: #cfe9ff;
-                            font-size: 19px;
-                            padding-left: 10px;
-                            border: 0;
-                            letter-spacing: 1.65px;
-                            font-weight: 400;
-
-                            .el-input__inner {
-                                height: 65px;
-                                line-height: 65px;
-                                background: rgba(0, 0, 0, 0);
-                                border: 0;
-                                color: #EEEEEE;
-                            }
-                        }
-
-                        .keyInput {
-                            height: 65px;
-                            width: 321px;
-                            background-color: rgba(0, 0, 0, 0.05);
-                            opacity: 0.5;
-                            color: #cfe9ff;
-                            font-size: 19px;
-                            padding-left: 10px;
-                            border: 0;
-                            letter-spacing: 1.65px;
-                            font-weight: 400;
-                        }
-                    }
-
-                    .user:hover {
-                        background: rgba(8, 44, 47, 0.81);
-                        border: 1px solid rgba(79, 255, 141, 1);
-                        border-radius: 3px;
-                    }
-
-                    .userKey {
-                        width: 600px;
-                        height: 66px;
-
-                        display: flex;
-                        margin-top: 15px;
-
-                        .el-form-item__content {
-                            display: flex !important;
-                            align-items: center;
-
-                        }
-
-                        .userKeybox {
-                            width: 475px;
-                            height: 65px;
-                            background: rgba(8, 44, 47, 0.81);
-                            border: 1px solid rgba(38, 170, 123, 1);
-                            border-radius: 3px;
-                            display: flex;
-                            align-items: center;
-
-                            img {
-                                margin-left: 10px;
-                                width: 24px;
-                                height: 26px;
-                            }
-
-                            .keyInput {
-                                height: 65px;
-                                width: 321px;
-                                background-color: rgba(0, 0, 0, 0);
-
-                                color: #cfe9ff;
-                                font-size: 19px;
-                                padding-left: 10px;
-                                border: 0;
-                                letter-spacing: 1.65px;
-                                font-weight: 400;
-
-
-
-
-                                .el-input__inner {
-                                    height: 65px;
-                                    line-height: 65px;
-                                    background: rgba(0, 0, 0, 0);
-                                    border: 0;
-                                    color: #EEEEEE;
-                                }
-
-
-                                .keyInput {
-                                    height: 65px;
-                                    width: 321px;
-                                    background-color: rgba(0, 0, 0, 0.05);
-                                    opacity: 0.5;
-                                    color: #cfe9ff;
-                                    font-size: 19px;
-                                    padding-left: 10px;
-                                    border: 0;
-                                    letter-spacing: 1.65px;
-                                    font-weight: 400;
-                                }
-                            }
-                        }
-
-                        .userKeybox:hover {
-                            background: rgba(8, 44, 47, 0.81);
-                            border: 1px solid rgba(79, 255, 141, 1);
-                            border-radius: 3px;
-                        }
-
-                        .codeimgBox {
-                            width: 123px;
-                            height: 66px;
-
-                            .yanzheng {
-                                width: 123px;
-                                height: 66px;
-
-                                background-image: linear-gradient(90deg,
-                                        #0a2340 0%,
-                                        rgba(18, 64, 105, 0.04) 100%);
-                                border-image: linear-gradient(to right, #124169, #7bf3fc) 1 1;
-                            }
-                        }
-
-                    }
-
-                    .loginbtn {
-                        width: 600px;
-                        height: 66px;
-                        margin-top: 15px;
-                        background: url("~@/assets/login/登录按钮（常态）.png") no-repeat;
-                        background-size: 100% 100%;
-
-                        button {
-                            width: 600px;
-                            height: 66px;
-                            border: 0;
-                            font-size: 20px;
-                            color: #edfaff;
-                            letter-spacing: 6px;
-                            font-weight: 500;
-                            background-color: rgba(0, 0, 0, 0);
-                        }
-                    }
-
-                    .loginbtn:hover {
-                        background: url("~@/assets/login/登录按钮（悬浮）.png") no-repeat;
-                        background-size: 100% 100%;
-                    }
+                .keyInput {
+                  height: 65px;
+                  width: 321px;
+                  background-color: rgba(0, 0, 0, 0.05);
+                  opacity: 0.5;
+                  color: #cfe9ff;
+                  font-size: 19px;
+                  padding-left: 10px;
+                  border: 0;
+                  letter-spacing: 1.65px;
+                  font-weight: 400;
                 }
+              }
+            }
+
+            .userKeybox:hover {
+              background: rgba(8, 44, 47, 0.81);
+              border: 1px solid rgba(79, 255, 141, 1);
+              border-radius: 3px;
             }
+
+            .codeimgBox {
+              width: 123px;
+              height: 66px;
+
+              .yanzheng {
+                width: 123px;
+                height: 66px;
+
+                background-image: linear-gradient(
+                  90deg,
+                  #0a2340 0%,
+                  rgba(18, 64, 105, 0.04) 100%
+                );
+                border-image: linear-gradient(to right, #124169, #7bf3fc) 1 1;
+              }
+            }
+          }
+
+          .loginbtn {
+            width: 600px;
+            height: 66px;
+            margin-top: 15px;
+            background: url("~@/assets/login/loginbackbtn.png") no-repeat;
+            background-size: 100% 100%;
+
+            button {
+              width: 600px;
+              height: 66px;
+              border: 0;
+              font-size: 20px;
+              color: #edfaff;
+              letter-spacing: 6px;
+              font-weight: 500;
+              background-color: rgba(0, 0, 0, 0);
+            }
+          }
+
+          .loginbtn:hover {
+            background: url("~@/assets/login/loginbackbtn02.png") no-repeat;
+            background-size: 100% 100%;
+          }
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/utils/request.js b/src/utils/request.js
index 56dd381..bb66d55 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -6,9 +6,10 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 const request = axios.create({
   //baseURL: 'http://172.18.113.50:8080/zhapi',
   //baseURL: 'http://172.18.113.13:8080/zhapi', // 孙强
+  //baseURL: 'http://172.18.113.8:8080/zhapi', // 刘建
   //baseURL: 'http://192.168.0.188:8888/zhapi',
-  baseURL: 'http://121.41.91.94:12002/zhapi',
-  //baseURL: `http://${window.location.host}/zhapi`,
+  //baseURL: 'http://121.41.91.94:12002/zhapi',
+  baseURL: `http://${window.location.host}/zhapi`,
   timeout: 50000,
   headers: { 'content-type': 'application/json' },
 })
diff --git a/src/views/archives/index.vue b/src/views/archives/index.vue
index 94269d6..f6b6e39 100644
--- a/src/views/archives/index.vue
+++ b/src/views/archives/index.vue
@@ -517,7 +517,7 @@ export default {
       .jibenleft {
         width: 346px;
         height: 370px;
-        background: url("~@/assets/companyFile/矩形备份 289981.png") no-repeat;
+        background: url("~@/assets/companyFile/back002.png") no-repeat;
         background-size: 100% 100%;
         padding: 10px;
         box-sizing: border-box;
@@ -612,7 +612,7 @@ export default {
               top: 100%;
               width: 225px;
               height: 132px;
-              background: url("~@/assets/companyFile/编组 2421.png") no-repeat;
+              background: url("~@/assets/companyFile/dialogback01.png") no-repeat;
               background-size: 100% 100%;
               padding-left: 26px;
               padding-top: 20px;
@@ -730,7 +730,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: auto;
-              background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+              background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
               padding: 0 5px;
               font-size: 14px;
               color: #b5ebff;
@@ -745,7 +745,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: auto;
-              background: url("~@/assets/companyFile/编组 11222221.png")
+              background: url("~@/assets/companyFile/zhongdianback.png")
                 no-repeat;
               padding: 0 5px;
               font-size: 14px;
@@ -760,7 +760,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: auto;
-              background: url("~@/assets/companyFile/编组 11991备份 10.png")
+              background: url("~@/assets/companyFile/zhibaoback.png")
                 no-repeat;
               padding: 0 5px;
               font-size: 14px;
@@ -777,7 +777,7 @@ export default {
               line-height: 26px;
               width: auto;
               display: inline-block;
-              background: url("~@/assets/companyFile/编组 11991备份 21.png")
+              background: url("~@/assets/companyFile/zhianback.png")
                 no-repeat;
               padding: 0 5px;
               font-size: 14px;
diff --git a/src/views/closeLoopDispose/components/backlogDetailForm.vue b/src/views/closeLoopDispose/components/backlogDetailForm.vue
index 0c1a661..f9966df 100644
--- a/src/views/closeLoopDispose/components/backlogDetailForm.vue
+++ b/src/views/closeLoopDispose/components/backlogDetailForm.vue
@@ -333,7 +333,7 @@ export default {
             width: 60px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 1px 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -351,7 +351,7 @@ export default {
             width: 80px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 1px 5px;
             font-size: 14px;
             color: #e3deff;
@@ -369,7 +369,7 @@ export default {
             width: 60px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 1px 5px;
             font-size: 14px;
@@ -388,7 +388,7 @@ export default {
             width: 80px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 1px 5px;
             font-size: 14px;
diff --git a/src/views/closeLoopDispose/components/completeDetailForm.vue b/src/views/closeLoopDispose/components/completeDetailForm.vue
index 8073449..31fc6b8 100644
--- a/src/views/closeLoopDispose/components/completeDetailForm.vue
+++ b/src/views/closeLoopDispose/components/completeDetailForm.vue
@@ -227,7 +227,7 @@ export default {
             width: 60px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 1px 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -245,7 +245,7 @@ export default {
             width: 80px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 1px 5px;
             font-size: 14px;
             color: #e3deff;
@@ -263,7 +263,7 @@ export default {
             width: 60px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 1px 5px;
             font-size: 14px;
@@ -282,7 +282,7 @@ export default {
             width: 80px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 1px 5px;
             font-size: 14px;
diff --git a/src/views/closeLoopDispose/components/copyDetailForm.vue b/src/views/closeLoopDispose/components/copyDetailForm.vue
index c9e21a2..b8dbed7 100644
--- a/src/views/closeLoopDispose/components/copyDetailForm.vue
+++ b/src/views/closeLoopDispose/components/copyDetailForm.vue
@@ -226,7 +226,7 @@ export default {
             width: 60px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 1px 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -244,7 +244,7 @@ export default {
             width: 80px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 1px 5px;
             font-size: 14px;
             color: #e3deff;
@@ -262,7 +262,7 @@ export default {
             width: 60px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 1px 5px;
             font-size: 14px;
@@ -281,7 +281,7 @@ export default {
             width: 80px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 1px 5px;
             font-size: 14px;
diff --git a/src/views/closeLoopDispose/components/myCourseDetailForm.vue b/src/views/closeLoopDispose/components/myCourseDetailForm.vue
index c034f1f..05f67d7 100644
--- a/src/views/closeLoopDispose/components/myCourseDetailForm.vue
+++ b/src/views/closeLoopDispose/components/myCourseDetailForm.vue
@@ -267,7 +267,7 @@ export default {
             width: 60px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 1px 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -285,7 +285,7 @@ export default {
             width: 80px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 1px 5px;
             font-size: 14px;
             color: #e3deff;
@@ -303,7 +303,7 @@ export default {
             width: 60px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 1px 5px;
             font-size: 14px;
@@ -322,7 +322,7 @@ export default {
             width: 80px;
             margin-top: 9px;
             margin-left: 5px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 1px 5px;
             font-size: 14px;
diff --git a/src/views/compositeIndex/components/companyCar.vue b/src/views/compositeIndex/components/companyCar.vue
index fd03376..6dddd20 100644
--- a/src/views/compositeIndex/components/companyCar.vue
+++ b/src/views/compositeIndex/components/companyCar.vue
@@ -284,7 +284,7 @@ export default {
   margin-top: 10px;
   width: 24vw;
   height: 28vh;
-  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background: url("~@/assets/safetyIndex/back006.png") no-repeat;
   background-size: 100% 100%;
   /* 盒子标题 */
   .title {
diff --git a/src/views/compositeIndex/components/companyNum.vue b/src/views/compositeIndex/components/companyNum.vue
index 17e26a4..2043eba 100644
--- a/src/views/compositeIndex/components/companyNum.vue
+++ b/src/views/compositeIndex/components/companyNum.vue
@@ -199,7 +199,7 @@ export default {
   width: 24vw;
   height: 28vh;
   // border: 0.1px solid #495e70;
-  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background: url("~@/assets/safetyIndex/back006.png") no-repeat;
   background-size: 100% 100%;
   /* 盒子标题 */
   .title {
diff --git a/src/views/compositeIndex/components/companyService.vue b/src/views/compositeIndex/components/companyService.vue
index 3301c11..cab7e7d 100644
--- a/src/views/compositeIndex/components/companyService.vue
+++ b/src/views/compositeIndex/components/companyService.vue
@@ -221,7 +221,7 @@ export default {
   width: 24vw;
   height: 28vh;
   // border: 0.1px solid #495e70;
-  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background: url("~@/assets/safetyIndex/back006.png") no-repeat;
   background-size: 100% 100%;
   /* 盒子标题 */
   .title {
diff --git a/src/views/compositeIndex/components/employee.vue b/src/views/compositeIndex/components/employee.vue
index 8fcaf40..5f9d100 100644
--- a/src/views/compositeIndex/components/employee.vue
+++ b/src/views/compositeIndex/components/employee.vue
@@ -266,7 +266,7 @@ export default {
   width: 24vw;
   height: 32vh;
   //   border: 0.1px solid #495e70;
-  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background: url("~@/assets/safetyIndex/back006.png") no-repeat;
   background-size: 100% 100%;
   /* 盒子标题 */
   .title {
diff --git a/src/views/compositeIndex/components/endanger.vue b/src/views/compositeIndex/components/endanger.vue
index 94b28c0..02338b0 100644
--- a/src/views/compositeIndex/components/endanger.vue
+++ b/src/views/compositeIndex/components/endanger.vue
@@ -157,7 +157,7 @@ export default {
   width: 24vw;
   height: 28vh;
   // border: 0.1px solid #495e70;
-  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background: url("~@/assets/safetyIndex/back006.png") no-repeat;
   background-size: 100% 100%;
   /* 盒子标题 */
   .title {
diff --git a/src/views/compositeIndex/components/notification.vue b/src/views/compositeIndex/components/notification.vue
index 4856254..442d804 100644
--- a/src/views/compositeIndex/components/notification.vue
+++ b/src/views/compositeIndex/components/notification.vue
@@ -75,7 +75,7 @@ export default {
   width: 24vw;
   height: 32vh;
   // border: 0.1px solid #495e70;
-  background: url("~@/assets/safetyIndex/back001.png") no-repeat;
+  background: url("~@/assets/safetyIndex/back006.png") no-repeat;
   background-size: 100% 100%;
   /* 盒子标题 */
   .title {
diff --git a/src/views/enterpriseArchives/componets/card.vue b/src/views/enterpriseArchives/componets/card.vue
index 97147a3..93250c5 100644
--- a/src/views/enterpriseArchives/componets/card.vue
+++ b/src/views/enterpriseArchives/componets/card.vue
@@ -170,7 +170,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: auto;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             background-size: 100% 100%;
             padding: 0 5px;
             font-size: 14px;
@@ -185,7 +185,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: auto;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             background-size: 100% 100%;
             padding: 0 5px;
             font-size: 14px;
@@ -200,7 +200,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: auto;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             background-size: 100% 100%;
             padding: 0 5px;
@@ -216,7 +216,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: auto;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             background-size: 100% 100%;
             padding: 0 5px;
diff --git a/src/views/enterpriseArchives/componets/cardBox.vue b/src/views/enterpriseArchives/componets/cardBox.vue
index 27a4ade..8f3c2c5 100644
--- a/src/views/enterpriseArchives/componets/cardBox.vue
+++ b/src/views/enterpriseArchives/componets/cardBox.vue
@@ -154,7 +154,7 @@ export default {
           height: 26px;
           line-height: 26px;
           width: 60px;
-          background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+          background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
           padding: 0 5px;
           font-size: 14px;
           color: #b5ebff;
@@ -170,7 +170,7 @@ export default {
           height: 26px;
           line-height: 26px;
           width: 80px;
-          background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+          background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
           padding: 0 5px;
           font-size: 14px;
           color: #e3deff;
@@ -186,7 +186,7 @@ export default {
           height: 26px;
           line-height: 26px;
           width: 60px;
-          background: url("~@/assets/companyFile/编组 11991备份 10.png")
+          background: url("~@/assets/companyFile/zhibaoback.png")
             no-repeat;
           padding: 0 5px;
           font-size: 14px;
@@ -203,7 +203,7 @@ export default {
           height: 26px;
           line-height: 26px;
           width: 80px;
-          background: url("~@/assets/companyFile/编组 11991备份 21.png")
+          background: url("~@/assets/companyFile/zhianback.png")
             no-repeat;
           padding: 0 5px;
           font-size: 14px;
diff --git a/src/views/enterpriseArchives/index.vue b/src/views/enterpriseArchives/index.vue
index a73fb38..aec3091 100644
--- a/src/views/enterpriseArchives/index.vue
+++ b/src/views/enterpriseArchives/index.vue
@@ -4,7 +4,7 @@
       <div class="searchBox">
         <div class="searchBody">
           <div class="topLogo">
-            <img src="../../assets/companyFile/档案981.png" alt="" />
+            <img src="../../assets/companyFile/archivesicon.png" alt="" />
             企业档案
           </div>
           <div class="totalNum">
diff --git a/src/views/enterpriseArchives/result.vue b/src/views/enterpriseArchives/result.vue
index 57e60d1..f5cafca 100644
--- a/src/views/enterpriseArchives/result.vue
+++ b/src/views/enterpriseArchives/result.vue
@@ -1,538 +1,573 @@
 <template>
-    <div class="main">
-        <div class="searchBox">
-            <div class="topLogo">
-                <img src="../../assets/companyFile/档案981.png" alt="">
-                企业档案
-            </div>
-            <div class="zhcxBox"><el-input type="text" class="zhcxBoxIPT" v-model.trim="modifiedText" :suffix="suffixIcon">
-                    <template v-slot:suffix>
-                        <i class="el-icon-close custom-close-icon" v-show="modifiedText" @click="clearInput()"></i>
-                    </template>
-                </el-input>
-                <el-button type="primary" icon="el-icon-search" class="ssBtn"
-                    @click="showResult(modifiedText)"><span>搜索</span>
-                </el-button>
+  <div class="main">
+    <div class="searchBox">
+      <div class="topLogo">
+        <img src="../../assets/companyFile/archivesicon.png" alt="" />
+        企业档案
+      </div>
+      <div class="zhcxBox">
+        <el-input
+          type="text"
+          class="zhcxBoxIPT"
+          v-model.trim="modifiedText"
+          :suffix="suffixIcon"
+        >
+          <template v-slot:suffix>
+            <i
+              class="el-icon-close custom-close-icon"
+              v-show="modifiedText"
+              @click="clearInput()"
+            ></i>
+          </template>
+        </el-input>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          class="ssBtn"
+          @click="showResult(modifiedText)"
+          ><span>搜索</span>
+        </el-button>
+      </div>
+    </div>
+    <div class="resultBox">
+      <div class="resultTotal">
+        搜索结果（<span class="red">{{ total1 }}</span
+        >）
+      </div>
+      <div class="resultList">
+        <div
+          class="resultItem"
+          v-for="(item, index) in resultList1"
+          :key="index"
+          @click="goArchives(item)"
+        >
+          <p v-html="item.companyName"></p>
+          <div class="impBtnList">
+            <div
+              :class="{
+                shewei: a == '剧毒' || a == '易制毒',
+                zhongdian: a == '消防重点' || a == '所管消防',
+                zhibao: a == '放射源' || a == '易制爆',
+                zhian: a == '治安重点' || a == '创安单位',
+              }"
+              v-for="a in item.companyTypes"
+              :key="a"
+            >
+              {{ a }}
             </div>
-
+          </div>
+          <div class="itemAddress">
+            {{ item.companyAddress }}
+          </div>
+          <div class="renyuan" v-if="item.resultList.length">
+            <span
+              v-for="(a, ind) in item.resultList"
+              :key="ind"
+              v-html="a + '  '"
+            ></span>
+          </div>
         </div>
-        <div class="resultBox">
-            <div class="resultTotal">搜索结果（<span class="red">{{ total1 }}</span>）</div>
-            <div class="resultList">
-                <div class="resultItem" v-for="(item, index) in resultList1" :key="index" @click="goArchives(item)">
-                    <p v-html="item.companyName"></p>
-                    <div class="impBtnList">
-                        <div :class="{ 'shewei': a == '剧毒' || a == '易制毒', 'zhongdian': a == '消防重点' || a == '所管消防', 'zhibao': a == '放射源' || a == '易制爆', 'zhian': a == '治安重点' || a == '创安单位' }"
-                            v-for="a in item.companyTypes" :key="a">{{ a }}
-                        </div>
-                    </div>
-                    <div class="itemAddress">
-                        {{ item.companyAddress }}
-                    </div>
-                    <div class="renyuan" v-if="item.resultList.length">
-                        <span v-for="(a, ind) in item.resultList" :key="ind" v-html="a + '  '"></span>
-                    </div>
-
-                </div>
-                <div class="block">
-                    <el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
-                        @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
-                        :page-sizes="[10]" layout="total, sizes, prev, pager, next, jumper" :total="total1">
-                    </el-pagination>
-                </div>
-            </div>
-            <div class="resultHistory">
-                <div class="searchHistory">最近搜索</div>
-                <div class="historyItem" v-for="(item, index) in historyList1" :key="index" @click="showResult(item)">{{
-                    item
-                }}<br></div>
-            </div>
+        <div class="block">
+          <el-pagination
+            style="float: right; margin: 5px"
+            class="msg-pagination-container"
+            :background="true"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="pageNum"
+            :page-sizes="[10]"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total1"
+          >
+          </el-pagination>
+        </div>
+      </div>
+      <div class="resultHistory">
+        <div class="searchHistory">最近搜索</div>
+        <div
+          class="historyItem"
+          v-for="(item, index) in historyList1"
+          :key="index"
+          @click="showResult(item)"
+        >
+          {{ item }}<br />
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-import { historyList, searchList } from '@/api/enterpriseArchives'
+import { historyList, searchList } from "@/api/enterpriseArchives";
 
 export default {
-    props: {
-        searchVal: String,
-        resultList: Array,
-        total: Number,
-        historyList: Array,
+  props: {
+    searchVal: String,
+    resultList: Array,
+    total: Number,
+    historyList: Array,
+  },
+  data() {
+    return {
+      numList: [],
+      totalNum: "",
+      // isShow: false,
+      regex: {},
+      total1: this.total,
+      resultList1: [],
+      pageNum: 1,
+      pageSize: 10,
+      historyList1: this.historyList,
+      modifiedText: this.searchVal,
+    };
+  },
+  computed: {
+    suffixIcon() {
+      return this.modifiedText ? "" : "el-icon-search";
     },
-    data() {
-        return {
-            numList: [],
-            totalNum: '',
-            // isShow: false,
-            regex: {},
-            total1: this.total,
-            resultList1: [],
-            pageNum: 1,
-            pageSize: 10,
-            historyList1: this.historyList,
-            modifiedText: this.searchVal
+  },
+
+  mounted() {
+    this.resultList1 = this.resultList;
+    this.checkKeyWords();
+  },
+  methods: {
+    clearInput() {
+      this.$emit("clearInput");
+    },
+    checkKeyWords() {
+      this.regex = new RegExp(this.modifiedText, "i");
+      this.resultList1 = this.resultList1.map((item) => {
+        if (item.companyName) {
+          item.companyName1 = item.companyName;
+          item.companyName = item.companyName.replace(
+            this.regex,
+            '<span class="highlight">$&</span>'
+          );
+        }
+        if (item.resultList.length) {
+          item.resultList = item.resultList.map((a) => {
+            return (a = a.replace(
+              this.regex,
+              '<span class="highlight">$&</span>'
+            ));
+          });
+          // item.legalPerson = item.legalPerson.replace(this.regex, '<span class="highlight">$&</span>')
         }
+        return item;
+      });
     },
-    computed: {
-        suffixIcon() {
-            return this.modifiedText ? '' : 'el-icon-search'
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.pageNum = 1;
+      this.pageSize = val;
+      this.showResult(this.modifiedText);
+    },
+    handleCurrentChange(val) {
+      //console.log(`当前页: ${val}`);
+      this.pageNum = val;
+      this.showResult(this.modifiedText);
+    },
+    goArchives(val) {
+      sessionStorage.setItem("companyID", val.id);
+      sessionStorage.setItem("companyName", val.companyName1);
+      this.$router.push({
+        name: "archives",
+      });
+    },
+    showResult(val) {
+      this.modifiedText = val ? val : this.modifiedText;
+      //console.log(!val.length, val.length);
+      if (!this.modifiedText.length) {
+        this.$message.warning("请输入要查询的关键词");
+        return;
+      }
+      searchList({
+        searchValue: this.modifiedText,
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        if (res.total || res.data.length) {
+          this.$set(this, "resultList1", res.data);
+          // console.log(res.data, 'res.data');
+          // console.log(this.resultList1, 'this.resultList1');
+          this.total1 = res.total;
+          //this.isShow = true
+          this.gethistoryList();
+          this.checkKeyWords();
+        } else {
+          this.$message.warning("未查询到相关数据");
         }
+      });
     },
-
-    mounted() {
-        this.resultList1 = this.resultList
-        this.checkKeyWords()
+    gethistoryList() {
+      historyList().then((res) => {
+        this.historyList1 = res.data;
+        this.historyList1 = this.historyList1.filter((item, index) => {
+          if (index < 5) {
+            return item;
+          }
+        });
+      });
     },
-    methods: {
-        clearInput() {
-            this.$emit('clearInput')
-        },
-        checkKeyWords() {
-            this.regex = new RegExp(this.modifiedText, "i")
-            this.resultList1 = this.resultList1.map(item => {
-                if (item.companyName) {
-                    item.companyName1 = item.companyName
-                    item.companyName = item.companyName.replace(this.regex, '<span class="highlight">$&</span>')
-                }
-                if (item.resultList.length) {
-                    item.resultList = item.resultList.map((a) => {
-                        return a = a.replace(this.regex, '<span class="highlight">$&</span>')
-                    });
-                    // item.legalPerson = item.legalPerson.replace(this.regex, '<span class="highlight">$&</span>')
-                }
-                return item
-            })
-        },
-        handleSizeChange(val) {
-            // console.log(`每页 ${val} 条`);
-            this.pageNum = 1;
-            this.pageSize = val;
-            this.showResult(this.modifiedText)
-        },
-        handleCurrentChange(val) {
-            //console.log(`当前页: ${val}`);
-            this.pageNum = val;
-            this.showResult(this.modifiedText)
-        },
-        goArchives(val) {
-            sessionStorage.setItem('companyID', val.id)
-            sessionStorage.setItem('companyName', val.companyName1)
-            this.$router.push({
-                name: 'archives',
-
-            })
-        },
-        showResult(val) {
-            this.modifiedText = val ? val : this.modifiedText
-            //console.log(!val.length, val.length);
-            if (!this.modifiedText.length) {
-                this.$message.warning('请输入要查询的关键词')
-                return
-            }
-            searchList({ searchValue: this.modifiedText, pageNum: this.pageNum, pageSize: this.pageSize }).then(res => {
-                if (res.total || res.data.length) {
-                    this.$set(this, 'resultList1', res.data)
-                    // console.log(res.data, 'res.data');
-                    // console.log(this.resultList1, 'this.resultList1');
-                    this.total1 = res.total
-                    //this.isShow = true
-                    this.gethistoryList()
-                    this.checkKeyWords()
-                } else {
-                    this.$message.warning('未查询到相关数据')
-                }
-            })
-        },
-        gethistoryList() {
-            historyList().then((res) => {
-                this.historyList1 = res.data
-                this.historyList1 = this.historyList1.filter((item, index) => {
-                    if (index < 5) {
-                        return item
-                    }
-                })
-            })
-
-        },
-    }
-}
+  },
+};
 </script>
 
 <style lang="less" scoped>
 .main {
+  width: 100%;
+  height: calc(100% - 80px);
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+
+  .searchBox {
+    width: 1050px;
+    height: 60px;
+    margin: 30px 0;
+    display: flex;
+
+    .topLogo {
+      width: 220px;
+      height: 50px;
+      margin: 0 auto;
+      font-size: 26px;
+      color: aliceblue;
+      display: flex;
+      align-items: center;
+      letter-spacing: 5px;
+
+      img {
+        width: 35px;
+        height: 35px;
+        margin-right: 10px;
+      }
+    }
+  }
+
+  .zhcxBox {
     width: 100%;
-    height: calc(100% - 80px);
+    height: 54px;
+
     display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
-
-    .searchBox {
-        width: 1050px;
-        height: 60px;
-        margin: 30px 0;
-        display: flex;
-
-        .topLogo {
-            width: 220px;
-            height: 50px;
-            margin: 0 auto;
-            font-size: 26px;
-            color: aliceblue;
-            display: flex;
-            align-items: center;
-            letter-spacing: 5px;
-
-            img {
-                width: 35px;
-                height: 35px;
-                margin-right: 10px;
-            }
-        }
+
+    .zhcxBoxIPT {
+      height: 100%;
+      width: 700px;
+      font-size: 20px;
+      background: #121a18;
+      border: 1px solid rgba(108, 128, 151, 0.7);
+      border-radius: 4px;
+      font-size: 18px;
+      color: #f8fbff;
+      letter-spacing: 1.29px;
+      line-height: 16px;
+      font-weight: 400;
+      opacity: 0.95;
     }
 
-    .zhcxBox {
-        width: 100%;
-        height: 54px;
-
-        display: flex;
-
-        .zhcxBoxIPT {
-            height: 100%;
-            width: 700px;
-            font-size: 20px;
-            background: #121A18;
-            border: 1px solid rgba(108, 128, 151, 0.7);
-            border-radius: 4px;
-            font-size: 18px;
-            color: #F8FBFF;
-            letter-spacing: 1.29px;
-            line-height: 16px;
-            font-weight: 400;
-            opacity: 0.95;
+    /deep/.el-input__inner {
+      background-color: rgba(255, 255, 255, 0);
+      background-image: none;
+      border-radius: 4px;
+      border: 0;
+      box-sizing: border-box;
+      color: #f8fbff;
+      display: inline-block;
+      height: 54px;
+      line-height: 54px;
+      outline: 0;
+      padding: 0 15px;
+      transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+      width: 100%;
+    }
 
-        }
+    /deep/ .el-input__suffix {
+      font-size: 20px;
+      line-height: 54px;
+      cursor: pointer;
+    }
+
+    input:focus,
+    textarea:focus {
+      outline: none;
+    }
+
+    .ssBtn {
+      margin-left: 20px;
+      display: inline-block;
+      height: 100%;
+      width: 100px;
+      color: #eee;
+      font-size: 20px;
+      text-align: center;
+      border: 0;
+      background: url("~@/assets/companyFile/2121.png") no-repeat;
+      background-size: 100% 100%;
+    }
+  }
+
+  .zjssBox {
+    height: 40px;
+    margin-top: 60px;
+    font-size: 14px;
+    color: rgba(208, 222, 238, 0.7);
+    letter-spacing: 1px;
+    line-height: 12px;
+    font-weight: 400;
+    display: flex;
+    align-items: center;
+
+    .ssgs {
+      margin-left: 10px;
+      height: 28px;
+      width: auto;
+      background: rgba(255, 255, 255, 0.2);
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      // background: url('~@/assets/companyFile/矩形.png') no-repeat;
+      // background-size: 100% 100%;
+    }
+  }
 
-        /deep/.el-input__inner {
-
-            background-color: rgba(255, 255, 255, 0);
-            background-image: none;
-            border-radius: 4px;
-            border: 0;
-            box-sizing: border-box;
-            color: #F8FBFF;
-            display: inline-block;
-            height: 54px;
-            line-height: 54px;
-            outline: 0;
-            padding: 0 15px;
-            transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-            width: 100%;
+  .resultBox {
+    width: 80%;
+    height: calc(100% - 60px);
+    background: url("~@/assets/companyFile/back001.png") no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    position: relative;
+
+    .resultTotal {
+      position: absolute;
+      top: 30px;
+      left: 50px;
+      font-size: 18px;
+      color: #ffffff;
+      letter-spacing: 1px;
+
+      font-weight: 500;
+
+      .red {
+        color: #ff7474;
+      }
+    }
 
+    .resultList {
+      width: 60%;
+      height: 78%;
+      margin-top: 60px;
+      background: #000;
+      background: url("~@/assets/companyFile/back002.png") no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      justify-content: center;
+      flex-wrap: wrap;
+      overflow: auto;
+      position: relative;
+
+      .block {
+        position: fixed;
+        box-sizing: border-box;
+        right: 40%;
+        bottom: 25px;
+        width: 100%;
+        height: 42px;
+
+        /deep/ .el-pagination.is-background .btn-next,
+        .el-pagination.is-background .btn-prev,
+        .el-pagination.is-background .el-pager li {
+          margin: 0 5px;
+          background-color: rgba(255, 255, 255, 0);
+          color: #eaeff7;
+          min-width: 30px;
+          border-radius: 2px;
+          border: 1px solid rgba(40, 132, 126, 1);
         }
 
-        /deep/ .el-input__suffix {
-            font-size: 20px;
-            line-height: 54px;
-            cursor: pointer;
+        /deep/ .el-input__inner {
+          // background: url('~@/assets/companyFile/2121.png') no-repeat;
+          background: url("~@/assets/companyFile/矩形备份 18.png") no-repeat;
+          background-size: 100% 100%;
+          border: 1px solid rgba(40, 132, 126, 1);
+          color: rgba(234, 246, 255, 0.7);
         }
 
+        /deep/ .btn-prev {
+          margin: 0 5px;
+          background-color: rgba(255, 255, 255, 0);
+          color: #eaeff7;
+          min-width: 30px;
+          border-radius: 2px;
+          border: 1px solid rgba(40, 132, 126, 1);
+        }
 
-        input:focus,
-        textarea:focus {
+        // /deep/.el-select-dropdown {
+
+        //     background-color: rgba(255, 255, 255, 0);
+        //     background: url('~@/assets/companyFile/001.png') no-repeat;
+        //     background-size: 100% 100%;
+        //     border: 0;
+        // }
+      }
+
+      &::-webkit-scrollbar {
+        width: 6px;
+      }
+
+      // 滚动条里面默认的小方块,自定义样式
+      &::-webkit-scrollbar-thumb {
+        background: rgba(255, 255, 255, 0.44);
+        border-radius: 5px;
+      }
+
+      // 滚动条里面的轨道
+      &::-webkit-scrollbar-track {
+        background: transparent;
+      }
+
+      .resultItem {
+        height: 175px;
+        width: 95%;
+        border-bottom: 1px solid #6c8097;
+        padding: 20px 0;
+        cursor: pointer;
+
+        p {
+          font-size: 16px;
+          color: #ffffff;
+          letter-spacing: 0.5px;
+          line-height: 16px;
+          font-weight: 500;
+
+          /deep/.highlight {
+            color: #ff7777;
+          }
+        }
 
-            outline: none;
+        .impBtnList {
+          height: 40px;
+          width: 100%;
+          display: flex;
+          align-items: center;
 
-        }
+          .shewei {
+            height: 26px;
+            line-height: 26px;
+            width: auto;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
+            padding: 0 5px;
+            font-size: 14px;
+            color: #b5ebff;
+            letter-spacing: 0.44px;
+            font-weight: 400;
+            background-size: 100% 100%;
+            margin-right: 10px;
+          }
 
-        .ssBtn {
-            margin-left: 20px;
-            display: inline-block;
-            height: 100%;
-            width: 100px;
-            color: #eee;
-            font-size: 20px;
-            text-align: center;
-            border: 0;
-            background: url('~@/assets/companyFile/2121.png') no-repeat;
+          .zhongdian {
+            height: 26px;
+            line-height: 26px;
+            width: auto;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
+            padding: 0 5px;
+            font-size: 14px;
+            color: #e3deff;
+            letter-spacing: 0.44px;
+            font-weight: 400;
             background-size: 100% 100%;
-        }
-    }
+            margin-right: 10px;
+          }
 
-    .zjssBox {
-        height: 40px;
-        margin-top: 60px;
-        font-size: 14px;
-        color: rgba(208, 222, 238, 0.7);
-        letter-spacing: 1px;
-        line-height: 12px;
-        font-weight: 400;
-        display: flex;
-        align-items: center;
-
-        .ssgs {
-            margin-left: 10px;
-            height: 28px;
+          .zhibao {
+            height: 26px;
+            line-height: 26px;
             width: auto;
-            background: rgba(255, 255, 255, 0.2);
-            display: flex;
-            align-items: center;
-            cursor: pointer;
-            // background: url('~@/assets/companyFile/矩形.png') no-repeat;
-            // background-size: 100% 100%;
+            background: url("~@/assets/companyFile/zhibaoback.png")
+              no-repeat;
+            padding: 0 5px;
+            font-size: 14px;
+            color: #e3deff;
+            letter-spacing: 0.44px;
+            font-weight: 400;
+            background-size: 100% 100%;
+            margin-right: 10px;
+          }
 
+          .zhian {
+            height: 26px;
+            line-height: 26px;
+            width: auto;
+            background: url("~@/assets/companyFile/zhianback.png")
+              no-repeat;
+            padding: 0 5px;
+            font-size: 14px;
+            color: #e3deff;
+            letter-spacing: 0.44px;
+            font-weight: 400;
+            background-size: 100% 100%;
+            margin-right: 10px;
+          }
         }
-    }
 
-    .resultBox {
-        width: 80%;
-        height: calc(100% - 60px);
-        background: url('~@/assets/companyFile/编组 17.png') no-repeat;
-        background-size: 100% 100%;
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        position: relative;
-
-        .resultTotal {
-            position: absolute;
-            top: 30px;
-            left: 50px;
-            font-size: 18px;
-            color: #FFFFFF;
-            letter-spacing: 1px;
-
-            font-weight: 500;
-
-            .red {
-                color: #FF7474;
-            }
-        }
+        .itemAddress {
+          margin-top: 10px;
+          opacity: 0.8;
 
-        .resultList {
-            width: 60%;
-            height: 78%;
-            margin-top: 60px;
-            background: #000;
-            background: url('~@/assets/companyFile/矩形备份 289981.png') no-repeat;
-            background-size: 100% 100%;
-            display: flex;
-            justify-content: center;
-            flex-wrap: wrap;
-            overflow: auto;
-            position: relative;
-
-            .block {
-                position: fixed;
-                box-sizing: border-box;
-                right: 40%;
-                bottom: 25px;
-                width: 100%;
-                height: 42px;
-
-                /deep/ .el-pagination.is-background .btn-next,
-                .el-pagination.is-background .btn-prev,
-                .el-pagination.is-background .el-pager li {
-                    margin: 0 5px;
-                    background-color: rgba(255, 255, 255, 0);
-                    color: #eaeff7;
-                    min-width: 30px;
-                    border-radius: 2px;
-                    border: 1px solid rgba(40, 132, 126, 1);
-                }
-
-
-
-                /deep/ .el-input__inner {
-                    // background: url('~@/assets/companyFile/2121.png') no-repeat;
-                    background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat;
-                    background-size: 100% 100%;
-                    border: 1px solid rgba(40, 132, 126, 1);
-                    color: rgba(234, 246, 255, 0.7);
-                    ;
-                }
-
-
-
-                /deep/ .btn-prev {
-                    margin: 0 5px;
-                    background-color: rgba(255, 255, 255, 0);
-                    color: #eaeff7;
-                    min-width: 30px;
-                    border-radius: 2px;
-                    border: 1px solid rgba(40, 132, 126, 1);
-                }
-
-                // /deep/.el-select-dropdown {
-
-                //     background-color: rgba(255, 255, 255, 0);
-                //     background: url('~@/assets/companyFile/001.png') no-repeat;
-                //     background-size: 100% 100%;
-                //     border: 0;
-                // }
-            }
-
-            &::-webkit-scrollbar {
-                width: 6px;
-
-            }
-
-            // 滚动条里面默认的小方块,自定义样式
-            &::-webkit-scrollbar-thumb {
-                background: rgba(255, 255, 255, 0.44);
-                border-radius: 5px;
-            }
-
-            // 滚动条里面的轨道
-            &::-webkit-scrollbar-track {
-                background: transparent;
-
-            }
-
-            .resultItem {
-                height: 175px;
-                width: 95%;
-                border-bottom: 1px solid #6C8097;
-                padding: 20px 0;
-                cursor: pointer;
-
-                p {
-
-                    font-size: 16px;
-                    color: #FFFFFF;
-                    letter-spacing: 0.5px;
-                    line-height: 16px;
-                    font-weight: 500;
-
-                    /deep/.highlight {
-                        color: #FF7777;
-
-                    }
-                }
-
-                .impBtnList {
-                    height: 40px;
-                    width: 100%;
-                    display: flex;
-                    align-items: center;
-
-                    .shewei {
-                        height: 26px;
-                        line-height: 26px;
-                        width: auto;
-                        background: url('~@/assets/companyFile/编组 11991.png') no-repeat;
-                        padding: 0 5px;
-                        font-size: 14px;
-                        color: #B5EBFF;
-                        letter-spacing: 0.44px;
-                        font-weight: 400;
-                        background-size: 100% 100%;
-                        margin-right: 10px;
-                    }
-
-                    .zhongdian {
-                        height: 26px;
-                        line-height: 26px;
-                        width: auto;
-                        background: url('~@/assets/companyFile/编组 11222221.png') no-repeat;
-                        padding: 0 5px;
-                        font-size: 14px;
-                        color: #E3DEFF;
-                        letter-spacing: 0.44px;
-                        font-weight: 400;
-                        background-size: 100% 100%;
-                        margin-right: 10px;
-                    }
-
-                    .zhibao {
-                        height: 26px;
-                        line-height: 26px;
-                        width: auto;
-                        background: url('~@/assets/companyFile/编组 11991备份 10.png') no-repeat;
-                        padding: 0 5px;
-                        font-size: 14px;
-                        color: #E3DEFF;
-                        letter-spacing: 0.44px;
-                        font-weight: 400;
-                        background-size: 100% 100%;
-                        margin-right: 10px;
-                    }
-
-                    .zhian {
-                        height: 26px;
-                        line-height: 26px;
-                        width: auto;
-                        background: url('~@/assets/companyFile/编组 11991备份 21.png') no-repeat;
-                        padding: 0 5px;
-                        font-size: 14px;
-                        color: #E3DEFF;
-                        letter-spacing: 0.44px;
-                        font-weight: 400;
-                        background-size: 100% 100%;
-                        margin-right: 10px;
-                    }
-
-                }
-
-                .itemAddress {
-                    margin-top: 10px;
-                    opacity: 0.8;
-
-                    font-size: 14px;
-                    color: #FFFFFF;
-                    letter-spacing: 0;
-                    font-weight: 400;
-                }
-
-                .renyuan {
-                    margin-top: 10px;
-                    font-size: 14px;
-                    color: rgba(255, 255, 255, 0.9);
-
-                    /deep/.highlight {
-                        color: #FF7777;
-
-                    }
-                }
-
-            }
+          font-size: 14px;
+          color: #ffffff;
+          letter-spacing: 0;
+          font-weight: 400;
         }
 
-        .resultHistory {
-            width: 30%;
-            height: 85%;
-            margin-top: 60px;
-            background: url('~@/assets/companyFile/矩形备份 289981.png') no-repeat;
-            background-size: 100% 100%;
+        .renyuan {
+          margin-top: 10px;
+          font-size: 14px;
+          color: rgba(255, 255, 255, 0.9);
 
-            .searchHistory {
-                font-size: 18px;
-                color: #FFFFFF;
-                letter-spacing: 1px;
-                font-weight: 500;
-                margin: 20px;
-            }
-
-            .historyItem {
-                display: inline-block;
-                height: 40px;
-                width: auto;
-                background: url('~@/assets/companyFile/编组 1622111.png') no-repeat;
-                background-size: 100% 100%;
-                font-size: 16px;
-                color: #FFFFFF;
-                letter-spacing: 0.5px;
-                line-height: 40px;
-                padding: 5px 20px;
-                font-weight: 500;
-                margin-bottom: 20px;
-                margin-left: 20px;
-                cursor: pointer;
-            }
+          /deep/.highlight {
+            color: #ff7777;
+          }
         }
+      }
+    }
 
+    .resultHistory {
+      width: 30%;
+      height: 85%;
+      margin-top: 60px;
+      background: url("~@/assets/companyFile/back002.png") no-repeat;
+      background-size: 100% 100%;
 
+      .searchHistory {
+        font-size: 18px;
+        color: #ffffff;
+        letter-spacing: 1px;
+        font-weight: 500;
+        margin: 20px;
+      }
+
+      .historyItem {
+        display: inline-block;
+        height: 40px;
+        width: auto;
+        background: url("~@/assets/companyFile/编组 1622111.png") no-repeat;
+        background-size: 100% 100%;
+        font-size: 16px;
+        color: #ffffff;
+        letter-spacing: 0.5px;
+        line-height: 40px;
+        padding: 5px 20px;
+        font-weight: 500;
+        margin-bottom: 20px;
+        margin-left: 20px;
+        cursor: pointer;
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/factorResources/index.vue b/src/views/factorResources/index.vue
index 98f28ea..b7ac3e4 100644
--- a/src/views/factorResources/index.vue
+++ b/src/views/factorResources/index.vue
@@ -237,7 +237,7 @@ export default {
             height: 100%;
             //margin-right: 20px;
             box-sizing: border-box;
-            background: url('~@/assets/realtimeWarning/矩形备份 289981.png') no-repeat;
+            background: url('~@/assets/realtimeWarning/back002.png') no-repeat;
             background-size: 100% 100%;
             padding: 20px;
             position: relative;
@@ -425,7 +425,7 @@ export default {
                         height: 26px;
                         line-height: 26px;
                         width: auto;
-                        background: url('~@/assets/companyFile/编组 11991.png') no-repeat;
+                        background: url('~@/assets/companyFile/sheweiback.png') no-repeat;
                         padding: 0 5px;
                         font-size: 14px;
                         color: #B5EBFF;
@@ -439,7 +439,7 @@ export default {
                         height: 26px;
                         line-height: 26px;
                         width: auto;
-                        background: url('~@/assets/companyFile/编组 11222221.png') no-repeat;
+                        background: url('~@/assets/companyFile/zhongdianback.png') no-repeat;
                         padding: 0 5px;
                         font-size: 14px;
                         color: #E3DEFF;
@@ -453,7 +453,7 @@ export default {
                         height: 26px;
                         line-height: 26px;
                         width: auto;
-                        background: url('~@/assets/companyFile/编组 11991备份 10.png') no-repeat;
+                        background: url('~@/assets/companyFile/zhibaoback.png') no-repeat;
                         padding: 0 5px;
                         font-size: 14px;
                         color: #E3DEFF;
@@ -467,7 +467,7 @@ export default {
                         height: 26px;
                         line-height: 26px;
                         width: auto;
-                        background: url('~@/assets/companyFile/编组 11991备份 21.png') no-repeat;
+                        background: url('~@/assets/companyFile/zhianback.png') no-repeat;
                         padding: 0 5px;
                         font-size: 14px;
                         color: #E3DEFF;
@@ -614,7 +614,7 @@ export default {
                         height: 26px;
                         line-height: 26px;
                         width: auto;
-                        background: url('~@/assets/companyFile/编组 11991.png') no-repeat;
+                        background: url('~@/assets/companyFile/sheweiback.png') no-repeat;
                         padding: 0 5px;
                         font-size: 14px;
                         color: #B5EBFF;
@@ -628,7 +628,7 @@ export default {
                         height: 26px;
                         line-height: 26px;
                         width: auto;
-                        background: url('~@/assets/companyFile/编组 11222221.png') no-repeat;
+                        background: url('~@/assets/companyFile/zhongdianback.png') no-repeat;
                         padding: 0 5px;
                         font-size: 14px;
                         color: #E3DEFF;
@@ -642,7 +642,7 @@ export default {
                         height: 26px;
                         line-height: 26px;
                         width: auto;
-                        background: url('~@/assets/companyFile/编组 11991备份 10.png') no-repeat;
+                        background: url('~@/assets/companyFile/zhibaoback.png') no-repeat;
                         padding: 0 5px;
                         font-size: 14px;
                         color: #E3DEFF;
@@ -656,7 +656,7 @@ export default {
                         height: 26px;
                         line-height: 26px;
                         width: auto;
-                        background: url('~@/assets/companyFile/编组 11991备份 21.png') no-repeat;
+                        background: url('~@/assets/companyFile/zhianback.png') no-repeat;
                         padding: 0 5px;
                         font-size: 14px;
                         color: #E3DEFF;
diff --git a/src/views/head.vue b/src/views/head.vue
index 53bcc99..64dabef 100644
--- a/src/views/head.vue
+++ b/src/views/head.vue
@@ -165,7 +165,7 @@ export default {
 .topHeader {
   width: 100%;
   height: 80px;
-  background: url("~@/assets/companyFile/导航栏上.png") no-repeat;
+  background: url("~@/assets/companyFile/top_menu.png") no-repeat;
   background-size: 100% 100%;
   display: flex;
   align-items: center;
@@ -225,7 +225,7 @@ export default {
     .jgtx {
       width: 40px;
       height: 40px;
-      background: url("~@/assets/companyFile/矩形21112222.png") no-repeat;
+      background: url("~@/assets/companyFile/border01.png") no-repeat;
       background-size: 100% 100%;
       cursor: pointer;
 
diff --git a/src/views/realtimeWarning/components/allWarn.vue b/src/views/realtimeWarning/components/allWarn.vue
index 18effc6..18287f3 100644
--- a/src/views/realtimeWarning/components/allWarn.vue
+++ b/src/views/realtimeWarning/components/allWarn.vue
@@ -303,7 +303,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -318,7 +318,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #e3deff;
@@ -333,7 +333,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
@@ -349,7 +349,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
diff --git a/src/views/realtimeWarning/components/blueWarn.vue b/src/views/realtimeWarning/components/blueWarn.vue
index c059164..ce78e73 100644
--- a/src/views/realtimeWarning/components/blueWarn.vue
+++ b/src/views/realtimeWarning/components/blueWarn.vue
@@ -251,7 +251,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -266,7 +266,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #e3deff;
@@ -281,7 +281,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
@@ -297,7 +297,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
diff --git a/src/views/realtimeWarning/components/greenWarn.vue b/src/views/realtimeWarning/components/greenWarn.vue
index 09f01c3..2fbc693 100644
--- a/src/views/realtimeWarning/components/greenWarn.vue
+++ b/src/views/realtimeWarning/components/greenWarn.vue
@@ -247,7 +247,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -262,7 +262,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #e3deff;
@@ -277,7 +277,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
@@ -293,7 +293,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
diff --git a/src/views/realtimeWarning/components/redWarn.vue b/src/views/realtimeWarning/components/redWarn.vue
index ebb9f4a..3a3e2a9 100644
--- a/src/views/realtimeWarning/components/redWarn.vue
+++ b/src/views/realtimeWarning/components/redWarn.vue
@@ -251,7 +251,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -266,7 +266,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #e3deff;
@@ -281,7 +281,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
@@ -297,7 +297,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
diff --git a/src/views/realtimeWarning/components/yellowWarn.vue b/src/views/realtimeWarning/components/yellowWarn.vue
index d81ab96..8c1e66b 100644
--- a/src/views/realtimeWarning/components/yellowWarn.vue
+++ b/src/views/realtimeWarning/components/yellowWarn.vue
@@ -251,7 +251,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+            background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #b5ebff;
@@ -266,7 +266,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+            background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
             padding: 0 5px;
             font-size: 14px;
             color: #e3deff;
@@ -281,7 +281,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 60px;
-            background: url("~@/assets/companyFile/编组 11991备份 10.png")
+            background: url("~@/assets/companyFile/zhibaoback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
@@ -297,7 +297,7 @@ export default {
             height: 26px;
             line-height: 26px;
             width: 80px;
-            background: url("~@/assets/companyFile/编组 11991备份 21.png")
+            background: url("~@/assets/companyFile/zhianback.png")
               no-repeat;
             padding: 0 5px;
             font-size: 14px;
diff --git a/src/views/realtimeWarning/index.vue b/src/views/realtimeWarning/index.vue
index c732d4c..4145d1c 100644
--- a/src/views/realtimeWarning/index.vue
+++ b/src/views/realtimeWarning/index.vue
@@ -285,7 +285,7 @@ export default {
       height: 100%;
       margin-right: 20px;
       box-sizing: border-box;
-      background: url("~@/assets/realtimeWarning/矩形备份 289981.png") no-repeat;
+      background: url("~@/assets/realtimeWarning/back002.png") no-repeat;
       background-size: 100% 100%;
       padding: 20px;
       position: relative;
@@ -342,7 +342,7 @@ export default {
     //   width: 570px;
     //   height: 100%;
     //   box-sizing: border-box;
-    //   background: url("~@/assets/realtimeWarning/矩形备份 289981.png") no-repeat;
+    //   background: url("~@/assets/realtimeWarning/back002.png") no-repeat;
     //   background-size: 100% 100%;
     //   position: relative;
 
@@ -521,7 +521,7 @@ export default {
     //             height: 26px;
     //             line-height: 26px;
     //             width: auto;
-    //             background: url("~@/assets/companyFile/编组 11991.png")
+    //             background: url("~@/assets/companyFile/sheweiback.png")
     //               no-repeat;
     //             padding: 0 5px;
     //             font-size: 14px;
@@ -536,7 +536,7 @@ export default {
     //             height: 26px;
     //             line-height: 26px;
     //             width: auto;
-    //             background: url("~@/assets/companyFile/编组 11222221.png")
+    //             background: url("~@/assets/companyFile/zhongdianback.png")
     //               no-repeat;
     //             padding: 0 5px;
     //             font-size: 14px;
@@ -551,7 +551,7 @@ export default {
     //             height: 26px;
     //             line-height: 26px;
     //             width: auto;
-    //             background: url("~@/assets/companyFile/编组 11991备份 10.png")
+    //             background: url("~@/assets/companyFile/zhibaoback.png")
     //               no-repeat;
     //             padding: 0 5px;
     //             font-size: 14px;
@@ -566,7 +566,7 @@ export default {
     //             height: 26px;
     //             line-height: 26px;
     //             width: auto;
-    //             background: url("~@/assets/companyFile/编组 11991备份 21.png")
+    //             background: url("~@/assets/companyFile/zhianback.png")
     //               no-repeat;
     //             padding: 0 5px;
     //             font-size: 14px;
diff --git a/src/views/systemManagement/companyList/index.vue b/src/views/systemManagement/companyList/index.vue
index 2a01d9f..113ca22 100644
--- a/src/views/systemManagement/companyList/index.vue
+++ b/src/views/systemManagement/companyList/index.vue
@@ -337,7 +337,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: 60px;
-              background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
+              background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
               padding: 0 5px;
               font-size: 14px;
               color: #b5ebff;
@@ -352,7 +352,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: 80px;
-              background: url("~@/assets/companyFile/编组 11222221.png")
+              background: url("~@/assets/companyFile/zhongdianback.png")
                 no-repeat;
               padding: 0 5px;
               font-size: 14px;
@@ -368,7 +368,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: 60px;
-              background: url("~@/assets/companyFile/编组 11991备份 10.png")
+              background: url("~@/assets/companyFile/zhibaoback.png")
                 no-repeat;
               padding: 0 5px;
               font-size: 14px;
@@ -384,7 +384,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: 80px;
-              background: url("~@/assets/companyFile/编组 11991备份 21.png")
+              background: url("~@/assets/companyFile/zhianback.png")
                 no-repeat;
               padding: 0 5px;
               font-size: 14px;