首页退出登录界面更改，并改了各个界面的重置按钮的样式，使其统一

src/views1/File/Storage/StorageView.vue

@@ -19,7 +19,7 @@
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="reset1">重置</el-button>
       </el-form-item>
     </el-form>
 
@@ -219,7 +219,11 @@
           background: transparent;
           overflow: auto;
         }
-        
+        .reset1 {
+          color: #2e8aecff;
+          background: transparent;
+          border: 1px solid #2E8AECFF;
+        }
       }
       }
     }

src/views1/Group/Groups/GroupsView.vue

@@ -44,7 +44,7 @@
               @click="handleQuery"
               >搜索</el-button
             >
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="reset1"
               >重置</el-button
             >
           </el-form-item>
@@ -412,7 +412,11 @@ export default {
         background: transparent;
         overflow: auto;
       }
-    
+      .reset1 {
+          color: #2e8aecff;
+          background: transparent;
+          border: 1px solid #2E8AECFF;
+        }
     }
   }
 }

src/views1/HomeView.vue

@@ -10,33 +10,48 @@
             <img src="../assets/img/luzhougongan.png" alt="" />
           </span>
         </div>
-        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"
-          text-color="#006C9AFF" active-text-color="#51CFFEFF" background-color="transparent" router :stroke-width="15">
+        <el-menu
+          :default-active="activeIndex"
+          class="el-menu-demo"
+          mode="horizontal"
+          @select="handleSelect"
+          text-color="#006C9AFF"
+          active-text-color="#51CFFEFF"
+          background-color="transparent"
+          router
+          :stroke-width="15"
+        >
           <el-menu-item index="/home/page">
             <span class="nav1">
-              <img :src="srcIndex == '0'
-                  ? icoUrl[0]['home1']
-                  : icoUrl[0]['home2']
-                " />
-            </span>首页
+              <img
+                :src="srcIndex == '0' ? icoUrl[0]['home1'] : icoUrl[0]['home2']"
+              /> </span
+            >首页
             <!-- <span class="nav1">
               <img :src="icoUrl[srcIndex]['home'+srcIndex]" />
             </span>首页 -->
           </el-menu-item>
           <el-menu-item index="/home/retrieval">
             <span class="nav1">
-              <img :src="srcIndex == '1'
-                  ? icoUrl[1]['search1']
-                  : icoUrl[1]['search2']
-                " /> </span>快速检索
+              <img
+                :src="
+                  srcIndex == '1' ? icoUrl[1]['search1'] : icoUrl[1]['search2']
+                "
+              /> </span
+            >快速检索
           </el-menu-item>
           <el-submenu index="2">
             <template slot="title">
               <span class="nav1">
-                <img :src="srcIndex == '2' ? icoUrl[2]['doc1'] : icoUrl[2]['doc2']" /> </span>文档管理
+                <img
+                  :src="srcIndex == '2' ? icoUrl[2]['doc1'] : icoUrl[2]['doc2']"
+                /> </span
+              >文档管理
             </template>
-            <li v-for="(item, index) in  docMenus" :key="index">
-              <el-menu-item :index="item.path">{{item.meta.title}}</el-menu-item>
+            <li v-for="(item, index) in docMenus" :key="index">
+              <el-menu-item :index="item.path">{{
+                item.meta.title
+              }}</el-menu-item>
             </li>
             <!-- <li v-for="(item, index) in arr" :key="index"> -->
             <!-- <el-menu-item index="/home/file/part">部门文档</el-menu-item>
@@ -50,19 +65,25 @@
           <el-submenu index="3">
             <template slot="title">
               <span class="nav1">
-                <img :src="srcIndex == '3'
-                    ? icoUrl[3]['person1']
-                    : icoUrl[3]['person2']
-                  " />
-                <!-- <img src="../assets/img/nav-person1.png"> --> </span>个人设置
+                <img
+                  :src="
+                    srcIndex == '3'
+                      ? icoUrl[3]['person1']
+                      : icoUrl[3]['person2']
+                  "
+                />
+                <!-- <img src="../assets/img/nav-person1.png"> --> </span
+              >个人设置
             </template>
