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

frontend/src/views/Faq.vue

@@ -25,7 +25,9 @@
             </el-select>
             <el-switch v-model="onlyActive" active-text="仅启用" @change="loadFaqs" />
             <div class="spacer" />
-            <el-button type="primary" v-if="canEdit" @click="openForm()">新建 FAQ</el-button>
+            <PermissionAction action="faq.edit">
+              <el-button type="primary" @click="openForm()">新建 FAQ</el-button>
+            </PermissionAction>
           </div>
         </el-card>
 
@@ -61,6 +63,8 @@ import FaqList from "../components/FaqList.vue";
 import FaqItemForm from "../components/FaqItemForm.vue";
 import { useAuthStore } from "../store/auth";
 import { useStudyStore } from "../store/study";
+import PermissionAction from "../components/PermissionAction.vue";
+import { usePermission } from "../utils/permission";
 
 const auth = useAuthStore();
 const study = useStudyStore();
@@ -78,10 +82,8 @@ const activeCategory = ref("");
 const showForm = ref(false);
 const editing = ref<any | null>(null);
 
-const canEdit = computed(() => {
-  const role = auth.user?.role;
-  return role === "ADMIN" || role === "PM";
-});
+const { can } = usePermission();
+const canEdit = computed(() => can("faq.edit"));
 
 const loadCategories = async () => {
   try {