From 00c521540ed1366b3c47d35f5d20e82bad67f6c3 Mon Sep 17 00:00:00 2001
From: JiaoTianBo <jtb200411@qq.com>
Date: Wed, 1 Apr 2026 16:22:28 +0800
Subject: [PATCH] =?UTF-8?q?refactor(project-detail):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E9=87=8C=E7=A8=8B=E7=A2=91=E5=92=8C=E6=97=A5=E6=8A=A5=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E5=B8=83=E5=B1=80=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 简化里程碑名称和删除按钮的模板语法，移除不必要的换行
- 将项目日报卡片从独立行移至里程碑卡片下方，使用 `mt-4` 间距分隔
- 保持原有功能和样式不变，仅优化视觉层级和代码结构
---
 src/views/project/detail.vue | 216 +++++++++++++++++------------------
 1 file changed, 107 insertions(+), 109 deletions(-)

diff --git a/src/views/project/detail.vue b/src/views/project/detail.vue
index 46bc6c0..902847a 100644
--- a/src/views/project/detail.vue
+++ b/src/views/project/detail.vue
@@ -1809,124 +1809,122 @@ onMounted(() => {
               </div>
             </div>
           </el-card>
-        </el-col>
-      </el-row>
 
-      <el-row :gutter="16" class="mt-4">
-        <el-col :xs="24" :lg="24">
-          <el-card shadow="hover">
-            <template #header>
-              <div class="flex-bc">
-                <div class="flex items-center gap-2">
-                  <component :is="useRenderIcon('ri/file-text-line')" />
-                  <span class="font-medium">项目日报</span>
-                  <el-tag
-                    v-if="dailyReportWithAnalysisTotal"
-                    size="small"
-                    type="info"
-                  >
-                    {{ dailyReportWithAnalysisTotal }} 条
-                  </el-tag>
+          <div class="mt-4">
+            <el-card shadow="hover">
+              <template #header>
+                <div class="flex-bc">
+                  <div class="flex items-center gap-2">
+                    <component :is="useRenderIcon('ri/file-text-line')" />
+                    <span class="font-medium">项目日报</span>
+                    <el-tag
+                      v-if="dailyReportWithAnalysisTotal"
+                      size="small"
+                      type="info"
+                    >
+                      {{ dailyReportWithAnalysisTotal }} 条
+                    </el-tag>
+                  </div>
+                  <div class="flex gap-2">
+                    <el-button
+                      link
+                      :disabled="dailyReportWithAnalysisLoading"
+                      @click="fetchDailyReportWithAnalysis"
+                    >
+                      <component :is="useRenderIcon(RefreshIcon)" />
+                    </el-button>
+                  </div>
                 </div>
-                <div class="flex gap-2">
+              </template>
+              <div v-loading="dailyReportWithAnalysisLoading">
+                <div class="flex items-center gap-2 mb-3">
+                  <el-date-picker
+                    v-model="dailyReportWithAnalysisQuery.reportDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    placeholder="日报日期"
+                    clearable
+                  />
+                  <el-input
+                    v-model="dailyReportWithAnalysisQuery.suggestionStatus"
+                    placeholder="建议状态(可选)"
+                    clearable
+                    style="max-width: 180px"
+                  />
                   <el-button
-                    link
-                    :disabled="dailyReportWithAnalysisLoading"
-                    @click="fetchDailyReportWithAnalysis"
+                    type="primary"
+                    size="small"
+                    :loading="dailyReportWithAnalysisLoading"
+                    @click="handleDailyReportWithAnalysisSearch"
                   >
-                    <component :is="useRenderIcon(RefreshIcon)" />
+                    查询
+                  </el-button>
+                  <el-button
+                    size="small"
+                    :disabled="dailyReportWithAnalysisLoading"
+                    @click="resetDailyReportWithAnalysisFilters"
+                  >
+                    重置
                   </el-button>
                 </div>
-              </div>
-            </template>
-            <div v-loading="dailyReportWithAnalysisLoading">
-              <div class="flex items-center gap-2 mb-3">
-                <el-date-picker
-                  v-model="dailyReportWithAnalysisQuery.reportDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                  placeholder="日报日期"
-                  clearable
-                />
-                <el-input
-                  v-model="dailyReportWithAnalysisQuery.suggestionStatus"
-                  placeholder="建议状态(可选)"
-                  clearable
-                  style="max-width: 180px"
-                />
-                <el-button
-                  type="primary"
-                  size="small"
-                  :loading="dailyReportWithAnalysisLoading"
-                  @click="handleDailyReportWithAnalysisSearch"
-                >
-                  查询
-                </el-button>
-                <el-button
-                  size="small"
-                  :disabled="dailyReportWithAnalysisLoading"
-                  @click="resetDailyReportWithAnalysisFilters"
-                >
-                  重置
-                </el-button>
-              </div>
 
-              <el-table
-                :data="dailyReportWithAnalysisRows"
-                highlight-current-row
-                style="width: 100%"
-                @row-click="openDailyReportDetail"
-              >
-                <el-table-column label="日期" width="120">
-                  <template #default="{ row }">
-                    {{ row.reportDate || "--" }}
-                  </template>
-                </el-table-column>
-                <el-table-column label="提交人" width="120">
-                  <template #default="{ row }">
-                    {{ row.submitterUsername || "--" }}
-                  </template>
-                </el-table-column>
-                <el-table-column label="分析状态" width="120">
-                  <template #default="{ row }">
-                    <el-tag size="small" type="info">
-                      {{ row.analysisStatus || "--" }}
-                    </el-tag>
-                  </template>
-                </el-table-column>
-                <el-table-column label="工时" width="90">
-                  <template #default="{ row }">
-                    {{ row.workIntensity ?? "--" }}
-                  </template>
-                </el-table-column>
-                <el-table-column label="需协助" width="90">
-                  <template #default="{ row }">
-                    {{ row.needHelp ? "是" : "否" }}
-                  </template>
-                </el-table-column>
-                <el-table-column label="内容" min-width="220">
-                  <template #default="{ row }">
-                    <div class="text-sm line-clamp-2">
-                      {{ row.workContent || "--" }}
-                    </div>
-                  </template>
-                </el-table-column>
-              </el-table>
+                <el-table
+                  :data="dailyReportWithAnalysisRows"
+                  highlight-current-row
+                  style="width: 100%"
+                  @row-click="openDailyReportDetail"
+                >
+                  <el-table-column label="日期" width="120">
+                    <template #default="{ row }">
+                      {{ row.reportDate || "--" }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="提交人" width="120">
+                    <template #default="{ row }">
+                      {{ row.submitterUsername || "--" }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="分析状态" width="120">
+                    <template #default="{ row }">
+                      <el-tag size="small" type="info">
+                        {{ row.analysisStatus || "--" }}
+                      </el-tag>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="工时" width="90">
+                    <template #default="{ row }">
+                      {{ row.workIntensity ?? "--" }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="需协助" width="90">
+                    <template #default="{ row }">
+                      {{ row.needHelp ? "是" : "否" }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="内容" min-width="220">
+                    <template #default="{ row }">
+                      <div class="text-sm line-clamp-2">
+                        {{ row.workContent || "--" }}
+                      </div>
+                    </template>
+                  </el-table-column>
+                </el-table>
 
-              <div class="flex justify-end mt-3">
-                <el-pagination
-                  background
-                  layout="total, sizes, prev, pager, next"
-                  :total="dailyReportWithAnalysisTotal"
-                  :page-size="dailyReportWithAnalysisQuery.pageSize"
-                  :current-page="dailyReportWithAnalysisQuery.pageNum"
-                  :page-sizes="[5, 10, 20, 50]"
-                  @current-change="handleDailyReportWithAnalysisPageChange"
-                  @size-change="handleDailyReportWithAnalysisSizeChange"
-                />
+                <div class="flex justify-end mt-3">
+                  <el-pagination
+                    background
+                    layout="total, sizes, prev, pager, next"
+                    :total="dailyReportWithAnalysisTotal"
+                    :page-size="dailyReportWithAnalysisQuery.pageSize"
+                    :current-page="dailyReportWithAnalysisQuery.pageNum"
+                    :page-sizes="[5, 10, 20, 50]"
+                    @current-change="handleDailyReportWithAnalysisPageChange"
+                    @size-change="handleDailyReportWithAnalysisSizeChange"
+                  />
+                </div>
               </div>
-            </div>
-          </el-card>
+            </el-card>
+          </div>
         </el-col>
       </el-row>