应用广场点击跳转

front/src/views/capacitySquare/components/application.vue

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-08-09 09:31:25
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-08-09 16:48:36
+ * @LastEditTime: 2022-08-09 16:53:01
  * @Description: 应用资源
 -->
 <template>
@@ -29,7 +29,7 @@
           :src="item.pic"
           :fallback="item.pic2"
         />
-        <div class="bottom">
+        <div class="bottom" @click="goToView(item.id)">
           <div class="name">{{ item.name }}</div>
           <div class="dept">{{ item.deptName || '--' }}</div>
         </div>
@@ -40,6 +40,8 @@
 <script setup>
   import { onMounted, reactive, onBeforeUnmount, ref, nextTick } from 'vue'
   import { selectAppList } from '@/api/home'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
   const pageNum = ref(1)
   const flag = ref(true)
   const type = ref(null)
@@ -47,6 +49,14 @@
   const data = reactive({ list: [] })
   const selectFlag = ref(false)
   let dom = null
+  const goToView = (id) => {
+    router.push({
+      path: '/details',
+      query: {
+        id: id,
+      },
+    })
+  }
   const getList = (str) => {
     if (str) {
       dom.scrollTop = 0
@@ -207,6 +217,7 @@
           object-fit: contain;
         }
         .bottom {
+          cursor: pointer;
           width: 100%;
           height: 0.6rem;
           padding-left: 0.3rem;