From ff1aea83f7605fb708ee40cbe3126a90481ce10f Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Wed, 29 Jun 2022 19:12:12 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=9C=8D=E5=8A=A1=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Algorithm/AlgorithmAssociatedAbility.vue  | 26 +++++++------------
 .../Business/BusinessAssociatedAbility.vue    | 26 +++++++------------
 .../Developer/DeveloperAssociatedAbility.vue  | 26 +++++++------------
 .../LayerServiceAssociatedAbility.vue         | 26 +++++++------------
 4 files changed, 36 insertions(+), 68 deletions(-)

diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
index e405b3dd..95e54415 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
@@ -4,21 +4,16 @@
     <div class="application-associated-ability-main">
       <div
         class="associated-ability-card"
-        v-for="(item, index) in dataFrom"
-        :key="item.type"
+        v-for="(dataListitem, dataListindex) in dataFrom[0].dataList"
+        :key="dataListitem.id"
+        @click="switchFunction(dataListitem.id)"
       >
         <div class="associated-ability-card-title">
-          {{ item.type }}
+          {{ dataListitem.name }}
         </div>
         <div class="associated-ability-card-content">
-          <div
-            class="associated-ability-card-content-font"
-            v-for="(dataListitem, dataListindex) in item.dataList"
-            :key="dataListitem.id"
-            @click="switchFunction(dataListitem.id)"
-          >
-            <span>{{ dataListindex + 1 }}、</span>
-            {{ dataListitem.name }}
+          <div class="associated-ability-card-content-font">
+            {{ dataListitem.description }}
           </div>
         </div>
       </div>
@@ -85,11 +80,11 @@
     align-items: center;
     .application-associated-ability-main {
       margin-top: 0.4rem;
-      width: 13.14rem;
+      width: 13.3rem;
       display: flex;
-      justify-content: center;
+      justify-content: space-between;
       .associated-ability-card {
-        width: 4.28rem;
+        width: 3.2rem;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -112,9 +107,6 @@
             margin-right: 0.15rem;
             margin-top: 0.15rem;
           }
-          .associated-ability-card-content-font:hover {
-            color: #0058e1;
-          }
         }
       }
       .associated-ability-card:hover {
diff --git a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
index e405b3dd..95e54415 100644
--- a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
@@ -4,21 +4,16 @@
     <div class="application-associated-ability-main">
       <div
         class="associated-ability-card"
-        v-for="(item, index) in dataFrom"
-        :key="item.type"
+        v-for="(dataListitem, dataListindex) in dataFrom[0].dataList"
+        :key="dataListitem.id"
+        @click="switchFunction(dataListitem.id)"
       >
         <div class="associated-ability-card-title">
-          {{ item.type }}
+          {{ dataListitem.name }}
         </div>
         <div class="associated-ability-card-content">
-          <div
-            class="associated-ability-card-content-font"
-            v-for="(dataListitem, dataListindex) in item.dataList"
-            :key="dataListitem.id"
-            @click="switchFunction(dataListitem.id)"
-          >
-            <span>{{ dataListindex + 1 }}、</span>
-            {{ dataListitem.name }}
+          <div class="associated-ability-card-content-font">
+            {{ dataListitem.description }}
           </div>
         </div>
       </div>
@@ -85,11 +80,11 @@
     align-items: center;
     .application-associated-ability-main {
       margin-top: 0.4rem;
-      width: 13.14rem;
+      width: 13.3rem;
       display: flex;
-      justify-content: center;
+      justify-content: space-between;
       .associated-ability-card {
-        width: 4.28rem;
+        width: 3.2rem;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -112,9 +107,6 @@
             margin-right: 0.15rem;
             margin-top: 0.15rem;
           }
-          .associated-ability-card-content-font:hover {
-            color: #0058e1;
-          }
         }
       }
       .associated-ability-card:hover {
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
index e405b3dd..95e54415 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
@@ -4,21 +4,16 @@
     <div class="application-associated-ability-main">
       <div
         class="associated-ability-card"
-        v-for="(item, index) in dataFrom"
-        :key="item.type"
+        v-for="(dataListitem, dataListindex) in dataFrom[0].dataList"
+        :key="dataListitem.id"
+        @click="switchFunction(dataListitem.id)"
       >
         <div class="associated-ability-card-title">
-          {{ item.type }}
+          {{ dataListitem.name }}
         </div>
         <div class="associated-ability-card-content">
-          <div
-            class="associated-ability-card-content-font"
-            v-for="(dataListitem, dataListindex) in item.dataList"
-            :key="dataListitem.id"
-            @click="switchFunction(dataListitem.id)"
-          >
-            <span>{{ dataListindex + 1 }}、</span>
-            {{ dataListitem.name }}
+          <div class="associated-ability-card-content-font">
+            {{ dataListitem.description }}
           </div>
         </div>
       </div>
@@ -85,11 +80,11 @@
     align-items: center;
     .application-associated-ability-main {
       margin-top: 0.4rem;
-      width: 13.14rem;
+      width: 13.3rem;
       display: flex;
-      justify-content: center;
+      justify-content: space-between;
       .associated-ability-card {
-        width: 4.28rem;
+        width: 3.2rem;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -112,9 +107,6 @@
             margin-right: 0.15rem;
             margin-top: 0.15rem;
           }
-          .associated-ability-card-content-font:hover {
-            color: #0058e1;
-          }
         }
       }
       .associated-ability-card:hover {
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
index e405b3dd..95e54415 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
@@ -4,21 +4,16 @@
     <div class="application-associated-ability-main">
       <div
         class="associated-ability-card"
-        v-for="(item, index) in dataFrom"
-        :key="item.type"
+        v-for="(dataListitem, dataListindex) in dataFrom[0].dataList"
+        :key="dataListitem.id"
+        @click="switchFunction(dataListitem.id)"
       >
         <div class="associated-ability-card-title">
-          {{ item.type }}
+          {{ dataListitem.name }}
         </div>
         <div class="associated-ability-card-content">
-          <div
-            class="associated-ability-card-content-font"
-            v-for="(dataListitem, dataListindex) in item.dataList"
-            :key="dataListitem.id"
-            @click="switchFunction(dataListitem.id)"
-          >
-            <span>{{ dataListindex + 1 }}、</span>
-            {{ dataListitem.name }}
+          <div class="associated-ability-card-content-font">
+            {{ dataListitem.description }}
           </div>
         </div>
       </div>
@@ -85,11 +80,11 @@
     align-items: center;
     .application-associated-ability-main {
       margin-top: 0.4rem;
-      width: 13.14rem;
+      width: 13.3rem;
       display: flex;
-      justify-content: center;
+      justify-content: space-between;
       .associated-ability-card {
-        width: 4.28rem;
+        width: 3.2rem;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -112,9 +107,6 @@
             margin-right: 0.15rem;
             margin-top: 0.15rem;
           }
-          .associated-ability-card-content-font:hover {
-            color: #0058e1;
-          }
         }
       }
       .associated-ability-card:hover {