前台加word-break: break-all;

2022-07-19 09:42:41 +08:00 · 2022-07-19 09:42:41 +08:00 · f1de4b860e
parent 74168d8a2c
commit f1de4b860e
61 changed files with 837 additions and 710 deletions
--- a/front/src/views/abilityStatistics/components/AbilityRanking.vue
+++ b/front/src/views/abilityStatistics/components/AbilityRanking.vue
@ -257,6 +257,7 @@
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                margin-bottom: 20px;
+                word-break: break-all;
              }
              .content-fangwenliang {
                width: 215px;
@ -268,6 +269,7 @@
                -webkit-box-orient: vertical;
                color: #999999;
                margin-bottom: 20px;
+                word-break: break-all;
              }
            }
          }
--- a/front/src/views/abilityStatistics/components/AtlasResources.vue
+++ b/front/src/views/abilityStatistics/components/AtlasResources.vue
@ -599,6 +599,7 @@
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
+                word-break: break-all;
              }
              .num {
                width: 100px;
@ -719,6 +720,7 @@
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
+              word-break: break-all;
            }
          }
          div:nth-of-type(1) {
@ -757,6 +759,7 @@
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
+                word-break: break-all;
              }
              span:hover {
                border: 1px solid #147ad8;
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmAdvantage.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmAdvantage.vue
@ -139,6 +139,7 @@
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
        .item:nth-of-type(1) {
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmApplicationCase.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmApplicationCase.vue
@ -302,6 +302,7 @@
          overflow: hidden;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmApplicationScenarios.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmApplicationScenarios.vue
@ -177,6 +177,7 @@
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 1;
+            word-break: break-all;
            -webkit-box-orient: vertical;
          }
          .tab-top-down {
@ -269,6 +270,7 @@
          overflow: hidden;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmAssociatedAbility.vue
@ -160,6 +160,7 @@
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .associated-ability-card-content {
          width: 100%;
@ -175,6 +176,7 @@
            overflow: hidden;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
      }
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmChargingStandard.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmChargingStandard.vue
@ -110,6 +110,7 @@
          overflow: hidden;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .content-footer {
          position: absolute;
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
@ -258,6 +258,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .label-content {
          position: relative;
@ -291,6 +292,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
      .bottom {
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
@ -377,6 +377,7 @@
                overflow: hidden;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
+                word-break: break-all;
              }
            }
          }
@ -436,6 +437,7 @@
          line-height: 0.2rem;
          overflow: hidden;
          -webkit-line-clamp: 1;
+          word-break: break-all;
          -webkit-box-orient: vertical;
          flex-direction: column;

@ -447,6 +449,7 @@
            margin-bottom: 0.08rem;
            white-space: nowrap;
            -webkit-line-clamp: 1;
+            word-break: break-all;
            -webkit-box-orient: vertical;
            margin-right: 0.15rem;

--- a/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue
@ -153,6 +153,7 @@
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
+          word-break: break-all;
          -webkit-box-orient: vertical;
        }
      }
--- a/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue
@ -175,6 +175,7 @@
          display: -webkit-box;
          overflow: hidden;
          -webkit-line-clamp: 2;
+          word-break: break-all;
          -webkit-box-orient: vertical;
        }
        .associated-ability-card-content {
@ -190,6 +191,7 @@
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 5;
+            word-break: break-all;
            -webkit-box-orient: vertical;
          }
        }
--- a/front/src/views/detailsAll/components/Application/ApplicationAssociatedComponents.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationAssociatedComponents.vue
@ -138,6 +138,7 @@
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
+            word-break: break-all;
            -webkit-box-orient: vertical;
          }
        }
--- a/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
@ -7,26 +7,42 @@
        <DetalsTitle :title="dataFrom.attrType" type="INTRODUCE"></DetalsTitle>
      </div>
      <div class="tab">
-        <div v-for="(itemSonTitle, indexSonTitle) in dataFrom.attrValue" :key="itemSonTitle.name"
-          @click="tabSwitch(itemSonTitle.name)" class="tab-son" :class="
+        <div
+          v-for="(itemSonTitle, indexSonTitle) in dataFrom.attrValue"
+          :key="itemSonTitle.name"
+          @click="tabSwitch(itemSonTitle.name)"
+          class="tab-son"
+          :class="
            tabIndexClass(indexSonTitle, dataFrom.name, dataFrom.attrValue)
