邓洁: 隧道管理中点击预览隧道

src/views/tunnel-manage/index.vue

@@ -31,7 +31,7 @@
         </div>
         <div class="box-center">
           <div>
-            <div class="left-img" @click="handlePreview"></div>
+            <div class="left-img" @click="handlePreview(item.tunnelId)"></div>
             <div>
               <div class="edit-btn" @click.stop="handleGoToEditTunnel(item.tunnelId)">
                 <div class="edit-icon"></div>
@@ -113,9 +113,10 @@ import {getSiteDetail} from "@/api/site";
 
 const router = useRouter()
 const showAddIcon = ref(true)
-const siteId = reactive(router.currentRoute.value.params.siteId)
-const userId = reactive(router.currentRoute.value.params.userId)
-const type = reactive(router.currentRoute.value.params.type)
+const params = router.currentRoute.value.params;
+const siteId = reactive(params.siteId)
+const userId = reactive(params.userId)
+const type = reactive(params.type)
 const formRules = ref({
   tunnelName: [{required: true, message: '请输入隧道名称', trigger: 'blur'}],
   serialNumber: [{required: true, message: '请输入序列号', trigger: 'blur'}]
@@ -256,8 +257,11 @@ const handleSubmit = (instance) => {
   // })
 }
 //预览隧道
-const handlePreview=()=>{
-
+const handlePreview=(id)=>{
+  console.log('预览')
+  if(id){
+    router.push('/'+id)
+  }
 }
 const handleGoToEditTunnel = (tunnelId) => {
   isEdit.value = true
@@ -589,6 +593,7 @@ const handleMoreDelete = () => {
         }
 
         .left-img {
+          cursor: pointer;
           margin-top: 110px;
           margin-right: 50px;
           width: 340px;