UX-3 附件上传删除功能

frontend/src/views/DataQueryDetail.vue

@@ -27,7 +27,12 @@
         <CommentList :study-id="studyId" entity-type="data-queries" :entity-id="query.id" :can-comment="true" />
       </el-tab-pane>
       <el-tab-pane label="附件">
-        <AttachmentList :study-id="studyId" entity-type="data-queries" :entity-id="query.id" :can-upload="canEdit" />
+        <AttachmentList
+          :study-id="studyId"
+          entity-type="data-queries"
+          :entity-id="query.id"
+          :show-uploader="true"
+        />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -45,7 +50,8 @@ import { fetchSubjects } from "../api/subjects";
 import { useStudyStore } from "../store/study";
 import { useAuthStore } from "../store/auth";
 import CommentList from "../components/CommentList.vue";
-import AttachmentList from "../components/AttachmentList.vue";
+import AttachmentList from "../components/attachments/AttachmentList.vue";
+import { usePermission } from "../utils/permission";
 
 const route = useRoute();
 const study = useStudyStore();
@@ -61,10 +67,8 @@ const subjectMap = computed(() =>
   }, {})
 );
 
-const canEdit = computed(() => {
-  const role = auth.user?.role;
-  return role === "ADMIN" || role === "PM" || role === "CRA";
-});
+const { can } = usePermission();
+const canEdit = computed(() => can("dataquery.edit"));
 
 const enrichOverdue = (item: any) => {
   if (!item) return item;