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

frontend/src/views/IssueDetail.vue

@@ -6,7 +6,9 @@
           <h3>Issue 详情</h3>
           <p>{{ issue.title }}</p>
         </div>
-        <el-button v-if="canEdit" type="danger" size="small" @click="closeIssue">关闭</el-button>
+        <PermissionAction action="issue.close">
+          <el-button type="danger" size="small" @click="closeIssue">关闭</el-button>
+        </PermissionAction>
       </div>
       <el-descriptions :column="2" border>
         <el-descriptions-item label="类别">{{ issue.category }}</el-descriptions-item>
@@ -38,20 +40,18 @@ import { ElMessage, ElMessageBox } from "element-plus";
 import { fetchIssues, updateIssue } from "../api/issues";
 import { useStudyStore } from "../store/study";
 import { useAuthStore } from "../store/auth";
+import PermissionAction from "../components/PermissionAction.vue";
+import { usePermission } from "../utils/permission";
 import CommentList from "../components/CommentList.vue";
 import AttachmentList from "../components/AttachmentList.vue";
 
 const route = useRoute();
 const study = useStudyStore();
 const auth = useAuthStore();
-
 const issue = ref<any | null>(null);
 const studyId = computed(() => study.currentStudy?.id || "");
-
-const canEdit = computed(() => {
-  const role = auth.user?.role;
-  return role === "ADMIN" || role === "PM" || role === "PV";
-});
+const { can } = usePermission();
+const canEdit = computed(() => can("issue.close"));
 
 const load = async () => {
   if (!study.currentStudy) return;