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

完善后台管理与测试支撑

Browse Source 
1、为后台用户列表增加关键词和状态筛选，后端同步支持过滤与总数统计。

2、创建用户时要求填写初始密码，并补充前端校验和自动填充隔离。

3、优化项目管理列表角色展示、项目详情抽屉脏数据保护和审计详情抽屉关闭体验。

4、清理旧费用附件关联、统一测试模型注册，并更新迁移端点和注册筛选测试。
This commit is contained in:
Cheng Zhou
2026-06-04 11:12:40 +08:00
parent 90ca061db8
commit 41968384b5
17 changed files with 337 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/api/sites.ts
+4 -3
View File
@@ -1,9 +1,10 @@
import { apiDelete, apiGet, apiPatch, apiPost } from "./axios";
import { apiDelete, apiGet, apiPatch, apiPost, type ApiRequestConfig } from "./axios";
import type { ApiListResponse, Site } from "../types/api";
export const fetchSites = (studyId: string, params?: Record<string, any>) =>
export const fetchSites = (studyId: string, params?: Record<string, any>, config?: ApiRequestConfig) =>
apiGet<ApiListResponse<Site> | Site[]>(`/api/v1/studies/${studyId}/sites/`, {
params: { include_inactive: true, ...(params || {}) },
...(config || {}),
params: { include_inactive: true, ...(params || {}), ...(config?.params || {}) },
});
export const createSite = (studyId: string, payload: Partial<Site> & { name: string }) =>
frontend/src/views/admin/AuditLogs.vue
+1 -1
View File
@@ -162,7 +162,7 @@
v-model="detailVisible"
direction="rtl"
size="580px"
:close-on-click-modal="false"
:close-on-click-modal="true"
:show-close="false"
class="audit-detail-drawer"
>
frontend/src/views/admin/ProjectDetail.vue
+19 -6
View File
@@ -1653,7 +1653,8 @@
v-model="projectMilestoneEditorVisible"
direction="rtl"
size="480px"
:close-on-click-modal="false"
:close-on-click-modal="true"
:before-close="projectMilestoneEditorDirtyGuard.beforeClose"
:show-close="false"
class="setup-milestone-editor-drawer"
>
@@ -1756,7 +1757,8 @@
v-model="siteMilestoneEditorVisible"
direction="rtl"
size="480px"
:close-on-click-modal="false"
:close-on-click-modal="true"
:before-close="siteMilestoneEditorDirtyGuard.beforeClose"
:show-close="false"
class="setup-milestone-editor-drawer"
>
@@ -1836,7 +1838,8 @@
v-model="siteEnrollmentEditorVisible"
direction="rtl"
size="480px"
:close-on-click-modal="false"
:close-on-click-modal="true"
:before-close="siteEnrollmentEditorDirtyGuard.beforeClose"
:show-close="false"
class="setup-milestone-editor-drawer"
>
@@ -1936,6 +1939,7 @@ import { isSystemAdmin } from "../../utils/roles";
import { isApiPermissionAllowed } from "../../utils/apiPermissionValue";
import { groupErrorsBySection, parseFieldPath, type SetupValidationError } from "../../utils/setupFieldLocator";
import { buildSetupReadableDiffRows, serializeDiffValue, type SetupDiffRow } from "../../utils/setupDiffRows";
import { useDrawerDirtyGuard } from "../../utils/drawerDirtyGuard";
import {
SETUP_WORKFLOW_TAG_META,
buildProjectDiffRows,
@@ -2161,6 +2165,9 @@ const siteEnrollmentEditorForm = reactive<SiteEnrollmentPlanDraft>({
note: "",
stageBreakdown: "",
});
const projectMilestoneEditorDirtyGuard = useDrawerDirtyGuard(() => projectMilestoneEditorForm);
const siteMilestoneEditorDirtyGuard = useDrawerDirtyGuard(() => siteMilestoneEditorForm);
const siteEnrollmentEditorDirtyGuard = useDrawerDirtyGuard(() => siteEnrollmentEditorForm);
type EnrollmentCycle = "month" | "quarter";
@@ -4394,6 +4401,9 @@ const loadProject = async () => {
const { data } = studyRes;
project.value = data as Study;
projectPermissions.value = permRes.data as any;
studyStore.setViewContext({
pageTitle: project.value.name || TEXT.modules.adminProjects.detailTitle,
});
if (!canReadSetupConfig.value) {
ElMessage.warning("当前角色无权访问立项配置");
@@ -5694,7 +5704,7 @@ const removeProjectMilestone = (index: number) => {
setupDraft.projectMilestones.splice(index, 1);
};
const openProjectMilestoneEditor = (index: number) => {
openIndexedEditor(setupDraft.projectMilestones, index, projectMilestoneEditor, (row) => {
const opened = openIndexedEditor(setupDraft.projectMilestones, index, projectMilestoneEditor, (row) => {
projectMilestoneEditorForm.id = row.id || "";
projectMilestoneEditorForm.name = row.name || "";
projectMilestoneEditorForm.startDate = resolveProjectMilestoneStart(row);
@@ -5705,6 +5715,7 @@ const openProjectMilestoneEditor = (index: number) => {
projectMilestoneEditorForm.remark = row.remark || "";
projectMilestoneEditorForm.status = row.status || "未开始";
});
if (opened) projectMilestoneEditorDirtyGuard.syncBaseline();
};
const saveProjectMilestoneEditor = () => {
if (!canMutateDraft()) return;
@@ -5784,7 +5795,7 @@ const removeSiteMilestone = (index: number) => {
setupDraft.siteMilestones.splice(index, 1);
};
const openSiteMilestoneEditor = (index: number) => {
openIndexedEditor(setupDraft.siteMilestones, index, siteMilestoneEditor, (row) => {
const opened = openIndexedEditor(setupDraft.siteMilestones, index, siteMilestoneEditor, (row) => {
siteMilestoneEditorForm.id = row.id || "";
siteMilestoneEditorForm.milestone = row.milestone || "";
siteMilestoneEditorForm.planDate = row.planDate || "";
@@ -5792,6 +5803,7 @@ const openSiteMilestoneEditor = (index: number) => {
siteMilestoneEditorForm.remark = row.remark || "";
siteMilestoneEditorForm.status = row.status || "未开始";
});
if (opened) siteMilestoneEditorDirtyGuard.syncBaseline();
};
const saveSiteMilestoneEditor = () => {
if (!canMutateDraft()) return;
@@ -5832,7 +5844,7 @@ const removeSiteEnrollment = (index: number) => {
setupDraft.siteEnrollmentPlans.splice(index, 1);
};
const openSiteEnrollmentEditor = (index: number) => {
openIndexedEditor(setupDraft.siteEnrollmentPlans, index, siteEnrollmentEditor, (row) => {
const opened = openIndexedEditor(setupDraft.siteEnrollmentPlans, index, siteEnrollmentEditor, (row) => {
siteEnrollmentEditorForm.id = row.id || "";
siteEnrollmentEditorForm.siteId = row.siteId || "";
siteEnrollmentEditorForm.siteName = row.siteName || "";
@@ -5842,6 +5854,7 @@ const openSiteEnrollmentEditor = (index: number) => {
siteEnrollmentEditorForm.note = row.note || "";
siteEnrollmentEditorForm.stageBreakdown = row.stageBreakdown || "";
});
if (opened) siteEnrollmentEditorDirtyGuard.syncBaseline();
};
const saveSiteEnrollmentEditor = () => {
if (!canMutateDraft()) return;
frontend/src/views/admin/Projects.test.ts
+22
View File
@@ -52,6 +52,28 @@ describe("project management access", () => {
expect(source).toContain("canProject(scope.row, 'audit_export', 'read')");
});
it("shows the current project role only for non-admin project lists", () => {
const source = readProjects();
expect(source).toContain('v-if="!isAdmin" label="我的角色" align="center"');
expect(source).toContain("roleLabel(scope.row.role_in_study) || '-'");
expect(source).toContain("const { roleLabel, loadRoleTemplates } = useRoleTemplateMeta();");
expect(source).toContain("loadRoleTemplates().catch(() => {});");
});
it("keeps project table columns evenly spaced after adding the role column", () => {
const source = readProjects();
expect(source).toContain('class="project-table" style="width: 100%" table-layout="fixed"');
expect(source).toContain(':label="TEXT.common.fields.projectName"');
expect(source).toContain(`:label="TEXT.common.fields.protocolNo || '方案号'" show-overflow-tooltip`);
expect(source).toContain(':label="TEXT.common.fields.status" align="center"');
expect(source).toContain('label="锁定状态" align="center"');
expect(source).toContain(':label="TEXT.common.labels.actions" align="center"');
expect(source).not.toContain('projectColumnWidth');
expect(source).not.toContain('fixed="right"');
});
it("opens project names in management detail when the user has setup config read permission", () => {
const source = readProjects();
frontend/src/views/admin/Projects.vue
+33 -7
View File
@@ -63,8 +63,8 @@
<!-- 项目表格 -->
<div class="unified-section project-table-section">
<el-table :data="projects" v-loading="loading" class="project-table" table-layout="fixed">
<el-table-column :label="TEXT.common.fields.projectName" min-width="220">
<el-table :data="projects" v-loading="loading" class="project-table" style="width: 100%" table-layout="fixed">
<el-table-column :label="TEXT.common.fields.projectName">
<template #default="scope">
<div class="project-cell">
<div class="project-icon" :class="'icon--' + (scope.row.status || 'draft').toLowerCase()">
@@ -86,7 +86,12 @@
<span class="text-muted">{{ scope.row.protocol_no || '-' }}</span>
</template>
</el-table-column>
<el-table-column :label="TEXT.common.fields.status" width="110" align="center">
<el-table-column v-if="!isAdmin" label="我的角色" align="center">
<template #default="scope">
<span class="role-badge">{{ roleLabel(scope.row.role_in_study) || '-' }}</span>
</template>
</el-table-column>
<el-table-column :label="TEXT.common.fields.status" align="center">
<template #default="scope">
<span class="status-badge" :class="'badge--' + (scope.row.status || 'draft').toLowerCase()">
<span class="badge-dot"></span>
@@ -94,7 +99,7 @@
</span>
</template>
</el-table-column>
<el-table-column label="锁定状态" width="100" align="center">
<el-table-column label="锁定状态" align="center">
<template #default="scope">
<span v-if="scope.row.is_locked" class="lock-indicator locked">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="13" height="13">
@@ -112,7 +117,7 @@
</span>
</template>
</el-table-column>
<el-table-column :label="TEXT.common.labels.actions" width="200" align="center" fixed="right">
<el-table-column :label="TEXT.common.labels.actions" align="center">
<template #default="scope">
<div class="action-row">
<el-tooltip v-if="canProject(scope.row, 'project_members', 'read')" :content="TEXT.modules.adminProjects.members" placement="top">
@@ -159,6 +164,7 @@ import { useStudyStore } from "../../store/study";
import { useAuthStore } from "../../store/auth";
import { isSystemAdmin } from "../../utils/roles";
import { isApiPermissionAllowed } from "../../utils/apiPermissionValue";
import { useRoleTemplateMeta } from "../../composables/useRoleTemplateMeta";
import { TEXT } from "../../locales";
const projects = ref<Study[]>([]);
@@ -170,11 +176,11 @@ const studyStore = useStudyStore();
const auth = useAuthStore();
const isAdmin = computed(() => isSystemAdmin(auth.user));
const permissionsByProject = ref<Record<string, ApiEndpointPermissionsResponse>>({});
const { roleLabel, loadRoleTemplates } = useRoleTemplateMeta();
const activeProjectCount = computed(() => projects.value.filter(p => p.status === 'ACTIVE').length);
const draftProjectCount = computed(() => projects.value.filter(p => p.status === 'DRAFT').length);
const lockedProjectCount = computed(() => projects.value.filter(p => p.is_locked).length);
const loadProjects = async () => {
loading.value = true;
try {
@@ -208,7 +214,7 @@ const openCreate = () => {
};
const MODULE_TO_OPERATION: Record<string, Record<string, string>> = {
project_members: { read: "project_members:list", write: "project_members:update" },
project_members: { read: "project_members:read", write: "project_members:update" },
sites: { read: "sites:read", write: "sites:update" },
audit_export: { read: "audit_logs:read", write: "audit_logs:export" },
setup_config: { read: "setup_config:read", write: "setup_config:update" },
@@ -346,6 +352,7 @@ const statusLabel = (status: string) =>
TEXT.enums.projectStatus[status as keyof typeof TEXT.enums.projectStatus] || status;
onMounted(() => {
loadRoleTemplates().catch(() => {});
loadProjects();
});
</script>
@@ -471,6 +478,25 @@ onMounted(() => {
font-size: 13px;
}
.role-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 64px;
max-width: 104px;
min-height: 28px;
padding: 4px 10px;
border-radius: 6px;
background: var(--ctms-neutral-100);
color: var(--ctms-text-primary);
font-size: 12px;
font-weight: 600;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 状态徽章 */
.status-badge {
display: inline-flex;
frontend/src/views/admin/UserForm.vue
+45
View File
@@ -53,6 +53,24 @@
</template>
</el-input>
</el-form-item>
<el-form-item v-if="!user" :label="TEXT.modules.adminUsers.passwordInitial" prop="password">
<el-input
v-model="form.password"
type="password"
show-password
autocomplete="new-password"
name="ctms-create-initial-password"
:placeholder="TEXT.modules.adminUsers.passwordInitialHint"
>
<template #prefix>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14" style="opacity:0.5">
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
</svg>
</template>
</el-input>
<div class="password-hint">{{ TEXT.modules.adminUsers.passwordHint }}</div>
</el-form-item>
<el-form-item v-if="user" :label="TEXT.modules.adminUsers.accountStatus" prop="is_active">
<div class="status-switch-row">
<el-switch
@@ -125,6 +143,26 @@ const rules = reactive<FormRules>({
],
full_name: [{ required: true, message: requiredMessage(TEXT.common.fields.name), trigger: "blur" }],
clinical_department: [{ required: true, message: requiredMessage(TEXT.common.fields.clinicalDepartment), trigger: "blur" }],
password: [
{
validator: (_rule, value, callback) => {
if (props.user) {
callback();
return;
}
if (!value) {
callback(new Error(TEXT.modules.adminUsers.passwordInitialRequired));
return;
}
if (!/^(?=.*[A-Za-z])(?=.*\d).{8,}$/.test(value)) {
callback(new Error(TEXT.modules.profile.passwordRule));
return;
}
callback();
},
trigger: "blur",
},
],
});
const resetForm = () => {
@@ -264,6 +302,13 @@ const onSubmit = async () => {
color: var(--ctms-warning);
}
.password-hint {
font-size: 12px;
line-height: 1.4;
color: var(--ctms-text-secondary);
margin-top: 6px;
}
.dialog-footer {
display: flex;
justify-content: flex-end;
frontend/src/views/admin/Users.test.ts
+26
View File
@@ -17,11 +17,27 @@ describe("Admin users table labels", () => {
});
});
describe("Admin users filters", () => {
it("applies keyword and status filters from the first page", () => {
const viewSource = readUsersView();
expect(viewSource).toContain("@keyup.enter=\"applyFilters\"");
expect(viewSource).toContain("@clear=\"applyFilters\"");
expect(viewSource).toContain("@change=\"applyFilters\"");
expect(viewSource).toContain("@click=\"applyFilters\"");
expect(viewSource).toContain("page.value = 1");
expect(viewSource).toContain("keyword: searchKeyword.value || undefined");
expect(viewSource).toContain("status: statusFilter.value || undefined");
});
});
describe("Admin user form autocomplete", () => {
it("prevents browser credential autofill when creating a user", () => {
const formSource = readUserForm();
expect(formSource).toContain('autocomplete="off"');
expect(formSource).toContain('name="ctms-create-initial-password"');
expect(formSource).toContain('autocomplete="new-password"');
expect(formSource).not.toContain("current_password");
expect(formSource).not.toContain("confirmPassword");
expect(formSource).not.toContain("TEXT.modules.profile.currentPassword");
@@ -29,6 +45,16 @@ describe("Admin user form autocomplete", () => {
});
});
describe("Admin user create form password", () => {
it("requires an initial password before creating an account", () => {
const formSource = readUserForm();
expect(formSource).toContain('v-if="!user" :label="TEXT.modules.adminUsers.passwordInitial" prop="password"');
expect(formSource).toContain("TEXT.modules.adminUsers.passwordInitialRequired");
expect(formSource).toContain("/^(?=.*[A-Za-z])(?=.*\\d).{8,}$/");
});
});
describe("Admin user edit form defaults", () => {
it("hydrates the selected user immediately when the dialog is mounted open", () => {
const formSource = readUserForm();
frontend/src/views/admin/Users.vue
+9 -3
View File
@@ -65,11 +65,12 @@
clearable
class="filter-input-comp"
:prefix-icon="Search"
@keyup.enter="loadUsers"
@clear="applyFilters"
@keyup.enter="applyFilters"
/>
</div>
<div class="filter-item-form">
<el-select v-model="statusFilter" :placeholder="TEXT.common.fields.status" style="width: 140px" clearable class="filter-select-comp" @change="loadUsers">
<el-select v-model="statusFilter" :placeholder="TEXT.common.fields.status" style="width: 140px" clearable class="filter-select-comp" @change="applyFilters">
<el-option :label="TEXT.enums.userStatus.PENDING" value="PENDING" />
<el-option :label="TEXT.enums.userStatus.ACTIVE" value="ACTIVE" />
<el-option :label="TEXT.enums.userStatus.REJECTED" value="REJECTED" />
@@ -77,7 +78,7 @@
</el-select>
</div>
<div class="filter-item-form">
<el-button @click="loadUsers" :icon="Refresh">{{ TEXT.common.actions.search }}</el-button>
<el-button @click="applyFilters" :icon="Refresh">{{ TEXT.common.actions.search }}</el-button>
</div>
<div class="filter-spacer"></div>
<el-button type="primary" :icon="Plus" @click="openCreate">{{ TEXT.common.actions.add }}{{ TEXT.modules.adminUsers.userLabel }}</el-button>
@@ -249,6 +250,11 @@ const loadUsers = async () => {
}
};
const applyFilters = () => {
page.value = 1;
loadUsers();
};
const onPageSizeChange = (size: number) => {
pageSize.value = size;
page.value = 1;
frontend/src/views/startup/KickoffForm.vue
+38 -28
View File
@@ -34,18 +34,18 @@
</el-form>
</section>
<section class="unified-section">
<div v-if="isEdit && meetingId" class="attachment-grid">
<AttachmentList
v-for="group in kickoffAttachmentGroups"
:key="group.entityType"
:study-id="studyId"
:entity-type="group.entityType"
:entity-id="meetingId"
:title="group.title"
:readonly="isReadOnly"
/>
<div class="ctms-section-header">
<div class="ctms-section-title">{{ TEXT.common.labels.attachments }}</div>
</div>
<StateEmpty v-else :description="TEXT.modules.startupMeetingAuth.kickoffUploadHint" />
<AttachmentList
ref="attachmentPanelRef"
:study-id="studyId"
entity-type="startup_kickoff"
:entity-id="meetingId || ''"
:entity-groups="kickoffAttachmentGroups"
:readonly="isReadOnly"
:mode="'upload'"
/>
</section>
</div>
</div>
@@ -62,14 +62,16 @@ import { fetchSites } from "../../api/sites";
import { listMembers } from "../../api/members";
import { fetchUsers } from "../../api/users";
import AttachmentList from "../../components/attachments/AttachmentList.vue";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
import { usePermission } from "../../utils/permission";
const route = useRoute();
const router = useRouter();
const auth = useAuthStore();
const study = useStudyStore();
const { can } = usePermission();
const saving = ref(false);
const attachmentPanelRef = ref<InstanceType<typeof AttachmentList> | null>(null);
const meetingId = computed(() => route.params.meetingId as string | undefined);
const isEdit = computed(() => !!meetingId.value);
@@ -79,6 +81,10 @@ const siteId = ref("");
const users = ref<any[]>([]);
const members = ref<any[]>([]);
const isAdmin = computed(() => auth.user?.is_admin);
const canReadMembers = computed(() => can("project.members.list"));
const canCreateAuth = computed(() => can("startup.auth.create"));
const canUpdateAuth = computed(() => can("startup.auth.update"));
const canSaveAuth = computed(() => (isEdit.value ? canUpdateAuth.value : canCreateAuth.value));
const memberNameMap = computed(() => {
const map: Record<string, string> = {};
@@ -103,12 +109,13 @@ const ownerLabel = computed(() => {
.map((c) => memberNameMap.value[c] || c)
.join("、") || TEXT.common.fallback;
});
const isReadOnly = computed(() => siteInfo.is_active === false);
const isInactiveSite = computed(() => siteInfo.is_active === false);
const isReadOnly = computed(() => !canSaveAuth.value || isInactiveSite.value);
const kickoffAttachmentGroups = [
{ entityType: "startup_kickoff_minutes", title: TEXT.modules.startupMeetingAuth.kickoffMinutesLabel },
{ entityType: "startup_kickoff_signin", title: TEXT.modules.startupMeetingAuth.kickoffSignInLabel },
{ entityType: "startup_kickoff_ppt", title: TEXT.modules.startupMeetingAuth.kickoffPptLabel },
{ entityType: "startup_kickoff", title: TEXT.modules.startupMeetingAuth.kickoffOtherLabel },
{ entityType: "startup_kickoff_minutes", label: TEXT.modules.startupMeetingAuth.kickoffMinutesLabel },
{ entityType: "startup_kickoff_signin", label: TEXT.modules.startupMeetingAuth.kickoffSignInLabel },
{ entityType: "startup_kickoff_ppt", label: TEXT.modules.startupMeetingAuth.kickoffPptLabel },
{ entityType: "startup_kickoff", label: TEXT.modules.startupMeetingAuth.kickoffOtherLabel },
];
const form = reactive({
@@ -149,7 +156,11 @@ const load = async () => {
const submit = async () => {
if (!studyId.value) return;
if (isReadOnly.value) {
if (!canSaveAuth.value) {
ElMessage.warning("权限不足");
return;
}
if (isInactiveSite.value) {
ElMessage.warning("中心已停用");
return;
}
@@ -159,15 +170,16 @@ const submit = async () => {
kickoff_date: form.kickoff_date || null,
attendees: parseAttendees(form.attendees),
};
let savedId = meetingId.value || "";
if (isEdit.value && meetingId.value) {
await updateKickoff(studyId.value, meetingId.value, payload);
ElMessage.success(TEXT.common.messages.saveSuccess);
router.push(`/startup/kickoff/${meetingId.value}`);
} else {
const { data } = await createKickoff(studyId.value, { ...payload, site_id: siteId.value });
ElMessage.success(TEXT.common.messages.createSuccess);
router.push(`/startup/kickoff/${data.id}`);
savedId = data.id;
}
await attachmentPanelRef.value?.uploadPending(savedId);
ElMessage.success(isEdit.value ? TEXT.common.messages.saveSuccess : TEXT.common.messages.createSuccess);
router.push(`/startup/kickoff/${savedId}`);
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.saveFailed);
} finally {
@@ -179,8 +191,11 @@ const goBack = () => router.push("/startup/meeting-auth");
onMounted(async () => {
if (studyId.value) {
const membersReq = listMembers(studyId.value, { limit: 500 });
const usersReq = isAdmin.value ? fetchUsers({ limit: 500 }) : Promise.resolve(null);
let membersReq: Promise<any> = Promise.resolve(null);
if (canReadMembers.value) {
membersReq = listMembers(studyId.value, { limit: 500 });
}
const [membersResp, usersResp] = await Promise.all([membersReq, usersReq]).catch(() => [null, null] as const);
if (membersResp?.data) {
members.value = Array.isArray(membersResp.data) ? membersResp.data : membersResp.data.items || [];
@@ -200,9 +215,4 @@ onMounted(async () => {
gap: 0;
}
.attachment-grid {
display: flex;
flex-direction: column;
gap: 16px;
}
</style>
frontend/src/views/startup/TrainingForm.vue
+24 -10
View File
@@ -40,14 +40,17 @@
</el-form>
</section>
<section class="unified-section">
<div class="ctms-section-header">
<div class="ctms-section-title">{{ TEXT.common.labels.attachments }}</div>
</div>
<AttachmentList
v-if="isEdit && recordId"
ref="attachmentPanelRef"
:study-id="studyId"
entity-type="training_authorization"
:entity-id="recordId"
:entity-id="recordId || ''"
:readonly="isReadOnly"
:mode="'upload'"
/>
<StateEmpty v-else :description="TEXT.modules.startupMeetingAuth.trainingUploadHint" />
</section>
</div>
</div>
@@ -61,13 +64,15 @@ import { useStudyStore } from "../../store/study";
import { createTrainingAuthorization, getTrainingAuthorization, updateTrainingAuthorization } from "../../api/startup";
import { fetchSites } from "../../api/sites";
import AttachmentList from "../../components/attachments/AttachmentList.vue";
import StateEmpty from "../../components/StateEmpty.vue";
import { TEXT } from "../../locales";
import { usePermission } from "../../utils/permission";
const route = useRoute();
const router = useRouter();
const study = useStudyStore();
const { can } = usePermission();
const saving = ref(false);
const attachmentPanelRef = ref<InstanceType<typeof AttachmentList> | null>(null);
const sites = ref<any[]>([]);
const recordId = computed(() => route.params.recordId as string | undefined);
@@ -92,7 +97,11 @@ const siteActiveMap = computed(() => {
});
return map;
});
const isReadOnly = computed(() => isEdit.value && !!form.site_name && siteActiveMap.value[form.site_name] === false);
const canCreateAuth = computed(() => can("startup.auth.create"));
const canUpdateAuth = computed(() => can("startup.auth.update"));
const canSaveAuth = computed(() => (isEdit.value ? canUpdateAuth.value : canCreateAuth.value));
const isInactiveSite = computed(() => isEdit.value && !!form.site_name && siteActiveMap.value[form.site_name] === false);
const isReadOnly = computed(() => !canSaveAuth.value || isInactiveSite.value);
const loadSites = async () => {
if (!studyId.value) return;
@@ -125,7 +134,11 @@ const load = async () => {
const submit = async () => {
if (!studyId.value) return;
if (isReadOnly.value) {
if (!canSaveAuth.value) {
ElMessage.warning("权限不足");
return;
}
if (isInactiveSite.value) {
ElMessage.warning("中心已停用");
return;
}
@@ -145,15 +158,16 @@ const submit = async () => {
authorized_date: form.authorized_date || null,
remark: form.remark || null,
};
let savedId = recordId.value || "";
if (isEdit.value && recordId.value) {
await updateTrainingAuthorization(studyId.value, recordId.value, payload);
ElMessage.success(TEXT.common.messages.saveSuccess);
router.push(`/startup/training/${recordId.value}`);
} else {
const { data } = await createTrainingAuthorization(studyId.value, payload);
ElMessage.success(TEXT.common.messages.createSuccess);
router.push(`/startup/training/${data.id}`);
savedId = data.id;
}
await attachmentPanelRef.value?.uploadPending(savedId);
ElMessage.success(isEdit.value ? TEXT.common.messages.saveSuccess : TEXT.common.messages.createSuccess);
router.push(`/startup/training/${savedId}`);
} catch (e: any) {
ElMessage.error(e?.response?.data?.message || TEXT.common.messages.saveFailed);
} finally {