From b91625bae27f0e53da24f00836c8d4d671feb266 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Tue, 9 Aug 2022 16:54:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=94=E7=94=A8=E5=B9=BF=E5=9C=BA=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../capacitySquare/components/application.vue     | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/front/src/views/capacitySquare/components/application.vue b/front/src/views/capacitySquare/components/application.vue
index 35c768b6..9e253de7 100644
--- a/front/src/views/capacitySquare/components/application.vue
+++ b/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;