统一业务页面权限与抽屉编辑

1、将 FAQ 分类和问题维护改为抽屉交互，并按分类、问题、回复的细粒度权限控制入口。

2、将注意事项、可行性和伦理记录接入详情页抽屉编辑，创建时支持先保存主记录再上传附件。

3、将参与者基础信息编辑改为抽屉，详情页按可读权限显示病史、访视、AE 和 PD 标签页。

4、补充业务页面权限一致性测试，覆盖停用中心、无权限入口和面包屑上下文。

frontend/src/components/FaqItemForm.vue

@@ -1,23 +1,47 @@
 <template>
-  <el-dialog append-to=".layout-main .content-wrapper" :model-value="modelValue" :title="isEdit ? TEXT.modules.knowledgeMedicalConsult.editItem : TEXT.modules.knowledgeMedicalConsult.newItem" width="640px" @close="close">
-    <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
-      <el-form-item :label="TEXT.common.labels.category" prop="category_id">
-        <el-select v-model="form.category_id" :placeholder="TEXT.common.placeholders.select">
-          <el-option v-for="c in categories" :key="c.id" :label="c.name" :value="c.id" />
-        </el-select>
-      </el-form-item>
-      <el-form-item :label="TEXT.common.fields.question" prop="question">
-        <el-input v-model="form.question" />
-      </el-form-item>
-      <el-form-item :label="TEXT.common.fields.enabled">
-        <el-switch v-model="form.is_active" />
-      </el-form-item>
+  <el-drawer
+    v-if="modelValue"
+    :model-value="modelValue"
+    direction="rtl"
+    size="620px"
+    :close-on-click-modal="true"
+    :show-close="false"
+    class="faq-item-editor-drawer"
+    @update:model-value="emit('update:modelValue', $event)"
+    @close="close"
+  >
+    <template #header>
+      <div class="editor-header">
+        <div class="editor-title">{{ isEdit ? TEXT.modules.knowledgeMedicalConsult.editItem : TEXT.modules.knowledgeMedicalConsult.newItem }}</div>
+      </div>
+    </template>
+
+    <el-form ref="formRef" :model="form" :rules="rules" label-position="top" class="faq-item-form">
+      <div class="form-group">
+        <div class="form-group-title">
+          <span class="group-dot group-dot-basic"></span>
+          {{ TEXT.common.labels.basicInfo }}
+        </div>
+        <el-form-item :label="TEXT.common.labels.category" prop="category_id">
+          <el-select v-model="form.category_id" :placeholder="TEXT.common.placeholders.select" class="full-width">
+            <el-option v-for="c in categories" :key="c.id" :label="c.name" :value="c.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="TEXT.common.fields.question" prop="question">
+          <el-input v-model="form.question" />
+        </el-form-item>
+        <el-form-item :label="TEXT.common.fields.enabled">
+          <el-switch v-model="form.is_active" />
+        </el-form-item>
+      </div>
     </el-form>
     <template #footer>
-      <el-button @click="close">{{ TEXT.common.actions.cancel }}</el-button>
-      <el-button type="primary" :loading="submitting" @click="onSubmit">{{ TEXT.common.actions.submit }}</el-button>
+      <div class="drawer-footer">
+        <el-button @click="close">{{ TEXT.common.actions.cancel }}</el-button>
+        <el-button type="primary" :loading="submitting" @click="onSubmit">{{ TEXT.common.actions.submit }}</el-button>
+      </div>
     </template>
-  </el-dialog>
+  </el-drawer>
 </template>
 
 <script setup lang="ts">
@@ -98,3 +122,54 @@ const onSubmit = async () => {
   }
 };
 </script>
+
+<style scoped>
+.editor-header {
+  display: flex;
+  align-items: center;
+}
+
+.editor-title {
+  color: var(--ctms-text-main);
+  font-size: 18px;
+  font-weight: 700;
+}
+
+.faq-item-form {
+  padding: 0 4px;
+}
+
+.form-group {
+  padding: 16px 0;
+}
+
+.form-group-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 16px;
+  color: var(--ctms-text-main);
+  font-size: 15px;
+  font-weight: 700;
+}
+
+.group-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+}
+
+.group-dot-basic {
+  background: var(--ctms-primary);
+}
+
+.full-width {
+  width: 100%;
+}
+
+.drawer-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+</style>