开始导入日历课程数据并创建转换函数

- 导入日历课程表.json文件到src/data/calendarCourses.json
- 添加transformCalendarCourses转换函数，将JSON数据转换为日历事件格式
- 添加generateTasksFromCalendarEvents函数，从日历事件生成任务列表
- 替换原有静态calendarEvents数组为动态转换的数据
- 为不同课程类型（公开课、1V1规划、模拟面试）设置不同颜色
- 根据日期自动判断课程状态（已完成、进行中、未开始）

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

Co-Authored-By: Claude <noreply@anthropic.com>

.claude/settings.local.json

@@ -51,7 +51,9 @@
       "Bash(npm view:*)",
       "Bash(pnpm install:*)",
       "Bash(pnpm dev:*)",
-      "Bash(awk:*)"
+      "Bash(awk:*)",
+      "Bash(git clean:*)",
+      "Bash(xxd:*)"
     ],
     "deny": [],
     "ask": []

src/pages/CompanyJobsPage/components/JobList/index.css

@@ -57,14 +57,45 @@
       align-items: center;
       flex-direction: column;
 
-      .company-jobs-info-position {
+      .company-jobs-info-position-wrapper {
         width: 100%;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        margin-bottom: 5px;
+      }
+
+      .company-jobs-info-position {
         font-size: 16px;
         font-weight: 600;
         color: #1d2129;
         text-align: left;
       }
 
+      .company-jobs-info-category-tag {
+        padding: 2px 8px;
+        background: #4080ff;
+        color: #fff;
+        font-size: 11px;
+        font-weight: 600;
+        border-radius: 12px;
+        white-space: nowrap;
+        flex-shrink: 0;
+      }
+
+      /* 根据岗位相关标签内容设置不同颜色 */
+      .company-jobs-info-category-tag[data-category="专业相关岗位"] {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      }
+
+      .company-jobs-info-category-tag[data-category="非专业相关岗位"] {
+        background: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);
+      }
+
+      .company-jobs-info-category-tag[data-category="人才出海岗位"] {
+        background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);
+      }
+
       .company-jobs-info-tags {
         width: 100%;
         display: flex;
@@ -139,6 +170,15 @@
           margin-right: 5px;
         }
       }
+
+      .company-jobs-info-deadline {
+        width: 100%;
+        text-align: center;
+        font-size: 11px;
+        color: #86909c;
+        margin-top: 8px;
+        white-space: nowrap;
+      }
     }
   }
 }

src/pages/CompanyJobsPage/components/JobList/index.jsx

@@ -43,47 +43,125 @@ export default ({ className = "", data = [], backgroundColor }) => {
     }
   };
 
+  // 处理标签显示，优先级：工作地点 > 学历要求 > 福利标签 > 职位标签
+  const getDisplayTags = (item) => {
+    const allTags = [];
+    
+    // 添加岗位相关标签（显示在岗位名称右侧）
+    if (item.jobCategory) {
+      allTags.push({
+        text: item.jobCategory,
+        type: 'category',
+        priority: 0
+      });
+    }
+    
+    // 添加工作地点标签
+    if (item.location) {
+      allTags.push({
+        text: item.location,
+        type: 'location',
+        priority: 1
+      });
+    }
+    
+    // 添加学历要求标签
+    if (item.education) {
+      allTags.push({
+        text: item.education,
+        type: 'education',
+        priority: 2
+      });
+    }
+    
+    // 添加福利标签
+    if (item.benefits && Array.isArray(item.benefits)) {
+      item.benefits.slice(0, 2).forEach(benefit => {
+        allTags.push({
+          text: benefit,
+          type: 'benefit',
+          priority: 3
+        });
+      });
+    }
+    
+    // 添加职位标签
+    if (item.tags && Array.isArray(item.tags)) {
+      item.tags.forEach(tag => {
+        allTags.push({
+          text: tag,
+          type: 'skill',
+          priority: 4
+        });
+      });
+    }
+    
+    // 按优先级排序并限制显示数量（最多显示8个标签，约2行）
+    return allTags.sort((a, b) => a.priority - b.priority).slice(0, 8);
+  };
+
   return (
     <>
       <ul className={`company-jobs-page-left-list ${className}`}>
-        {data?.map((item) => (
+        {data?.map((item) => {
-          <li
+          const displayTags = getDisplayTags(item);
-            key={item.id}
+          const categoryTag = displayTags.find(tag => tag.type === 'category');
-            className="company-jobs-page-left-list-item"
+          const otherTags = displayTags.filter(tag => tag.type !== 'category');
-            style={{ backgroundColor }}
+          
-            onClick={(e) => handleJobClick(e, item)}
+          return (
-          >
+            <li
-            <i className={`icon icon-${item?.jobType}`}></i>
+              key={item.id}
-            <div className="company-jobs-info">
+              className="company-jobs-page-left-list-item"
-              <p className="company-jobs-info-position">{item?.position}</p>
+              style={{ backgroundColor }}
-              <ul className="company-jobs-info-tags">
+              onClick={(e) => handleJobClick(e, item)}
-                {item?.tags?.map((tag, index) => (
+            >
-                  <li
+              <i className={`icon icon-${item?.jobType}`}></i>
-                    key={`${item.id}-tag-${index}`}
+              <div className="company-jobs-info">
-                    className="company-jobs-info-tag"
+                <div className="company-jobs-info-position-wrapper">
-                  >
+                  <p className="company-jobs-info-position">{item?.position}</p>
-                    {tag}
+                  {categoryTag && (
-                  </li>
+                    <span 
-                ))}
+                      className="company-jobs-info-category-tag"
-              </ul>
+                      data-category={categoryTag.text}
-              <p className="company-jobs-info-position-count">
+                    >
-                岗位招聘数量仅剩{item?.remainingPositions}名
+                      {categoryTag.text}
-              </p>
+                    </span>
-            </div>
+                  )}
-            <div className="company-jobs-btn-wrapper">
+                </div>
-              <p className="company-jobs-info-position-salary">
+                <ul className="company-jobs-info-tags">
-                {item?.salary}
+                  {otherTags?.map((tag, index) => (
-              </p>
+                    <li
-              <button 
+                      key={`${item.id}-tag-${index}`}
-                className="company-jobs-btn"
+                      className="company-jobs-info-tag"
-                onClick={(e) => handleDeliverClick(e, item)}
+                    >
-              >
+                      {tag.text}
-                <i />
+                    </li>
-                <span>投递</span>
+                  ))}
-              </button>
+                </ul>
-            </div>
+                <p className="company-jobs-info-position-count">
-          </li>
+                  岗位招聘数量仅剩{item?.remainingPositions}名
-        ))}
+                </p>
+              </div>
+              <div className="company-jobs-btn-wrapper">
+                <p className="company-jobs-info-position-salary">
+                  {item?.salary}
+                </p>
+                <button 
+                  className="company-jobs-btn"
+                  onClick={(e) => handleDeliverClick(e, item)}
+                >
+                  <i />
+                  <span>投递</span>
+                </button>
+                {item?.deadline && (
+                  <p className="company-jobs-info-deadline">
+                    截止：{item.deadline}
+                  </p>
+                )}
+              </div>
+            </li>
+          );
+        })}
       </ul>
       <JobInfoModal
         data={jobInfoData}