From 261e25074b7f35010efccb86bf82f6fe36e4b10d Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期三, 14 十月 2020 10:27:19 +0800
Subject: [PATCH] 添加硬件信息显示

---
 src/pages/search/index/Searching.vue |   68 +++++++++++++++++++++++-----------
 1 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/src/pages/search/index/Searching.vue b/src/pages/search/index/Searching.vue
index 1929f51..7cd82d6 100644
--- a/src/pages/search/index/Searching.vue
+++ b/src/pages/search/index/Searching.vue
@@ -27,12 +27,12 @@
             <el-select
               v-model="tagValues"
               multiple
-              @change="searchingBtn"
               :disabled="isDisabled"
               collapse-tags
               size="mini"
               style="width:calc(100% - 40px);min-width: 120px;"
               placeholder="璇烽�夋嫨"
+              @change="tagChange"
             >
               <el-option
                 v-for="item in VideoPhotoData.tabs"
@@ -406,6 +406,7 @@
       console.log("椤甸潰妯″紡锛�", value)
       if (value) {
         this.typeDisable = true;
+        this.disabled = true;
       } else {
         this.typeDisable = false;
         this.VideoPhotoData.querySearchList();
@@ -417,20 +418,7 @@
     "VideoPhotoData.selectWhites": function (value) {
       this.blackAngWhite()
     },
-    tagValues: function (newValue, oldValue) {
-      if (newValue.length > 0) {
-        this.showType = "compare";
-      } else {
-        this.showType = "search";
-      }
-      if (newValue.length !== oldValue.length) {
-        console.log("tagValue涓殑鍒锋柊鏂规硶");
-        // this.VideoPhotoData.querySearchList();
-        this.setLoadSearch(this.VideoPhotoData.querySearchList());
-      }
-    },
     "VideoPhotoData.uploadDiaplay": function (value) {
-      debugger
       this.getHeight();
       console.log("upload鐨勫�兼槸锛�", value)
       if (value) {
@@ -453,6 +441,28 @@
     }
   },
   methods: {
+    isShowUpload() {
+      console.log('isShowUpload', this.VideoPhotoData.uploadDiaplay)
+      this.getHeight();
+      console.log("upload鐨勫�兼槸锛�", this.VideoPhotoData.uploadDiaplay)
+      if (this.VideoPhotoData.uploadDiaplay) {
+        if (!this.VideoPhotoData.uploadType) {
+          console.log("uploadDisplay涓殑鍒锋柊");
+          let scrollContain = this.$refs.scrollContain
+          this.VideoPhotoData.scrollContainDom = scrollContain
+          this.VideoPhotoData.showType = "search";
+          // this.VideoPhotoData.querySearchList();
+          //this.setLoadSearch(this.VideoPhotoData.querySearchList());
+          this.isDisabled = false;
+        } else {
+          //this.VideoPhotoData.scrollContainDom = '';
+          this.VideoPhotoData.showType = "findByPic";
+        }
+      } else {
+        this.VideoPhotoData.uploadType = false;
+        this.VideoPhotoData.showType = "search";
+      }
+    },
     resizeWidth(w) {
       this.defaultWidth = w;
     },
@@ -463,7 +473,11 @@
       let w = this.$refs.mid.offsetWidth;
       let integer = parseInt(w / 330);
       let integerSearchImg = parseInt((w - 300) / 325);
-      this.handleSizeChange(integer, integerSearchImg);
+
+      // 鍙栨秷size淇敼
+      // console.log(integer, integerSearchImg)
+      // this.handleSizeChange(integer, integerSearchImg);
+
       this.cardWidth = `calc(${100 / integer}% - 20px)`;
       this.searchImgCardWidth = `calc(${100 / integerSearchImg}% - 20px)`;
     },
@@ -527,7 +541,6 @@
       })
     },
     getDetails(ev, index) {
-      debugger
       //let obj = this.CardList.datalist[index];
       this.CardList.datalist = this.VideoPhotoData.cards;
       let obj = this.CardList.datalist[index];
@@ -538,7 +551,6 @@
       this.VideoPhotoData.activeCard = obj.activeObject.id;
     },
     toAdd(item) {
-      debugger
       this.CardList.addBaseList.push(item)
     },
     handleClose(done) {
@@ -711,6 +723,18 @@
     },
     getUrlKey(name) {
       return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
+    },
+    tagChange(obj) {
+      console.log(obj)
+      if (obj.length > 0) {
+        this.showType = "compare";
+      } else {
+        this.showType = "search";
+      }
+
+      this.VideoPhotoData.queryTabs = obj;
+
+      this.setLoadSearch(this.VideoPhotoData.querySearchList());
     }
   }
 };
@@ -818,12 +842,12 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.titlebar{
-  height: 10px!important;
-  background: #fff!important;
-  .button{
+.titlebar {
+  height: 10px !important;
+  background: #fff !important;
+  .button {
     position: absolute;
-    font-size: 25px!important;
+    font-size: 25px !important;
     right: 10px;
     top: 10px;
     z-index: 3;

--
Gitblit v1.8.0