功能(文档预览)：集成 ONLYOFFICE 安全只读预览与工作台体验

新增 ONLYOFFICE 配置签名、内部内容接口、容器编排与反向代理。

打通网页端和桌面端独立预览工作区，完善文档入口、布局及帮助体验。

补充桌面安全发布门禁、开发脚本、使用文档和前后端测试。

frontend/src/views/Faq.vue

@@ -1,9 +1,7 @@
 <template>
-  <div class="page ctms-page-shell page--flush medical-consult-page" :class="{ 'medical-consult-page--desktop': isDesktop }">
-    <div v-if="!isDesktop" class="page-bg-dots"></div>
+  <div class="page ctms-page-shell page--flush medical-consult-page medical-consult-page--workbench">
     <section class="faq-hero">
-      <h1 v-if="!isDesktop"><el-icon class="hero-title-icon"><Collection /></el-icon>项目知识库</h1>
-      <div v-else class="desktop-toolbar-meta">
+      <div class="workbench-toolbar-meta">
         <span>知识条目</span>
         <small>{{ activeCategoryName }} · {{ resultSummary }}</small>
       </div>
@@ -23,13 +21,12 @@
             <el-icon><Search /></el-icon>
           </template>
         </el-autocomplete>
-        <PermissionAction v-if="isDesktop" action="faq.create">
+        <PermissionAction action="faq.create">
           <el-button type="primary" class="new-consult-btn" @click="openForm()">
             <el-icon class="el-icon--left"><Plus /></el-icon>
             新建
           </el-button>
         </PermissionAction>
-        <div v-else class="spacer" />
       </div>
     </section>
 
@@ -44,15 +41,6 @@
       </el-col>
       <el-col :span="canReadCategories ? 19 : 24" class="faq-content-col">
         <div class="faq-main unified-shell">
-          <div v-if="!isDesktop" class="list-toolbar">
-            <PermissionAction action="faq.create">
-              <el-button type="primary" class="new-consult-btn" @click="openForm()">
-                <el-icon class="el-icon--left"><Plus /></el-icon>
-                新建
-              </el-button>
-            </PermissionAction>
-          </div>
-
           <FaqList
             :items="faqs"
             :categories="categories"
@@ -84,12 +72,11 @@
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from "vue";
 import { ElMessage } from "element-plus";
-import { Collection, Plus, Search } from "@element-plus/icons-vue";
+import { Plus, Search } from "@element-plus/icons-vue";
 import { fetchFaqCategories, fetchFaqItems } from "../api/faqs";
 import FaqCategoryPanel from "../components/FaqCategoryPanel.vue";
 import FaqList from "../components/FaqList.vue";
 import FaqItemForm from "../components/FaqItemForm.vue";
-import { isTauriRuntime } from "../runtime";
 import { useAuthStore } from "../store/auth";
 import { useStudyStore } from "../store/study";
 import PermissionAction from "../components/PermissionAction.vue";
@@ -98,7 +85,6 @@ import { TEXT } from "../locales";
 
 const auth = useAuthStore();
 const study = useStudyStore();
-const isDesktop = isTauriRuntime();
 
 const categories = ref<any[]>([]);
 const faqs = ref<any[]>([]);
