From 82827687381fed10e8b66579de5ac24285dd38ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=A8=E7=93=9C=E4=B8=80=E5=9D=97=E5=85=AB?=
 <2523890936@qq.com>
Date: Thu, 31 Jul 2025 18:48:31 +0800
Subject: [PATCH] bugfix

---
 .../ncmatch/mainPage/productCard/index.vue    | 23 +++++++++++++++----
 .../ncmatch/supplyAndDemandSquare/index.vue   | 19 +++++++++++++++
 2 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue b/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
index 1fcc7c1..212cdb8 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/mainPage/productCard/index.vue
@@ -68,7 +68,7 @@
           </div>
           <div class="spec-item">
             <span class="spec-label">需求描述:</span>
-            <span class="spec-value">{{ item.requirement_summary }}</span>
+            <span class="spec-value showText">{{ item.requirement_summary }}</span>
           </div>
 
 
@@ -109,6 +109,16 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+.showText{
+  //显示四行
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  word-break: break-all;
+}
 .productListContent {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -119,16 +129,15 @@ export default {
   background-color: white;
 
   .product-item {
-
-
     width: 100%;
     background: #F7F9FD;
     border-radius: 12px;
     // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     padding: 24px;
-
     margin-bottom: 20px;
     transition: all 0.3s ease;
+    display: flex;
+    flex-direction: column;
 
     // &:hover {
     //   transform: translateY(-2px);
@@ -138,6 +147,7 @@ export default {
     .product-image {
       margin-bottom: 20px;
       text-align: center;
+      flex-shrink: 0;
 
       img {
         width: 100%;
@@ -150,6 +160,10 @@ export default {
     }
 
     .product-info {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+
       .product-name {
         font-size: 24px;
         font-weight: bold;
@@ -160,6 +174,7 @@ export default {
 
       .product-specs {
         margin-bottom: 20px;
+        flex: 1;
 
         .spec-item {
           display: flex;
diff --git a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
index e8512f3..1a3581c 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
@@ -64,6 +64,10 @@
                         暂无数据
                     </div>
                 </div>
+                <!-- 返回 -->
+                <div class="back-btn" @click="$router.push('/ncmatchHome/index')">
+                    <span><返回</span>
+                </div>
             </div>
         </div>
     </div>
@@ -215,6 +219,21 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.back-btn{
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 20px;
+    font-size: 16px;
+    color: #666;
+        &:hover{
+        cursor: pointer;
+        color: #275AFF;
+    }
+}
 /* 新增的radio按钮组样式 */
 .radio-group-container {
     width: 100%!important;