修改搜索框为点击按钮后再搜索

src/views/culturalRelic/Detail.vue

 <template>
   <div class="content">
-    <!-- 展览图片 -->
-    <div
-      class="
-        content-item
-        display-detail_imgs
-        
-        animate__animated animate__fadeInDownBig
-      "
-      ref="imgs"
-      v-if="CRDetail.faceImageUrl ||  CRDetail.imagesVo.length > 0"
-    >
+    <!-- 文物图片 -->
+    <div class="content-item display-detail_imgs" ref="imgs">
+      <img
+        class="animate__animated animate__fadeInDownBig"
+        v-if="CRDetail.imagesVo && CRDetail.imagesVo.length > 0"
+        id="faceImage"
+        :src="$getFullUrl(CRDetail.imagesVo[0].pressUrl)"
+      />
       <img
       id="faceImage"
-        :src="
-          $getFullUrl(
-            CRDetail.faceImagePressUrl || CRDetail.imagesVo[0].pressUrl
-          )
-        "
+        v-else-if="CRDetail.faceImagePressUrl"
+        class="animate__animated animate__fadeInDownBig"
+        :src="CRDetail.faceImagePressUrl"
       />
     </div>
+
     <div class="wrapper wow animate__animated animate__fadeInUpBig">
       <div class="inner">
         <!-- 展览基本信息 -->
@@ -640,6 +636,7 @@ $blue: #2069c4;
           background-color: #fff;
           .info-container-left {
             min-height: 200px;
+            max-height: 400px;
             margin-right: 50px;
             flex: 1;
             overflow: hidden;

src/views/culturalRelic/index.vue

@@ -238,9 +238,9 @@ export default {
       this.onlyShow3d = value;
       this.search();
     },
-    keyword(value) {
-      debounce(this.handleKeyWordChange(value), 1000); //500ms
-    },
+    // keyword(value) {
+    //   debounce(this.handleKeyWordChange(value), 1000); //500ms
+    // },
   },
   methods: {
     search() {

src/views/display/components/BlueStyle.vue

 <template>
   <div class="content">
     <!-- 展览图片 -->
-    <div
-      class="
-        content-item
-        display-detail_imgs
-        animate__animated animate__fadeInDownBig
-      "
-      ref="imgs"
+    <div class="content-item display-detail_imgs" ref="imgs">
+      <img
+        class="animate__animated animate__fadeInDownBig"
         v-if="displayDetail.imagesVo && displayDetail.imagesVo.length > 0"
-    >
+        id="faceImage"
+        :src="$getFullUrl(displayDetail.imagesVo[0].pressUrl)"
+      />
       <img
       id="faceImage"
-        :src="
-          $getFullUrl(
-            displayDetail.faceImagePressUrl ||
-              displayDetail.imagesVo[0].pressUrl
-          )
-        "
+        v-else-if="displayDetail.faceImagePressUrl"
+        class="animate__animated animate__fadeInDownBig"
+        :src="displayDetail.faceImagePressUrl"
       />
     </div>
     <div class="wrapper wow animate__animated animate__fadeInUpBig">

src/views/display/index.vue

@@ -206,11 +206,11 @@ export default {
     this.loadData();
     this.loadRegionTree();
   },
-  watch: {
-    keyword(value) {
-      debounce(this.handleKeyWordChange(value), 1000); //500ms
-    },
-  },
+  // watch: {
+  //   keyword(value) {
+  //     debounce(this.handleKeyWordChange(value), 1000); //500ms
+  //   },
+  // },
   methods: {
     search() {
       this.loadData();
@@ -256,10 +256,10 @@ export default {
       this.type = value;
       this.loadData();
     },
-    handleKeyWordChange(value) {
-      this.keyword = value;
-      this.loadData();
-    },
+    // handleKeyWordChange(value) {
+    //   this.keyword = value;
+    //   this.loadData();
+    // },
 
     handleRegionChange(value) {
       this.regionCode = value;

src/views/museum/index.vue

@@ -169,11 +169,11 @@ export default {
     this.loadData();
     this.loadRegionTree();
   },
-  watch: {
-    keyword(value) {
-      debounce(this.handleKeyWordChange(value), 1000); //500ms
-    },
-  },
+  // watch: {
+  //   keyword(value) {
+  //     debounce(this.handleKeyWordChange(value), 1000); //500ms
+  //   },
+  // },
   methods: {
     search() {
       this.loadData();

src/views/virtual/index.vue

@@ -175,11 +175,11 @@ export default {
     this.loadData();
     this.loadRegionTree();
   },
-  watch: {
-    keyword(value) {
-      debounce(this.handleKeyWordChange(value), 1000); //500ms
-    },
-  },
+  // watch: {
+  //   keyword(value) {
+  //     debounce(this.handleKeyWordChange(value), 1000); //500ms
+  //   },
+  // },
   methods: {
     search() {
       this.loadData();