From 102cc73d81429faf4f05c6d7282e2c62f9c01414 Mon Sep 17 00:00:00 2001
From: mengfanliang <mengfanliang@zcloudchina.com>
Date: Thu, 22 Aug 2024 13:42:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E6=B1=A1=E6=9F=93=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |  14 +-
 .../components/grouplist.vue                  |   2 +-
 .../case_library/components/casebasic.vue     |   2 +-
 .../dangerous_goods/index.vue                 |   2 +-
 .../hazardous_chemicals/index.vue             |   2 +-
 .../production_process/index.vue              |   2 +-
 .../components/list.vue                       |   2 +-
 .../technical_management/components/list.vue  |   2 +-
 .../emergency_map/components/baseTable.vue    |   5 +-
 .../emergency_map/components/chat.vue         | 286 ------------------
 .../emergency_map/components/dialog.vue       | 202 ++-----------
 .../emergency_map/dialog/baoJing.vue          |   1 +
 .../company_plan-check/components/list.vue    |   2 +-
 .../company_plan/components/list.vue          |   2 +-
 .../expert_group/components/list.vue          |   8 +-
 .../rescue_expert/components/list.vue         |   6 +-
 .../rescue_team/components/list.vue           |   6 +-
 .../emergency_shelter/components/list.vue     |   2 +-
 18 files changed, 48 insertions(+), 500 deletions(-)
 delete mode 100644 src/views/emergen_cyrescue/emergency_map/components/chat.vue

