解决没有参数跳转的BUG

src/views1/Retrieval/RetrievalView.vue

@@ -53,9 +53,9 @@
     },
     created() {
       this.input = this.$route.query.datas;
-      this.count = [];
-      this.searchs();
-
+      if (this.input) {
+        this.searchs();
+      }
     },
     watch: {
       $route: {
@@ -134,124 +134,124 @@
     font-size: 0.14rem;
     font-family: PingFang SC-Medium, PingFang SC;
     font-weight: 500;
+  }
 
-    .picture {
-      width: calc(100vw * (220 / 1920));
-      height: calc(100vh * (57 / 1080));
-      margin-left: calc(100vw * (860 / 1920));
-      margin-top: calc(100vh * (100 / 1080));
-      margin-bottom: calc(100vh * (40 / 1080));
+  .picture {
+    width: calc(100vw * (220 / 1920));
+    height: calc(100vh * (57 / 1080));
+    margin-left: calc(100vw * (860 / 1920));
+    margin-top: calc(100vh * (100 / 1080));
+    margin-bottom: calc(100vh * (40 / 1080));
 
-      img {
-        width: 100%;
-        height: 100%;
-        display: block;
-      }
+    img {
+      width: 100%;
+      height: 100%;
+      display: block;
     }
+  }
 
-    .search {
-      width: calc(100vw * (864 / 1920));
-      height: calc(100vh * (50 / 1080));
-      margin-left: calc(100vw * (528 / 1920));
-      margin-bottom: calc(100vh * (50 / 1080));
-      position: relative;
+  .search {
+    width: calc(100vw * (864 / 1920));
+    height: calc(100vh * (50 / 1080));
+    margin-left: calc(100vw * (528 / 1920));
+    margin-bottom: calc(100vh * (50 / 1080));
+    position: relative;
+  }
 
-      .cen—top-img {
-        width: calc(100vw * (24 / 1920));
-        height: calc(100vh * (24 / 1080));
-        position: absolute;
-        left: calc(100vw * (15 / 1920));
-        top: calc(100vh * (15 / 1080));
-      }
+  .cen—top-img {
+    width: calc(100vw * (24 / 1920));
+    height: calc(100vh * (24 / 1080));
+    position: absolute;
+    left: calc(100vw * (15 / 1920));
+    top: calc(100vh * (15 / 1080));
+  }
 
-      .el-input {
-        width: calc(100vw * (750 / 1920));
-        height: calc(100vh * (50 / 1080));
-        margin-right: calc(100vw * (14 / 1920));
-      }
+  .el-input {
+    width: calc(100vw * (750 / 1920));
+    height: calc(100vh * (50 / 1080));
+    margin-right: calc(100vw * (14 / 1920));
+  }
 
-      .cen—top-span {
-        display: inline-block;
-        width: calc(100vw * (100 / 1920));
-        height: calc(100vh * (50 / 1080));
-        background: #2e8aecff;
-        color: #ffffffcc;
-        text-align: center;
-        line-height: calc(100vh * (50 / 1080));
+  .cen—top-span {
+    display: inline-block;
+    width: calc(100vw * (100 / 1920));
+    height: calc(100vh * (50 / 1080));
+    background: #2e8aecff;
+    color: #ffffffcc;
+    text-align: center;
+    line-height: calc(100vh * (50 / 1080));
 
-        &:hover {
-          cursor: pointer
-        }
-      }
+    &:hover {
+      cursor: pointer
     }
+  }
 
-    .mains {
-      width: calc(100vw * (1450 / 1920));
-      height: calc(100vh * (670 / 1080));
-      // background: seagreen;
-      margin-left: calc(100vw * (230 / 1920));
-      overflow: auto;
+  .mains {
+    width: calc(100vw * (1450 / 1920));
+    height: calc(100vh * (670 / 1080));
+    // background: seagreen;
+    margin-left: calc(100vw * (230 / 1920));
+    overflow: auto;
+  }
 
-      .main-main {
-        width: calc(100vw * (1430 / 1920));
-        // height: calc(100vh * (220 / 1080));
-        padding: calc(100vh * (20 / 1080));
-        border-bottom: 1px dashed #083b61ff;
+  .main-main {
+    width: calc(100vw * (1430 / 1920));
+    // height: calc(100vh * (220 / 1080));
+    padding: calc(100vh * (20 / 1080));
+    border-bottom: 1px dashed #083b61ff;
+  }
 
-        .one {
-          margin-bottom: calc(100vw * (10 / 1920));
-          color: #2e8aecff;
-          font-size: 14px;
-          text-decoration: underline;
-        }
+  .one {
+    margin-bottom: calc(100vw * (10 / 1920));
+    color: #2e8aecff;
+    font-size: 14px;
+    text-decoration: underline;
+  }
 
-        .two {
-          margin-bottom: calc(100vh * (10 / 1080));
-          display: flex;
+  .two {
+    margin-bottom: calc(100vh * (10 / 1080));
+    display: flex;
 
-          .two1 {
-            margin-right: calc(100vw * (30 / 1920));
-          }
+    .two1 {
+      margin-right: calc(100vw * (30 / 1920));
+    }
 
-          img {
-            vertical-align: middle;
-          }
-        }
+    img {
+      vertical-align: middle;
+    }
+  }
 
-        .four {
-          display: flex;
-          list-style: none;
-          padding: 0;
+  .four {
+    display: flex;
+    list-style: none;
+    padding: 0;
 
-          li {
-            //  width: calc(100vw * (62 / 1920));
-            //  height: calc(100vh * (24 / 1080));
-            border: 1px solid #ff9839ff;
-            background: #bba99240;
-            padding: 0 5px;
-            margin-right: calc(100vw * (5 / 1920));
-          }
-        }
-      }
+    li {
+      //  width: calc(100vw * (62 / 1920));
+      //  height: calc(100vh * (24 / 1080));
+      border: 1px solid #ff9839ff;
+      background: #bba99240;
+      padding: 0 5px;
+      margin-right: calc(100vw * (5 / 1920));
     }
+  }
 
-    //滚动条样式
-    ::-webkit-scrollbar {
-      width: 3.5px;
-    }
+  //滚动条样式
+  ::-webkit-scrollbar {
+    width: 3.5px;
+  }
 
-    ::-webkit-scrollbar-track {
-      background-color: rgba(0, 0, 0, 0);
-    }
+  ::-webkit-scrollbar-track {
+    background-color: rgba(0, 0, 0, 0);
+  }
 
-    ::-webkit-scrollbar-thumb {
-      background: #2e8aec;
-      border-radius: 3px;
-    }
+  ::-webkit-scrollbar-thumb {
+    background: #2e8aec;
+    border-radius: 3px;
+  }
 
-    ::-webkit-scrollbar-thumb:hover {
-      background: #2e8aec;
-    }
+  ::-webkit-scrollbar-thumb:hover {
+    background: #2e8aec;
   }
 
   ::v-deep .el-input--medium .el-input__inner {