zhouchengcheng/ctms
1
1
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

项目里程碑初步优化

Browse Source
This commit is contained in:
Cheng Zhou
2026-02-27 09:06:06 +08:00
parent 8f3f717e48
commit fd7e3fc948
47 changed files with 2029 additions and 783 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/admin/ProjectDetail.vue
+342 -123
View File
@@ -53,7 +53,6 @@
>
回滚版本
</el-button>
<el-button plain @click="triggerImportConfig">导入Excel</el-button>
<el-dropdown trigger="click" class="setup-secondary-menu" @command="handleSecondaryAction">
<el-button plain class="secondary-menu-btn">
更多
@@ -73,17 +72,9 @@
<el-icon><OfficeBuilding /></el-icon>
中心管理
</el-dropdown-item>
<el-dropdown-item command="export" :disabled="!canExportSetup">导出Excel</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
<input
ref="importInputRef"
type="file"
accept=".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
class="hidden-file-input"
@change="handleImportFile"
/>
</div>
</div>
</div>
@@ -339,14 +330,14 @@
</el-col>
<el-col :span="12">
<el-form-item label="计划中心数">
<el-input-number v-model="form.planned_site_count" :min="0" :step="1" class="w-full" />
<el-input-number v-model="form.planned_site_count" :min="0" :step="1" controls-position="right" class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="计划入组数">
<el-input-number v-model="form.planned_enrollment_count" :min="0" :step="1" class="w-full" />
<el-input-number v-model="form.planned_enrollment_count" :min="0" :step="1" controls-position="right" class="w-full" />
</el-form-item>
</el-col>
</el-row>
@@ -422,22 +413,22 @@
<el-row :gutter="24">
<el-col :span="6">
<el-form-item :label="TEXT.common.fields.visitTotal">
<el-input-number v-model="form.visit_total" :min="1" :max="50" :step="1" class="w-full" />
<el-input-number v-model="form.visit_total" :min="1" :max="50" :step="1" controls-position="right" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="TEXT.common.fields.visitIntervalDays">
<el-input-number v-model="form.visit_interval_days" :min="1" :max="365" :step="1" class="w-full" />
<el-input-number v-model="form.visit_interval_days" :min="1" :max="365" :step="1" controls-position="right" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="TEXT.common.fields.visitWindowStartOffset">
<el-input-number v-model="form.visit_window_start_offset" :min="-365" :max="365" :step="1" class="w-full" />
<el-input-number v-model="form.visit_window_start_offset" :min="-365" :max="365" :step="1" controls-position="right" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="TEXT.common.fields.visitWindowEndOffset">
<el-input-number v-model="form.visit_window_end_offset" :min="-365" :max="365" :step="1" class="w-full" />
<el-input-number v-model="form.visit_window_end_offset" :min="-365" :max="365" :step="1" controls-position="right" class="w-full" />
</el-form-item>
</el-col>
</el-row>
@@ -475,14 +466,30 @@
<span class="milestone-cell-text">{{ scope.row.name || "-" }}</span>
</template>
</el-table-column>
<el-table-column label="计划日期" width="180">
<el-table-column label="计划时间" width="240">
<template #default="scope">
<span class="milestone-cell-text">{{ scope.row.planDate || "-" }}</span>
<div class="milestone-plan-cell">
<div class="milestone-plan-line">
<span class="milestone-plan-dot" />
<span class="milestone-plan-label">开始:</span>
<span>{{ resolveProjectMilestoneStart(scope.row) || "-" }}</span>
</div>
<div class="milestone-plan-line">
<span class="milestone-plan-dot" />
<span class="milestone-plan-label">结束:</span>
<span>{{ resolveProjectMilestoneEnd(scope.row) || "-" }}</span>
</div>
<div class="milestone-plan-line">
<span class="milestone-plan-dot" />
<span class="milestone-plan-label">耗时:</span>
<span>{{ formatProjectMilestoneDuration(scope.row) }}</span>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="负责人" min-width="160">
<template #default="scope">
<span class="milestone-cell-text">{{ scope.row.owner || "-" }}</span>
<span class="milestone-cell-text">{{ normalizeOwnerDisplay(scope.row.owner) }}</span>
</template>
</el-table-column>
<el-table-column label="状态" width="150">
@@ -557,6 +564,7 @@
v-model="currentSetupDraft.enrollmentPlan.totalTarget"
:min="0"
:disabled="!canEditSetup"
controls-position="right"
class="w-full"
/>
<span v-else class="enrollment-inline-value">{{ toDisplayNumber(currentSetupDraft.enrollmentPlan.totalTarget) }}</span>
@@ -575,9 +583,12 @@
</div>
<div class="enrollment-summary-line">
<span class="summary-title">中心计划情况:</span>
<span>计划入组数 <b>{{ toDisplayNumber(selectedSitePlanTarget) }}</b> 人</span>
<span>已填写计划数 <b>{{ toDisplayNumber(selectedSiteCyclePlannedCount) }}</b> 人</span>
<span>待分配 {{ selectedSiteCyclePendingCount }} 人</span>
<span>已配置中心 <b>{{ centerConfiguredSiteCount }}</b>/<b>{{ centerActiveSiteCount }}</b> 个</span>
<span>中心计划总数 <b>{{ toDisplayNumber(centerPlannedCount) }}</b> 人</span>
<span>已填写计划数 <b>{{ toDisplayNumber(centerCyclePlannedCount) }}</b> 人</span>
<span v-if="centerCycleOverflowCount > 0" class="summary-danger">已超出 {{ centerCycleOverflowCount }} 人</span>
<span v-else-if="centerCyclePendingCount > 0">待分配 {{ centerCyclePendingCount }} 人</span>
<span v-else class="summary-success">已完成分配</span>
</div>
</div>
@@ -668,7 +679,7 @@
</el-table-column>
<el-table-column label="负责人" min-width="160">
<template #default="scope">
<span class="milestone-cell-text">{{ scope.row.owner || "-" }}</span>
<span class="milestone-cell-text">{{ normalizeOwnerDisplay(scope.row.owner) }}</span>
</template>
</el-table-column>
<el-table-column label="状态" width="150">
@@ -761,6 +772,7 @@
v-model="selectedSiteEnrollmentPlan.target"
:min="0"
:disabled="!canEditSetup"
controls-position="right"
class="w-full"
/>
<span v-else class="enrollment-inline-value">{{ toDisplayNumber(selectedSiteEnrollmentPlan?.target) }}</span>
@@ -778,6 +790,7 @@
</div>
<div class="enrollment-summary-line">
<span class="summary-title">中心计划情况:</span>
<span class="summary-site-name">{{ selectedSitePlanName }}</span>
<span>计划入组数 <b>{{ toDisplayNumber(selectedSitePlanTarget) }}</b> 人</span>
<span>已填写计划数 <b>{{ toDisplayNumber(selectedSiteCyclePlannedCount) }}</b> 人</span>
<span>待分配 {{ selectedSiteCyclePendingCount }} 人</span>
@@ -961,7 +974,7 @@
</div>
</div>
</div>
<el-dialog v-model="publishConfirmVisible" title="发布确认" width="920px" top="8vh" class="setup-publish-dialog">
<el-dialog append-to=".layout-main .content-wrapper" v-model="publishConfirmVisible" title="发布确认" width="920px" top="8vh" class="setup-publish-dialog">
<div class="conflict-summary">
<div>发布目标：立项配置草稿</div>
<div>当前发布版本：{{ setupPublishedVersionText }}</div>
@@ -990,9 +1003,14 @@
<el-tag v-for="line in publishDiffLines" :key="line" effect="plain" type="warning">{{ line }}</el-tag>
</div>
<div v-if="publishFieldDiffRows.length" class="conflict-readable-diff">
<div class="publish-diff-overview">
<el-tag v-for="item in publishDiffModuleSummary" :key="item.module" type="info" effect="plain">
{{ item.module }}：{{ item.count }} 项变更
</el-tag>
</div>
<el-table :data="publishFieldDiffRows" size="small" border max-height="320">
<el-table-column prop="moduleLabel" label="模块" width="140" />
<el-table-column prop="path" label="字段路径" min-width="260" />
<el-table-column prop="path" label="变更项" min-width="300" />
<el-table-column prop="changeType" label="变更类型" width="100">
<template #default="scope">
<el-tag :type="scope.row.changeType === '新增' ? 'success' : scope.row.changeType === '删除' ? 'danger' : 'warning'" effect="plain">
@@ -1000,8 +1018,8 @@
</el-tag>
</template>
</el-table-column>
<el-table-column prop="localValue" label="草稿值" min-width="220" show-overflow-tooltip />
<el-table-column prop="serverValue" label="已发布值" min-width="220" show-overflow-tooltip />
<el-table-column prop="serverValue" label="上一版本值" min-width="220" show-overflow-tooltip />
<el-table-column prop="localValue" label="预发布版本值" min-width="220" show-overflow-tooltip />
</el-table>
</div>
<template #footer>
@@ -1009,7 +1027,7 @@
<el-button type="primary" :loading="publishConfirmLoading" @click="confirmPublishConfig">确认发布</el-button>
</template>
</el-dialog>
<el-dialog v-model="rollbackDialogVisible" title="选择回滚版本" width="760px" top="10vh">
<el-dialog append-to=".layout-main .content-wrapper" v-model="rollbackDialogVisible" title="选择回滚版本" width="760px" top="10vh">
<el-table :data="setupVersionHistory" height="360" v-loading="rollbackDialogLoading">
<el-table-column prop="version" label="发布版本" width="120">
<template #default="scope">v{{ scope.row.display_version || scope.row.version }}</template>
@@ -1053,17 +1071,42 @@
<el-form-item label="里程碑">
<el-input v-model="projectMilestoneEditorForm.name" placeholder="例如：首例入组" />
</el-form-item>
<el-form-item label="计划日期">
<el-form-item label="开始日期">
<el-date-picker
v-model="projectMilestoneEditorForm.planDate"
v-model="projectMilestoneEditorForm.startDate"
type="date"
value-format="YYYY-MM-DD"
class="w-full"
placeholder="选择日期"
placeholder="选择开始日期"
/>
</el-form-item>
<el-form-item label="结束日期">
<el-date-picker
v-model="projectMilestoneEditorForm.endDate"
type="date"
value-format="YYYY-MM-DD"
class="w-full"
placeholder="选择结束日期"
/>
</el-form-item>
<el-form-item label="耗时">
<span>{{ formatProjectMilestoneDuration(projectMilestoneEditorForm) }}</span>
</el-form-item>
<el-form-item label="负责人">
<el-input v-model="projectMilestoneEditorForm.owner" placeholder="负责人" />
<el-select
v-model="projectMilestoneEditorForm.owner"
filterable
clearable
class="w-full"
placeholder="从项目成员中选择负责人"
>
<el-option
v-for="option in projectMilestoneOwnerOptions"
:key="option.value"
:label="option.label"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="projectMilestoneEditorForm.status" class="w-full" placeholder="状态">
@@ -1112,7 +1155,20 @@
/>
</el-form-item>
<el-form-item label="负责人">
<el-input v-model="siteMilestoneEditorForm.owner" placeholder="负责人" />
<el-select
v-model="siteMilestoneEditorForm.owner"
filterable
clearable
class="w-full"
placeholder="从项目成员中选择负责人"
>
<el-option
v-for="option in siteMilestoneOwnerOptions"
:key="option.value"
:label="option.label"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="siteMilestoneEditorForm.status" class="w-full" placeholder="状态">
@@ -1160,7 +1216,7 @@
</el-select>
</el-form-item>
<el-form-item label="计划例数">
<el-input-number v-model="siteEnrollmentEditorForm.target" :min="0" class="w-full" />
<el-input-number v-model="siteEnrollmentEditorForm.target" :min="0" controls-position="right" class="w-full" />
</el-form-item>
<el-form-item label="启动日期">
<el-date-picker v-model="siteEnrollmentEditorForm.startDate" type="date" value-format="YYYY-MM-DD" class="w-full" />
@@ -1396,13 +1452,12 @@ const {
listVersions: fetchSetupVersions,
rollbackConfig,
deleteVersion: deleteSetupVersion,
exportExcel: exportSetupExcel,
importExcel: importSetupExcel,
} = useSetupConfig();
const project = ref<Study | null>(null);
const siteOptions = ref<Site[]>([]);
const memberDisplayMap = ref<Record<string, string>>({});
const projectMemberOptions = ref<Array<{ value: string; label: string }>>([]);
const activeStep = ref(0);
const infoTab = ref<"basic" | "summary">("basic");
const step1EditSection = ref<Step1EditSection>("all");
@@ -1418,7 +1473,6 @@ const formRef = ref<FormInstance>();
const draftReady = ref(false);
const suppressDraftWatch = ref(false);
const autoSaveTimer = ref<number | undefined>(undefined);
const importInputRef = ref<HTMLInputElement | null>(null);
const setupDirtySinceLastPersist = ref(false);
const projectDirtySinceLastPersist = ref(false);
const suppressEnrollmentFieldSync = ref(false);
@@ -1480,6 +1534,9 @@ const projectMilestoneEditorForm = reactive<ProjectMilestoneDraft>({
id: "",
name: "",
planDate: "",
startDate: "",
endDate: "",
durationDays: 1,
owner: "",
remark: "",
status: "未开始",
@@ -1628,7 +1685,6 @@ const projectDraftStorageKey = computed(() => `ctms_setup_project_draft_${String
const publishedProjectSignatureKey = computed(() => `ctms_setup_published_project_sig_${String(route.params.projectId || "")}`);
const setupRole = computed(() => String(project.value?.role_in_study || authStore.user?.role || "").toUpperCase());
const canManageSetup = computed(() => ["ADMIN", "PM"].includes(setupRole.value));
const canExportSetup = computed(() => ["ADMIN", "PM", "CRA"].includes(setupRole.value));
const isPublishedView = computed(() => setupViewMode.value === "published");
const currentSetupDraft = computed<SetupConfigDraft>(() => {
return setupDraft;
@@ -1863,6 +1919,50 @@ const normalizePlanDate = (value: string | null | undefined): string => {
if (!value) return "";
return String(value);
};
const parseDateOnlyValue = (value: string | null | undefined): Date | null => {
const normalized = normalizePlanDate(value);
if (!normalized) return null;
const d = new Date(`${normalized}T00:00:00`);
if (Number.isNaN(d.getTime())) return null;
return d;
};
const calculateDurationDays = (startDate: string | null | undefined, endDate: string | null | undefined): number => {
const start = parseDateOnlyValue(startDate);
const end = parseDateOnlyValue(endDate);
if (!start || !end) return 0;
if (end < start) return 0;
const diffMs = end.getTime() - start.getTime();
return Math.floor(diffMs / 86400000) + 1;
};
const resolveProjectMilestoneStart = (row: Partial<ProjectMilestoneDraft> | null | undefined): string =>
normalizePlanDate(row?.startDate || row?.planDate || "");
const resolveProjectMilestoneEnd = (row: Partial<ProjectMilestoneDraft> | null | undefined): string =>
normalizePlanDate(row?.endDate || row?.planDate || "");
const resolveProjectMilestoneDurationDays = (row: Partial<ProjectMilestoneDraft> | null | undefined): number => {
const rawDays = Number((row as any)?.durationDays);
if (Number.isFinite(rawDays) && rawDays > 0) return Math.floor(rawDays);
const startDate = resolveProjectMilestoneStart(row);
const endDate = resolveProjectMilestoneEnd(row);
if (!startDate && !endDate) return 0;
return calculateDurationDays(startDate, endDate) || 1;
};
const formatProjectMilestoneDuration = (row: Partial<ProjectMilestoneDraft> | null | undefined): string => {
const days = resolveProjectMilestoneDurationDays(row);
return days > 0 ? `${days}天` : "-";
};
const normalizeProjectMilestoneRows = (rows: ProjectMilestoneDraft[]): ProjectMilestoneDraft[] =>
rows.map((row) => {
const startDate = resolveProjectMilestoneStart(row);
const endDate = resolveProjectMilestoneEnd(row);
const durationDays = resolveProjectMilestoneDurationDays({ ...row, startDate, endDate });
return {
...row,
planDate: startDate,
startDate,
endDate,
durationDays: durationDays > 0 ? durationDays : 1,
};
});
const getProjectPlanWindow = (): { start: string; end: string } => ({
start: normalizePlanDate(form.value.plan_start_date || project.value?.plan_start_date || ""),
end: normalizePlanDate(form.value.plan_end_date || project.value?.plan_end_date || ""),
@@ -2200,6 +2300,11 @@ const centerEnrollmentTargetMap = computed(() => {
});
return map;
});
const centerActiveSiteCount = computed(() => siteOptions.value.filter((site) => site.is_active !== false).length);
const centerConfiguredSiteCount = computed(() => {
const plannedSiteIds = centerEnrollmentTargetMap.value;
return siteOptions.value.filter((site) => site.is_active !== false && plannedSiteIds.has(String(site.id || "").trim())).length;
});
const centerPlannedCount = computed(() => {
return Array.from(centerEnrollmentTargetMap.value.values()).reduce((sum, target) => sum + target, 0);
});
@@ -2234,6 +2339,13 @@ const sumSiteEnrollmentTargetForCurrentCycle = (targets: Record<EnrollmentCycle,
});
return sum;
};
const centerCyclePlannedCount = computed(() => {
return setupDraft.siteEnrollmentPlans.reduce((sum, row) => {
return sum + sumSiteEnrollmentTargetForCurrentCycle(getSiteEnrollmentTargetsByCycle(row));
}, 0);
});
const centerCyclePendingCount = computed(() => Math.max(centerPlannedCount.value - centerCyclePlannedCount.value, 0));
const centerCycleOverflowCount = computed(() => Math.max(centerCyclePlannedCount.value - centerPlannedCount.value, 0));
const getSiteEnrollmentPeriodTarget = (row: SiteEnrollmentPlanDraft, key: string | null): number => {
if (!key) return 0;
const targets = getSiteEnrollmentTargetsByCycle(row);
@@ -2387,7 +2499,11 @@ const isStepCompleted = (stepIndex: number): boolean => {
if (stepIndex === 1) {
return (
setupDraft.projectMilestones.length > 0 &&
setupDraft.projectMilestones.every((item) => (item.name || "").trim().length > 0 && (item.planDate || "").length > 0)
setupDraft.projectMilestones.every((item) => {
const startDate = resolveProjectMilestoneStart(item);
const endDate = resolveProjectMilestoneEnd(item);
return (item.name || "").trim().length > 0 && !!startDate && !!endDate && startDate <= endDate;
})
);
}
if (stepIndex === 2) {
@@ -2475,6 +2591,28 @@ const normalizeOwnerDisplay = (value: string | null | undefined): string => {
.map((item) => memberDisplayMap.value[item] || item)
.join("、") || "-";
};
const projectMilestoneOwnerOptions = computed(() => {
const options = [...projectMemberOptions.value];
const currentOwner = String(projectMilestoneEditorForm.owner || "").trim();
if (currentOwner && !options.some((option) => option.value === currentOwner)) {
options.unshift({
value: currentOwner,
label: normalizeOwnerDisplay(currentOwner),
});
}
return options;
});
const siteMilestoneOwnerOptions = computed(() => {
const options = [...projectMemberOptions.value];
const currentOwner = String(siteMilestoneEditorForm.owner || "").trim();
if (currentOwner && !options.some((option) => option.value === currentOwner)) {
options.unshift({
value: currentOwner,
label: normalizeOwnerDisplay(currentOwner),
});
}
return options;
});
const siteEnrollmentPlanMap = computed(() => {
const map = new Map<string, SiteEnrollmentPlanDraft>();
setupDraft.siteEnrollmentPlans.forEach((row) => {
@@ -2533,6 +2671,15 @@ const selectedSiteEnrollmentPlan = computed(() => {
if (index < 0) return null;
return setupDraft.siteEnrollmentPlans[index] || null;
});
const selectedSitePlanName = computed(() => {
const nameFromPlan = (selectedSiteEnrollmentPlan.value?.siteName || "").trim();
if (nameFromPlan) return nameFromPlan;
const selectedSiteId = normalizeSiteId(selectedSiteEnrollmentPlanSiteId.value);
if (!selectedSiteId) return "当前中心";
const matched = siteEnrollmentSelectableSites.value.find((site) => normalizeSiteId(site.id) === selectedSiteId);
const name = (matched?.name || "").trim();
return name || "当前中心";
});
const selectedSitePlanTarget = computed(() => normalizeEnrollmentTarget(selectedSiteEnrollmentPlan.value?.target));
const selectedSiteCyclePlannedCount = computed(() => {
const row = selectedSiteEnrollmentPlan.value;
@@ -2630,7 +2777,7 @@ const isSetupDraftShape = (value: unknown): value is SetupConfigDraft => {
const applySetupDraft = (draft: SetupConfigDraft) => {
suppressDraftWatch.value = true;
setupDraft.projectMilestones = clone(draft.projectMilestones);
setupDraft.projectMilestones = normalizeProjectMilestoneRows(clone(draft.projectMilestones));
setupDraft.enrollmentPlan = clone(draft.enrollmentPlan);
setupDraft.siteMilestones = clone(draft.siteMilestones);
setupDraft.siteEnrollmentPlans = normalizeSiteEnrollmentPlans(clone(draft.siteEnrollmentPlans));
@@ -2830,6 +2977,13 @@ const publishDiffLines = computed(() => {
return lines;
});
const publishFieldDiffRows = computed(() => [...buildProjectDiffRows(), ...buildReadableDiffRows(setupDraft, publishCompareBase.value)]);
const publishDiffModuleSummary = computed(() => {
const grouped = new Map<string, number>();
publishFieldDiffRows.value.forEach((row) => {
grouped.set(row.moduleLabel, (grouped.get(row.moduleLabel) || 0) + 1);
});
return Array.from(grouped.entries()).map(([module, count]) => ({ module, count }));
});
const loadPublishedProjectSignatureFromLocal = () => {
try {
@@ -2906,8 +3060,19 @@ const buildProjectDiffRows = (): DiffRow[] => {
});
return rows;
};
const normalizeDiffRowForBusiness = (row: DiffRow): DiffRow => {
if (row.path.includes("负责人")) {
return {
...row,
localValue: row.localValue === "未填写" ? row.localValue : normalizeOwnerDisplay(row.localValue),
serverValue: row.serverValue === "未填写" ? row.serverValue : normalizeOwnerDisplay(row.serverValue),
};
}
return row;
};
const buildReadableDiffRows = (localDraft: SetupConfigDraft | null, serverDraft: SetupConfigDraft | null): DiffRow[] =>
buildSetupReadableDiffRows(localDraft, serverDraft, setupModuleLabels);
buildSetupReadableDiffRows(localDraft, serverDraft, setupModuleLabels).map(normalizeDiffRowForBusiness);
const applySetupResponseMeta = (data: StudySetupConfigResponse) => {
setupRevision.value = typeof data.version === "number" ? data.version : setupRevision.value;
@@ -3151,10 +3316,12 @@ const initializeSetupDraft = async () => {
const loadMemberDisplayMap = async (studyId: string) => {
const nextMap: Record<string, string> = {};
const memberOptionMap = new Map<string, string>();
try {
const { data } = await listMembers(studyId, { limit: 500 });
const rows = Array.isArray(data) ? data : (data as any).items || [];
rows.forEach((row: any) => {
if (row?.is_active === false) return;
const userId = String(row?.user_id || row?.userId || "").trim();
const memberId = String(row?.id || "").trim();
if (!userId) return;
@@ -3167,8 +3334,13 @@ const loadMemberDisplayMap = async (studyId: string) => {
row?.username ||
row?.email ||
userId;
const roleInStudy = String(row?.role_in_study || row?.roleInStudy || "").trim();
const optionLabel = roleInStudy ? `${displayName}（${roleInStudy}）` : displayName;
nextMap[userId] = displayName;
if (memberId) nextMap[memberId] = displayName;
if (!memberOptionMap.has(userId)) {
memberOptionMap.set(userId, optionLabel);
}
});
} catch {
// Ignore member API errors and fallback to users API below.
@@ -3185,6 +3357,9 @@ const loadMemberDisplayMap = async (studyId: string) => {
// ignore
}
memberDisplayMap.value = nextMap;
projectMemberOptions.value = Array.from(memberOptionMap.entries())
.map(([value, label]) => ({ value, label }))
.sort((a, b) => a.label.localeCompare(b.label, "zh-CN"));
};
const loadProject = async () => {
@@ -3664,68 +3839,6 @@ const confirmPublishConfig = async () => {
}
};
const exportConfigNow = async () => {
if (!project.value || !canExportSetup.value) return;
try {
const { data } = await exportSetupExcel(project.value.id);
const filename = `setup-config-${project.value.code || project.value.id}.xlsx`;
const blob = data instanceof Blob ? data : new Blob([data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = filename;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
URL.revokeObjectURL(url);
ElMessage.success("已导出配置Excel");
} catch (e: any) {
ElMessage.error(getApiErrorMessage(e, "导出失败"));
}
};
const triggerImportConfig = () => {
if (!canManageSetup.value) return;
importInputRef.value?.click();
};
const handleImportFile = async (event: Event) => {
const input = event.target as HTMLInputElement;
const file = input.files?.[0];
input.value = "";
if (!file || !project.value || !canEditSetup.value || !canManageSetup.value) return;
if (!file.name.toLowerCase().endsWith(".xlsx")) {
ElMessage.warning("请上传Excel文件（.xlsx）");
return;
}
try {
const payload = new FormData();
payload.append("file", file);
if (setupRevision.value) {
payload.append("expected_version", String(setupRevision.value));
}
const { data: imported } = await importSetupExcel(project.value.id, payload);
applySetupResponseMeta(imported);
clearSetupValidationErrors();
applySetupDraft(imported.data);
markSetupSynced();
setupSaveMeta.value = {
updatedAt: formatDisplayTime(imported.updated_at),
savedBy: imported.saved_by_name || resolveSavedByDisplay(imported.saved_by),
serverSynced: true,
};
ElMessage.success("Excel已导入并自动填充配置");
} catch (e: any) {
if (handleValidationFailure(e, "导入失败，请检查Excel内容")) return;
if (e?.response?.status === 409) {
ElMessage.warning("导入失败：配置已更新，正在刷新最新版本");
await refreshSetupDraftFromServer();
return;
}
ElMessage.error(getApiErrorMessage(e, "导入失败"));
}
};
const enterProject = () => {
if (!project.value) return;
studyStore.setCurrentStudy({ ...project.value, role_in_study: project.value.role_in_study || "PM" } as Study);
@@ -3752,9 +3865,6 @@ const handleSecondaryAction = (command: string) => {
goSites();
return;
}
if (command === "export") {
void exportConfigNow();
}
};
const prevStep = () => {
@@ -3774,7 +3884,17 @@ const goStep = (index: number) => {
const addProjectMilestone = () => {
if (!canMutateDraft()) return;
setupDraft.projectMilestones.push({ id: makeId(), name: "", planDate: "", owner: "", remark: "", status: "未开始" });
setupDraft.projectMilestones.push({
id: makeId(),
name: "",
planDate: "",
startDate: "",
endDate: "",
durationDays: 1,
owner: "",
remark: "",
status: "未开始",
});
};
const ensureStep2Editable = (): boolean => {
if (!project.value) return false;
@@ -3817,6 +3937,9 @@ const onProjectMilestoneTemplateSelect = async (templateKey: string) => {
id: makeId(),
name,
planDate: "",
startDate: "",
endDate: "",
durationDays: 1,
owner: "",
remark: "",
status: "未开始",
@@ -3831,7 +3954,10 @@ const openProjectMilestoneEditor = (index: number) => {
openIndexedEditor(setupDraft.projectMilestones, index, projectMilestoneEditor, (row) => {
projectMilestoneEditorForm.id = row.id || "";
projectMilestoneEditorForm.name = row.name || "";
projectMilestoneEditorForm.planDate = row.planDate || "";
projectMilestoneEditorForm.startDate = resolveProjectMilestoneStart(row);
projectMilestoneEditorForm.endDate = resolveProjectMilestoneEnd(row);
projectMilestoneEditorForm.durationDays = resolveProjectMilestoneDurationDays(row) || 1;
projectMilestoneEditorForm.planDate = resolveProjectMilestoneStart(row);
projectMilestoneEditorForm.owner = row.owner || "";
projectMilestoneEditorForm.remark = row.remark || "";
projectMilestoneEditorForm.status = row.status || "未开始";
@@ -3846,14 +3972,28 @@ const saveProjectMilestoneEditor = () => {
ElMessage.warning("请填写里程碑名称");
return;
}
if (!projectMilestoneEditorForm.planDate) {
ElMessage.warning("请选择计划日期");
const startDate = normalizePlanDate(projectMilestoneEditorForm.startDate || projectMilestoneEditorForm.planDate);
const endDate = normalizePlanDate(projectMilestoneEditorForm.endDate || projectMilestoneEditorForm.planDate);
if (!startDate) {
ElMessage.warning("请选择开始日期");
return;
}
if (!endDate) {
ElMessage.warning("请选择结束日期");
return;
}
if (startDate > endDate) {
ElMessage.warning("结束日期不能早于开始日期");
return;
}
const durationDays = calculateDurationDays(startDate, endDate);
setupDraft.projectMilestones[index] = {
id: projectMilestoneEditorForm.id || makeId(),
name,
planDate: projectMilestoneEditorForm.planDate,
planDate: startDate,
startDate,
endDate,
durationDays: durationDays > 0 ? durationDays : 1,
owner: (projectMilestoneEditorForm.owner || "").trim(),
remark: (projectMilestoneEditorForm.remark || "").trim(),
status: projectMilestoneEditorForm.status || "未开始",
@@ -4468,7 +4608,14 @@ onBeforeUnmount(() => {
.enrollment-inline-label {
font-size: 13px;
font-weight: 600;
color: #5f7499;
color: #4a6283;
background: #f3f6fb;
padding: 4px 10px;
border-radius: 6px;
height: 28px;
display: inline-flex;
align-items: center;
border: 1px solid #e6edf7;
}
.enrollment-inline-label.required::before {
@@ -4478,6 +4625,10 @@ onBeforeUnmount(() => {
}
.enrollment-date-cell {
min-width: auto;
}
.enrollment-date-cell :deep(.el-date-editor) {
min-width: 148px;
}
@@ -4488,12 +4639,18 @@ onBeforeUnmount(() => {
.enrollment-inline-value {
font-size: 14px;
font-weight: 600;
color: #102a4d;
color: #11264d;
}
.enrollment-sep {
color: #8da3c7;
font-weight: 600;
align-self: center;
display: inline-flex;
align-items: center;
height: 32px;
line-height: 32px;
flex-shrink: 0;
}
.enrollment-plan-summary {
@@ -4515,6 +4672,11 @@ onBeforeUnmount(() => {
color: #38537b;
}
.summary-site-name {
font-weight: 700;
color: #11264d;
}
.summary-title {
font-weight: 700;
color: #284a7b;
@@ -4525,6 +4687,11 @@ onBeforeUnmount(() => {
font-weight: 600;
}
.summary-success {
color: #2f7a4d;
font-weight: 600;
}
.enrollment-plan-actions {
display: flex;
align-items: center;
@@ -4858,13 +5025,15 @@ onBeforeUnmount(() => {
}
.info-group {
padding-top: 4px;
padding: 16px 20px;
background: #ffffff;
border: 1px solid #eef3fb;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(22, 47, 86, 0.03);
}
.info-group + .info-group {
margin-top: 2px;
padding-top: 12px;
border-top: 1px solid #eaf1fa;
margin-top: 14px;
}
.info-group-title {
@@ -4919,30 +5088,45 @@ onBeforeUnmount(() => {
color: #284a7a;
}
.basic-edit-group {
padding: 18px 20px 4px;
background: #f8fbff;
border: 1px solid #e6edf7;
border-radius: 12px;
margin-bottom: 16px;
}
.basic-edit-group + .basic-edit-group {
margin-top: 4px;
padding-top: 12px;
border-top: 1px solid #eaf1fa;
margin-top: 0;
padding-top: 18px;
border-top: 1px solid #e6edf7;
}
.info-item {
display: flex;
align-items: flex-start;
gap: 6px;
gap: 12px;
min-height: 28px;
padding: 6px 0;
}
.info-label {
color: #7085ab;
color: #5f7499;
min-width: 112px;
font-size: 14px;
background: #f4f8ff;
padding: 4px 10px;
border-radius: 6px;
display: inline-flex;
align-items: center;
}
.info-value {
color: #0f2345;
color: #11264d;
font-weight: 600;
font-size: 15px;
word-break: break-word;
padding-top: 4px;
}
.setup-info-tabs {
@@ -4959,8 +5143,9 @@ onBeforeUnmount(() => {
}
.setup-section :deep(.el-table) {
border-radius: 8px;
border-radius: 10px;
overflow: hidden;
border: 1px solid #eef3fb;
}
.setup-section :deep(.el-table th.el-table__cell) {
@@ -4998,6 +5183,33 @@ onBeforeUnmount(() => {
line-height: 16px;
}
.milestone-plan-cell {
display: flex;
flex-direction: column;
gap: 2px;
}
.milestone-plan-line {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
line-height: 16px;
color: #000;
}
.milestone-plan-dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: 3px solid #2f84c6;
box-sizing: border-box;
}
.milestone-plan-label {
color: #4b5563;
}
.milestone-actions-inline {
display: inline-flex;
align-items: center;
@@ -5115,6 +5327,13 @@ onBeforeUnmount(() => {
margin-bottom: 12px;
}
.publish-diff-overview {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 8px;
}
.conflict-readable-diff :deep(.el-table th.el-table__cell) {
background: #f7faff;
color: #2f4672;