-            <li v-for="(item, index) in  settingMenus" :key="index">
-              <el-menu-item
-              :index="item.path">{{item.meta.title}}
+            <li v-for="(item, index) in settingMenus" :key="index">
+              <el-menu-item :index="item.path"
+                >{{ item.meta.title }}
               </el-menu-item>
             </li>
-           <el-menu-item index="/home/personal/notice">通知管理</el-menu-item> 
-           <el-menu-item index="/home/personal/messages">消息管理</el-menu-item> 
+            <el-menu-item index="/home/personal/notice">通知管理</el-menu-item>
+            <el-menu-item index="/home/personal/messages"
+              >消息管理</el-menu-item
+            >
             <!-- <el-menu-item index="/home/personal/Publispace">公共存储空间</el-menu-item>
             <el-menu-item index="/home/personal/Storagespace">分组存储空间</el-menu-item>
             <el-menu-item index="/home/personal/space">个人存储空间</el-menu-item>
@@ -94,8 +115,12 @@
           <el-submenu index="5">
             <template slot="title">
               <span class="nav1">
-                <img :src="srcIndex == '5' ? icoUrl[5]['group1'] : icoUrl[5]['group2']
-                  " /> </span>分组管理
+                <img
+                  :src="
+                    srcIndex == '5' ? icoUrl[5]['group1'] : icoUrl[5]['group2']
+                  "
+                /> </span
+              >分组管理
             </template>
             <el-menu-item index="/home/group/groups">分组</el-menu-item>
           </el-submenu>
@@ -107,7 +132,7 @@
           <span class="right_2">欢迎您，{{ names }}</span>
           <div class="right_3"></div>
           <span class="right_4">
-            <img src="../assets/img/exit.png" @click="exit()" />
+            <img src="../assets/img/exit.png" @click="exits = true" />
           </span>
         </div>
       </div>
@@ -116,275 +141,361 @@
     <div class="main">
       <router-view></router-view>
     </div>
