虫情图片列表加入返回按钮

src/assets/css/main.css

@@ -4269,6 +4269,18 @@ textarea {
   width: 320px;
 }
 
+.historyData.insectPestImage .return-detail {
+  cursor: pointer;
+  background: #0294E2;
+  height: 35px;
+  border-radius: 4px;
+  padding: 0 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 30px;
+}
+
 .historyData .table-view .el-table th.el-table__cell.is-leaf .cell {
   font-size: 14px !important;
 }

src/assets/css/main.scss

@@ -4554,6 +4554,18 @@ textarea {
                 }
            }
         }
+        .return-detail{
+            cursor: pointer;
+            background: #0294E2;
+
+            height: 35px;
+            border-radius: 4px;
+            padding: 0 10px ;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-left: 30px;
+        }
        
     }
     .table-view {

src/views/insectPest/imageList.vue

@@ -4,6 +4,7 @@
             <div class="table-title">
                 <img src="../../assets/image/real-time.png" alt="" />
                 虫情图片
+                <div class="return-detail" @click="returnDetail">返回详情</div>
             </div>
             <div class="flex-view">
                 
@@ -86,6 +87,9 @@ export default {
             var formattedTime = utcTime.toISOString().slice(0, 19).replace('T', ' ');
             return formattedTime
         },
+        returnDetail(){
+               this.$router.push({ path:'insectPestDetail',query:{id:this.id} })
+        },
         dataInit(id) {
            this.getTime7()
             this.pageSize = 12