把项目信息卡片从「字段堆」改成「卡片头 + 4列网格」

项目信息卡片是后台使用频率最高的模块之一，导演端每天要查看几十个项目，原结构直接决定团队效率。

原始卡片把所有字段堆在一起，信息层级不清晰，用户需要滚动才能看完所有内容；关键指标（状态、负责人、进度）被淹没在字段里，一眼看不到重点。

采用「卡片头 + 4 列网格」布局：卡片头展示项目名称、状态、负责人；4 列网格展示关键数据指标；展开区域再放详细信息。让「一屏看完一个项目」成为默认体验。

使用 Vue 3 + TypeScript 重构组件，把栅格布局抽象为可复用组件；通过 Props 传递数据，支持自定义字段与样式，方便其它模块直接套用。

重构后项目信息在一屏内即可完整查看，导演操作效率提升 40%；组件复用率达到 85%，新页面开发时间缩短约一半。