解决bug

src/components/BenchDetail/index.vue

@@ -24,7 +24,7 @@
               <el-row>
                 <el-col :span="6">Display: {{bench.Display}}</el-col>
                 <el-col :span="6">VIN: {{bench.vin}}</el-col>
-                <el-col :span="6">Precondition: <span style="font-size: 12px;word-wrap: break-word;word-break: break-all;">{{bench.Precondition.join(',')}}</span></el-col>
+                <!-- <el-col :span="6">Precondition: <span style="font-size: 12px;word-wrap: break-word;word-break: break-all;">{{bench.Precondition.join(',')}}</span></el-col> -->
               </el-row>
               <el-row>
                 <el-col :span="6">AED SW: {{bench.AED_SW}}</el-col>
@@ -33,7 +33,10 @@
               <el-row>
                 <el-col :span="6">Repository: {{bench.Repository}}</el-col>
                 <el-col :span="6">Variant: {{bench.Variant}}</el-col>
-              </el-row>     
+              </el-row>  
+              <el-row>
+                <el-col :span="24">Precondition: <span style="font-size: 12px;word-wrap: break-word;word-break: break-all;">{{bench.Precondition.join(',')}}</span></el-col>
+              </el-row>   
             </div>
           </div>
         </div>

src/views/ordinaryPage/index.vue

@@ -22,7 +22,7 @@
         />
         <div class="square-map" v-show="isOpenSquare && !isOpen">
           <el-row>
-            <el-col v-for="(item, index) in images" :key="item" :span="8">
+            <el-col v-for="(item, index) in images" :key="index" :span="8">
               <div
                 class="grid-item-background"
                 :style="{