diff --git a/src/App.vue b/src/App.vue
index 9648a09..c02d36b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
@@ -12,20 +12,12 @@ export default {
 </script>
 
 <style>
-.vue-treeselect__placeholder{
-  color: #dcdfe6 !important;
-  font-size: 14px !important;
-}
-.vue-treeselect__single-value{
-  color: #cdcdcd !important;
-  font-size: 14px !important;
-}
-.vue-treeselect__label{
+.vue-treeselect__label {
   color: #606266 !important;
   font-size: 14px !important;
   font-weight: 500;
 }
-.el-loading-mask{
+.el-loading-mask {
   z-index: 9999 !important;
 }
 </style>
diff --git a/src/views/emergen_cyrescue/emergency_information/emergency_address_book/components/grouplist.vue b/src/views/emergen_cyrescue/emergency_information/emergency_address_book/components/grouplist.vue
index 579b637..821fe9c 100644
--- a/src/views/emergen_cyrescue/emergency_information/emergency_address_book/components/grouplist.vue
+++ b/src/views/emergen_cyrescue/emergency_information/emergency_address_book/components/grouplist.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;"/>
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;"/>
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/case_library/components/casebasic.vue b/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/case_library/components/casebasic.vue
index 5592047..66b3739 100644
--- a/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/case_library/components/casebasic.vue
+++ b/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/case_library/components/casebasic.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/dangerous_goods/index.vue b/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/dangerous_goods/index.vue
index cbf15b3..77a253f 100644
--- a/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/dangerous_goods/index.vue
+++ b/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/dangerous_goods/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/hazardous_chemicals/index.vue b/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/hazardous_chemicals/index.vue
index f02b22d..4b92aa2 100644
--- a/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/hazardous_chemicals/index.vue
+++ b/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/hazardous_chemicals/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/production_process/index.vue b/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/production_process/index.vue
index 086e192..2166078 100644
--- a/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/production_process/index.vue
+++ b/src/views/emergen_cyrescue/emergency_information/emergency_knowledge/production_process/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_information/security_agency/institutional_management/components/list.vue b/src/views/emergen_cyrescue/emergency_information/security_agency/institutional_management/components/list.vue
index 409df8e..72ff5a7 100644
--- a/src/views/emergen_cyrescue/emergency_information/security_agency/institutional_management/components/list.vue
+++ b/src/views/emergen_cyrescue/emergency_information/security_agency/institutional_management/components/list.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_information/security_agency/technical_management/components/list.vue b/src/views/emergen_cyrescue/emergency_information/security_agency/technical_management/components/list.vue
index bd4bbcb..388be16 100644
--- a/src/views/emergen_cyrescue/emergency_information/security_agency/technical_management/components/list.vue
+++ b/src/views/emergen_cyrescue/emergency_information/security_agency/technical_management/components/list.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_map/components/baseTable.vue b/src/views/emergen_cyrescue/emergency_map/components/baseTable.vue
index 817ed1e..c9f1033 100644
--- a/src/views/emergen_cyrescue/emergency_map/components/baseTable.vue
+++ b/src/views/emergen_cyrescue/emergency_map/components/baseTable.vue
@@ -124,9 +124,6 @@ export default {
       }
     }
   },
-  mounted() {
-    console.log('this.info :>>>>>>>>>>>>>>', this.info)
-  },
   methods: {
     clickIntoDutyInfoDialog() {
       this.$emit('goInfo', this.titleType)
@@ -214,7 +211,7 @@ export default {
 
   .infomation_table .infomation_table_tbody {
     display: block;
-    height: 171px;
+    height: 155px;
     overflow-y: scroll;
 
     &::-webkit-scrollbar {
diff --git a/src/views/emergen_cyrescue/emergency_map/components/chat.vue b/src/views/emergen_cyrescue/emergency_map/components/chat.vue
deleted file mode 100644
index 4ba3074..0000000
--- a/src/views/emergen_cyrescue/emergency_map/components/chat.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <div class="chat">
-    <div class="chat-title">
-      欢迎您,在这里可查看城市的重点隐患信息!
-    </div>
-
-    <div class="content">
-      <div class="item item-right">
-        <div class="bubble bubble-right">
-          刚刚不在，不好意思
-        </div>
-        <div class="avatar">
-          <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.4XP3SrYigaDrlkbG_uFkzQAAAA?rs=1&pid=ImgDetMain">
-        </div>
-      </div>
-      <div class="item item-left">
-        <div class="avatar">
-          <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.-byzt1F3AA9UcVgO_DOIwQAAAA?rs=1&pid=ImgDetMain">
-        </div>
-        <div class="bubble bubble-left">
-          没事
-          <br>
-          你继续！
-        </div>
-      </div>
-
-      <!-- 服务端向客户端推送的消息队列 -->
-      <div v-for="(item, index) in receiveMessageList" :key="index" :class="item.className">
-        <div style="display: flex;" v-html="item.content" />
-      </div>
-
-      <!-- 客户端向服务端主动发送的消息队列 -->
-      <div v-for="(item, index) in sendMessageList" :key="index" :class="item.className">
-        <div style="display: flex;" v-html="item.content" />
-      </div>
-    </div>
-
-    <div class="input-area">
-      <textarea id="textarea" v-model="inputTextValue" class="input-text-area" name="text" />
-      <div class="button-area">
-        <button class="btnSend" @click="handleSendMessage"> 发送(S) </button>
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-
-let socketIOInstance
-
-export default {
-  name: 'Chat',
-  data() {
-    return {
-      websocketonline: '',
-      inputTextValue: '',
-      /** 发送消息列表 */
-      sendMessageList: [],
-      /** 接收消息列表 */
-      receiveMessageList: []
-    }
-  },
-  created() {
-    this.getWebsocketController()
-  },
-  beforeDestroy() {
-    socketIOInstance.close()
-  },
-  methods: {
-    // 启动 websocket 连接控制器
-    getWebsocketController() {
-      if (window.WebSocket) {
-        socketIOInstance = new WebSocket(encodeURI('ws://192.168.0.35:8089/getMapData/1'))
-        socketIOInstance.onopen = () => {
-          console.log('socket 连接成功!')
-        }
-        socketIOInstance.onerror = () => {
-          console.log('socket 连接失败!')
-        }
-        socketIOInstance.onclose = () => {
-          console.log('socket 连接断开!')
-        }
-        socketIOInstance.onmessage = (message) => {
-          this.handleReceiveMessage(message)
-        }
-      }
-    },
-    /** 处理服务端向客户端推送的消息并展示到消息列表内 */
-    handleReceiveMessage(val) {
-      this.sendMessageList.push({
-        className: 'item item-left',
-        content: `<div class="avatar"><img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.-byzt1F3AA9UcVgO_DOIwQAAAA?rs=1&pid=ImgDetMain"></div><div class="bubble bubble-left">${val.data}</div>`
-      })
-    },
-    // 处理客户端向服务端发送消息
-    handleSendMessage() {
-      if (this.inputTextValue === '') {
-        this.$message('消息不能为空!')
-        return
-      }
-      socketIOInstance.send(this.inputTextValue) // 向 websocket 服务发送消息
-
-      this.sendMessageList.push({
-        className: 'item item-right',
-        content: `<div class="bubble bubble-left">${this.inputTextValue}</div><div class="avatar"><img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.4XP3SrYigaDrlkbG_uFkzQAAAA?rs=1&pid=ImgDetMain" /></div>`
-      })
-
-      this.inputTextValue = ''
-      this.$nextTick(() => {
-        // 滚动条置底
-        const height = document.querySelector('.content').scrollHeight
-        document.querySelector('.content').scrollTop = height
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-* {
-  padding: 0;
-  margin: 0;
-  font-size: 15px;
-  font-family: '微软雅黑', "宋体", "Arial Narrow", Helvetica, sans-serif;
-}
-
-.chat {
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-
-  .chat-title {
-    font-size: 20px;
-    text-align: center;
-    color: #fff;
-    height: 35px;
-    border-bottom: 1px solid white
-  }
-
-  .content {
-    overflow-y: auto;
-    overflow-x: hidden;
-    height: 648px;
-
-    &::-webkit-scrollbar {
-      width: 7px;
-    }
-
-    // 滚动条的滚动区域（轨道）
-    &::-webkit-scrollbar-track {
-      width: 8px;
-      border-radius: 18px;
-      background: transparent;
-    }
-
-    // 滚动条的可拖拽部分（滑块）
-    &::-webkit-scrollbar-thumb {
-      width: 8px;
-      border-radius: 18px;
-      background: rgba(20, 31, 168, .8);
-    }
-
-    .bubble {
-      max-width: 300px;
-      padding: 10px;
-      border-radius: 5px;
-      position: relative;
-      color: #000;
-      word-wrap: break-word;
-      word-break: normal;
-    }
-
-    .item-left .bubble {
-      margin-left: 15px;
-      background-color: #fff;
-    }
-
-    .item-left .bubble:before {
-      content: "";
-      position: absolute;
-      width: 0;
-      height: 0;
-      border-left: 10px solid transparent;
-      border-top: 10px solid transparent;
-      border-right: 10px solid #fff;
-      border-bottom: 10px solid transparent;
-      left: -20px;
-    }
-
-    .item-right .bubble {
-      margin-right: 15px;
-      background-color: #9eea6a;
-    }
-
-    .item-right .bubble:before {
-      content: "";
-      position: absolute;
-      width: 0;
-      height: 0;
-      border-left: 10px solid #9eea6a;
-      border-top: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid transparent;
-      right: -20px;
-    }
-
-    .item {
-      margin-top: 15px;
-      display: flex;
-      width: 100%;
-    }
-
-    .item.item-right {
-      justify-content: flex-end;
-    }
-
-    .avatar img {
-      width: 42px;
-      height: 42px;
-      border-radius: 50%;
-    }
-  }
-
-  .input-area {
-    position: relative;
-    width: 100%;
-    height: 100px;
-
-    .input-text-area {
-      // 去除选中后的边框
-      outline: none;
-      resize: none;
-      background: none;
-      caret-color: #fff;
-      border: 1px solid #fff;
-      color: #fff;
-      width: 100%;
-      height: 100%;
-      border-radius: 6px;
-      padding: 10px;
-      overflow: auto;
-      line-height: 20px;
-
-      &::-webkit-scrollbar {
-        width: 7px;
-      }
-
-      // 滚动条的滚动区域（轨道）
-      &::-webkit-scrollbar-track {
-        width: 8px;
-        border-radius: 18px;
-        background: transparent;
-      }
-
-      // 滚动条的可拖拽部分（滑块）
-      &::-webkit-scrollbar-thumb {
-        width: 8px;
-        border-radius: 18px;
-        background: rgba(20, 31, 168, .8);
-      }
-    }
-
-    .button-area {
-      margin-top: 5px;
-      text-align: right;
-
-      .btnSend {
-        width: 85px;
-        height: 37px;
-        background: none;
-        border: 1px solid #fff;
-        border-radius: 6px;
-        color: #fff;
-        cursor: pointer;
-        font-weight: 800;
-        transition: transform ease-in-out .2s;
-
-        &:active {
-          transform: scale(0.9);
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/emergen_cyrescue/emergency_map/components/dialog.vue b/src/views/emergen_cyrescue/emergency_map/components/dialog.vue
index 2dfca06..e2603fb 100644
--- a/src/views/emergen_cyrescue/emergency_map/components/dialog.vue
+++ b/src/views/emergen_cyrescue/emergency_map/components/dialog.vue
@@ -78,114 +78,39 @@ export default {
 </script>
 
 <style lang="scss">
-.bi_enterprise_dialog {
+.el-dialog.bi_enterprise_dialog {
   border-radius: 8px !important;
   background-color: #000d27f5 !important;
   border: 2px solid #034383;
 
+  // 控制弹窗的标题颜色
+  .el-dialog__title {
+    color: #cdcdcd !important;
+  }
+
+  // 控制 dialog 弹框 header 头部的下边线颜色
+  .el-dialog__header {
+    border-bottom: 1px solid #012b81 !important;
+  }
+
+  // 控制下拉框的背景颜色和边框样式
   .vue-treeselect__control {
     background: none !important;
     border: 1px solid #ffffff60 !important;
   }
 
-  .el-dialog__header {
-    border-bottom: 1px solid #012b81 !important;
-  }
-
-  .el-dialog__headerbtn .el-dialog__close {
-    color: #cac7c7 !important;
-  }
-
-  .el-dialog__title {
-    color: #fff !important;
-  }
-
-  .el-table {
-    background-color: transparent !important;
-  }
-
-  .el-table tr {
-    background-color: #202e89 !important;
-    color: #fff !important;
-  }
-
-  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
-    background-color: #202e89 !important;
-  }
-
-  .el-table th.el-table__cell.is-leaf,
-  .el-table td.el-table__cell {
-    border-bottom: 1px solid rgba(36, 81, 192, 0.48) !important;
-  }
-
-  .el-table--border .el-table__cell {
-    border-right: 1px solid rgba(36, 81, 192, 0.48) !important;
-  }
-
-  .el-table--group,
-  .el-table--border {
-    border-color: rgba(36, 81, 192, 0.48) !important;
-  }
-
-  .el-table::before,
-  .el-table--group::after,
-  .el-table--border::after {
-    background-color: rgba(36, 81, 192, 0.48) !important;
-  }
-
-  .el-table .el-table__header-wrapper tr th {
-    background-color: #1c2c96 !important;
-    color: #fff !important;
-  }
-
-  .pagination-container {
-    background-color: #202e89 !important;
-  }
-
-  .el-pagination {
-    color: #fff !important;
-  }
-
-  .el-pagination__total,
-  .el-pagination__jump {
-    color: #fff !important;
+  // 树形选择器输入框内值的样式
+  .vue-treeselect__single-value {
+    color: #cdcdcd !important;
+    font-size: 14px !important;
   }
 
   .el-input__inner {
     background: none;
-    color: #FFFFFF;
+    color: #cdcdcd !important;
     border: 1px solid #ffffff60 !important;
   }
 
-  .el-pagination.is-background .btn-prev,
-  .el-pagination.is-background .btn-next,
-  .el-pagination.is-background .el-pager li {
-    margin: 0 5px;
-    background-color: #4174d1 !important;
-    color: #ffffff !important;
-    min-width: 30px;
-    border-radius: 2px;
-  }
-
-  .ui-foot {
-    position: absolute;
-    width: 100%;
-    bottom: 0;
-    height: 60px;
-    line-height: 60px;
-    background: none;
-    text-align: center;
-    z-index: 99;
-  }
-
-  .el-table--border th.el-table__cell {
-    border-bottom: 1px solid rgba(36, 81, 192, .48) !important;
-  }
-
-  .level-title {
-    color: #FFFFFF !important;
-  }
-
   .el-dialog__body {
     padding: 0 !important;
     color: #ffffff !important;
@@ -212,95 +137,14 @@ export default {
     }
   }
 
-  .table-ui .tbg {
-    background: none;
-  }
-
-  .table-ui .tit {
-    background: none;
-    color: #FFFFFF;
-  }
-
-  .table-ui td {
-    border: 1px solid #043e99 !important;
-  }
-
-  .el-table__body tr.current-row>td.el-table__cell {
-    background: #1c2c96 !important;
-  }
-
-  .el-picker-panel {
-    color: #ffffff;
-    border: 1px solid #dfe4ed;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    background: #333aa8 !important;
-    border-radius: 4px;
-    line-height: 30px;
-    margin: 5px 0;
-  }
-
-  .el-card {
-    background: none !important;
-    color: #FFFFFF !important;
-  }
-
-  .el-card__header {
-    color: #FFFFFF !important;
-  }
-
-  .el-tree,
-  .el-tree-node:focus>.el-tree-node__content,
-  .el-tree-node__content:hover {
-    background-color: #202e89 !important;
-    color: #fff !important;
-  }
-
-  .el-table--small {
-    font-size: 20px !important;
-  }
-
-  .el-button--mini {
-    font-size: 24px !important;
-  }
-
-  .el-table__cell {
-    font-size: 24px !important;
-  }
-
-  .el-card__header {
-    color: #fff !important;
-    font-size: 24px !important;
-  }
-
   .app-container {
-    padding-bottom: 50px !important;
-  }
+    .table-ui .tbg {
+      background: none;
+    }
 
-  .level-title h1 {
-    font-size: 24px !important;
-  }
-
-  .el-pagination span:not([class*=suffix]),
-  .el-pagination button {
-    font-size: 24px;
-  }
-
-  .el-pagination__sizes .el-input .el-input__inner {
-    font-size: 24px;
-    padding-left: 8px;
-  }
-
-  .el-pagination .el-select .el-input {
-    width: 130px;
-    margin: 0 5px;
-  }
-  .el-table .cell {
-    line-height: 36px !important;
-  }
-
-  .el-scrollbar__wrap {
-    overflow-x: hidden !important;
+    .table-ui td {
+      border: 1px solid #043e99;
+    }
   }
 }
 </style>
diff --git a/src/views/emergen_cyrescue/emergency_map/dialog/baoJing.vue b/src/views/emergen_cyrescue/emergency_map/dialog/baoJing.vue
index 0854d50..e1c8a38 100644
--- a/src/views/emergen_cyrescue/emergency_map/dialog/baoJing.vue
+++ b/src/views/emergen_cyrescue/emergency_map/dialog/baoJing.vue
@@ -101,5 +101,6 @@ export default {
   }
 }
 </script>
+
 <style lang="scss" scoped>
 </style>
diff --git a/src/views/emergen_cyrescue/emergency_plan/company_plan-check/components/list.vue b/src/views/emergen_cyrescue/emergency_plan/company_plan-check/components/list.vue
index 112cde7..11e81ab 100644
--- a/src/views/emergen_cyrescue/emergency_plan/company_plan-check/components/list.vue
+++ b/src/views/emergen_cyrescue/emergency_plan/company_plan-check/components/list.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_plan/company_plan/components/list.vue b/src/views/emergen_cyrescue/emergency_plan/company_plan/components/list.vue
index 8adc4cd..0514251 100644
--- a/src/views/emergen_cyrescue/emergency_plan/company_plan/components/list.vue
+++ b/src/views/emergen_cyrescue/emergency_plan/company_plan/components/list.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>
diff --git a/src/views/emergen_cyrescue/emergency_team/expert_group/components/list.vue b/src/views/emergen_cyrescue/emergency_team/expert_group/components/list.vue
index 5c53636..ad278f3 100644
--- a/src/views/emergen_cyrescue/emergency_team/expert_group/components/list.vue
+++ b/src/views/emergen_cyrescue/emergency_team/expert_group/components/list.vue
@@ -1,16 +1,16 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-form label-position="right" label-width="100px">
-        <el-row>
+      <el-form label-position="right" label-width="90px">
+        <el-row gutter="8">
           <el-col :span="6">
             <el-form-item label="组名称:">
-              <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 250px" />
+              <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" />
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="组类型:">
-              <el-select v-model="EXPERT_GROUP_TYPE" placeholder="请选择组类型..." style="width: 250px">
+              <el-select v-model="EXPERT_GROUP_TYPE" placeholder="请选择组类型...">
                 <el-option v-for="item in expertGroupType" :key="item.DICTIONARIES_ID" :label="item.name" :value="item.DICTIONARIES_ID" />
               </el-select>
             </el-form-item>
diff --git a/src/views/emergen_cyrescue/emergency_team/rescue_expert/components/list.vue b/src/views/emergen_cyrescue/emergency_team/rescue_expert/components/list.vue
index 73061d9..41497ea 100644
--- a/src/views/emergen_cyrescue/emergency_team/rescue_expert/components/list.vue
+++ b/src/views/emergen_cyrescue/emergency_team/rescue_expert/components/list.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-row>
-        <el-form ref="form" label-width="100px">
+      <el-row gutter="8">
+        <el-form ref="form" label-width="90px">
           <el-col :span="6">
             <el-form-item label="名称:" prop="KEYWORDS">
-              <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 300px;" />
+              <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" />
             </el-form-item>
           </el-col>
           <el-col :span="6">
diff --git a/src/views/emergen_cyrescue/emergency_team/rescue_team/components/list.vue b/src/views/emergen_cyrescue/emergency_team/rescue_team/components/list.vue
index 08745aa..cf44d5b 100644
--- a/src/views/emergen_cyrescue/emergency_team/rescue_team/components/list.vue
+++ b/src/views/emergen_cyrescue/emergency_team/rescue_team/components/list.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-row>
-        <el-form label-width="100px">
+      <el-row gutter="8">
+        <el-form label-width="90px">
           <el-col :span="6">
             <el-form-item label="机构名称：" prop="RESCUE_TEAM_NAME">
-              <el-input v-model="RESCUE_TEAM_NAME" placeholder="机构名称" class="filter-item" style="width: 300px"/>
+              <el-input v-model="RESCUE_TEAM_NAME" placeholder="机构名称" class="filter-item" />
             </el-form-item>
           </el-col>
           <el-col :span="6">
diff --git a/src/views/emergen_cyrescue/resource_management/emergency_shelter/components/list.vue b/src/views/emergen_cyrescue/resource_management/emergency_shelter/components/list.vue
index ba29e85..0e67be7 100644
--- a/src/views/emergen_cyrescue/resource_management/emergency_shelter/components/list.vue
+++ b/src/views/emergen_cyrescue/resource_management/emergency_shelter/components/list.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;" />
+      <el-input v-model="KEYWORDS" placeholder="搜索" class="filter-item" style="width: 200px;margin-right: 10px;" />
       <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
         搜索
       </el-button>