管理后台前后端逻辑、UI美化

frontend/src/components/attachments/AttachmentList.vue

@@ -3,6 +3,7 @@
     <div class="header">
       <span>{{ headerTitle }}</span>
       <AttachmentUploader
+        v-if="!readonly"
         :study-id="studyId"
         :entity-type="entityType"
         :entity-id="entityId"
@@ -75,6 +76,7 @@ const props = defineProps<{
   entityType: string;
   entityId: string;
   title?: string;
+  readonly?: boolean;
 }>();
 
 const attachments = ref<any[]>([]);
@@ -199,6 +201,7 @@ const preview = (row: any) => {
 };
 
 const canDelete = (row: any) => {
+  if (props.readonly) return false;
   const userId = auth.user?.id;
   const role = auth.user?.role;
   const projectRole = study.currentStudyRole || (study.currentStudy as any)?.role_in_study;