@@ -230,15 +216,6 @@ onMounted(async () => {
   background: linear-gradient(180deg, #f0f4ff 0%, #ffffff 30%, #f8fafc 100%);
 }
 
-.page-bg-dots {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  opacity: 0.03;
-  background-image: radial-gradient(#1e40af 1px, transparent 1px);
-  background-size: 24px 24px;
-}
-
 .faq-hero {
   position: relative;
   padding: 28px 24px 36px;
@@ -262,30 +239,6 @@ onMounted(async () => {
   pointer-events: none;
 }
 
-.faq-hero h1 {
-  margin: 0 0 24px;
-  color: #0f172a;
-  font-size: 32px;
-  font-weight: 900;
-  letter-spacing: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-}
-
-.hero-title-icon {
-  font-size: 28px;
-  color: #3b82f6;
-  opacity: 0.85;
-}
-
-.hero-desc {
-  margin: 8px 0 28px;
-  color: #64748b;
-  font-size: 15px;
-  font-weight: 500;
-}
 .hero-tools {
   display: flex;
   align-items: center;
@@ -349,13 +302,6 @@ onMounted(async () => {
   padding: 24px 28px 0;
   overflow: hidden;
 }
-.list-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 0 0 16px;
-}
-
 .list-title strong {
   min-width: 30px;
   height: 24px;
@@ -377,11 +323,7 @@ onMounted(async () => {
   justify-content: flex-end;
 }
 
-.spacer {
-  flex: 1;
-}
-
-.desktop-toolbar-meta {
+.workbench-toolbar-meta {
   display: flex;
   position: relative;
   min-width: 160px;
@@ -391,7 +333,7 @@ onMounted(async () => {
   text-align: left;
 }
 
-.desktop-toolbar-meta::before {
+.workbench-toolbar-meta::before {
   content: "";
   position: absolute;
   top: 2px;
@@ -403,19 +345,19 @@ onMounted(async () => {
   box-shadow: 0 0 16px rgba(47, 123, 232, 0.35);
 }
 
-.desktop-toolbar-meta span {
+.workbench-toolbar-meta span {
   color: #11335a;
   font-size: 15px;
   font-weight: 850;
 }
 
-.desktop-toolbar-meta small {
+.workbench-toolbar-meta small {
   color: #436785;
   font-size: 12px;
   font-weight: 600;
 }
 
-.medical-consult-page--desktop {
+.medical-consult-page--workbench {
   display: flex;
   height: 100%;
   min-height: 0;
@@ -425,7 +367,7 @@ onMounted(async () => {
   background: linear-gradient(180deg, #eef5ff 0%, #f7fbff 100%);
 }
 
-.medical-consult-page--desktop .faq-hero {
+.medical-consult-page--workbench .faq-hero {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -443,22 +385,22 @@ onMounted(async () => {
   border-radius: 0 !important;
 }
 
-.medical-consult-page--desktop .faq-hero::before {
+.medical-consult-page--workbench .faq-hero::before {
   display: none;
 }
 
-.medical-consult-page--desktop .hero-tools {
+.medical-consult-page--workbench .hero-tools {
   width: auto;
   max-width: none;
   margin: 0;
   justify-content: flex-end;
 }
 
-.medical-consult-page--desktop .hero-search {
+.medical-consult-page--workbench .hero-search {
   width: min(460px, 44vw);
 }
 
-.medical-consult-page--desktop .hero-search :deep(.el-input__wrapper) {
+.medical-consult-page--workbench .hero-search :deep(.el-input__wrapper) {
   height: 34px;
   padding: 0 12px;
   border: 0;
@@ -470,17 +412,17 @@ onMounted(async () => {
   transition: border-color 0.2s, box-shadow 0.2s;
 }
 
-.medical-consult-page--desktop .hero-search :deep(.el-input__inner) {
+.medical-consult-page--workbench .hero-search :deep(.el-input__inner) {
   font-size: 13px;
   font-weight: 600;
 }
 
-.medical-consult-page--desktop .hero-search :deep(.el-input__prefix) {
+.medical-consult-page--workbench .hero-search :deep(.el-input__prefix) {
   color: #6d93bc;
   font-size: 15px;
 }
 
-.medical-consult-page--desktop .new-consult-btn {
+.medical-consult-page--workbench .new-consult-btn {
   height: 34px;
   padding: 0 16px;
   border-radius: 8px;
@@ -492,14 +434,14 @@ onMounted(async () => {
   transition: all 0.2s;
 }
 
-.medical-consult-page--desktop .new-consult-btn:hover,
-.medical-consult-page--desktop .new-consult-btn:focus {
+.medical-consult-page--workbench .new-consult-btn:hover,
+.medical-consult-page--workbench .new-consult-btn:focus {
   background: linear-gradient(135deg, #3d6bbf 0%, #254d90 100%);
   box-shadow: 0 4px 14px rgba(79, 126, 207, 0.4);
   transform: translateY(-1px);
 }
 
-.medical-consult-page--desktop .faq-workspace {
+.medical-consult-page--workbench .faq-workspace {
   display: grid;
   grid-template-columns: 236px minmax(0, 1fr);
   flex: 1 1 auto;
@@ -512,14 +454,14 @@ onMounted(async () => {
   overflow: hidden;
 }
 
-.medical-consult-page--desktop .faq-sidebar-col,
-.medical-consult-page--desktop .faq-content-col {
+.medical-consult-page--workbench .faq-sidebar-col,
+.medical-consult-page--workbench .faq-content-col {
   width: auto;
   max-width: none !important;
   flex: initial !important;
 }
 
-.medical-consult-page--desktop .faq-sidebar-col {
+.medical-consult-page--workbench .faq-sidebar-col {
   min-height: 0;
   border-right: 1px solid rgba(134, 163, 194, 0.22);
   background:
@@ -528,13 +470,13 @@ onMounted(async () => {
   overflow: hidden;
 }
 
-.medical-consult-page--desktop .faq-content-col {
+.medical-consult-page--workbench .faq-content-col {
   display: flex;
   min-height: 0;
   overflow: hidden;
 }
 
-.medical-consult-page--desktop .faq-main {
+.medical-consult-page--workbench .faq-main {
   display: flex;
   width: 100%;
   height: 100%;
@@ -547,31 +489,31 @@ onMounted(async () => {
   background: #ffffff;
 }
 
-.medical-consult-page--desktop .pagination-wrap {
+.medical-consult-page--workbench .pagination-wrap {
   flex: 0 0 auto;
   padding: 10px 14px;
   border-top: 1px solid #edf3fa;
   background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
 }
 
-.medical-consult-page--desktop :deep(.faq-category-panel) {
+.medical-consult-page--workbench :deep(.faq-category-panel) {
   height: 100%;
   padding: 12px 10px;
 }
 
-.medical-consult-page--desktop :deep(.faq-category-panel .header) {
+.medical-consult-page--workbench :deep(.faq-category-panel .header) {
   padding: 10px 10px;
   font-size: 12px;
 }
 
-.medical-consult-page--desktop :deep(.faq-category-panel .menu) {
+.medical-consult-page--workbench :deep(.faq-category-panel .menu) {
   flex: 1 1 auto;
   max-height: none;
   min-height: 0;
   padding-top: 10px;
 }
 
-.medical-consult-page--desktop :deep(.faq-category-panel .menu .el-menu-item) {
+.medical-consult-page--workbench :deep(.faq-category-panel .menu .el-menu-item) {
   height: 36px;
   margin: 4px 0;
   border-radius: 8px;
@@ -579,27 +521,27 @@ onMounted(async () => {
   line-height: 36px;
 }
 
-.medical-consult-page--desktop :deep(.faq-category-panel .cat-icon) {
+.medical-consult-page--workbench :deep(.faq-category-panel .cat-icon) {
   width: 22px;
   height: 22px;
   border-radius: 7px;
   font-size: 12px;
 }
 
-:global([data-ctms-theme="dark"] .medical-consult-page--desktop .faq-hero),
-:global([data-ctms-theme="dark"] .medical-consult-page--desktop .faq-workspace) {
+:global([data-ctms-theme="dark"] .medical-consult-page--workbench .faq-hero),
+:global([data-ctms-theme="dark"] .medical-consult-page--workbench .faq-workspace) {
   border-color: #26364a;
   background:
     radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.2) 0%, transparent 34%),
     linear-gradient(135deg, #172033 0%, #111827 100%) !important;
 }
 
-:global([data-ctms-theme="dark"] .medical-consult-page--desktop .faq-sidebar-col) {
+:global([data-ctms-theme="dark"] .medical-consult-page--workbench .faq-sidebar-col) {
   border-color: #26364a;
   background: #111827;
 }
 
-:global([data-ctms-theme="dark"] .medical-consult-page--desktop .desktop-toolbar-meta span) {
+:global([data-ctms-theme="dark"] .medical-consult-page--workbench .workbench-toolbar-meta span) {
   color: #e5edf7;
 }
 
@@ -619,16 +561,16 @@ onMounted(async () => {
     padding: 18px 16px 0;
   }
 
-  .medical-consult-page--desktop .faq-workspace {
+  .medical-consult-page--workbench .faq-workspace {
     grid-template-columns: 1fr;
   }
 
-  .medical-consult-page--desktop .faq-sidebar-col {
+  .medical-consult-page--workbench .faq-sidebar-col {
     border-right: 0;
     border-bottom: 1px solid #d9e2ec;
   }
 
-  .medical-consult-page--desktop .faq-main {
+  .medical-consult-page--workbench .faq-main {
     padding: 0;
   }
 }