+
+    <!-- 退出登录界面 -->
+    <div class="exits" v-if="exits">
+      <el-button
+        icon="el-icon-close"
+        circle
+        class="exits-circle"
+        size="mini"
+        @click="exits = false"
+      ></el-button>
+      <div class="top">
+        <p>删除目录</p>
+      </div>
+      <div class="cen">是否退出登录</div>
+      <div class="bottom">
+        <div class="bottom-left" @click="exits = false">取消</div>
+        <div class="bottom-right" @click="exit1">确定</div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-  import {
-    constantRoutes
-  } from "@/router";
+import { constantRoutes } from "@/router";
+
+export default {
+  data() {
+    return {
+      //退出登录界面
+      exits: false,
 
-  export default {
-    data() {
-      return {
-        // activeIndex: '',
-        srcIndex: "",
-        // username:this.$store.username,
+      // activeIndex: '',
+      srcIndex: "",
+      // username:this.$store.username,
 
-        // 图片数组
-        icoUrl: [{
-            home1: require("../assets/img/nav-home1.png"),
-            home2: require("../assets/img/nav-home.png"),
-          },
-          {
-            search1: require("../assets/img/nav-search1.png"),
-            search2: require("../assets/img/nav-search.png"),
-          },
-          {
-            doc1: require("../assets/img/nav-doc1.png"),
-            doc2: require("../assets/img/nav-doc.png"),
-          },
-          {
-            person1: require("../assets/img/nav-person1.png"),
-            person2: require("../assets/img/nav-person.png"),
-          },
-          {
-            search1: require("../assets/img/nav-setting1.png"),
-            search2: require("../assets/img/nav-setting.png"),
-          },
-          {
-            group1: require("../assets/img/nav-group1.png"),
-            group2: require("../assets/img/nav-group.png"),
-          },
-        ]
-      };
+      // 图片数组
+      icoUrl: [
+        {
+          home1: require("../assets/img/nav-home1.png"),
+          home2: require("../assets/img/nav-home.png"),
+        },
+        {
+          search1: require("../assets/img/nav-search1.png"),
+          search2: require("../assets/img/nav-search.png"),
+        },
+        {
+          doc1: require("../assets/img/nav-doc1.png"),
+          doc2: require("../assets/img/nav-doc.png"),
+        },
+        {
+          person1: require("../assets/img/nav-person1.png"),
+          person2: require("../assets/img/nav-person.png"),
+        },
+        {
+          search1: require("../assets/img/nav-setting1.png"),
+          search2: require("../assets/img/nav-setting.png"),
+        },
+        {
+          group1: require("../assets/img/nav-group1.png"),
+          group2: require("../assets/img/nav-group.png"),
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.srcIndex = localStorage.getItem("currentSrcIndex");
+  },
+  methods: {
+    handleSelect(key, keyPath) {
+      // console.log(keyPath);
+      this.getSrcIndex(keyPath);
+      //点击之后存到本地存储，便于刷新之后调用
+      localStorage.setItem("currentSrcIndex", this.srcIndex);
+    },
+    getNavTable() {
+      // getNavTableApi().then
     },
-    created() {
-      
+    getSrcIndex(keyPathArr) {
+      // 如果是顶级目录，需要手动判断 srcIndex
+      if (keyPathArr.length == 1) {
+        if (keyPathArr[0] == "/home/page") {
+          this.srcIndex = "0";
+        } else if (keyPathArr[0] == "/home/retrieval") {
+          this.srcIndex = "1";
+        }
+      } else {
+        const currentSrcIndex = keyPathArr[0];
+        this.srcIndex = currentSrcIndex;
+      }
     },
-    mounted() {
-      this.srcIndex = localStorage.getItem('currentSrcIndex')
+    exit1() {
+      this.exits = false;
+      this.$router.push("/login1");
     },
-    methods: {
-      handleSelect(key, keyPath) {
-        // console.log(keyPath);
-        this.getSrcIndex(keyPath)
-        //点击之后存到本地存储，便于刷新之后调用
-        localStorage.setItem('currentSrcIndex', this.srcIndex)
-      },
-      getNavTable() {
-        // getNavTableApi().then
-      },
-      getSrcIndex(keyPathArr) {
-        // 如果是顶级目录，需要手动判断 srcIndex
-        if (keyPathArr.length == 1) {
-          if (keyPathArr[0] == '/home/page') {
-            this.srcIndex = '0'
-          } else if (keyPathArr[0] == '/home/retrieval') {
-            this.srcIndex = '1'
-          }
-        } else {
-          const currentSrcIndex = keyPathArr[0]
-          this.srcIndex = currentSrcIndex
+  },
+  computed: {
+    // 文档菜单
+    docMenus() {
+      let docMenus = [];
+      this.routers.map((menu) => {
+        if (menu.path === "/home-doc") {
+          docMenus = menu.children;
         }
-      },
-      exit() {
-        alert("你确定要注销界面吗？");
-        this.$router.push("/login1");
-      },
+      });
+      return docMenus;
+    },
+    // 设置菜单
+    settingMenus() {
+      let settingMenus = [];
+      this.routers.map((menu) => {
+        // console.log(menu);
+        if (menu.path === "/home-setting") {
+          settingMenus = menu.children;
+        }
+      });
+      return settingMenus;
     },
-    computed: {
-      // 文档菜单
-      docMenus() {
-        let docMenus = [];
-        this.routers.map((menu) => {
-          if (menu.path === "/home-doc") {
-            docMenus = menu.children;
-          }
-        });
-        return docMenus;
-      },
-      // 设置菜单
-      settingMenus() {
-        let settingMenus = [];
-        this.routers.map((menu) => {
-          // console.log(menu);
-          if (menu.path === "/home-setting") {
-            settingMenus = menu.children;
-          }
-        });
-        return settingMenus;
-      },
 
-      // 所有的路由信息
-      routers() {
-        return this.$store.state.permission.topbarRouters;
-      },
-      activeIndex() {
-        const path = this.$route.path;
-        return path;
-      },
-      names() {
-        const paths = this.$store.state.user.uname;
-        return paths;
-      },
-    }
-  };
+    // 所有的路由信息
+    routers() {
+      return this.$store.state.permission.topbarRouters;
+    },
+    activeIndex() {
+      const path = this.$route.path;
+      return path;
+    },
+    names() {
+      const paths = this.$store.state.user.uname;
+      return paths;
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
-  .container {
-    background: #0c0827ff;
-    background-size: 100% 100%;
+.container {
+  background: #0c0827ff;
+  background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+
+  .header {
+    height: calc(100vh * (70 / 1080));
     width: 100%;
-    height: 100%;
+    padding-top: calc(100vh * (10 / 1080));
 
-    .header {
-      height: calc(100vh * (70 / 1080));
+    // 顶部板块
+    .top {
+      height: calc(100vh * (40 / 1080));
       width: 100%;
-      padding-top: calc(100vh * (10 / 1080));
+      padding-right: calc(100vh * (17 / 1920));
+      padding-left: calc(100vh * (55 / 1920));
+      display: flex;
 
-      // 顶部板块
-      .top {
+      //顶部左边板块
+      .left {
+        width: calc(100vw * (369 / 1920));
         height: calc(100vh * (40 / 1080));
-        width: 100%;
-        padding-right: calc(100vh * (17 / 1920));
-        padding-left: calc(100vh * (55 / 1920));
         display: flex;
 
-        //顶部左边板块
-        .left {
-          width: calc(100vw * (369 / 1920));
-          height: calc(100vh * (40 / 1080));
-          display: flex;
+        .left1 {
+          width: calc(100vw * (28 / 1920));
+          height: calc(100vh * (30 / 1080));
+          margin-top: calc(100vh * (8 / 1080));
 
-          .left1 {
+          img {
             width: calc(100vw * (28 / 1920));
             height: calc(100vh * (30 / 1080));
-            margin-top: calc(100vh * (8 / 1080));
-
-            img {
-              width: calc(100vw * (28 / 1920));
-              height: calc(100vh * (30 / 1080));
-            }
           }
+        }
+
+        .left2 {
+          width: calc(100vw * (295 / 1920));
+          height: calc(100vh * (32 / 1080));
+          margin-left: calc(100vw * (10 / 1920));
+          margin-top: calc(100vw * (5 / 1080));
 
-          .left2 {
+          img {
             width: calc(100vw * (295 / 1920));
             height: calc(100vh * (32 / 1080));
-            margin-left: calc(100vw * (10 / 1920));
-            margin-top: calc(100vw * (5 / 1080));
-
-            img {
-              width: calc(100vw * (295 / 1920));
-              height: calc(100vh * (32 / 1080));
-            }
           }
         }
+      }
 
-        // 顶部中间板块
-        .el-menu-demo {
-          width: calc(100vw * (1000 / 1920));
-          margin-left: calc(100vw * (280 / 1920));
-          padding-bottom: calc(100vh * (8 / 1080));
-          border: none;
-          display: flex;
-
-          li {
-            height: calc(100vh * (40 / 1080));
-            line-height: calc(100vh * (40 / 1080));
-            margin-right: calc(100vw * (60 / 1920));
+      // 顶部中间板块
+      .el-menu-demo {
+        width: calc(100vw * (1000 / 1920));
+        margin-left: calc(100vw * (280 / 1920));
+        padding-bottom: calc(100vh * (8 / 1080));
+        border: none;
+        display: flex;
 
-            :hover {
-              background: #1e497cff !important;
-            }
-          }
+        li {
+          height: calc(100vh * (40 / 1080));
+          line-height: calc(100vh * (40 / 1080));
+          margin-right: calc(100vw * (60 / 1920));
 
-          .nav1>img {
-            width: calc(100vw * (24 / 1920));
-            height: calc(100vh * (24 / 1080));
-            margin-bottom: calc(100vw * (5 / 1920));
-            margin-right: calc(100vh * (5 / 1080));
+          :hover {
+            background: #1e497cff !important;
           }
         }
 
-        // 顶部右边板块
-        .right {
-          width: calc(100vw * (220 / 1920));
-          height: calc(100vh * (40 / 1080));
-          margin-left: calc(100vw * (80 / 1920));
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          // background: salmon;
-          // .right_1>img {
-          //   width: calc(100vw * (20 / 1920));
-          //   height: calc(100vh * (20 / 1080));
-          //   margin-right: calc(100vw * (5 / 1920));
-          // }
+        .nav1 > img {
+          width: calc(100vw * (24 / 1920));
+          height: calc(100vh * (24 / 1080));
+          margin-bottom: calc(100vw * (5 / 1920));
+          margin-right: calc(100vh * (5 / 1080));
+        }
+      }
 
-          .right_2 {
-            font-size: 12px;
-            color: white;
-          }
+      // 顶部右边板块
+      .right {
+        width: calc(100vw * (220 / 1920));
+        height: calc(100vh * (40 / 1080));
+        margin-left: calc(100vw * (80 / 1920));
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        // background: salmon;
+        // .right_1>img {
+        //   width: calc(100vw * (20 / 1920));
+        //   height: calc(100vh * (20 / 1080));
+        //   margin-right: calc(100vw * (5 / 1920));
+        // }
 
-          .right_3 {
-            width: 1px;
-            height: 13px;
-            background: #02aac0;
-            border-radius: 0px 0px 0px 0px;
-            opacity: 1;
-          }
+        .right_2 {
+          font-size: 12px;
+          color: white;
+        }
 
-          .right_4>img {
-            width: calc(100vw * (26 / 1920));
-            height: calc(100vh * (26 / 1080));
-          }
+        .right_3 {
+          width: 1px;
+          height: 13px;
+          background: #02aac0;
+          border-radius: 0px 0px 0px 0px;
+          opacity: 1;
+        }
+        .right_4 > img {
+          width: calc(100vw * (26 / 1920));
+          height: calc(100vh * (26 / 1080));
         }
       }
+    }
 
-      //顶部下边图片板块
-      .bottom {
-        height: calc(100vh * (20 / 1080));
-        width: 100%;
-        background: url("../assets/img/nav-decorate.png");
-        background-size: 100% calc(100vh * (20 / 1080));
+    //顶部下边图片板块
+    .bottom {
+      height: calc(100vh * (20 / 1080));
+      width: 100%;
+      background: url("../assets/img/nav-decorate.png");
+      background-size: 100% calc(100vh * (20 / 1080));
+    }
+  }
+  .exits {
+    width: calc(100vw * (600 / 1920));
+    height: calc(100vh * (400 / 1080));
+    background: url("../assets/img/Group-564.png");
+    background-size: calc(100vw * (600 / 1920)) calc(100vh * (400 / 1080));
+    position: absolute;
+    top: 25%;
+    left: 35%;
+    color: #ffffff;
+    .exits-circle {
+      position: absolute;
+      right: 8%;
+      top: 18%;
+      ::v-deep [class^="el-icon-"] {
+        color: #02C2E3FF;
+      }
+    }
+    .top {
+      width: calc(100vw * (430 / 1920));
+      height: calc(100vh * (50 / 1080));
+      border-bottom: 1px solid #02618DFF;
+      margin-top: calc(100vh * (50 / 1080));
+      margin-left: calc(100vw * (50 / 1920));
+      p {
+        width: calc(100vw * (80 / 1920));
+        height: calc(100vh * (50 / 1080));
+        border-bottom: 3px solid #02C2E3FF;
+        margin-left: calc(100vw * (30 / 1920));
+      }
+    }
+    .cen {
+      width: calc(100vw * (430 / 1920));
+      height: calc(100vh * (100 / 1080));
+      // background: salmon;
+      margin-top: calc(100vh * (60 / 1080));
+      margin-left: calc(100vw * (100 / 1920));
+    }
+    .bottom {
+      width: calc(100vw * (220 / 1920));
+      height: calc(100vh * (60 / 1080));
+      margin-left: calc(100vw * (280 / 1920));
+      margin-top: calc(100vh * (20 / 1080));
+      display: flex;
+      justify-content: space-between;
+      .bottom-left {
+        width: calc(100vw * (100 / 1920));
+        height: calc(100vh * (60 / 1080));
+        background: #02C2E31F ;
+        border: 1px solid #02C2E3FF;
+        text-align: center;
+        line-height: calc(100vh * (60 / 1080));
+        border-radius: 12%;
+      }
+      .bottom-right {
+        width: calc(100vw * (100 / 1920));
+        height: calc(100vh * (60 / 1080));
+        background: #1E5095FF;
+        border: 1px solid #02C2E3FF;
+        text-align: center;
+        line-height: calc(100vh * (60 / 1080));
+        border-radius: 15%;
       }
     }
   }
+}
 
-  ::v-deep .el-menu-item {
-    padding: 0;
-    padding-bottom: (100vh * (50 / 1080));
-  }
+::v-deep .el-menu-item {
+  padding: 0;
+  padding-bottom: (100vh * (50 / 1080));
+}
 
-  ::v-deep .el-submenu__title {
-    padding: 0;
-    padding-bottom: (100vh * (50 / 1080));
-  }
+::v-deep .el-submenu__title {
+  padding: 0;
+  padding-bottom: (100vh * (50 / 1080));
+}
 
-  ::v-deep .el-menu--horizontal>.el-submenu .el-submenu__title {
-    height: calc(100vh * (40 / 1080));
-    line-height: calc(100vh * (40 / 1080));
-  }
+::v-deep .el-menu--horizontal > .el-submenu .el-submenu__title {
+  height: calc(100vh * (40 / 1080));
+  line-height: calc(100vh * (40 / 1080));
+}
 
-  ::v-deep li:hover {
-    background: #1e497cff !important;
-  }
+::v-deep li:hover {
+  background: #1e497cff !important;
+}
 
-  ::v-deep .el-menu--horizontal .el-menu-item:not(.isdisabled):hover {
-    background: #1e497cff !important;
-  }
+::v-deep .el-menu--horizontal .el-menu-item:not(.isdisabled):hover {
+  background: #1e497cff !important;
+}
+//退出登录弹窗里面的按钮
+::v-deep .el-button--mini.is-circle {
+  background: transparent;
+  border: 1px solid #02C2E3FF;
+}
 </style>
 
 <style>
-  /* 下拉框 */
-  .el-menu--horizontal .el-menu .el-menu-item {
-    background: #0f1540ff !important;
-  }
+/* 下拉框 */
+.el-menu--horizontal .el-menu .el-menu-item {
+  background: #0f1540ff !important;
+}
 
-  .el-menu--horizontal .el-menu .el-menu-item:hover {
-    background: #1e497cff !important;
-    color: #ffffff !important;
-  }
+.el-menu--horizontal .el-menu .el-menu-item:hover {
+  background: #1e497cff !important;
+  color: #ffffff !important;
+}
 </style>

src/views1/Page/PageView.vue

@@ -43,7 +43,7 @@
                 v-model="input"
                 class="searchs"
               ></el-input>
-              <span class="cen—top-but" @click="searchs">快速搜索</span>
+              <router-link class="cen—top-but" :to="{path:'/home/retrieval',query:{datas:this.input}}">快速搜索</router-link>
               <img
                 src="../../assets/img/ri：search-2-line@2x.png"
                 class="cen—top-img"
@@ -364,10 +364,10 @@ export default {
     },
 
     //搜索跳转
-    searchs() {
-      this.$router.push("/home/retrieval");
-      sessionStorage.setItem("suju", this.input);
-    },
+    // searchs() {
+    //   this.$router.push("/home/retrieval");
+    //   sessionStorage.setItem("suju", this.input);
+    // },
     //底部表格更多跳转
     mores() {
       this.$router.push("/home/page/more");
@@ -657,7 +657,7 @@ export default {
             display: flex;
             justify-content: space-evenly;
             color: #2e8aecff;
-            padding-top: 8px;
+            padding-top: 3px;
             &:hover {
               cursor: pointer;
             }
@@ -762,7 +762,7 @@ export default {
             display: flex;
             justify-content: space-evenly;
             color: #2e8aecff;
-            padding-top: 8px;
+            padding-top: 3px;
             &:hover {
               cursor: pointer;
             }

src/views1/Personal/Storagespace/StoragespaceView.vue

@@ -17,7 +17,7 @@
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="reset1">重置</el-button>
       </el-form-item>
     </el-form>
 
@@ -193,7 +193,12 @@
         width: calc(100vw * (1876 / 1920));
         height: calc(100vh * (880 / 1080));
         // padding: 0;
-      }  
+      } 
+      .reset1 {
+          color: #2e8aecff;
+          background: transparent;
+          border: 1px solid #2E8AECFF;
+        } 
         //表格底部
         .pagination-container {
         width: calc(100vw * (1830 / 1920));

src/views1/Retrieval/RetrievalView.vue

@@ -68,7 +68,7 @@ export default {
   mounted() {
     //添加滚动条事件
     window.addEventListener("scroll", this.handleScroll, true);
-    this.input=sessionStorage.getItem("suju")
+    this.input=this.$route.query.datas;
   },
   methods: {
     handleScroll() {