From 06e9ade25dd22c6d98ab460069f48ef473a90306 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Mon, 8 Aug 2022 09:44:26 +0800
Subject: [PATCH] =?UTF-8?q?bug826-=E5=BA=94=E7=94=A8=E8=AF=A6=E6=83=85-?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E4=BB=8B=E7=BB=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ApplicationFunctionIntorduction.vue       | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue b/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
index 6542e3f3..4fe3a7ff 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
@@ -10,7 +10,7 @@
         <div
           v-for="(itemSonTitle, indexSonTitle) in dataFrom.attrValue"
           :key="itemSonTitle.name"
-          @click="tabSwitch(itemSonTitle.name)"
+          @click="tabSwitch(itemSonTitle.name, indexSonTitle)"
           class="tab-son"
           :class="
             tabIndexClass(indexSonTitle, dataFrom.name, dataFrom.attrValue)
@@ -21,7 +21,8 @@
             <div
               class="tab-top"
               :class="
-                tabInitialize() == itemSonTitle.name ? 'tab-top-down' : ''
+                (tabInitialize() == itemSonTitle.name ? 'tab-top-down' : '') &&
+                dataIndex == indexSonTitle
               "
             >
               {{ itemSonTitle.name }}
@@ -29,12 +30,20 @@
           </a-tooltip>
           <div
             class="tab-bottom"
-            v-if="tabInitialize() == itemSonTitle.name"
+            v-if="
+              tabInitialize() == itemSonTitle.name && dataIndex == indexSonTitle
+            "
           ></div>
         </div>
       </div>
-      <template v-for="itemSonTitle in dataFrom.attrValue" :key="itemSonTitle">
-        <div class="content" v-if="tabindex == itemSonTitle.name">
+      <template
+        v-for="(itemSonTitle, indexSonTitle) in dataFrom.attrValue"
+        :key="itemSonTitle"
+      >
+        <div
+          class="content"
+          v-if="tabindex == itemSonTitle.name && dataIndex == indexSonTitle"
+        >
           <div class="content-left">
             <div class="content-left-scene" v-if="!itemSonTitle.img"></div>
             <a-image
@@ -60,6 +69,7 @@
   import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
   import { ref, defineProps, watch } from 'vue'
   const flag = ref(true)
+  let dataIndex = ref(0)
   let dataFrom = ref([])
   // tab切换方法
   let tabindex = ref('场景说明一')
@@ -105,8 +115,9 @@
     return tabindex.value
   }
   //tab切换点击事件
-  function tabSwitch(name) {
+  function tabSwitch(name, index) {
     tabindex.value = name
+    dataIndex.value = index
     return tabindex.value
   }
 </script>