立项配置数据入库、审计日志数据入库、编辑页UI界面美化、设备管理内容补充、审计日志显示优化

frontend/src/views/ia/MaterialEquipment.vue

@@ -1,13 +1,601 @@
 <template>
-  <ModulePlaceholder
-    :title="TEXT.modules.materialEquipment.title"
-    :subtitle="TEXT.modules.materialEquipment.subtitle"
-    :list-title="TEXT.modules.materialEquipment.listTitle"
-    :empty-description="TEXT.modules.materialEquipment.emptyDescription"
-  />
+  <div class="page">
+    <div v-if="study.currentStudy" class="unified-shell">
+      <section class="unified-section equipment-section">
+        <div class="filter-row">
+          <el-form :inline="true" :model="filters">
+            <el-form-item label="设备名称">
+              <el-input v-model="filters.name" clearable placeholder="请输入" class="name-filter" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleSearch">查询</el-button>
+              <el-button @click="resetFilters">重置</el-button>
+            </el-form-item>
+          </el-form>
+          <el-button type="primary" @click="openCreate">新建</el-button>
+        </div>
+
+        <el-table v-loading="loading" :data="rows" class="ctms-table" style="width: 100%" table-layout="fixed">
+          <el-table-column prop="name" label="设备名称" />
+          <el-table-column prop="specModel" label="规格型号" />
+          <el-table-column prop="unit" label="单位" />
+          <el-table-column prop="brand" label="品牌" />
+          <el-table-column label="是否需要校准">
+            <template #default="{ row }">
+              {{ row.needCalibration ? "是" : "否" }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作">
+            <template #default="{ row }">
+              <el-button link type="primary" @click="openEdit(row)">编辑</el-button>
+              <el-button link type="danger" @click="removeRow(row)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <StateEmpty v-if="!loading && rows.length === 0" description="暂无设备数据" />
+      </section>
+    </div>
+    <StateEmpty v-else :description="TEXT.common.empty.selectProject" />
+
+    <el-drawer
+      v-model="drawerVisible"
+      direction="rtl"
+      size="620px"
+      :close-on-click-modal="false"
+      :show-close="false"
+      class="equipment-editor-drawer"
+    >
+      <template #header>
+        <div class="editor-header">
+          <div class="editor-title">{{ editingId ? "编辑设备" : "新建设备" }}</div>
+          <div class="editor-subtitle">{{ editingId ? "修改设备基本信息与校准配置" : "添加新的设备记录到设备台账" }}</div>
+        </div>
+      </template>
+
+      <el-form ref="formRef" :model="form" :rules="rules" label-position="top" class="equipment-form">
+        <!-- 基本信息分组 -->
+        <div class="form-group">
+          <div class="form-group-title">
+            <span class="group-dot group-dot-basic"></span>
+            基本信息
+          </div>
+          <el-row :gutter="16">
+            <el-col :span="12">
+              <el-form-item label="设备名称" prop="name">
+                <el-input v-model="form.name" placeholder="请输入设备名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="规格型号" prop="specModel">
+                <el-input v-model="form.specModel" placeholder="请输入规格型号" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="16">
+            <el-col :span="8">
+              <el-form-item label="单位" prop="unit">
+                <el-input v-model="form.unit" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="品牌" prop="brand">
+                <el-input v-model="form.brand" placeholder="请输入品牌" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="产地" prop="origin">
+                <el-input v-model="form.origin" placeholder="请输入产地" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+
+        <!-- 资质文件分组 -->
+        <div class="form-group">
+          <div class="form-group-title">
+            <span class="group-dot group-dot-file"></span>
+            资质文件
+          </div>
+          <el-row :gutter="16">
+            <el-col :span="12">
+              <div class="upload-card">
+                <div class="upload-card-label">生产许可证</div>
+                <el-upload :auto-upload="false" :show-file-list="false" :on-change="onProductionPermitChange">
+                  <div v-if="!form.productionPermitFileName" class="upload-trigger">
+                    <span class="upload-icon">📄</span>
+                    <span class="upload-text">点击上传文件</span>
+                  </div>
+                </el-upload>
+                <div v-if="form.productionPermitFileName" class="upload-result">
+                  <span class="upload-result-icon">✅</span>
+                  <span class="upload-result-name">{{ form.productionPermitFileName }}</span>
+                  <el-button link type="danger" size="small" @click="form.productionPermitFileName = ''">移除</el-button>
+                </div>
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="upload-card">
+                <div class="upload-card-label">技术指标</div>
+                <el-upload :auto-upload="false" :show-file-list="false" :on-change="onTechIndexChange">
+                  <div v-if="!form.techIndexFileName" class="upload-trigger">
+                    <span class="upload-icon">📄</span>
+                    <span class="upload-text">点击上传文件</span>
+                  </div>
+                </el-upload>
+                <div v-if="form.techIndexFileName" class="upload-result">
+                  <span class="upload-result-icon">✅</span>
+                  <span class="upload-result-name">{{ form.techIndexFileName }}</span>
+                  <el-button link type="danger" size="small" @click="form.techIndexFileName = ''">移除</el-button>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+
+        <!-- 校准设置分组 -->
+        <div class="form-group">
+          <div class="form-group-title">
+            <span class="group-dot group-dot-calibration"></span>
+            校准设置
+          </div>
+          <el-row :gutter="16">
+            <el-col :span="12">
+              <el-form-item label="是否需要校准" prop="needCalibration">
+                <el-select v-model="form.needCalibration" placeholder="请选择" class="full-width">
+                  <el-option label="是" :value="true" />
+                  <el-option label="否" :value="false" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col v-if="form.needCalibration" :span="12">
+              <el-form-item label="校准周期(天)" prop="calibrationCycleDays">
+                <el-input-number v-model="form.calibrationCycleDays" :min="1" :precision="0" class="full-width" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="!form.needCalibration" class="calibration-hint">
+            <span class="hint-icon">ℹ️</span>
+            <span>该设备无需定期校准</span>
+          </div>
+        </div>
+      </el-form>
+
+      <template #footer>
+        <div class="drawer-footer">
+          <el-button @click="drawerVisible = false">取消</el-button>
+          <el-button type="primary" @click="saveForm">保存</el-button>
+        </div>
+      </template>
+    </el-drawer>
+  </div>
 </template>
 
 <script setup lang="ts">
-import ModulePlaceholder from "../../components/ModulePlaceholder.vue";
+import { reactive, ref, watch } from "vue";
+import { ElMessage, ElMessageBox, type FormInstance, type FormRules, type UploadFile } from "element-plus";
+import {
+  createMaterialEquipment,
+  deleteMaterialEquipment,
+  listMaterialEquipments,
+  updateMaterialEquipment,
+} from "../../api/materialEquipments";
+import StateEmpty from "../../components/StateEmpty.vue";
+import { useStudyStore } from "../../store/study";
 import { TEXT } from "../../locales";
+
+interface EquipmentRow {
+  id: string;
+  name: string;
+  specModel: string;
+  unit: string;
+  brand: string;
+  origin: string;
+  productionPermitFileName: string;
+  techIndexFileName: string;
+  needCalibration: boolean;
+  calibrationCycleDays: number | null;
+}
+
+type FormModel = Omit<EquipmentRow, "id">;
+
+const study = useStudyStore();
+const filters = reactive({ name: "" });
+const rows = ref<EquipmentRow[]>([]);
+const loading = ref(false);
+const drawerVisible = ref(false);
+const editingId = ref("");
+const formRef = ref<FormInstance>();
+
+const defaultForm: FormModel = {
+  name: "",
+  specModel: "",
+  unit: "",
+  brand: "",
+  origin: "",
+  productionPermitFileName: "",
+  techIndexFileName: "",
+  needCalibration: true,
+  calibrationCycleDays: 30,
+};
+
+const form = reactive<FormModel>({ ...defaultForm });
+
+const rules: FormRules<FormModel> = {
+  name: [{ required: true, message: "请输入设备名称", trigger: "blur" }],
+  specModel: [{ required: true, message: "请输入规格型号", trigger: "blur" }],
+  brand: [{ required: true, message: "请输入品牌", trigger: "blur" }],
+  needCalibration: [{ required: true, message: "请选择是否需要校准", trigger: "change" }],
+  calibrationCycleDays: [
+    {
+      validator: (_rule, value, callback) => {
+        if (form.needCalibration && (!value || value < 1)) {
+          callback(new Error("请填写校准周期"));
+          return;
+        }
+        callback();
+      },
+      trigger: "change",
+    },
+  ],
+};
+
+const loadRows = async () => {
+  const studyId = study.currentStudy?.id;
+  if (!studyId) {
+    rows.value = [];
+    return;
+  }
+  loading.value = true;
+  try {
+    const { data } = (await listMaterialEquipments(studyId, {
+      name: filters.name.trim() || undefined,
+      limit: 500,
+    })) as any;
+    const list = Array.isArray(data) ? data : data?.items || [];
+    rows.value = list.map((item: any) => ({
+      id: item.id,
+      name: item.name || "",
+      specModel: item.spec_model || "",
+      unit: item.unit || "",
+      brand: item.brand || "",
+      origin: item.origin || "",
+      productionPermitFileName: item.production_permit_file_name || "",
+      techIndexFileName: item.tech_index_file_name || "",
+      needCalibration: !!item.need_calibration,
+      calibrationCycleDays: item.calibration_cycle_days ?? null,
+    }));
+  } catch (e: any) {
+    rows.value = [];
+    ElMessage.error(e?.response?.data?.detail || TEXT.common.messages.loadFailed);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const resetForm = () => {
+  Object.assign(form, defaultForm);
+  formRef.value?.clearValidate();
+};
+
+const openCreate = () => {
+  editingId.value = "";
+  resetForm();
+  drawerVisible.value = true;
+};
+
+const openEdit = (row: EquipmentRow) => {
+  editingId.value = row.id;
+  Object.assign(form, {
+    name: row.name,
+    specModel: row.specModel,
+    unit: row.unit,
+    brand: row.brand,
+    origin: row.origin,
+    productionPermitFileName: row.productionPermitFileName,
+    techIndexFileName: row.techIndexFileName,
+    needCalibration: row.needCalibration,
+    calibrationCycleDays: row.calibrationCycleDays,
+  });
+  formRef.value?.clearValidate();
+  drawerVisible.value = true;
+};
+
+const saveForm = async () => {
+  const studyId = study.currentStudy?.id;
+  if (!studyId) return;
+  const ok = await formRef.value?.validate().catch(() => false);
+  if (!ok) return;
+  const payload = {
+    name: form.name.trim(),
+    spec_model: form.specModel.trim(),
+    unit: form.unit.trim() || null,
+    brand: form.brand.trim(),
+    origin: form.origin.trim() || null,
+    production_permit_file_name: form.productionPermitFileName || null,
+    tech_index_file_name: form.techIndexFileName || null,
+    need_calibration: !!form.needCalibration,
+    calibration_cycle_days: form.needCalibration ? form.calibrationCycleDays : null,
+  };
+  try {
+    if (editingId.value) {
+      await updateMaterialEquipment(studyId, editingId.value, payload);
+    } else {
+      await createMaterialEquipment(studyId, payload);
+    }
+    await loadRows();
+    drawerVisible.value = false;
+    ElMessage.success("保存成功");
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.detail || TEXT.common.messages.saveFailed);
+  }
+};
+
+const removeRow = async (row: EquipmentRow) => {
+  const studyId = study.currentStudy?.id;
+  if (!studyId) return;
+  const ok = await ElMessageBox.confirm("确认删除该条设备记录吗？", "提示", { type: "warning" }).catch(() => null);
+  if (!ok) return;
+  try {
+    await deleteMaterialEquipment(studyId, row.id);
+    await loadRows();
+    ElMessage.success("删除成功");
+  } catch (e: any) {
+    ElMessage.error(e?.response?.data?.detail || TEXT.common.messages.deleteFailed);
+  }
+};
+
+const handleUploadChange = (file: UploadFile, field: "productionPermitFileName" | "techIndexFileName") => {
+  form[field] = file.name;
+};
+
+const onProductionPermitChange = (file: UploadFile) => {
+  handleUploadChange(file, "productionPermitFileName");
+};
+
+const onTechIndexChange = (file: UploadFile) => {
+  handleUploadChange(file, "techIndexFileName");
+};
+
+const handleSearch = () => {
+  loadRows();
+};
+
+const resetFilters = () => {
+  filters.name = "";
+  loadRows();
+};
+
+watch(
+  () => study.currentStudy?.id,
+  () => {
+    filters.name = "";
+    loadRows();
+    drawerVisible.value = false;
+  },
+  { immediate: true }
+);
+
+watch(
+  () => form.needCalibration,
+  (need) => {
+    if (!need) form.calibrationCycleDays = null;
+    if (need && !form.calibrationCycleDays) form.calibrationCycleDays = 30;
+  }
+);
 </script>
+
+<style scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+}
+
+.equipment-section {
+  padding-top: 14px;
+  padding-bottom: 12px;
+}
+
+.filter-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+  gap: 12px;
+}
+
+.name-filter {
+  width: 260px;
+}
+
+/* ========== 抽屉头部 ========== */
+.editor-header {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.editor-title {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--ctms-text-main);
+  line-height: 1.2;
+}
+
+.editor-subtitle {
+  font-size: 13px;
+  color: var(--ctms-text-secondary);
+  font-weight: 400;
+}
+
+/* ========== 表单整体 ========== */
+.equipment-form {
+  padding: 4px 4px 0 0;
+}
+
+/* ========== 分组卡片 ========== */
+.form-group {
+  border: 1px solid #e8eef6;
+  border-radius: 10px;
+  padding: 16px 18px 8px;
+  background: #fbfcfe;
+  transition: border-color 0.2s ease;
+}
+
+.form-group:hover {
+  border-color: #d0dced;
+}
+
+.form-group + .form-group {
+  margin-top: 14px;
+}
+
+.form-group-title {
+  font-size: 14px;
+  font-weight: 700;
+  margin-bottom: 14px;
+  color: #1a3560;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.group-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+/* 基本信息 - 蓝色 */
+.group-dot-basic {
+  background: #3b82f6;
+}
+
+/* 资质文件 - 琥珀色 */
+.group-dot-file {
+  background: #f0ad2c;
+}
+
+/* 校准设置 - 绿色 */
+.group-dot-calibration {
+  background: #22c55e;
+}
+
+/* ========== 上传卡片 ========== */
+.upload-card {
+  border: 1px dashed #d0dced;
+  border-radius: 8px;
+  padding: 12px 14px;
+  background: #ffffff;
+  transition: all 0.2s ease;
+  min-height: 60px;
+}
+
+.upload-card:hover {
+  border-color: var(--ctms-primary);
+  background: #f8faff;
+}
+
+.upload-card-label {
+  font-size: 12px;
+  font-weight: 600;
+  color: #4a6283;
+  margin-bottom: 8px;
+}
+
+.upload-trigger {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  padding: 6px 0;
+}
+
+.upload-icon {
+  font-size: 18px;
+  line-height: 1;
+}
+
+.upload-text {
+  font-size: 13px;
+  color: var(--ctms-text-secondary);
+  transition: color 0.2s ease;
+}
+
+.upload-trigger:hover .upload-text {
+  color: var(--ctms-primary);
+}
+
+.upload-result {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 0;
+}
+
+.upload-result-icon {
+  font-size: 14px;
+  line-height: 1;
+}
+
+.upload-result-name {
+  font-size: 12px;
+  color: var(--ctms-text-regular);
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+
+/* ========== 校准提示 ========== */
+.calibration-hint {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 12px;
+  background: #f0fdf4;
+  border: 1px solid #bbf7d0;
+  border-radius: 8px;
+  font-size: 13px;
+  color: #166534;
+  margin-bottom: 8px;
+}
+
+.hint-icon {
+  font-size: 14px;
+  line-height: 1;
+}
+
+/* ========== 表单元素细节 ========== */
+.full-width {
+  width: 100%;
+}
+
+/* ========== 底部按钮 ========== */
+.drawer-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+/* ========== 表单元素微调 ========== */
+.equipment-form :deep(.el-form-item) {
+  margin-bottom: 12px;
+}
+
+.equipment-form :deep(.el-form-item__label) {
+  font-size: 13px;
+  font-weight: 600;
+  color: #4a6283;
+  padding-bottom: 4px;
+}
+
+/* ========== 表格居中 ========== */
+:deep(.ctms-table th.el-table__cell .cell),
+:deep(.ctms-table td.el-table__cell .cell) {
+  text-align: center;
+}
+</style>

frontend/src/views/ia/MaterialOthers.vue

@@ -1,13 +0,0 @@
-<template>
-  <ModulePlaceholder
-    :title="TEXT.modules.materialOthers.title"
-    :subtitle="TEXT.modules.materialOthers.subtitle"
-    :list-title="TEXT.modules.materialOthers.listTitle"
-    :empty-description="TEXT.modules.materialOthers.emptyDescription"
-  />
-</template>
-
-<script setup lang="ts">
-import ModulePlaceholder from "../../components/ModulePlaceholder.vue";
-import { TEXT } from "../../locales";
-</script>

frontend/src/views/ia/ProjectMilestones.vue

@@ -196,11 +196,10 @@
 import { computed, onMounted, reactive, ref, watch } from "vue";
 import { ElMessage } from "element-plus";
 import { useStudyStore } from "../../store/study";
-import { fetchStudySetupConfig } from "../../api/studies";
+import { listProjectMilestones, updateProjectMilestone } from "../../api/projectMilestones";
 import { TEXT } from "../../locales";
 import StateEmpty from "../../components/StateEmpty.vue";
 import { displayDateTime } from "../../utils/display";
-import type { ProjectMilestoneDraft, StudySetupConfigResponse } from "../../types/setupConfig";
 
 interface MilestoneRow {
   id: string;
@@ -234,11 +233,10 @@ type MilestoneLocalEdit = {
 const study = useStudyStore();
 const rows = ref<MilestoneRow[]>([]);
 const loading = ref(false);
-const dataSourceLabel = ref<string>(TEXT.modules.projectMilestones.sourceDraft);
+const dataSourceLabel = ref<string>(TEXT.modules.projectMilestones.sourcePublished);
 const updatedAtLabel = ref<string>(TEXT.common.fallback);
 const editorVisible = ref(false);
 const editingRowId = ref("");
-const localEdits = ref<Record<string, MilestoneLocalEdit>>({});
 const editorForm = reactive<MilestoneLocalEdit>({
   adjustedStartDate: "",
   adjustedEndDate: "",
@@ -249,8 +247,6 @@ const editorForm = reactive<MilestoneLocalEdit>({
 
 const doneCount = computed(() => rows.value.filter((item) => getStatusView(item).completed).length);
 
-const getLocalEditKey = (studyId: string) => `ctms_project_milestones_edits_${studyId}`;
-
 const toDateOnly = (value?: string): Date | null => {
   if (!value) return null;
   const d = new Date(`${value}T00:00:00`);
@@ -267,22 +263,24 @@ const calcDurationDays = (start?: string, end?: string): number | null => {
 };
 
 const toDurationText = (days: number | null) => (days && days > 0 ? `${days}天` : TEXT.common.fallback);
-const toPositiveInt = (value: unknown): number | null => {
-  const n = Number(value);
-  if (!Number.isFinite(n) || n <= 0) return null;
-  return Math.floor(n);
-};
 
-const applyEditToRow = (row: MilestoneRow): MilestoneRow => {
-  const patch = localEdits.value[row.id] || {};
-  const adjustedStartDate = String(patch.adjustedStartDate ?? row.adjustedStartDate ?? "").trim();
-  const adjustedEndDate = String(patch.adjustedEndDate ?? row.adjustedEndDate ?? "").trim();
-  const actualStartDate = String(patch.actualStartDate ?? row.actualStartDate ?? "").trim();
-  const actualEndDate = String(patch.actualEndDate ?? row.actualEndDate ?? "").trim();
+const normalizeRow = (row: any): MilestoneRow => {
+  const startDate = String(row?.planned_date || "").trim();
+  const endDate = String(row?.planned_date || "").trim();
+  const adjustedStartDate = String(row?.adjusted_start_date || "").trim();
+  const adjustedEndDate = String(row?.adjusted_end_date || "").trim();
+  const actualStartDate = String(row?.actual_start_date || "").trim();
+  const actualEndDate = String(row?.actual_end_date || "").trim();
   const adjustedDurationDays = calcDurationDays(adjustedStartDate, adjustedEndDate);
   const actualDurationDays = calcDurationDays(actualStartDate, actualEndDate);
   return {
-    ...row,
+    id: row?.id || "",
+    name: String(row?.name || "").trim(),
+    planDate: startDate,
+    startDate,
+    endDate,
+    durationDays: startDate ? 1 : null,
+    durationText: startDate ? "1天" : TEXT.common.fallback,
     adjustedStartDate,
     adjustedEndDate,
     adjustedDurationDays,
@@ -291,85 +289,26 @@ const applyEditToRow = (row: MilestoneRow): MilestoneRow => {
     actualEndDate,
     actualDurationDays,
     actualDurationText: toDurationText(actualDurationDays),
-    remark: String(patch.remark ?? row.remark ?? "").trim(),
+    owner: String(row?.owner_name || "").trim(),
+    status: String(row?.status || "NOT_STARTED").trim(),
+    remark: String(row?.notes || "").trim(),
   };
 };
 
-const loadLocalEdits = () => {
-  const studyId = study.currentStudy?.id;
-  if (!studyId) return;
-  try {
-    const raw = localStorage.getItem(getLocalEditKey(studyId));
-    localEdits.value = raw ? (JSON.parse(raw) as Record<string, MilestoneLocalEdit>) : {};
-  } catch {
-    localEdits.value = {};
-  }
-};
-
-const persistLocalEdits = () => {
-  const studyId = study.currentStudy?.id;
-  if (!studyId) return;
-  localStorage.setItem(getLocalEditKey(studyId), JSON.stringify(localEdits.value));
-};
-
-const normalizeRows = (items: ProjectMilestoneDraft[]) =>
-  items
-    .map((item, index) => {
-      const planDate = String(item.planDate || "").trim();
-      const startDate = String(item.startDate || planDate).trim();
-      const endDate = String(item.endDate || planDate).trim();
-      const adjustedStartDate = String((item as any).adjustedStartDate || "").trim();
-      const adjustedEndDate = String((item as any).adjustedEndDate || "").trim();
-      const actualStartDate = String((item as any).actualStartDate || "").trim();
-      const actualEndDate = String((item as any).actualEndDate || "").trim();
-      const rawDays = toPositiveInt(item.durationDays);
-      const adjustedRawDays = toPositiveInt((item as any).adjustedDurationDays) ?? calcDurationDays(adjustedStartDate, adjustedEndDate);
-      const actualRawDays = toPositiveInt((item as any).actualDurationDays) ?? calcDurationDays(actualStartDate, actualEndDate);
-      const durationDays = rawDays ?? (startDate || endDate ? 1 : null);
-      const adjustedDurationDays = adjustedRawDays ?? (adjustedStartDate || adjustedEndDate ? 1 : null);
-      const actualDurationDays = actualRawDays ?? (actualStartDate || actualEndDate ? 1 : null);
-      return {
-        id: item.id || `setup-project-milestone-${index + 1}`,
-        name: String(item.name || "").trim(),
-        planDate,
-        startDate,
-        endDate,
-        durationDays,
-        durationText: durationDays ? `${durationDays}天` : TEXT.common.fallback,
-        adjustedStartDate,
-        adjustedEndDate,
-        adjustedDurationDays,
-        adjustedDurationText: adjustedDurationDays ? `${adjustedDurationDays}天` : TEXT.common.fallback,
-        actualStartDate,
-        actualEndDate,
-        actualDurationDays,
-        actualDurationText: actualDurationDays ? `${actualDurationDays}天` : TEXT.common.fallback,
-        owner: String(item.owner || "").trim(),
-        status: String(item.status || "未开始").trim(),
-        remark: String(item.remark || "").trim(),
-      };
-    })
-    .filter((item) => item.name || item.startDate || item.endDate || item.owner || item.remark);
-
-const pickProjectMilestones = (setup: StudySetupConfigResponse): ProjectMilestoneDraft[] => {
-  const publishedRows = normalizeRows(setup.published_data?.projectMilestones || []);
-  if (publishedRows.length > 0) {
-    dataSourceLabel.value = TEXT.modules.projectMilestones.sourcePublished;
-    return setup.published_data?.projectMilestones || [];
-  }
-  dataSourceLabel.value = setup.published_data ? TEXT.modules.projectMilestones.sourceDraftFallback : TEXT.modules.projectMilestones.sourceDraft;
-  return setup.data?.projectMilestones || [];
-};
-
 const loadMilestones = async () => {
   const studyId = study.currentStudy?.id;
   if (!studyId) return;
   loading.value = true;
   try {
-    const { data } = await fetchStudySetupConfig(studyId);
-    loadLocalEdits();
-    rows.value = normalizeRows(pickProjectMilestones(data)).map(applyEditToRow);
-    updatedAtLabel.value = displayDateTime(data.published_at || data.updated_at);
+    const { data } = (await listProjectMilestones(studyId)) as any;
+    const list = Array.isArray(data) ? data : data?.items || [];
+    rows.value = list.map(normalizeRow);
+    const updatedAt = list
+      .map((item: any) => String(item?.updated_at || ""))
+      .filter(Boolean)
+      .sort()
+      .pop();
+    updatedAtLabel.value = updatedAt ? displayDateTime(updatedAt) : TEXT.common.fallback;
   } catch (error: any) {
     rows.value = [];
     updatedAtLabel.value = TEXT.common.fallback;
@@ -468,25 +407,26 @@ const openEditor = (row: MilestoneRow) => {
   editorVisible.value = true;
 };
 
-const saveEditor = () => {
-  if (!editingRowId.value) return;
+const saveEditor = async () => {
+  const studyId = study.currentStudy?.id;
+  if (!studyId || !editingRowId.value) return;
   if (!validateDateRange(editorForm.adjustedStartDate, editorForm.adjustedEndDate, "调整计划时间")) return;
   if (!validateDateRange(editorForm.actualStartDate, editorForm.actualEndDate, "实际时间")) return;
-  const patch: MilestoneLocalEdit = {
-    adjustedStartDate: editorForm.adjustedStartDate || "",
-    adjustedEndDate: editorForm.adjustedEndDate || "",
-    actualStartDate: editorForm.actualStartDate || "",
-    actualEndDate: editorForm.actualEndDate || "",
-    remark: (editorForm.remark || "").trim(),
+  const patch = {
+    adjusted_start_date: editorForm.adjustedStartDate || null,
+    adjusted_end_date: editorForm.adjustedEndDate || null,
+    actual_start_date: editorForm.actualStartDate || null,
+    actual_end_date: editorForm.actualEndDate || null,
+    notes: (editorForm.remark || "").trim() || null,
   };
-  localEdits.value = {
-    ...localEdits.value,
-    [editingRowId.value]: patch,
-  };
-  persistLocalEdits();
-  rows.value = rows.value.map((item) => (item.id === editingRowId.value ? applyEditToRow(item) : item));
-  editorVisible.value = false;
-  ElMessage.success("里程碑时间已更新");
+  try {
+    await updateProjectMilestone(studyId, editingRowId.value, patch);
+    await loadMilestones();
+    editorVisible.value = false;
+    ElMessage.success("里程碑时间已更新");
+  } catch (error: any) {
+    ElMessage.error(error?.response?.data?.detail || TEXT.common.messages.saveFailed);
+  }
 };
 
 onMounted(() => {
@@ -497,7 +437,6 @@ watch(
   () => study.currentStudy?.id,
   () => {
     rows.value = [];
-    localEdits.value = {};
     updatedAtLabel.value = TEXT.common.fallback;
     loadMilestones();
   }