fix:修复智库部分样式问题

src/views/thinkTank/CongressHearingView/index.vue

@@ -176,7 +176,7 @@
                   <div class="box4-item" v-for="(item, index) in filteredOpinions"
                     :key="item.id != null ? item.id : index">
                     <div class="top-row">
-                      <div class="left">
+                      <div class="left-item">
                         {{ index + 1 }}
                       </div>
                       <div class="center">
@@ -845,6 +845,7 @@ onMounted(() => {
             align-items: center;
             justify-content: center;
             gap: 8px;
+            cursor: pointer;
 
             .icon {
               width: 16px;
@@ -866,6 +867,7 @@ onMounted(() => {
               line-height: 22px;
               letter-spacing: 0px;
               text-align: center;
+              cursor: pointer;
             }
           }
 
@@ -1048,6 +1050,7 @@ onMounted(() => {
               height: 49px;
               display: flex;
               gap: 11px;
+              cursor: pointer;
 
               .image {
                 width: 42px;
@@ -1446,6 +1449,7 @@ onMounted(() => {
 
             .box4-item {
               width: 1057px;
+
               box-sizing: border-box;
               border-radius: 4px;
               display: flex;
@@ -1460,10 +1464,11 @@ onMounted(() => {
               .top-row {
                 display: flex;
                 align-items: flex-start;
+                /* 统一上下间距，保证序号与第一行对齐 */
+                padding: 16px 0;
               }
 
-              .left {
-                margin-top: 19px;
+              .left-item {
                 margin-left: 15px;
                 width: 24px;
                 height: 24px;
@@ -1476,21 +1481,25 @@ onMounted(() => {
                 font-size: 12px;
                 font-weight: 400;
                 letter-spacing: 0px;
+                flex-shrink: 0;
+                margin-top: 3px;
+
               }
 
               .center {
-                min-height: 62px;
-
                 margin-left: 18px;
                 display: flex;
-                align-items: center;
+                align-items: flex-start;
+                flex: 1 1 auto;
+                min-width: 0;
                 // overflow: hidden;
                 // text-overflow: ellipsis;
                 // white-space: nowrap;
 
                 .title {
 
-                  width: 918px;
+                  flex: 1 1 auto;
+                  min-width: 0;
                   // height: 55px;
                   color: rgba(59, 65, 75, 1);
                   font-family: Microsoft YaHei;
@@ -1499,19 +1508,14 @@ onMounted(() => {
                   line-height: 30px;
                   letter-spacing: 0px;
                   text-align: left;
-                  overflow: hidden;
-                  // text-overflow: ellipsis;
-                  // white-space: nowrap;
-                  display: -webkit-box;
-                  -webkit-line-clamp: 2;
-                  -webkit-box-orient: vertical;
-                  overflow: hidden;
+                  /* 不限制字数/行数，按内容自然换行撑高 */
+                  overflow: visible;
+                  white-space: normal;
                 }
 
                 .center-image {
                   width: 16px;
                   height: 24px;
-                  margin-top: 12px;
                   margin-left: 18px;
                   cursor: pointer;
                 }

src/views/thinkTank/ReportDetail/index.vue

@@ -401,6 +401,8 @@ const handleDownloadDocument = async () => {
 					align-items: center;
 					justify-content: center;
 					gap: 8px;
+					cursor: pointer;
+					;
 
 					.icon {
 						width: 16px;

src/views/thinkTank/SurveyProjectView/index.vue

@@ -851,8 +851,7 @@ onMounted(() => {
                   display: flex;
 
                   .report-time {
-                    height: 22px;
-                    width: 97px;
+
                     font-family: "Source Han Sans CN";
                     font-weight: 400;
                     font-size: 14px;

src/views/thinkTank/ThinkTankDetail/thinkDynamics/CongressHearing/index.vue

@@ -80,13 +80,12 @@
 
               <img class="card-item-img" :src="item.coverImgUrl" alt="report image" />
               <div class="card-item-text">
-                <div class="card-item-title">
+                <div class="card-item-title" @click="emit('report-click', item)">
                   <span v-html="highlightText(item.title)"></span>
                 </div>
                 <div class="card-item-time">
                   <span v-html="highlightText(item.time + ' · ' + item.content)"></span>
-                  <img src="../images/image open.png" alt="open icon" class="card-open-image"
-                    @click.stop="handleToReportDetail(item)" />
+                  <img src="../images/image open.png" alt="open icon" class="card-open-image" />
                 </div>
                 <div class="card-item-category">
                   <AreaTag v-for="(val, idx) in item.category" :key="idx" :tagName="val" />
@@ -554,6 +553,7 @@ const handleToReportDetail = item => {
               text-align: left;
               margin-bottom: 2px;
               display: inline-flex;
+              cursor: pointer;
             }
 
             .card-item-time {

src/views/thinkTank/components/HomeMainFooterMain.vue

@@ -227,7 +227,7 @@ const formatDate = (str) => {
         .footer-card-title {
           margin: 0 auto;
           margin-top: 13px;
-          width: 376px;
+          width: 360px;
           height: 48px;
           /* 修改高度为两行的高度 */
           color: rgba(59, 65, 75, 1);
@@ -250,7 +250,7 @@ const formatDate = (str) => {
         .footer-card-footer {
           margin: 0 auto;
           margin-top: 5px;
-          width: 376px;
+          width: 360px;
           height: 22px;
           display: flex;
           justify-content: space-between;
@@ -267,6 +267,7 @@ const formatDate = (str) => {
       height: 50px;
       margin-top: 43px;
       display: flex;
+      width: 1226px;
       justify-content: space-between;
 
       .info {

src/views/thinkTank/components/HomeMainFooterSurvey.vue

@@ -204,7 +204,7 @@ const handleTimeGroupChange = (val) => {
         .footer-card-title {
           margin: 0 auto;
           margin-top: 13px;
-          width: 376px;
+          width: 360px;
           height: 48px;
           color: rgba(59, 65, 75, 1);
           font-family: Microsoft YaHei;
@@ -221,7 +221,7 @@ const handleTimeGroupChange = (val) => {
         .footer-card-footer {
           margin: 0 auto;
           margin-top: 5px;
-          width: 376px;
+          width: 360px;
           height: 22px;
           display: flex;
           justify-content: space-between;
@@ -239,6 +239,7 @@ const handleTimeGroupChange = (val) => {
       margin-top: 43px;
       display: flex;
       justify-content: space-between;
+      width: 1226px;
 
       .info {
         height: 19px;

src/views/thinkTank/components/ThinkTankCongressHearingOverview.vue

@@ -63,13 +63,13 @@
             <div class="card-item">
               <img class="card-item-img" :src="item.coverImgUrl" alt="report image" />
               <div class="card-item-text">
-                <div class="card-item-title">
+                <div class="card-item-title" @click="emit('report-click', item)">
                   {{ item.titleZh }}
                 </div>
                 <div class="card-item-time">
                   {{ item.testimonyDate + ' · ' + item.thinkTankName + ' · ' + item.committeeZh }}
                   <img src="../ThinkTankDetail/thinkDynamics/images/image open.png" alt="open icon"
-                    class="card-open-image" @click="emit('report-click', item)" />
+                    class="card-open-image" />
                 </div>
 
                 <div class="card-item-category" v-if="item.domains">
@@ -345,6 +345,7 @@ const handlePageChange = page => {
       line-height: 22px;
       margin-bottom: 2px;
       display: inline-flex;
+      cursor: pointer;
     }
 
     .card-item-time {

src/views/thinkTank/reportOriginal/index.vue

@@ -597,6 +597,8 @@ onMounted(async () => {
           background: rgba(255, 255, 255, 1);
           display: flex;
           gap: 8px;
+          cursor: pointer;
+          ;
 
 
           .icon {