UX-2（操作级权限控制）

frontend/src/views/AeDetail.vue

@@ -6,9 +6,11 @@
           <h3>AE 详情</h3>
           <p>{{ ae.term }}</p>
         </div>
-        <el-button v-if="canClose" :type="ae.status === 'CLOSED' ? 'primary' : 'danger'" size="small" @click="toggleClose">
-          {{ ae.status === "CLOSED" ? "重新打开" : "关闭" }}
-        </el-button>
+        <PermissionAction action="ae.close">
+          <el-button :type="ae.status === 'CLOSED' ? 'primary' : 'danger'" size="small" @click="toggleClose">
+            {{ ae.status === "CLOSED" ? "重新打开" : "关闭" }}
+          </el-button>
+        </PermissionAction>
       </div>
       <el-descriptions :column="2" border>
         <el-descriptions-item label="受试者ID">{{ ae.subject_id }}</el-descriptions-item>
@@ -43,6 +45,8 @@ import { useStudyStore } from "../store/study";
 import { useAuthStore } from "../store/auth";
 import CommentList from "../components/CommentList.vue";
 import AttachmentList from "../components/AttachmentList.vue";
+import PermissionAction from "../components/PermissionAction.vue";
+import { usePermission } from "../utils/permission";
 
 const route = useRoute();
 const study = useStudyStore();
@@ -51,10 +55,8 @@ const auth = useAuthStore();
 const ae = ref<any | null>(null);
 const studyId = computed(() => study.currentStudy?.id || "");
 
-const canClose = computed(() => {
-  // CRA 也显示按钮，后端会校验权限
-  return true;
-});
+const { can } = usePermission();
+const canClose = computed(() => can("ae.close"));
 
 const enrichOverdue = (item: any) => {
   if (!item) return item;