Переглянути джерело

refactor(project-detail): 清理项目详情页面的冗余描述和上传图标

- 移除各阶段的描述部分,简化界面内容。
- 删除上传图标,优化上传提示信息的展示。
- 更新文件输入ID格式,提升代码可读性。

此更新旨在提升用户界面的简洁性和交互体验。
0235711 22 годин тому
батько
коміт
f62f3f4476

+ 4 - 24
src/app/pages/designer/project-detail/project-detail.html

@@ -1757,10 +1757,6 @@
                       } @else if (stage === '建模') {
                         <!-- 建模阶段:直接显示建模相关内容 -->
                         <div class="modeling-stage-panel">
-                          <div class="stage-description">
-                            <h4>建模阶段</h4>
-                            <p>上传白模图片,进行模型差异检查</p>
-                          </div>
                           <!-- 空间列表 -->
                           <div class="space-list-container">
                             <div class="space-list-header">
@@ -1827,7 +1823,6 @@
                                                [class.drag-over]="isDragOver">
                                             @if (getSpaceImages('modeling', space.id).length === 0) {
                                               <div class="upload-placeholder">
-                                                <div class="upload-icon">📁</div>
                                                 <div class="upload-text">点击上传或拖拽文件到此处</div>
                                                 <div class="upload-hint">
                                                   支持 JPG、PNG 格式,单个文件最大 10MB
@@ -1908,10 +1903,6 @@
                       } @else if (stage === '软装') {
                         <!-- 软装阶段:直接显示软装相关内容 -->
                         <div class="soft-decor-stage-panel">
-                          <div class="stage-description">
-                            <h4>软装阶段</h4>
-                            <p>上传软装清单素材</p>
-                          </div>
                           <!-- 空间列表 -->
                           <div class="space-list-container">
                             <div class="space-list-header">
@@ -1978,7 +1969,6 @@
                                                [class.drag-over]="isDragOver">
                                             @if (getSpaceImages('softDecor', space.id).length === 0) {
                                               <div class="upload-placeholder">
-                                                <div class="upload-icon">📁</div>
                                                 <div class="upload-text">点击上传或拖拽文件到此处</div>
                                                 <div class="upload-hint">
                                                   建议 ≤1MB 的 JPG/PNG 小图
@@ -2059,10 +2049,6 @@
                       } @else if (stage === '渲染') {
                         <!-- 渲染阶段:直接显示渲染相关内容 -->
                         <div class="rendering-stage-panel">
-                          <div class="stage-description">
-                            <h4>渲染阶段</h4>
-                            <p>上传渲染大图,满足4K标准</p>
-                                  </div>
                           <!-- 空间列表 -->
                           <div class="space-list-container">
                             <div class="space-list-header">
@@ -2129,12 +2115,11 @@
                                                [class.drag-over]="isDragOver">
                                             @if (getSpaceImages('rendering', space.id).length === 0) {
                                               <div class="upload-placeholder">
-                                                <div class="upload-icon">📁</div>
                                                 <div class="upload-text">点击上传或拖拽文件到此处</div>
                                                 <div class="upload-hint">
                                                   需满足4K标准(最长边 ≥ 4000px)
-                                      </div>
-                                    </div>
+                                                </div>
+                                              </div>
                                             } @else {
                                               <div class="uploaded-images-grid">
                                                 @for (img of getSpaceImages('rendering', space.id); track img.id) {
@@ -2210,10 +2195,6 @@
                       } @else if (stage === '后期') {
                         <!-- 后期阶段:直接显示后期相关内容 -->
                         <div class="post-production-stage-panel">
-                          <div class="stage-description">
-                            <h4>后期阶段</h4>
-                            <p>上传后期处理图片,进行最终调整</p>
-            </div>
                           <!-- 空间列表 -->
                           <div class="space-list-container">
                             <div class="space-list-header">
@@ -2280,12 +2261,11 @@
                                                [class.drag-over]="isDragOver">
                                             @if (getSpaceImages('postProduction', space.id).length === 0) {
                                               <div class="upload-placeholder">
-                                                <div class="upload-icon">📁</div>
                                                 <div class="upload-text">点击上传或拖拽文件到此处</div>
                                                 <div class="upload-hint">
                                                   支持 JPG、PNG 格式,后期处理图片
-                </div>
-              </div>
+                                                </div>
+                                              </div>
                                             } @else {
                                               <div class="uploaded-images-grid">
                                                 @for (img of getSpaceImages('postProduction', space.id); track img.id) {

+ 1 - 1
src/app/pages/designer/project-detail/project-detail.ts

@@ -5114,7 +5114,7 @@ export class ProjectDetail implements OnInit, OnDestroy {
   
   // 触发空间文件输入
   triggerSpaceFileInput(processId: string, spaceId: string): void {
-    const inputId = `spaceFileInput_${processId}_${spaceId}`;
+    const inputId = `space-file-input-${processId}-${spaceId}`;
     const input = document.getElementById(inputId) as HTMLInputElement;
     if (input) {
       input.click();