1

src/assets/css/main.css

@@ -4527,19 +4527,40 @@ textarea {
 }
 
 .insectPestDetail .detail-info .detail-div .detail-detail {
-  width: calc(100% - 220px);
+  width: calc(100%);
   min-height: 50%;
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  grid-template-columns: repeat(4, minmax(240px, 1fr));
   grid-row-gap: 10px;
   grid-column-gap: 10px;
 }
 
+.insectPestDetail .detail-info .detail-div .detail-detail .detail-detail-div {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
 .insectPestDetail .detail-info .detail-div .detail-detail .detail-detail-div .title {
   font-weight: bold;
   margin-bottom: 5px;
 }
 
+.insectPestDetail .detail-info .detail-div .detail-detail .detail-detail-div.to-more {
+  cursor: pointer;
+}
+
+.insectPestDetail .detail-info .detail-div .detail-detail .detail-detail-div .text {
+  display: flex;
+  align-items: center;
+}
+
+.insectPestDetail .detail-info .detail-div .detail-detail .detail-detail-div .text img {
+  width: 20px;
+  height: 20px;
+  margin-right: 5px;
+}
+
 .insectPestDetail .detail-data {
   width: 100%;
   height: 49%;

src/assets/css/main.scss

@@ -4831,17 +4831,32 @@ textarea {
                 }
             }
             .detail-detail{
-                width: calc(100% - 220px);
+                width: calc(100% );
                 min-height: 50%;
                 display: grid;
-                grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+                grid-template-columns: repeat(4, minmax(240px, 1fr));
                 grid-row-gap: 10px; //纵向间隔
                 grid-column-gap: 10px; //横向间隔
-                .detail-detail-div{
+                .detail-detail-div{display: flex;
+                    flex-direction: column;
+                    justify-content: center;
                     .title{
                         font-weight: bold;
                         margin-bottom: 5px;
                     }
+                    &.to-more{
+                        cursor: pointer;
+                    }
+                    .text{
+                        display: flex;
+                        align-items: center;
+                     
+                        img{
+                            width: 20px;
+                            height: 20px;
+                            margin-right: 5px;
+                        }
+                    }
                 }
             }
         }

src/views/index.vue

@@ -510,7 +510,7 @@ export default {
         toRouter(item) {
             if (item.router) {
                 // 是虫情
-                if(this.deviceName=='99'){
+                if(this.routerNow == 'insectPestDetail'||this.routerNow == 'insectPestImageList'){
                      this.$message('虫情设备无该页面');
                      return
                 }
@@ -584,14 +584,14 @@ export default {
                 if (item.http) {
                     window.location.href = item.http;
                 }else if(item.isRouter){
-                        
                         // 虫情页面逻辑
                         if(item.deviceName=='99'){
                             this.$router.push({ path: item.router,query:{id:item.deviceId} })
+                           
                         }else{
                             this.$router.push({ path: item.router })
                         }
-                         
+                          
                 } else if ( this.$route.query.index != item.index) {
                     if (this.routerNow == 'realTime'||item.router=='realTime') {
                         this.$store.state.equipmentIndex = item.index

src/views/insectPest/detail.vue

@@ -3,9 +3,9 @@
     <div class="detail-info">
       <div class="table-title">设备详情</div>
       <div class="detail-div">
-        <div class="detail-img">
+        <!-- <div class="detail-img">
           <img src="../../assets/image/pest.png" alt="" />
-        </div>
+        </div> -->
         <div class="detail-detail" v-if="detail">
             <div class="detail-detail-div">
               <div class="title">设备名称:</div>
@@ -35,6 +35,9 @@
               <div class="title">设备所属sim卡:</div>
               <div class="text">{{detail.simCardNo}}</div>
             </div>
+               <div @click="toMore" class="detail-detail-div to-more">
+              <div class="text"> <img src="../../assets/image/more.png" alt="" />更多操作</div>
+            </div>
         </div>
       </div>
     </div>
@@ -108,6 +111,10 @@ export default {
           }
         });
     },
+    toMore(){
+      window.open('https://zdny.zznongyeyiqi.com/index', '_blank');
+      
+    },
     getTimeNew() {
       // 获取当前日期（格式：YYYY-MM-DD）
       const today = new Date().toISOString().split("T")[0];