-          ">
+          "
+        >
          <a-tooltip>
            <template #title>{{ itemSonTitle.name }}</template>
-            <div class="tab-top" :class="
+            <div
+              class="tab-top"
+              :class="
                tabInitialize() == itemSonTitle.name ? 'tab-top-down' : ''
-            ">
+              "
+            >
              {{ itemSonTitle.name }}
            </div>
          </a-tooltip>
-          <div class="tab-bottom" v-if="tabInitialize() == itemSonTitle.name"></div>
+          <div
+            class="tab-bottom"
+            v-if="tabInitialize() == itemSonTitle.name"
+          ></div>
        </div>
      </div>
      <template v-for="itemSonTitle in dataFrom.attrValue" :key="itemSonTitle">
        <div class="content" v-if="tabindex == itemSonTitle.name">
          <div class="content-left">
            <div class="content-left-scene" v-if="!itemSonTitle.img"></div>
-            <a-image :width="635" :height="340" :src="itemSonTitle.img" v-if="itemSonTitle.img"></a-image>
+            <a-image
+              :width="635"
+              :height="340"
+              :src="itemSonTitle.img"
+              v-if="itemSonTitle.img"
+            ></a-image>
          </div>
          <div class="content-right">
            <div class="content-right-scene">
@ -146,6 +162,7 @@ function tabSwitch(name) {
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            text-align: center;
+            word-break: break-all;
          }

          .tab-top-down {
@ -247,6 +264,7 @@ function tabSwitch(name) {
          overflow: hidden;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
@ -236,6 +236,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }

        .label-content {
@ -275,6 +276,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }

--- a/front/src/views/detailsAll/components/Business/BusinessApplicationCase.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessApplicationCase.vue
@ -293,6 +293,7 @@
          overflow: hidden;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Business/BusinessApplicationScenarios.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessApplicationScenarios.vue
@ -178,6 +178,7 @@
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
          .tab-top-down {
            min-width: 120px;
@ -269,6 +270,7 @@
          overflow: hidden;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
@ -160,6 +160,7 @@
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .associated-ability-card-content {
          width: 100%;
@ -175,6 +176,7 @@
            overflow: hidden;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
      }
--- a/front/src/views/detailsAll/components/Business/BusinessFunctionIntorduction.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessFunctionIntorduction.vue
@ -158,6 +158,7 @@
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
          .tab-top-down {
            min-width: 1.2rem;
@ -244,6 +245,7 @@
          overflow: hidden;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
@ -243,6 +243,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }

        .label-content {
@ -282,6 +283,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }

--- a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
@ -297,6 +297,7 @@
                overflow: hidden;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
+                word-break: break-all;
              }
            }
          }
@ -358,6 +359,7 @@
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          flex-direction: column;
+          word-break: break-all;

          p {
            // width: 1.60rem;
@ -369,6 +371,7 @@
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            margin-right: 0.15rem;
+            word-break: break-all;

            span {
              cursor: pointer;
--- a/front/src/views/detailsAll/components/Developer/DeveloperApplicationCase.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperApplicationCase.vue
@ -302,6 +302,7 @@
          overflow: hidden;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Developer/DeveloperApplicationScenarios.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperApplicationScenarios.vue
@ -178,6 +178,7 @@
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
          .tab-top-down {
            min-width: 120px;
@ -269,6 +270,7 @@
          overflow: hidden;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
@ -160,6 +160,7 @@
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .associated-ability-card-content {
          width: 100%;
@ -175,6 +176,7 @@
            overflow: hidden;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
      }
--- a/front/src/views/detailsAll/components/Developer/DeveloperFunctionIntorduction.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperFunctionIntorduction.vue
@ -158,6 +158,7 @@
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
          .tab-top-down {
            min-width: 1.2rem;
@ -244,6 +245,7 @@
          overflow: hidden;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
@ -248,6 +248,7 @@
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
+                word-break: break-all;
              }
            }
          }
@ -272,6 +273,7 @@
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
+            word-break: break-all;
          }
        }
        .right {
--- a/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
@ -245,6 +245,7 @@
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
+          word-break: break-all;
          -webkit-box-orient: vertical;
        }
        .label-content {
@ -278,6 +279,7 @@
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
+          word-break: break-all;
          -webkit-box-orient: vertical;
        }
      }
