diff --git a/src/views/project-management/personnel-dispatch/index.vue b/src/views/project-management/personnel-dispatch/index.vue index 99bb392..2451c01 100644 --- a/src/views/project-management/personnel-dispatch/index.vue +++ b/src/views/project-management/personnel-dispatch/index.vue @@ -61,10 +61,10 @@
- +

{{ project.name }}

@@ -101,68 +101,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -172,10 +197,10 @@
- +

{{ project.name }}

@@ -212,68 +237,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -283,10 +333,10 @@
- +

{{ project.name }}

@@ -323,82 +373,106 @@
- -
-
- -

质量管理

+ +
+ +
+
+ +

进度管理

+
+
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
+
-
-
- 质量等级 - A级 + + +
+
+ +

质量管理

-
- 检查次数 - 12次 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- 合格率 - 98.5% +
+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
+
+ + +
+
+ +

现场管理

+
+
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 -
-
- 培训完成 - 100% -
-
- 安全检查 - 通过 -
-
-
- - -
-
- -

现场管理

-
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 -
-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 -
-
-
-
- +

{{ project.name }}

@@ -435,68 +509,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -506,10 +605,10 @@
- +

{{ project.name }}

@@ -546,68 +645,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -617,10 +741,10 @@
- +

{{ project.name }}

@@ -657,68 +781,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -728,10 +877,10 @@
- +

{{ project.name }}

@@ -768,68 +917,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -839,10 +1013,10 @@
- +

{{ project.name }}

@@ -879,68 +1053,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + 100% +
+
+ 实际进度 + 100% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -963,10 +1162,10 @@
- +

{{ project.name }}

@@ -1003,68 +1202,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -1085,10 +1309,10 @@
- +

{{ project.name }}

@@ -1125,68 +1349,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -1207,10 +1456,10 @@
- +

{{ project.name }}

@@ -1247,81 +1496,94 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

-
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

安全管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
-
- -
-
- - {{ alert.message }} + + +
+
+ +

现场管理

+
+
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
+
@@ -1341,10 +1603,10 @@
- +

{{ project.name }}

@@ -1381,68 +1643,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -1463,10 +1750,10 @@
- +

{{ project.name }}

@@ -1503,68 +1790,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -1585,10 +1897,10 @@
- +

{{ project.name }}

@@ -1625,68 +1937,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -1707,10 +2044,10 @@
- +

{{ project.name }}

@@ -1747,68 +2084,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + {{ project.progress || 0 }}% +
+
+ 实际进度 + {{ project.progress || 0 }}% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -1829,10 +2191,10 @@
- +

{{ project.name }}

@@ -1869,68 +2231,93 @@
- -
-
- -

质量管理

-
-
-
- 质量等级 - A级 + +
+ +
+
+ +

进度管理

-
- 检查次数 - 12次 -
-
- 合格率 - 98.5% +
+
+ 计划进度 + 100% +
+
+ 实际进度 + 100% +
+
+ 偏差 + 0% +
-
- - -
-
- -

安全管理

-
-
-
- 安全等级 - 优秀 + + +
+
+ +

质量管理

-
- 培训完成 - 100% -
-
- 安全检查 - 通过 +
+
+ 质量等级 + A级 +
+
+ 检查次数 + 12次 +
+
+ 合格率 + 98.5% +
-
- - -
-
- -

现场管理

+ + +
+
+ +

安全管理

+
+
+
+ 安全等级 + 优秀 +
+
+ 培训完成 + 100% +
+
+ 安全检查 + 通过 +
+
-
-
- 在线人数 - {{ project.teamSize || 0 }}人 + + +
+
+ +

现场管理

-
- 设备状态 - 正常 -
-
- 现场环境 - 良好 +
+
+ 在线人数 + {{ project.teamSize || 0 }}人 +
+
+ 设备状态 + 正常 +
+
+ 现场环境 + 良好 +
@@ -1945,7 +2332,7 @@ v-model:visible="projectDetailVisible" :title="selectedProject?.name || '项目详情'" width="800px" - :footer="null" + :footer="undefined" :destroy-on-close="true" >
@@ -4182,7 +4569,99 @@ onMounted(async () => { } -// 垂直布局项目卡片样式 +// 水平布局项目卡片样式 +.project-card-horizontal { + background: white; + border-radius: 16px; + padding: 24px; + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); + border-left: 6px solid; + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + cursor: pointer; + position: relative; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.06); + width: 100%; + display: flex; + flex-direction: row; + gap: 24px; + align-items: stretch; + + // 左侧项目信息部分 + .project-info-section { + flex: 0 0 300px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + // 右侧管理类别部分 + .management-categories { + flex: 1; + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 16px; + align-items: start; + } + + &:hover { + transform: translateY(-4px) scale(1.01); + box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.1); + + &::before { + opacity: 1; + } + + .project-header .project-status { + transform: scale(1.05); + box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25); + } + } + + // 不同状态的颜色主题 + &.pending { + border-left-color: #868e96; + .project-status { background: #868e96; } + } + + &.preparing { + border-left-color: #ff6b6b; + .project-status { background: #ff6b6b; } + } + + &.inProgress { + border-left-color: #51cf66; + .project-status { background: #51cf66; } + } + + &.suspended { + border-left-color: #ffa000; + .project-status { background: #ffa000; } + } + + &.completed { + border-left-color: #52c41a; + .project-status { background: #52c41a; } + } + + &.acceptance { + border-left-color: #1890ff; + .project-status { background: #1890ff; } + } + + &.collection { + border-left-color: #722ed1; + .project-status { background: #722ed1; } + } + + &.settled { + border-left-color: #13c2c2; + .project-status { background: #13c2c2; } + } +} + +// 垂直布局项目卡片样式（保留原有样式） .project-card-vertical { background: white; border-radius: 16px; @@ -4455,6 +4934,22 @@ onMounted(async () => { } } + // 进度管理部分 + &.progress-section { + &::before { + background: linear-gradient(135deg, #1890ff, #096dd9); + } + + .section-icon { + color: #1890ff; + } + + .progress-value { + background: rgba(24, 144, 255, 0.1); + color: #1890ff; + } + } + // 质量管理部分 &.quality-section { &::before { @@ -4506,6 +5001,22 @@ onMounted(async () => { // 响应式设计调整 @media (max-width: 768px) { + .project-card-horizontal { + flex-direction: column; + padding: 16px; + gap: 16px; + + .project-info-section { + flex: none; + width: 100%; + } + + .management-categories { + grid-template-columns: 1fr; + gap: 12px; + } + } + .project-card-vertical { padding: 16px; gap: 12px; @@ -4574,6 +5085,60 @@ onMounted(async () => { } @media (max-width: 480px) { + .project-card-horizontal { + padding: 12px; + gap: 12px; + + .project-info-section { + .project-header { + .project-name { + font-size: 15px; + } + + .project-status { + font-size: 10px; + padding: 3px 10px; + } + } + + .project-details { + .detail-item { + font-size: 12px; + padding: 5px 8px; + + .detail-icon { + font-size: 14px; + } + } + } + } + + .management-categories { + gap: 8px; + } + + .management-section { + padding: 10px; + + .section-header { + .section-icon { + font-size: 14px; + } + + h4 { + font-size: 11px; + } + } + + .section-content { + .metric-item { + font-size: 9px; + margin-bottom: 4px; + } + } + } + } + .project-card-vertical { padding: 12px; gap: 8px;