From b9075864354c309db61d0e9c2cc39c5b91be1c8d Mon Sep 17 00:00:00 2001
From: KQL <apple@appledeMac-Pro.local>
Date: Mon, 8 Sep 2025 05:00:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=BF=87=E6=9C=9F?=
 =?UTF-8?q?=E5=B2=97=E4=BD=8D=E5=8D=A1=E7=89=87=E6=98=BE=E7=A4=BA=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 过期岗位卡片整体背景变灰，透明度降低至0.8
- 过期岗位的文字颜色变淡，更容易识别状态
- '已过期'按钮改为白底红字带红色边框样式，更加醒目
- 截止时间显示为红色，提醒已过期状态
- 禁用过期岗位的hover效果

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../components/JobList/index.css              | 51 +++++++++++++++++--
 .../components/JobList/index.jsx              |  2 +-
 2 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/src/pages/CompanyJobsPage/components/JobList/index.css b/src/pages/CompanyJobsPage/components/JobList/index.css
index 3262972..52dc501 100644
--- a/src/pages/CompanyJobsPage/components/JobList/index.css
+++ b/src/pages/CompanyJobsPage/components/JobList/index.css
@@ -32,6 +32,47 @@
       transform: translateY(-2px);
       background-color: #d9e9ff;
     }
+    
+    &.expired {
+      background-color: #f7f8fa;
+      background-image: none;
+      border-color: #e5e6eb;
+      opacity: 0.8;
+      
+      &:hover {
+        border-color: #c9cdd4;
+        box-shadow: none;
+        transform: none;
+        background-color: #f2f3f5;
+      }
+      
+      .company-jobs-info-position {
+        color: #86909c;
+      }
+      
+      .company-jobs-info-tags {
+        opacity: 0.6;
+      }
+      
+      .company-jobs-info-position-count {
+        color: #c9cdd4;
+      }
+      
+      .company-jobs-info-position-salary {
+        color: #c9cdd4;
+      }
+      
+      .company-jobs-info-deadline {
+        color: #ff4d4f;
+        font-weight: 600;
+      }
+      
+      .company-jobs-info-category-tag {
+        opacity: 0.7;
+        background-color: #f2f3f5;
+        color: #86909c;
+      }
+    }
 
     .icon {
       position: absolute;
@@ -171,19 +212,21 @@
         }
         
         &.disabled {
-          background-color: #f2f3f5;
-          color: #c9cdd4;
+          background-color: #fff;
+          color: #ff4d4f;
+          border: 1px solid #ffccc7;
           cursor: not-allowed;
           pointer-events: none;
+          font-weight: 600;
           
           &:hover {
-            background-color: #f2f3f5;
+            background-color: #fff;
             box-shadow: none;
             transform: none;
           }
           
           > i {
-            opacity: 0.5;
+            display: none;
           }
         }
       }
diff --git a/src/pages/CompanyJobsPage/components/JobList/index.jsx b/src/pages/CompanyJobsPage/components/JobList/index.jsx
index f2200b6..61a2abd 100644
--- a/src/pages/CompanyJobsPage/components/JobList/index.jsx
+++ b/src/pages/CompanyJobsPage/components/JobList/index.jsx
@@ -117,7 +117,7 @@ export default ({ className = "", data = [], backgroundColor }) => {
           return (
             <li
               key={item.id}
-              className="company-jobs-page-left-list-item"
+              className={`company-jobs-page-left-list-item ${(item.isExpired || item.status === 'expired') ? 'expired' : ''}`}
               style={{ backgroundColor }}
               onClick={(e) => handleJobClick(e, item)}
             >