From 7f4a21233b599d88a7404bc9e25fdd7f41d94f5c Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Mon, 16 Oct 2023 20:49:12 +0800
Subject: [PATCH] case

---
 src/components/Card.vue |  4 ++--
 src/pages/CaseShow.vue  |  1 +
 src/pages/Hardware.vue  | 13 ++++++++++---
 src/pages/Industry.vue  | 13 ++++++++++---
 4 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/components/Card.vue b/src/components/Card.vue
index 777d172..79f96e6 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -36,7 +36,7 @@ const toDetail = (productId, classify) => {
   router.push({
     path: `/detail`,
     query: {
-      t: props.classify || classify,
+      t: classify || props.classify,
       p: productId,
     },
   })
@@ -47,7 +47,7 @@ const toDetail = (productId, classify) => {
 .line_cards {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
-  grid-template-rows: repeat(10, 1fr);
+  // grid-template-rows: repeat(10, 1fr);
   column-gap: 7px;
   padding: 0 7px;
   box-sizing: border-box;
diff --git a/src/pages/CaseShow.vue b/src/pages/CaseShow.vue
index 7c14e0f..dfc1188 100644
--- a/src/pages/CaseShow.vue
+++ b/src/pages/CaseShow.vue
@@ -19,6 +19,7 @@ import HeadLine from 'cpns/HeadLine'
 import { useRoute } from 'vue-router'
 import { ref, onMounted } from 'vue'
 import { caseList } from '@/mock/case_detail'
+
 const route = useRoute()
 
 const trackList = [
diff --git a/src/pages/Hardware.vue b/src/pages/Hardware.vue
index d19cca6..9ed9b1b 100644
--- a/src/pages/Hardware.vue
+++ b/src/pages/Hardware.vue
@@ -3,7 +3,7 @@
     <div class="top_wrap"><Top :hardLogo="true" /></div>
     <img :src="Home1" class="bg" alt="" />
     <NewTrack :hard="true" />
-    <Card :caseList="getData()" />
+    <Card :caseList="getData()" :classify="trackStore.hardwareTab" />
     <HeadLine title="专家" themeTitle="电机控制" />
     <div class="img_wrap">
       <img :src="Dian" class="img" alt="" />
@@ -33,13 +33,20 @@ import Home5 from '@/static/img/newpage/home5.png'
 import Card from 'cpns/Card'
 import Gif1 from '@/static/img/hardware/1.gif'
 import Gif2 from '@/static/img/hardware/2.gif'
-import { caseList, hardCaseList } from '@/mock'
+import { hardCaseList as homeList } from '@/mock'
+import { useTrackStore } from '@/store'
 import NewTrack from 'cpns/NewTrack'
 import { useRoute } from 'vue-router'
+import { caseList } from '@/mock/case_detail'
 const route = useRoute()
+const trackStore = useTrackStore()
 
 const getData = () => {
-  return hardCaseList
+  // 根据激活tab展示产品
+  if (trackStore.hardwareTab == 0) {
+    return homeList
+  }
+  return caseList[parseInt(trackStore.hardwareTab)]
 }
 </script>
 
diff --git a/src/pages/Industry.vue b/src/pages/Industry.vue
index 36cc22f..5e3ea64 100644
--- a/src/pages/Industry.vue
+++ b/src/pages/Industry.vue
@@ -3,7 +3,7 @@
     <div class="top_wrap"><Top /></div>
     <img :src="Home1" class="bg" alt="" />
     <NewTrack />
-    <Card :caseList="getData()" />
+    <Card :caseList="getData()" :classify="trackStore.industryTab" />
     <img :src="Home2" class="bg" alt="" />
   </div>
 </template>
@@ -15,12 +15,19 @@ import Home1 from '@/static/img/newpage/abc.png'
 import NewTrack from 'cpns/NewTrack'
 import Home2 from '@/static/img/newpage/home2.png'
 import Card from 'cpns/Card'
-import { caseList, hardCaseList } from '@/mock'
+import { caseList as homeList } from '@/mock'
 import { useRoute } from 'vue-router'
+import { useTrackStore } from '@/store'
+import { caseList } from '@/mock/case_detail'
 const route = useRoute()
+const trackStore = useTrackStore()
 
 const getData = () => {
-  return caseList
+  // 根据激活tab展示产品
+  if (trackStore.industryTab == 0) {
+    return homeList
+  }
+  return caseList[parseInt(trackStore.industryTab)]
 }
 </script>