Merge branch 'master' of http://git.fmode.cn:3000/19323826807/travel-wed

travel-web/src/modules/pc-home/pages/page-association/page-association.component.html

@@ -54,8 +54,8 @@
   
   <div class="constitution-container">
     <div class="search-box">
-      <input #searchInput type="text" class="search-input" placeholder="输入关键词检索协会章程 (如：红色文化、会员权利...)" (keyup.enter)="highlightSearch(searchInput.value)">
-      <button class="search-btn" (click)="highlightSearch(searchInput.value)"><i class="fas fa-search"></i> 智能检索</button>
+      <input type="text" class="search-input" [(ngModel)]="searchTerm" placeholder="输入关键词检索协会章程 (如：红色文化、会员权利...)">
+      <button class="search-btn" (click)="highlightText()"><i class="fas fa-search"></i> 智能检索</button>
     </div>
     <div class="constitution-content">
       <h3>江西省数字文化发展协会章程</h3>
@@ -122,22 +122,42 @@
           <div class="version-card">
             <h5 class="version-title">2021版</h5>
             <div class="version-content">
-              <p>1. 数字资源采集应遵循真实性原则，确保<span class="diff-highlight" (mousedown)="highlightVersion($event, 'diff')">内容准确</span>。</p>
-              <p>2. 图像采集分辨率不低于<span class="diff-highlight" (mousedown)="highlightVersion($event, 'diff')">300dpi</span>。</p>
-              <p>3. 音频采集采样率不低于<span class="diff-highlight" (mousedown)="highlightVersion($event, 'diff')">44.1kHz</span>。</p>
-              <p>4. 视频采集分辨率不低于<span class="diff-highlight" (mousedown)="highlightVersion($event, 'diff')">1080p</span>。</p>
-              <p>5. 三维模型采集精度不低于<span class="diff-highlight" (mousedown)="highlightVersion($event, 'diff')">0.5mm</span>。</p>
+              <p>1. 数字资源采集应遵循真实性原则，确保<span class="diff-highlight" 
+                 (mouseenter)="highlightDifferences('diff-highlight')"
+                 (mouseleave)="resetHighlights()">内容准确</span>。</p>
+              <p>2. 图像采集分辨率不低于<span class="diff-highlight"
+                 (mouseenter)="highlightDifferences('diff-highlight')"
+                 (mouseleave)="resetHighlights()">300dpi</span>。</p>
+              <p>3. 音频采集采样率不低于<span class="diff-highlight"
+                 (mouseenter)="highlightDifferences('diff-highlight')"
+                 (mouseleave)="resetHighlights()">44.1kHz</span>。</p>
+              <p>4. 视频采集分辨率不低于<span class="diff-highlight"
+                 (mouseenter)="highlightDifferences('diff-highlight')"
+                 (mouseleave)="resetHighlights()">1080p</span>。</p>
+              <p>5. 三维模型采集精度不低于<span class="diff-highlight"
+                 (mouseenter)="highlightDifferences('diff-highlight')"
+                 (mouseleave)="resetHighlights()">0.5mm</span>。</p>
             </div>
           </div>
           
           <div class="version-card">
             <h5 class="version-title">2023版</h5>
             <div class="version-content">
-              <p>1. 数字资源采集应遵循真实性、完整性原则，确保<span class="new-highlight" (mousedown)="highlightVersion($event, 'new')">内容准确且完整呈现文化背景</span>。</p>
-              <p>2. 图像采集分辨率不低于<span class="new-highlight" (mousedown)="highlightVersion($event, 'new')">600dpi，重要文物需达1200dpi</span>。</p>
-              <p>3. 音频采集采样率不低于<span class="new-highlight" (mousedown)="highlightVersion($event, 'new')">48kHz，推荐使用96kHz</span>。</p>
-              <p>4. 视频采集分辨率不低于<span class="new-highlight" (mousedown)="highlightVersion($event, 'new')">4K，重要场景需8K</span>。</p>
-              <p>5. 三维模型采集精度不低于<span class="new-highlight" (mousedown)="highlightVersion($event, 'new')">0.1mm，重要结构需达0.01mm</span>。</p>
+              <p>1. 数字资源采集应遵循真实性、完整性原则，确保<span class="new-highlight"
+                 (mouseenter)="highlightDifferences('new-highlight')"
+                 (mouseleave)="resetHighlights()">内容准确且完整呈现文化背景</span>。</p>
+              <p>2. 图像采集分辨率不低于<span class="new-highlight"
+                 (mouseenter)="highlightDifferences('new-highlight')"
+                 (mouseleave)="resetHighlights()">600dpi，重要文物需达1200dpi</span>。</p>
+              <p>3. 音频采集采样率不低于<span class="new-highlight"
+                 (mouseenter)="highlightDifferences('new-highlight')"
+                 (mouseleave)="resetHighlights()">48kHz，推荐使用96kHz</span>。</p>
+              <p>4. 视频采集分辨率不低于<span class="new-highlight"
+                 (mouseenter)="highlightDifferences('new-highlight')"
+                 (mouseleave)="resetHighlights()">4K，重要场景需8K</span>。</p>
+              <p>5. 三维模型采集精度不低于<span class="new-highlight"
+                 (mouseenter)="highlightDifferences('new-highlight')"
+                 (mouseleave)="resetHighlights()">0.1mm，重要结构需达0.01mm</span>。</p>
             </div>
           </div>
         </div>
@@ -182,14 +202,14 @@
         <p>已上线课程</p>
         
         <div class="courses">
-          <div *ngFor="let course of courses" class="course-card">
+          <div class="course-card" *ngFor="let course of courses">
             <div class="course-img"></div>
             <div class="course-content">
-              <h5 class="course-title">{{course.title}}</h5>
-              <p>{{course.description}}</p>
+              <h5 class="course-title">智慧旅游系统设计</h5>
+              <p>学习旅游动线策划与智能导览系统开发</p>
               <div class="course-meta">
-                <span><i class="fas fa-clock"></i> {{course.duration}}</span>
-                <span><i class="fas fa-user-graduate"></i> 已报名 {{course.students}}</span>
+                <span><i class="fas fa-clock"></i> 28课时</span>
+                <span><i class="fas fa-user-graduate"></i> 已报名 875人</span>
               </div>
             </div>
           </div>