--- a/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
@ -138,6 +138,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
      .main-center {
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceApplicationCase.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceApplicationCase.vue
@ -293,6 +293,7 @@
          overflow: hidden;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceApplicationScenarios.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceApplicationScenarios.vue
@ -178,6 +178,7 @@
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
          .tab-top-down {
            min-width: 120px;
@ -269,6 +270,7 @@
          overflow: hidden;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
    }
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
@ -160,6 +160,7 @@
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .associated-ability-card-content {
          width: 100%;
@ -175,6 +176,7 @@
            overflow: hidden;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
      }
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceInformation.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceInformation.vue
@ -252,6 +252,7 @@
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
      }
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
@ -239,6 +239,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .label-content {
          position: relative;
@ -273,6 +274,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
      .bottom {
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
@ -362,6 +362,7 @@
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          flex-direction: column;
+          word-break: break-all;

          p {
            // width: 1.60rem;
@ -372,6 +373,7 @@
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            margin-right: 0.15rem;
+            word-break: break-all;

            span {
              cursor: pointer;
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@ -1757,5 +1757,6 @@
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
+    word-break: break-all;
  }
 </style>
--- a/front/src/views/home/algorithmCompare.vue
+++ b/front/src/views/home/algorithmCompare.vue
@ -814,6 +814,7 @@
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
+    word-break: break-all;
  }

  .td-name-text {
--- a/front/src/views/home/components/AbilityToRecommend.vue
+++ b/front/src/views/home/components/AbilityToRecommend.vue
@ -380,6 +380,7 @@
      font-size: 0.14rem;
      color: #666666;
      line-height: 0.2rem;
+      word-break: break-all;
    }
  }
  .chakangengduo {
--- a/front/src/views/home/components/header.vue
+++ b/front/src/views/home/components/header.vue
@ -405,6 +405,7 @@
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
+        word-break: break-all;
      }
      .out {
        cursor: pointer;
@ -487,6 +488,7 @@
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
+      word-break: break-all;
      -webkit-box-orient: vertical;
    }
    button {
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@ -968,6 +968,7 @@
            text-overflow: ellipsis;
            /*超出显示为省略号*/
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
        .btn {
@ -1103,5 +1104,6 @@
    text-overflow: ellipsis;
    /*超出显示为省略号*/
    -webkit-box-orient: vertical;
+    word-break: break-all;
  }
 </style>
--- a/front/src/views/home/components/tableGrid.vue
+++ b/front/src/views/home/components/tableGrid.vue
@ -114,6 +114,7 @@
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
+        word-break: break-all;
      }
      button {
        margin: 0px;
--- a/front/src/views/home/detailsPageInfrastructureTree.vue
+++ b/front/src/views/home/detailsPageInfrastructureTree.vue
@ -450,6 +450,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
      .up:hover {
@ -496,6 +497,7 @@
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
        .child:hover {
--- a/front/src/views/home/detailsPageconetentTree.vue
+++ b/front/src/views/home/detailsPageconetentTree.vue
@ -449,6 +449,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
      }
      .up:hover {
@ -495,6 +496,7 @@
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
        }
        .child:hover {
--- a/front/src/views/home/integrationServices.vue
+++ b/front/src/views/home/integrationServices.vue
@ -6,21 +6,44 @@
      <div class="resultListSearchInput-father">
        <div class="resultListSearchInput-son">
          模糊搜索
-                    <a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
-                        @search="getAppResources" @change="onSearch" class="resultListSearchInput" />
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
          <button class="button-reset" @click="chongzhi()">重置</button>
          <div class="hengxian"></div>
        </div>
      </div>
-            <searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
-                :resourceList="resourceList" :resourceTotal="resourceTotal" selectCardsname="融合服务" />
+      <searchResultList
+        v-show="resourceList.data && resourceList.data.length > 0"
+        :key="listKey2"
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+        selectCardsname="融合服务"
+      />
      <div class="pagination">
-                <a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage"
-                    v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper
-                    :total="resourceTotal" :page-size-options="pageSizeOptions" @change="pageChange"
-                    @showSizeChange="onShowSizeChange" />
+        <a-pagination
+          v-if="resourceList.data && resourceList.data.length > 0"
+          v-model:current="currentPage"
+          v-model:pageSize="currentPageSize"
+          show-size-changer
+          show-less-items
+          show-quick-jumper
+          :total="resourceTotal"
+          :page-size-options="pageSizeOptions"
+          @change="pageChange"
+          @showSizeChange="onShowSizeChange"
+        />
      </div>
-            <div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem">
+      <div
+        v-if="resourceList.data && resourceList.data.length <= 0"
+        style="margin-top: 2rem"
+      >
        <a-empty />
      </div>
    </div>
@ -30,18 +53,9 @@
 <script>
  import HomeFooter from '@/views/newHome/components/Footer'
  import mybus from '@/myplugins/mybus'
-import {
-    defineComponent,
-    reactive,
-    ref,
-    toRefs,
-    onMounted,
-    watch,
-} from 'vue'
+  import { defineComponent, reactive, ref, toRefs, onMounted, watch } from 'vue'

-import {
-    getIntegrationServicesList,
-} from '@/api/home.js'
+  import { getIntegrationServicesList } from '@/api/home.js'
  import { useRouter } from 'vue-router'
  import HomeHeader from '@/views/home/components/header'
  import searchResultList from '@/views/home/components/searchResultList.vue'
@ -95,12 +109,11 @@ export default defineComponent({
        paramsGetResources.orderField = 'create_date'
        paramsGetResources.orderType = 'DESC'
        mybus.emit('chongzhi', {
-                type: '融合服务'
+          type: '融合服务',
        })
        getAppResources()
      }

-
      const getAppResources = () => {
        getIntegrationList()
      }
@ -112,17 +125,20 @@ export default defineComponent({
          page: currentPage.value,
          orderField: paramsGetResources.orderField,
          orderType: paramsGetResources.orderType,
-                name: searchValue.value
+          name: searchValue.value,
        }
-            getIntegrationServicesList(postData).then(res => {
+        getIntegrationServicesList(postData).then(
+          (res) => {
            if (res.data.code !== 0) {
              return message.error(res.data.msg)
            }
            resourceList.data = res.data.data.list || []
            resourceTotal.value = res.data.data.total || 0
-            }, err => {
+          },
+          (err) => {
            message.error(err)
-            })
+          }
+        )
      }

      mybus.on('paramsGetResources', (ids) => {
@ -163,7 +179,7 @@ export default defineComponent({
      }

      onMounted(() => {
-            listKey2.value++;
+        listKey2.value++
        getAppResources()
      })

@ -315,5 +331,6 @@ export default defineComponent({
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
+    word-break: break-all;
  }
 </style>
--- a/front/src/views/home/latestAbility.vue
+++ b/front/src/views/home/latestAbility.vue
@ -185,6 +185,7 @@
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
+          word-break: break-all;
        }
        button {
          margin: 0rem;
--- a/front/src/views/mynoticeView/components/NoticeList.vue
+++ b/front/src/views/mynoticeView/components/NoticeList.vue
@ -423,6 +423,7 @@
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
          .left:hover {
            color: #0058e1;
--- a/front/src/views/newHome/components/CapabilityConvergence.vue
+++ b/front/src/views/newHome/components/CapabilityConvergence.vue
@ -328,6 +328,7 @@
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
          .name:hover {
            color: #0058e1;
--- a/front/src/views/newHome/components/LatestCapabilities.vue
+++ b/front/src/views/newHome/components/LatestCapabilities.vue
@ -169,6 +169,7 @@
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
+            word-break: break-all;
          }
          .text {
            width: 100%;
--- a/front/src/views/newHome/components/PopularAbility.vue
+++ b/front/src/views/newHome/components/PopularAbility.vue
@ -298,6 +298,7 @@
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
+                word-break: break-all;
              }
              .text {
                width: 100%;
--- a/front/src/views/newHome/components/RecommendationAbility.vue
+++ b/front/src/views/newHome/components/RecommendationAbility.vue
@ -179,6 +179,7 @@
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
+              word-break: break-all;
            }
            .content-top-pingfen {
              background: unset;
@ -203,6 +204,7 @@
            -webkit-box-orient: vertical;
            margin-bottom: 0.12rem;
            cursor: pointer;
+            word-break: break-all;
          }
          .num {
            font-size: 0.14rem;
--- a/front/src/views/newHome/components/WorkDynList.vue
+++ b/front/src/views/newHome/components/WorkDynList.vue
@ -167,6 +167,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .pulish-time {
          position: absolute;
--- a/front/src/views/personalCenter/OnTheRightSideOfTheList.vue
+++ b/front/src/views/personalCenter/OnTheRightSideOfTheList.vue
@ -176,6 +176,7 @@
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            color: #999999;
+            word-break: break-all;
          }
        }
        .content-body-bottom {
--- a/front/src/views/personalCenter/components/AbilityApplication.vue
+++ b/front/src/views/personalCenter/components/AbilityApplication.vue
@ -300,6 +300,7 @@
                  display: -webkit-box;
                  -webkit-line-clamp: 1;
                  -webkit-box-orient: vertical;
+                  word-break: break-all;
                  .type {
                    background: #0087ff;
                    color: #fff;
@ -321,6 +322,7 @@
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
+                  word-break: break-all;
                }
                .result:hover {
                  color: #0058e1;
--- a/front/src/views/personalCenter/components/Comment.vue
+++ b/front/src/views/personalCenter/components/Comment.vue
@ -192,6 +192,7 @@
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
+                  word-break: break-all;
                }
                .result:hover {
                  color: #0058e1;
--- a/front/src/views/personalCenter/components/Demand.vue
+++ b/front/src/views/personalCenter/components/Demand.vue
@ -201,6 +201,7 @@
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
+                  word-break: break-all;
                }
                .result:hover {
                  color: #0058e1;
--- a/front/src/views/personalCenter/components/MyApplication.vue
+++ b/front/src/views/personalCenter/components/MyApplication.vue
@ -222,6 +222,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .content-body-content {
          margin-top: 10px;
@ -238,6 +239,7 @@
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            color: #999999;
+            word-break: break-all;
          }
        }
        .content-body-bottom {
--- a/front/src/views/personalCenter/components/MyApply.vue
+++ b/front/src/views/personalCenter/components/MyApply.vue
@ -863,6 +863,7 @@
            -webkit-box-orient: vertical;
            max-width: 8.1rem;
            line-height: 24px;
+            word-break: break-all;
          }
        }
        .content-body-bottom {
--- a/front/src/views/personalCenter/components/MyComments.vue
+++ b/front/src/views/personalCenter/components/MyComments.vue
@ -195,6 +195,7 @@
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
+          word-break: break-all;
        }
        .content-body-content {
          margin-top: 10px;
@ -212,6 +213,7 @@
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            color: #999999;
+            word-break: break-all;
          }
        }
        .content-body-bottom {
--- a/front/src/views/personalCenter/components/MyPublish.vue
+++ b/front/src/views/personalCenter/components/MyPublish.vue
@ -573,6 +573,7 @@
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
+            word-break: break-all;
            color: #999999;
          }
        }
--- a/front/src/views/personalCenter/components/OffTheShelf.vue
+++ b/front/src/views/personalCenter/components/OffTheShelf.vue
@ -194,6 +194,7 @@
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
+                  word-break: break-all;
                  -webkit-box-orient: vertical;
                }
                .result:hover {
--- a/front/src/views/personalCenter/components/OtherApplications
+++ b/front/src/views/personalCenter/components/OtherApplications
@ -213,6 +213,7 @@
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
+                  word-break: break-all;
                  -webkit-box-orient: vertical;
                }
                .result:hover {
--- a/front/src/views/personalCenter/components/PurchaseVehicle.vue
+++ b/front/src/views/personalCenter/components/PurchaseVehicle.vue
@ -862,6 +862,7 @@
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
+          word-break: break-all;
          -webkit-box-orient: vertical;
        }
      }
--- a/front/src/views/personalCenter/components/PutOnTheShelf
+++ b/front/src/views/personalCenter/components/PutOnTheShelf
@ -198,6 +198,7 @@
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
+                  word-break: break-all;
                  -webkit-box-orient: vertical;
                }
                .result:hover {