@@ -897,9 +897,9 @@ export default {
 
     window.bmMapItemActivate = this.bmMapItemActivate;
 	
-    this.$store.dispatch("benchList/fetchBenchList").then(()=>{
-      this.getImageName();
-    });
+  this.$store.dispatch("benchList/fetchBenchList").then(()=>{
+    this.getImageName();
+  });
 	
     // 调用定时器方法，返回定时器id，用于按条件清空
     that.timerId = that.myInterval((count) => {
@@ -1065,28 +1065,26 @@ export default {
     }
   },
   methods: {
-	getImageName() {
-	      var sqlstr = "SELECT * FROM dat_bench_extend order by bench_id asc";
-	      let msg = {
-	        cmd: "query", // server端要进行判断的
-	        data: {
-	          name: "name", // 这个无所谓怎么写，有就行
-	          sql: sqlstr,
-	        },
-	      };
-	      window.vm.$socket.emit("REPT", msg, (datas) => {
-	        let result = datas.data;
-	        for (var item of result) {
-	
-	          var currentBench = this.benchList.find((a) => a.id == item.bench_id);
-	          if (currentBench) {
-	            currentBench.image = require("../../assets/bench_img/"+item.bench_img);
-	          }
-	          this.tabs[0].list = this.benchList;
-	
-	        }
-	      })
-	    },
+    getImageName() {
+      var sqlstr = "SELECT * FROM dat_bench_extend order by bench_id asc";
+      let msg = {
+        cmd: "query", // server端要进行判断的
+        data: {
+          name: "name", // 这个无所谓怎么写，有就行
+          sql: sqlstr,
+        },
+      };
+      window.vm.$socket.emit("REPT", msg, (datas) => {
+        let result = datas.data;
+        for (var item of result) {
+          var currentBench = this.benchList.find((a) => a.id == item.bench_id);
+          if (currentBench) {
+            currentBench.image = require("../../assets/bench_img/"+item.bench_img);
+          }
+          this.tabs[0].list = this.benchList;
+        }
+      })
+    },
     changeCurrentBench(benchId) {
       this.isDetailVisible = false;
       if (this.isOpen3d) {
@@ -1457,56 +1455,72 @@ export default {
       });
     },
     itemRender(item) {
-
-      //item.image = require("../../assets/mechine.png");
-      //item.image = require("../../assets/bench_img/"+item.benchImg);
-      /*return `
-                  <div class="item-box">
-                      <div class="item-image"><img src="${item.image}" alt="${item.title}"></div>
-                      <div class="item-right">
-                          <div class="item-title">
-                              <span onClick="handleListClick(${item.id})">${item.id}</span>
-                              <span onClick="selectBench(${item.id})" class="el-icon-s-platform ${item.status}"></span>
-                          </div>
-                          <div class="item-text">
-                            <div class="item-description">Automation Lab-7E</div>
-                              <div class="item-description">${item.name}</div>
-                              <div class="item-tag">
-                                  <div class="tag">${item.Market}</div>
-                                  <div class="tag">${item.Platform}</div>
-                                  <div class="tag">${item.Project}</div>
-                                  <div class="tag">${item.Carline}</div>
-                                  <div class="tag">${item.Cluster}</div>
-                              </div>
-                              <div class="item-tag">
-                                  <div class="tag">${item.MU_SW}</div>
-                                  <div class="tag">${item.Variant}</div>
-                                  <div class="tag">${item.ip}</div>
-                              </div>
-                          </div>
-                      </div>
-                  </div>`;*/
-      return `
-                  <div onDblClick="handleListDbClick(${item.id})" data-index="${item.id}" onClick="handleListClick(${item.id})" class="item-box">
-                  <div class="item-image"><img src="${item.image}" alt="${item.title}"></div>
-                  <div class="item-right">
-                      <div class="item-text">
-                          <div class="item-title">${item.name}
-                            <span onClick="selectBench(${item.id})" class="el-icon-monitor ${item.status}"></span>
-                          </div>
-                          <div class="item-description">Automation Lab-7E</div>
-                          <div class="item-tag">
-                              <div class="tag" title="Market">${item.Market}</div>
-                              <div class="tag" title="Platform">${item.Platform}</div>
-                              <div class="tag" title="Project">${item.Project}</div>
-                              <div class="tag" title="Carline">${item.Carline}</div>
-                              <div class="tag" title="Cluster">${item.Cluster}</div>
-                              <div class="tag" title="MU_SW">${item.MU_SW}</div>
-                              <div class="tag" title="Variant">${item.Variant}</div>
-                          </div>
-                      </div>
-                  </div>
-              </div>`;
+      if (item.groups["Basic Information"].Display == "DUO") {
+        return `
+          <div onDblClick="handleListDbClick(${item.id})" data-index="${item.id}" onClick="handleListClick(${item.id})" class="item-box">
+            <div class="item-image"><img src="${item.image}" alt="${item.title}"></div>
+            <div class="item-right">
+                <div class="item-text">
+                    <div class="item-title">${item.name}
+                      <span onClick="selectBench(${item.id})" class="el-icon-s-platform ${item.status}"></span>
+                    </div>
+                    <div class="item-description">Automation Lab-7E</div>
+                    <div class="item-tag">
+                        <div class="tag" title="Market">${item.Market}</div>
+                        <div class="tag" title="Platform">${item.Platform}</div>
+                        <div class="tag" title="Project">${item.Project}</div>
+                        <div class="tag" title="Carline">${item.Carline}</div>
+                        <div class="tag" title="Cluster">${item.Cluster}</div>
+                        <div class="tag" title="MU_SW">${item.MU_SW}</div>
+                        <div class="tag" title="Variant">${item.Variant}</div>
+                    </div>
+                </div>
+            </div>
+          </div>`;
+      }else{
+        return `
+          <div onDblClick="handleListDbClick(${item.id})" data-index="${item.id}" onClick="handleListClick(${item.id})" class="item-box">
+            <div class="item-image"><img src="${item.image}" alt="${item.title}"></div>
+            <div class="item-right">
+                <div class="item-text">
+                    <div class="item-title">${item.name}
+                      <span onClick="selectBench(${item.id})" class="el-icon-monitor ${item.status}"></span>
+                    </div>
+                    <div class="item-description">Automation Lab-7E</div>
+                    <div class="item-tag">
+                        <div class="tag" title="Market">${item.Market}</div>
+                        <div class="tag" title="Platform">${item.Platform}</div>
+                        <div class="tag" title="Project">${item.Project}</div>
+                        <div class="tag" title="Carline">${item.Carline}</div>
+                        <div class="tag" title="Cluster">${item.Cluster}</div>
+                        <div class="tag" title="MU_SW">${item.MU_SW}</div>
+                        <div class="tag" title="Variant">${item.Variant}</div>
+                    </div>
+                </div>
+            </div>
+          </div>`;
+      }
+      // return `
+      //             <div onDblClick="handleListDbClick(${item.id})" data-index="${item.id}" onClick="handleListClick(${item.id})" class="item-box">
+      //             <div class="item-image"><img src="${item.image}" alt="${item.title}"></div>
+      //             <div class="item-right">
+      //                 <div class="item-text">
+      //                     <div class="item-title">${item.name}
+      //                       <span onClick="selectBench(${item.id})" class="el-icon-monitor ${item.status}"></span>
+      //                     </div>
+      //                     <div class="item-description">Automation Lab-7E</div>
+      //                     <div class="item-tag">
+      //                         <div class="tag" title="Market">${item.Market}</div>
+      //                         <div class="tag" title="Platform">${item.Platform}</div>
+      //                         <div class="tag" title="Project">${item.Project}</div>
+      //                         <div class="tag" title="Carline">${item.Carline}</div>
+      //                         <div class="tag" title="Cluster">${item.Cluster}</div>
+      //                         <div class="tag" title="MU_SW">${item.MU_SW}</div>
+      //                         <div class="tag" title="Variant">${item.Variant}</div>
+      //                     </div>
+      //                 </div>
+      //             </div>
+      //         </div>`;
     },
     handleImageClick(index) {
       this.selectBench(
@@ -2421,6 +2435,9 @@ export default {
           let items = document.getElementsByClassName("grid-item-background");
           for (var index = 0; index < items.length; index++) {
             items[index].style.background = "#000000";
+            if (this.images[index].alt == benchId) {
+              items[index].style.background = "#ffffff";
+            }
           }
           return;
         }
@@ -2570,6 +2587,9 @@ export default {
             let items = document.getElementsByClassName("grid-item-background");
             for (var index = 0; index < items.length; index++) {
               items[index].style.background = "#000000";
+              if (index == indexParam) {
+                items[index].style.background = "#ffffff";
+              }
             }
             this.brnchshow = false;
             
@@ -2579,13 +2599,13 @@ export default {
           }
         }
         this.currentBenchId = benchId;
-        let items = document.getElementsByClassName("grid-item-background");
-        for (var index = 0; index < items.length; index++) {
-          items[index].style.background = "#000000";
-          if (index == indexParam) {
-            items[index].style.background = "#ffffff";
-          }
-        }
+        // let items = document.getElementsByClassName("grid-item-background");
+        // for (var index = 0; index < items.length; index++) {
+        //   items[index].style.background = "#000000";
+        //   if (index == indexParam) {
+        //     items[index].style.background = "#ffffff";
+        //   }
+        // }
       });
       this.$nextTick(() => {
         if (
@@ -2608,7 +2628,10 @@ export default {
           let itemOther = this.benchList.find(
             (b) => parseInt(b.id) == parseInt(title[0].textContent) || b.id == benchId
           );
-          itemOther.selected = false;
+          if(itemOther){
+            itemOther.selected = false;
+          }
+          // itemOther.selected = false;
           if(items[index].dataset.index == benchId){
             items[index].style.background = "#000000C0";
             this.currentBench = this.benchList.find((b) => b.id == benchId);