diff --git a/docs/paper-question-independent-windows.md b/docs/paper-question-independent-windows.md
new file mode 100644
index 0000000..0006b72
--- /dev/null
+++ b/docs/paper-question-independent-windows.md
@@ -0,0 +1,121 @@
+# Paper/Question 页面独立窗口功能使用说明
+
+## 功能概述
+
+完善了 paper/question 页面的独立窗口功能，支持编程题和表格题通过独立窗口进行新增、编辑和修改操作。
+
+## 主要改进
+
+### 1. 独立窗口支持
+- **编程题**: 点击新增/修改时会打开独立窗口
+- **表格题**: 点击新增/修改时会打开独立窗口
+- **其他题型**: 继续使用传统对话框模式
+
+### 2. 路由配置
+添加了两个新的独立窗口路由：
+- `/cdesign-independent` - 编程题独立窗口
+- `/excel-independent` - 表格题独立窗口
+
+### 3. 事件通信
+使用 Tauri 事件系统进行窗口间通信：
+- `init-cdesign-form` - 初始化编程题表单数据
+- `init-excel-form` - 初始化表格题表单数据
+- `cdesign-form-success` / `excel-form-success` - 表单提交成功
+- `cdesign-form-cancel` / `excel-form-cancel` - 表单取消
+
+## 文件修改说明
+
+### 1. 主要页面修改
+- `src/views/paper/question/index.vue`: 修改 openForm 函数，为编程题和表格题添加独立窗口支持
+- `src/views/paper/question/CdesignForm.vue`: 已支持独立窗口模式
+- `src/views/paper/question/WpsXlsxForm.vue`: 添加独立窗口模式支持
+
+### 2. 新增独立窗口页面
+- `src/views/cdesign/independent.vue`: 编程题独立窗口页面
+- `src/views/excel/independent.vue`: 表格题独立窗口页面
+
+### 3. 路由配置
+- `src/router/modules/remaining.ts`: 添加独立窗口路由配置
+
+## 使用方法
+
+### 在 paper/question 页面中
+
+1. **选择题型**: 首先选择相应的专业和题型
+2. **新增操作**: 
+   - 编程题：点击"新增"按钮，自动打开编程题独立窗口
+   - 表格题：点击"新增"按钮，自动打开表格题独立窗口
+   - 其他题型：使用传统对话框模式
+
+3. **修改操作**:
+   - 在题目列表中点击"修改"按钮
+   - 编程题和表格题会在独立窗口中打开
+   - 其他题型继续使用对话框模式
+
+### 独立窗口功能
+
+1. **窗口大小**: 1200x800 像素，可调整大小
+2. **数据传递**: 通过 Tauri 事件系统自动传递初始化数据
+3. **表单提交**: 提交成功后自动关闭窗口并刷新主页面列表
+4. **取消操作**: 取消时自动关闭窗口
+
+## 技术实现
+
+### 1. 窗口管理
+```javascript
+const { WebviewWindow } = await import('@tauri-apps/api/webviewWindow')
+const webview = new WebviewWindow(windowLabel, {
+  url: '#/cdesign-independent',
+  title: '新增编程题',
+  width: 1200,
+  height: 800,
+  resizable: true,
+  center: true
+})
+```
+
+### 2. 事件通信
+```javascript
+// 发送初始化数据
+import('@tauri-apps/api/event').then(({ emit }) => {
+  emit('init-cdesign-form', {
+    queryParams,
+    type,
+    id
+  })
+})
+
+// 监听成功事件
+const { listen } = await import('@tauri-apps/api/event')
+listen('cdesign-form-success', () => {
+  getList() // 刷新列表
+})
+```
+
+### 3. 降级处理
+如果独立窗口创建失败，会自动降级到传统对话框模式，确保功能的稳定性。
+
+## 优势特点
+
+1. **用户体验好**: 独立窗口提供更大的操作空间
+2. **多任务处理**: 可以同时查看列表和编辑表单
+3. **兼容性强**: 保持其他题型的传统操作方式不变
+4. **容错机制**: 具备降级处理机制，保证功能稳定性
+5. **事件驱动**: 使用 Tauri 事件系统实现优雅的窗口间通信
+
+## 注意事项
+
+1. 确保 Tauri 环境正常运行
+2. 独立窗口需要相应的路由配置
+3. 表单组件需要支持 `isIndependent` 属性
+4. 事件名称需要保持一致以确保正常通信
+
+## 扩展说明
+
+如需为其他题型添加独立窗口支持：
+
+1. 在对应的 Form 组件中添加 `isIndependent` 属性支持
+2. 创建对应的独立窗口页面
+3. 在路由中添加相应配置
+4. 在 `openForm` 函数中添加相应的处理逻辑
+5. 定义相应的事件名称用于通信
diff --git a/docs/独立窗口系统使用说明.md b/docs/独立窗口系统使用说明.md
new file mode 100644
index 0000000..e69de29
diff --git a/package.json b/package.json
index 94af1f6..ebd0a1c 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.10",
     "@zxcvbn-ts/core": "^3.0.4",
+    "ace-builds": "^1.43.2",
     "animate.css": "^4.1.1",
     "axios": "^1.6.8",
     "benz-amr-recorder": "^1.1.5",
@@ -79,6 +80,7 @@
     "vue-i18n": "9.10.2",
     "vue-router": "4.4.5",
     "vue-types": "^5.1.1",
+    "vue3-ace-editor": "^2.2.4",
     "vue3-signature": "^0.2.4",
     "vuedraggable": "^4.1.0",
     "web-storage-cache": "^1.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9b864db..f87aa38 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,6 +41,9 @@ importers:
       '@zxcvbn-ts/core':
         specifier: ^3.0.4
         version: 3.0.4
+      ace-builds:
+        specifier: ^1.43.2
+        version: 1.43.2
       animate.css:
         specifier: ^4.1.1
         version: 4.1.1
@@ -164,6 +167,9 @@ importers:
       vue-types:
         specifier: ^5.1.1
         version: 5.1.3(vue@3.5.12(typescript@5.3.3))
+      vue3-ace-editor:
+        specifier: ^2.2.4
+        version: 2.2.4(ace-builds@1.43.2)(vue@3.5.12(typescript@5.3.3))
       vue3-signature:
         specifier: ^0.2.4
         version: 0.2.4(vue@3.5.12(typescript@5.3.3))
@@ -2420,8 +2426,8 @@ packages:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==, tarball: https://registry.npmmirror.com/JSONStream/-/JSONStream-1.3.5.tgz}
     hasBin: true
 
-  ace-builds@1.39.1:
-    resolution: {integrity: sha512-HcJbBzx8qY66t9gZo/sQu7pi0wO/CFLdYn1LxQO1WQTfIkMfyc7LRnBpsp/oNCSSU/LL83jXHN1fqyOTuIhUjg==}
+  ace-builds@1.43.2:
+    resolution: {integrity: sha512-3wzJUJX0RpMc03jo0V8Q3bSb/cKPnS7Nqqw8fVHsCCHweKMiTIxT3fP46EhjmVy6MCuxwP801ere+RW245phGw==}
 
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==, tarball: https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz}
@@ -5159,6 +5165,12 @@ packages:
       vue:
         optional: true
 
+  vue3-ace-editor@2.2.4:
+    resolution: {integrity: sha512-FZkEyfpbH068BwjhMyNROxfEI8135Sc+x8ouxkMdCNkuj/Tuw83VP/gStFQqZHqljyX9/VfMTCdTqtOnJZGN8g==}
+    peerDependencies:
+      ace-builds: '*'
+      vue: ^3
+
   vue3-signature@0.2.4:
     resolution: {integrity: sha512-XFwwFVK9OG3F085pKIq2SlNVqx32WdFH+TXbGEWc5FfEKpx8oMmZuAwZZ50K/pH2FgmJSE8IRwU9DDhrLpd6iA==}
     peerDependencies:
@@ -7788,7 +7800,7 @@ snapshots:
       jsonparse: 1.3.1
       through: 2.3.8
 
-  ace-builds@1.39.1: {}
+  ace-builds@1.43.2: {}
 
   acorn-jsx@5.3.2(acorn@8.14.0):
     dependencies:
@@ -9253,7 +9265,7 @@ snapshots:
 
   jsoneditor@9.10.5:
     dependencies:
-      ace-builds: 1.39.1
+      ace-builds: 1.43.2
       ajv: 6.12.6
       javascript-natural-sort: 0.7.1
       jmespath: 0.16.0
@@ -10675,6 +10687,12 @@ snapshots:
     optionalDependencies:
       vue: 3.5.12(typescript@5.3.3)
 
+  vue3-ace-editor@2.2.4(ace-builds@1.43.2)(vue@3.5.12(typescript@5.3.3)):
+    dependencies:
+      ace-builds: 1.43.2
+      resize-observer-polyfill: 1.5.1
+      vue: 3.5.12(typescript@5.3.3)
+
   vue3-signature@0.2.4(vue@3.5.12(typescript@5.3.3)):
     dependencies:
       default-passive-events: 2.0.0
diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
index 388023c..204b3b6 100644
--- a/src-tauri/capabilities/default.json
+++ b/src-tauri/capabilities/default.json
@@ -36,6 +36,9 @@
     "core:window:allow-set-skip-taskbar",
     "core:webview:allow-set-webview-position",
     "core:webview:allow-set-webview-size",
-    "core:window:allow-create"
+    "core:window:allow-create",
+    "core:event:allow-emit",
+    "core:event:allow-listen",
+    "core:event:allow-unlisten"
   ]
 }
diff --git a/src/layout/components/TagsView/src/TagsView.vue b/src/layout/components/TagsView/src/TagsView.vue
index af492ba..6b6510b 100644
--- a/src/layout/components/TagsView/src/TagsView.vue
+++ b/src/layout/components/TagsView/src/TagsView.vue
@@ -273,7 +273,7 @@ watch(
   <div
     :id="prefixCls"
     :class="prefixCls"
-    class="relative w-full flex bg-[#fff] dark:bg-[var(--el-bg-color)]"
+    class="relative w-full h-[var(--tags-view-height)] flex bg-[#fff] dark:bg-[var(--el-bg-color)]"
   >
     <span
       :class="tagsViewImmerse ? '' : `${prefixCls}__tool ${prefixCls}__tool--first`"
diff --git a/src/layout/components/useRenderLayout.tsx b/src/layout/components/useRenderLayout.tsx
index 83f212d..9909ccb 100644
--- a/src/layout/components/useRenderLayout.tsx
+++ b/src/layout/components/useRenderLayout.tsx
@@ -45,9 +45,9 @@ export const useRenderLayout = () => {
               `${prefixCls}-content-scrollbar`,
               {
                 '!h-[calc(100%-var(--top-tool-height)-var(--tags-view-height))] mt-[calc(var(--top-tool-height)+var(--tags-view-height))]':
-                  fixedHeader.value && tagsView.value,
+                  fixedHeader.value && (tagsView.value || !isDashboardPage.value),
                 '!h-[calc(100%-var(--top-tool-height))] mt-[var(--top-tool-height)]':
-                  fixedHeader.value && !tagsView.value
+                  fixedHeader.value && !tagsView.value && isDashboardPage.value
               }
             ]}
           >
diff --git a/src/router/modules/remaining.ts b/src/router/modules/remaining.ts
index 971e3c9..fd7277e 100644
--- a/src/router/modules/remaining.ts
+++ b/src/router/modules/remaining.ts
@@ -746,6 +746,27 @@ const remainingRouter: AppRouteRecordRaw[] = [
         component: () => import('@/views/iot/plugin/detail/index.vue')
       }
     ]
+  },
+  // 独立窗口路由
+  {
+    path: '/cdesign-independent',
+    name: 'CdesignIndependent',
+    component: () => import('@/views/cdesign/independent.vue'),
+    meta: {
+      title: '编程题独立窗口',
+      hidden: true,
+      noTagsView: true
+    }
+  },
+  {
+    path: '/excel-independent',
+    name: 'ExcelIndependent', 
+    component: () => import('@/views/excel/independent.vue'),
+    meta: {
+      title: '表格题独立窗口',
+      hidden: true,
+      noTagsView: true
+    }
   }
 ]
 
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 7607941..3fe017d 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -35,3 +35,20 @@
     border-left-color: var(--el-color-primary);
   }
 }
+
+/* Layout border styles */
+.layout-border__top {
+  border-top: 1px solid var(--el-border-color);
+}
+
+.layout-border__bottom {
+  border-bottom: 1px solid var(--el-border-color);
+}
+
+.layout-border__left {
+  border-left: 1px solid var(--el-border-color);
+}
+
+.layout-border__right {
+  border-right: 1px solid var(--el-border-color);
+}
diff --git a/src/utils/aceConfig.ts b/src/utils/aceConfig.ts
new file mode 100644
index 0000000..81a76ad
--- /dev/null
+++ b/src/utils/aceConfig.ts
@@ -0,0 +1,53 @@
+import ace from 'ace-builds'
+
+// ACE 编辑器配置
+export const configureAce = () => {
+  try {
+    // 设置基础路径
+    ace.config.set('basePath', '/node_modules/ace-builds/src-noconflict/')
+    ace.config.set('workerPath', '/node_modules/ace-builds/src-noconflict/')
+    ace.config.set('modePath', '/node_modules/ace-builds/src-noconflict/')
+    ace.config.set('themePath', '/node_modules/ace-builds/src-noconflict/')
+    
+    // 禁用严格的CSP模式来避免worker问题
+    ace.config.set('useStrictCSP', true)
+    
+    console.log('ACE Editor configured successfully')
+  } catch (error) {
+    console.warn('ACE Editor configuration warning:', error)
+  }
+}
+
+// 默认编辑器选项
+export const defaultAceOptions = {
+  useWorker: false, // 禁用worker避免加载问题
+  enableBasicAutocompletion: true,
+  enableSnippets: true,
+  enableLiveAutocompletion: true,
+  fontSize: 14,
+  showPrintMargin: false,
+  highlightActiveLine: true,
+  showGutter: true,
+  wrap: true,
+  autoScrollEditorIntoView: true
+}
+
+// 初始化编辑器实例
+export const initAceEditor = (editor: any) => {
+  try {
+    // 禁用worker
+    editor.session.setUseWorker(false)
+    
+    // 设置样式
+    editor.container.style.lineHeight = 1.5
+    editor.renderer.updateFontSize()
+    
+    // 设置其他选项
+    editor.setShowPrintMargin(false)
+    editor.setHighlightActiveLine(true)
+    
+    console.log('ACE Editor instance initialized successfully')
+  } catch (error) {
+    console.warn('ACE Editor instance initialization warning:', error)
+  }
+}
diff --git a/src/views/cdesign/independent.vue b/src/views/cdesign/independent.vue
new file mode 100644
index 0000000..165e21b
--- /dev/null
+++ b/src/views/cdesign/independent.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="independent-window">
+    <CdesignForm ref="formRef" :isIndependent="true" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import { listen } from '@tauri-apps/api/event'
+import { getCurrentWindow } from '@tauri-apps/api/window'
+import CdesignForm from '@/views/paper/question/CdesignForm.vue'
+
+defineOptions({ name: 'CdesignIndependent' })
+
+const formRef = ref()
+
+onMounted(async () => {
+  console.log('CdesignIndependent mounted, sending ready signal...')
+
+  // 发送窗口准备就绪信号
+  try {
+    const { emit } = await import('@tauri-apps/api/event')
+    await emit('cdesign-window-ready', { timestamp: Date.now() })
+    console.log('Sent cdesign-window-ready event')
+  } catch (error) {
+    console.error('Failed to send ready signal:', error)
+  }
+
+  // 监听表单提交成功事件，关闭窗口
+  await listen('cdesign-form-success', async () => {
+    const appWindow = getCurrentWindow()
+    await appWindow.close()
+  })
+
+  // 监听表单取消事件，关闭窗口
+  await listen('cdesign-form-cancel', async () => {
+    const appWindow = getCurrentWindow()
+    await appWindow.close()
+  })
+})
+</script>
+
+<style lang="scss" scoped>
+.independent-window {
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+}
+</style>
diff --git a/src/views/excel/independent.vue b/src/views/excel/independent.vue
new file mode 100644
index 0000000..7c4cc49
--- /dev/null
+++ b/src/views/excel/independent.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="independent-window">
+    <WpsXlsxForm ref="formRef" :isIndependent="true" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import { listen } from '@tauri-apps/api/event'
+import { getCurrentWindow } from '@tauri-apps/api/window'
+import WpsXlsxForm from '@/views/paper/question/WpsXlsxForm.vue'
+
+defineOptions({ name: 'ExcelIndependent' })
+
+const formRef = ref()
+
+onMounted(async () => {
+  // 监听表单提交成功事件，关闭窗口
+  await listen('excel-form-success', async () => {
+    const appWindow = getCurrentWindow()
+    await appWindow.close()
+  })
+
+  // 监听表单取消事件，关闭窗口
+  await listen('excel-form-cancel', async () => {
+    const appWindow = getCurrentWindow()
+    await appWindow.close()
+  })
+})
+</script>
+
+<style lang="scss" scoped>
+.independent-window {
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+}
+</style>
diff --git a/src/views/paper/question/CdesignForm.vue b/src/views/paper/question/CdesignForm.vue
index cade925..1edffeb 100644
--- a/src/views/paper/question/CdesignForm.vue
+++ b/src/views/paper/question/CdesignForm.vue
@@ -1,524 +1,733 @@
 <template>
-  <div class="program-edit">
-    <Dialog v-model="dialogVisible" :title="dialogTitle" width="70%" top="10vh">
-      <el-scrollbar height="600px">
-        <div class="main">
-          <div class="tabsTip">
-            <el-icon><InfoFilled /></el-icon>C语言基础环境采用gcc编译器
-          </div>
-          <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-            <el-tab-pane label="基本内容" name="common">
-              <div class="line">
-                <div class="title-text">试题描述</div>
-                <ElInput v-model="inputText" style="width: 100%" />
-              </div>
-              <div class="line">
-                <div class="title-text">试题题目</div>
-                <div class="buttons">
-                  <ElButton type="primary" plain>
-                    <el-icon><Document /></el-icon>
-                    更换题目模板
-                  </ElButton>
-                  <ElButton type="primary" plain>
-                    <el-icon><Search /></el-icon>
-                    预览
-                  </ElButton>
+  <!-- 独立窗口模式 -->
+  <div v-if="isIndependent" class="independent-form">
+    <div class="independent-header">
+      <h2>{{ dialogTitle }}</h2>
+    </div>
+    <div class="independent-content">
+      <div class="program-edit">
+        <el-scrollbar height="calc(100vh - 150px)">
+          <div class="main">
+            <div class="tabsTip">
+              <el-icon><InfoFilled /></el-icon>C语言基础环境采用gcc编译器
+            </div>
+            <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+              <el-tab-pane label="基本内容" name="common">
+                <div class="line">
+                  <div class="title-text">试题描述</div>
+                  <ElInput v-model="inputText" style="width: 100%" />
                 </div>
-                <div class="block">
-                  <Editor v-model="content" height="150px" />
+                <div class="line">
+                  <div class="title-text">试题题目</div>
+                  <div class="buttons">
+                    <ElButton type="primary" plain>
+                      <el-icon><Document /></el-icon>
+                      更换题目模板
+                    </ElButton>
+                    <ElButton type="primary" plain>
+                      <el-icon><Search /></el-icon>
+                      预览
+                    </ElButton>
+                  </div>
+                  <div class="block">
+                    <Editor v-model="content" :height="150" :key="`editor-content-${formType}`" />
+                  </div>
+                  <div class="buttons">
+                    <ElButton type="primary" plain>
+                      <el-icon><Paperclip /></el-icon>
+                      添加附件
+                    </ElButton>
+                  </div>
                 </div>
-                <div class="buttons">
-                  <ElButton type="primary" plain>
-                    <el-icon><Paperclip /></el-icon>
-                    添加附件
-                  </ElButton>
-                </div>
-              </div>
-              <div class="line">
-                <div class="title-text">答题程序模板</div>
-                <div class="tips">
-                  学生端答题的初始程序内容，学生可在此基础上进行程序的编写，插入作答区标记后关键字评分只在作答区内评分，否则关键字评分在整段代码评分。
-                  注意: 为确保系统能正确捕获程序运行的输出结果，要求 scanf() 函数不能加参数,
-                  不能采用类似 scanf("请输入: %s") 的形式
-                  插入作答区标记后请在试题题目中明确告知学生不要自行更改作答区标记，以免无法正常评分。
-                </div>
-                <ElTextarea v-model="formData.answer" :rows="4" />
-                <div class="tips"> 更改答题程序模板无效，若需要更改请上传程序文件。 </div>
-                <div class="buttons">
-                  <ElButton type="primary" plain @click="openForm('1')">
-                    <el-icon><Upload /></el-icon>
-                    上传程序文件
-                  </ElButton>
-                  <ElButton type="success" plain @click="openForm('2')">
-                    <el-icon><Upload /></el-icon>
-                    上传结果文件
-                  </ElButton>
-                  <el-tooltip
-                    v-for="tag in formData.fileUploads.map((i) => i.url).filter((i) => i !== '')"
-                    :key="tag"
-                    content="点击下载"
-                    placement="bottom"
+                <div class="line">
+                  <div class="title-text">基本信息</div>
+                  <el-form
+                    label-width="80px"
+                    :inline="true"
+                    label-position="right"
+                    class="formList"
                   >
-                    <el-tag
-                      :type="tagsType(formData.fileUploads.find((i) => i.url === tag)!.fileType)"
-                      closable
-                      :disable-transitions="false"
-                      @close="
-                        handleCloseTag(
-                          tag,
-                          formData.fileUploads.find((i) => i.url === tag)!.fileType
-                        )
-                      "
-                      @click="downloadFile(formData.fileUploads.find((i) => i.url === tag)!.url)"
-                      style="margin-left: 10px; cursor: pointer"
-                    >
-                      {{ formData.fileUploads.find((i) => i.url === tag)!.fileName }}
-                    </el-tag>
-                  </el-tooltip>
-                </div>
-              </div>
-              <div class="line">
-                <el-form
-                  ref="formRef"
-                  :model="formData"
-                  label-width="80px"
-                  :inline="true"
-                  label-position="right"
-                  class="formList"
-                >
-                  <el-form-item label="专业" prop="specialtyName">
-                    <el-input v-model="formData.specialtyName" placeholder="请输入专业" disabled />
-                  </el-form-item>
-
-                  <el-form-item label="章节名称" prop="chapteridDictText">
-                    <el-input
-                      v-model="formData.chapteridDictTextVo"
-                      placeholder="请输入章节名称"
-                      disabled
-                    />
-                  </el-form-item>
-                  <el-form-item label="课程" prop="courseName">
-                    <el-input v-model="formData.courseName" placeholder="请输入课程" disabled />
-                  </el-form-item>
-                  <el-form-item label="题型难度" prop="quLevel">
-                    <el-select v-model="formData.quLevel" placeholder="请选择题型难度" clearable>
-                      <el-option
-                        v-for="dict in getIntDictOptions(DICT_TYPE.EXAM_QUE_DIFF)"
-                        :key="dict.value"
-                        :label="dict.label"
-                        :value="dict.value"
-                      />
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="题型" prop="subjectName">
-                    <el-input v-model="formData.subjectName" placeholder="请输入题型" disabled />
-                  </el-form-item>
-                  <el-form-item label="知识点" prop="pointNames">
-                    <el-input
-                      v-model="formData.pointNamesVo"
-                      placeholder="请选择知识点"
-                      readonly
-                      @click="openPoints()"
-                    />
-                  </el-form-item>
-
-                  <el-dialog v-model="dialogVisiblePoints" title="选择知识点" width="30%">
-                    <el-tree
-                      ref="treeRef"
-                      :data="deptList"
-                      node-key="id"
-                      :props="{ label: 'name', children: 'children' }"
-                      highlight-current
-                      default-expand-all
-                      @node-click="handleNodeClick"
-                    />
-                  </el-dialog>
-                  <el-form-item label="启用状态" prop="status">
-                    <el-radio-group v-model="formData.status">
-                      <el-radio :label="'0'">启用</el-radio>
-                      <el-radio :label="'1'">禁用</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                </el-form>
-              </div>
-            </el-tab-pane>
-            <el-tab-pane label="判分设置" name="score">
-              <div class="line">
-                <div class="title-text">测试程序（参考答案）</div>
-                <div class="block">
-                  <div class="tip">
-                    <p
-                      >此处的程序可以用来验证测试用例的有效性，非自动判分的试题在人工批阅时可作为批阅的参考答案。
-                      <br />
-                      注意: 为确保系统能正确捕获程序运行的输出结果，要求 scanf() 函数不能加参数,
-                      不能采用类似 scanf("请输入: %s") 的形式</p
-                    >
-                  </div>
-                  <ElTextarea v-model="textarea" :rows="4" />
-                  <div class="btn-line">
-                    <el-button type="primary" plain>添加为关键字</el-button>
-                    <el-button type="primary" plain>上传程序文件</el-button>
-                    <el-button type="primary" plain>运行并测试</el-button>
-                  </div>
-                  <el-checkbox
-                    v-model="programData.checkAutoScore"
-                    label="自动判分方式"
-                    size="large"
-                  />
-                </div>
-              </div>
-              <div class="line">
-                <div class="title-text">测试用例</div>
-                <div class="block">
-                  <div class="flex">
-                    <el-checkbox
-                      v-model="programData.checkKeyword"
-                      label="检查代码关键字"
-                      size="large"
-                    />
-                    <div class="flex" style="margin-left: 20px">
-                      编译得分比例：
+                    <el-form-item label="专业">
                       <el-input
-                        v-model="programData.percent"
-                        type="number"
-                        placeholder="Please input"
+                        v-model="formData.specialtyName"
+                        placeholder="请输入专业"
+                        disabled
+                      />
+                    </el-form-item>
+                    <el-form-item label="章节名称">
+                      <el-input
+                        v-model="formData.chapteridDictTextVo"
+                        placeholder="请输入章节名称"
+                        disabled
+                      />
+                    </el-form-item>
+                    <el-form-item label="课程">
+                      <el-input v-model="formData.courseName" placeholder="请输入课程" disabled />
+                    </el-form-item>
+                    <el-form-item label="题型难度">
+                      <el-select v-model="formData.quLevel" placeholder="请选择题型难度" clearable>
+                        <el-option
+                          v-for="dict in getIntDictOptions(DICT_TYPE.EXAM_QUE_DIFF)"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="题型">
+                      <el-input v-model="formData.subjectName" placeholder="请输入题型" disabled />
+                    </el-form-item>
+                    <el-form-item label="知识点">
+                      <el-input
+                        v-model="formData.pointNamesVo"
+                        placeholder="请选择知识点"
+                        readonly
+                        @click="openPoints()"
+                      />
+                    </el-form-item>
+                    <el-form-item label="启用状态">
+                      <el-radio-group v-model="formData.status">
+                        <el-radio value="0">启用</el-radio>
+                        <el-radio value="1">禁用</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-form>
+                </div>
+                <!-- 其他表单内容... -->
+              </el-tab-pane>
+              <el-tab-pane label="判分设置" name="score">
+                <div class="line">
+                  <div class="title-text">测试程序（参考答案）</div>
+                  <div class="block">
+                    <div class="tip">
+                      <p
+                        >此处的程序可以用来验证测试用例的有效性，非自动判分的试题在人工批阅时可作为批阅的参考答案。
+                        <br />
+                        注意: 为确保系统能正确捕获程序运行的输出结果，要求 scanf() 函数不能加参数,
+                        不能采用类似 scanf("请输入: %s") 的形式</p
                       >
-                        <template #append>%</template>
-                      </el-input>
                     </div>
-                  </div>
-                  <div>
-                    <el-checkbox
-                      v-model="programData.checkKeyword"
-                      label="使用测试用例"
-                      size="large"
+                    <CodeEditor
+                      ref="textareaRef"
+                      v-model="referenceAnswer"
+                      :rows="10"
+                      :key="`reference-editor-${formType}`"
                     />
-                    <div>
+                    <div class="btn-line">
+                      <el-button type="primary" plain @click="addKeywordFromSelection"
+                        >添加为关键字</el-button
+                      >
+                      <el-button type="primary" plain @click="openForm('4')"
+                        >上传程序文件</el-button
+                      >
+                      <el-button type="primary" plain @click="openRunTestDialog"
+                        >运行并测试</el-button
+                      >
+                    </div>
+                    <el-checkbox v-model="checkAutoScore" label="自动判分方式" size="large" />
+                  </div>
+                </div>
+                <template v-if="checkAutoScore">
+                  <div class="line">
+                    <div class="title-text">测试用例</div>
+                    <div class="block">
                       <div class="flex">
                         <el-checkbox
-                          v-model="programData.checkKeyword"
-                          label="测试用例全对时直接得满分s"
+                          v-model="formData.questionScores.isPass"
+                          label="编译通过得分"
                           size="large"
+                          true-value="0"
+                          false-value="1"
                         />
+                        <template v-if="formData.questionScores.isPass === '0'">
+                          <div class="flex" style="margin-left: 20px">
+                            编译得分比例：
+                            <el-input
+                              v-model="formData.questionScores.isPassScore"
+                              type="number"
+                              placeholder="Please input"
+                            >
+                              <template #append>%</template>
+                            </el-input>
+                          </div>
+                        </template>
                       </div>
-                      <div class="tip">
-                        <p
-                          >判分时，测试用例得分比例 = 100% - 关键字得分比例 - 编译得分比例；默认最小
-                          10% 得分比例；<br />
-                          设置“测试用例全对时直接得满分”，测试用例结果全对时，忽略关键字得分，直接获得试题满分；否则按上述条件计算得分。</p
+                      <div>
+                        <el-checkbox
+                          v-model="formData.questionScores.isResult"
+                          label="使用测试用例"
+                          size="large"
+                          true-value="0"
+                          false-value="1"
+                        />
+                        <div v-if="formData.questionScores.isResult === '0'">
+                          <div class="flex" style="margin-left: 20px">
+                            测试用例得分比例：
+                            <el-input
+                              v-model="formData.questionScores.isCompileScore"
+                              type="number"
+                              placeholder="Please input"
+                            >
+                              <template #append>%</template>
+                            </el-input>
+                          </div>
+                          <div class="btn-line" style="margin-bottom: 10px">
+                            <el-button type="primary" plain @click="addTestCase"
+                              >添加用例</el-button
+                            >
+                            <el-button type="danger" plain @click="deleteAllTestCases"
+                              >删除全部</el-button
+                            >
+                            <el-button type="primary" plain>测试所有用例</el-button>
+                            <el-button type="primary" plain @click="averageTestCasesWeight"
+                              >均分权重</el-button
+                            >
+                          </div>
+                          <el-table
+                            :data="formData.answerList"
+                            style="width: 100%"
+                            @selection-change="handleExamSelectionChange"
+                          >
+                            <el-table-column type="index" width="50" />
+                            <el-table-column type="selection" width="55" />
+                            <el-table-column label="输入" width="180">
+                              <template #default="scope">
+                                <el-input v-model="scope.row.contentIn" type="textarea" :rows="1" />
+                              </template>
+                            </el-table-column>
+                            <el-table-column label="输出" width="180">
+                              <template #default="scope">
+                                <el-input v-model="scope.row.content" type="textarea" :rows="1" />
+                              </template>
+                            </el-table-column>
+                            <el-table-column label="权重(%)">
+                              <template #default="scope">
+                                <el-input v-model="scope.row.scoreRate" type="number" />
+                              </template>
+                            </el-table-column>
+                            <el-table-column label="隐藏用例" width="90" align="center">
+                              <template #default="scope">
+                                <el-switch v-model="scope.row.hideCase" />
+                              </template>
+                            </el-table-column>
+                            <el-table-column label="仅隐藏输出" width="100" align="center">
+                              <template #default="scope">
+                                <el-switch v-model="scope.row.hideOutput" />
+                              </template>
+                            </el-table-column>
+                            <el-table-column label="操作" width="90" align="center">
+                              <template #default="scope">
+                                <el-button type="danger" link @click="deleteTestCase(scope.$index)"
+                                  >删除</el-button
+                                >
+                              </template>
+                            </el-table-column>
+                          </el-table>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="line">
+                    <div class="title-text">代码关键字</div>
+                    <div class="block">
+                      <div class="flex">
+                        <el-checkbox
+                          v-model="formData.questionScores.isKeyword"
+                          label="检查代码关键字"
+                          size="large"
+                          true-value="0"
+                          false-value="1"
+                        />
+                        <template v-if="formData.questionScores.isKeyword === '0'">
+                          <div class="flex" style="margin-left: 20px">
+                            关键字得分比例：
+                            <el-input
+                              v-model="formData.questionScores.isKeywordScore"
+                              type="number"
+                              placeholder="Please input"
+                            >
+                              <template #append>%</template>
+                            </el-input>
+                          </div>
+                          <div class="flex">
+                            关键字得分临界值：
+                            <el-input
+                              v-model="formData.questionScores.keywordCutoff"
+                              type="number"
+                              placeholder="Please input"
+                            >
+                              <template #append>%</template>
+                            </el-input>
+                          </div>
+                        </template>
+                      </div>
+                      <template v-if="formData.questionScores.isKeyword === '0'">
+                        <div class="tip" style="margin-top: 10px">
+                          <p
+                            >提示：关键字支持正则表达式匹配方式，在新建或编辑中设置。<br />
+                            判分时，关键字正确比例小于关键字得分临界值时，忽略验证编译及测试用例得分比例，仅获得关键字正确比例分数。<br />
+                            判分时，关键字正确比例大于等于关键字得分临界值，编译通过且测试用例结果全对时，忽略关键字得分，直接获得试题满分。<br />
+                            判分时，关键字正确比例大于等于关键字得分临界值，编译不一定通过且测试用例不一定全对时，获得分数
+                            = 关键字得分 + 编译得分 + 测试用例结果得分。</p
+                          >
+                        </div>
+                        <div class="btn-line" style="margin-bottom: 10px">
+                          <el-button type="primary" plain @click="addScoreKeyword">新建</el-button>
+                          <el-button type="danger" plain @click="deleteAllScoreKeywords"
+                            >删除全部</el-button
+                          >
+                          <el-button type="primary" plain>校验关键字</el-button>
+                        </div>
+                        <el-table
+                          :data="formData.questionKeywords"
+                          style="width: 100%"
+                          @selection-change="handleScoreSelectionChange"
                         >
-                      </div>
-                      <el-radio-group v-model="programData.radio1" class="ml-4">
-                        <el-radio label="1" size="large">测试用例部分对时得分</el-radio>
-                        <el-radio label="2" size="large">测试用例全对时得分</el-radio>
-                      </el-radio-group>
-                      <div class="btn-line" style="margin-bottom: 10px">
-                        <el-button type="primary" plain>添加用例</el-button>
-                        <el-button type="primary" plain>导入用例</el-button>
-                        <el-button type="primary" plain>导出模板</el-button>
-                        <el-button type="primary" plain>删除全部</el-button>
-                        <el-button type="primary" plain>测试所有用例</el-button>
-                        <el-button type="primary" plain>均分权重</el-button>
-                      </div>
-                      <el-table
-                        :data="examList"
-                        style="width: 100%"
-                        @selection-change="handleExamSelectionChange"
-                      >
-                        <el-table-column type="index" width="50" />
-                        <el-table-column type="selection" width="55" />
-                        <el-table-column prop="type" label="输入" width="80" />
-                        <el-table-column
-                          prop="title"
-                          label="输出"
-                          width="180"
-                          show-overflow-tooltip
+                          <el-table-column type="index" width="50" />
+                          <el-table-column type="selection" width="55" />
+                          <el-table-column
+                            prop="keyword"
+                            label="关键字"
+                            width="180"
+                            show-overflow-tooltip
+                          />
+                          <el-table-column label="权重(%)">
+                            <template #default="scope">
+                              <el-input v-model="scope.row.scoreRate" type="number" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="操作" width="180" align="center">
+                            <template #default="scope">
+                              <el-button type="primary" link @click="editScore(scope.row)"
+                                >编辑</el-button
+                              >
+                              <el-button
+                                type="danger"
+                                link
+                                @click="deleteScoreKeyword(scope.$index)"
+                                >删除</el-button
+                              >
+                            </template>
+                          </el-table-column>
+                        </el-table>
+                      </template>
+                    </div>
+                  </div>
+                  <div class="line">
+                    <div class="title-text">自动判分选项</div>
+                    <div class="block">
+                      <el-form label-width="120px" label-position="right">
+                        <el-form-item label="输出读取方式:">
+                          <el-radio-group v-model="formData.questionScores.outputReadMethod">
+                            <el-radio value="1">自动捕获程序输出</el-radio>
+                            <el-radio value="2">从文件中读取输出</el-radio>
+                          </el-radio-group>
+                          <div
+                            v-if="formData.questionScores.outputReadMethod === '2'"
+                            class="flex"
+                            style="margin-left: 10px"
+                          >
+                            <el-input
+                              v-model="formData.questionScores.outputFileName"
+                              placeholder="请输入文件名"
+                              style="width: 200px"
+                              maxlength="20"
+                            />
+                            <span style="margin-left: 10px; color: #999"
+                              >注：文件名最长20个字符。</span
+                            >
+                          </div>
+                        </el-form-item>
+                        <el-form-item label="输出匹配规则:">
+                          <el-radio-group v-model="formData.questionScores.outputMatchRule">
+                            <el-radio value="1">完全匹配</el-radio>
+                            <el-radio value="2">包含匹配</el-radio>
+                          </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="匹配选项:">
+                          <el-checkbox
+                            v-model="formData.questionScores.ignoreCase"
+                            label="忽略输出大小写"
+                          />
+                          <el-checkbox v-model="formData.questionScores.ignoreSymbols"
+                            >忽略输出中英文符号（认为半角符号和全角中文符号是一样的）</el-checkbox
+                          >
+                          <el-checkbox
+                            v-model="formData.questionScores.ignoreSpaces"
+                            label="忽略输出中每行内容中的全部空格"
+                          />
+                        </el-form-item>
+                      </el-form>
+                    </div>
+                  </div>
+                  <div class="line">
+                    <div class="title-text">其它选项</div>
+                    <div>
+                      <div class="flex" style="margin-bottom: 10px">
+                        <div
+                          class="text"
+                          style="width: 100px; display: flex; justify-content: right"
+                          >时间限制：</div
+                        >
+                        <el-input
+                          v-model="formData.questionScores.timeLimit"
+                          type="number"
+                          placeholder=""
                         />
-                        <el-table-column prop="displayIndex" label="权重(%)" />
-                        <el-table-column prop="size" label="隐藏用例" />
-                        <el-table-column prop="size" label="仅隐藏输出" />
-                        <el-table-column label="操作">
-                          <template #default="scope">
-                            <el-button type="primary" @click="delExam(scope)">删除</el-button>
-                          </template>
-                        </el-table-column>
-                      </el-table>
+                        （ms，毫秒，1秒 等于 1000毫秒）
+                      </div>
+                      <div class="flex" style="margin-bottom: 10px">
+                        <div
+                          class="text"
+                          style="width: 100px; display: flex; justify-content: right"
+                          >内存限制：</div
+                        >
+                        <el-input
+                          v-model="formData.questionScores.memoryLimit"
+                          type="number"
+                          placeholder=""
+                        />
+                        （MB）
+                      </div>
+                      <div class="flex">
+                        <div
+                          class="text"
+                          style="width: 100px; display: flex; justify-content: right"
+                          >代码长度限制：</div
+                        >
+                        <el-input
+                          v-model="formData.questionScores.codeLengthLimit"
+                          type="number"
+                          placeholder=""
+                        />
+                        （KB）
+                      </div>
                     </div>
                   </div>
-                </div>
-              </div>
-              <div class="line">
-                <div class="title-text">代码关键字</div>
+                </template>
+              </el-tab-pane>
+              <el-tab-pane label="试题解析" name="analyse">
                 <div class="block">
-                  <div class="flex">
-                    <el-checkbox
-                      v-model="programData.checkKeyword"
-                      label="检查代码关键字"
-                      size="large"
-                    />
-                    <div class="flex" style="margin-left: 20px">
-                      关键字得分比例：
-                      <el-input
-                        v-model="programData.percent"
-                        type="number"
-                        placeholder="Please input"
-                      >
-                        <template #append>%</template>
-                      </el-input>
-                    </div>
-                    <div class="flex">
-                      关键字得分临界值：
-                      <el-input
-                        v-model="programData.percent"
-                        type="number"
-                        placeholder="Please input"
-                      >
-                        <template #append>%</template>
-                      </el-input>
-                    </div>
-                  </div>
-                  <div class="tip" style="margin-top: 10px">
-                    <p
-                      >提示：关键字支持正则表达式匹配方式，在新建或编辑中设置。<br />
-                      判分时，关键字正确比例小于关键字得分临界值时，忽略验证编译及测试用例得分比例，仅获得关键字正确比例分数。<br />
-                      判分时，关键字正确比例大于等于关键字得分临界值，编译通过且测试用例结果全对时，忽略关键字得分，直接获得试题满分。<br />
-                      判分时，关键字正确比例大于等于关键字得分临界值，编译不一定通过且测试用例不一定全对时，获得分数
-                      = 关键字得分 + 编译得分 + 测试用例结果得分。</p
-                    >
-                  </div>
-                  <div class="btn-line" style="margin-bottom: 10px">
-                    <el-button type="primary" plain>新建</el-button>
-                    <el-button type="primary" plain>导入</el-button>
-                    <el-button type="primary" plain>删除全部</el-button>
-                    <el-button type="primary" plain>校验关键字</el-button>
+                  <CodeEditor
+                    v-model="formData.analysis"
+                    :rows="10"
+                    :key="`analysis-editor-${formType}`"
+                  />
+                </div>
+              </el-tab-pane>
+              <el-tab-pane name="keyword">
+                <template #label>
+                  <div class="custom-tabs-label">
+                    <p>关键字</p>
+                    <el-dropdown>
+                      <span class="el-dropdown-link" @click.stop="false">
+                        <div class="setting_icon"></div>
+                      </span>
+                      <template #dropdown>
+                        <el-dropdown-menu>
+                          <el-dropdown-item @click="editKeyword('create')">新建</el-dropdown-item>
+                          <el-dropdown-item @click="editKeyword('delete')">删除</el-dropdown-item>
+                          <el-dropdown-item @click="editKeyword('deleteall')"
+                            >删除全部</el-dropdown-item
+                          >
+                        </el-dropdown-menu>
+                      </template>
+                    </el-dropdown>
                   </div>
+                </template>
+                <div class="block">
                   <el-table
-                    :data="scoreKeyList"
+                    :data="formData.keywords"
                     style="width: 100%"
-                    @selection-change="handleScoreSelectionChange"
+                    height="410"
+                    @selection-change="handleKeywordSelectionChange"
                   >
                     <el-table-column type="index" width="50" />
                     <el-table-column type="selection" width="55" />
-                    <el-table-column
-                      prop="title"
-                      label="关键字"
-                      width="180"
-                      show-overflow-tooltip
-                    />
-                    <el-table-column prop="displayIndex" label="权重(%)" />
-                    <el-table-column label="操作">
-                      <template #default="scope">
-                        <el-button type="primary" @click="delScore(scope)">删除</el-button>
+                    <el-table-column prop="keyword" label="关键字" />
+                  </el-table>
+                  <el-dialog
+                    v-model="keyVisible"
+                    title="编辑关键字"
+                    width="50%"
+                    style="height: auto"
+                    :before-close="keyDialogClose"
+                    :close-on-click-modal="false"
+                    :close-on-press-escape="false"
+                  >
+                    <div class="main" style="width: 100%; height: 100%">
+                      <el-input v-model="keyWordInput" placeholder="请输入关键字" size="large" />
+                      <div class="dialog-footer" style="margin-top: 20px">
+                        <el-button @click="keyDialogClose">取消</el-button>
+                        <el-button type="primary" @click="confirmKeyDialogVisible">
+                          确定
+                        </el-button>
+                      </div>
+                    </div>
+                  </el-dialog>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane name="media">
+                <template #label>
+                  <div class="custom-tabs-label">
+                    <p>媒体文件</p>
+                    <el-dropdown>
+                      <span class="el-dropdown-link" @click.stop="false">
+                        <div class="setting_icon"></div>
+                      </span>
+                      <template #dropdown>
+                        <el-dropdown-menu>
+                          <el-dropdown-item>
+                            <el-upload
+                              v-model:file-list="fileList"
+                              class="upload-demo"
+                              action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+                            >
+                              <el-button>导入</el-button>
+                            </el-upload>
+                          </el-dropdown-item>
+                          <el-dropdown-item>导出</el-dropdown-item>
+                          <el-dropdown-item>播放</el-dropdown-item>
+                          <el-dropdown-item>编辑</el-dropdown-item>
+                          <el-dropdown-item>删除选中</el-dropdown-item>
+                          <el-dropdown-item>删除全部</el-dropdown-item>
+                        </el-dropdown-menu>
                       </template>
-                    </el-table-column>
+                    </el-dropdown>
+                  </div>
+                </template>
+                <div class="block">
+                  <el-table
+                    :data="mediumList"
+                    style="width: 100%"
+                    height="410"
+                    @selection-change="handleMediumSelectionChange"
+                  >
+                    <el-table-column type="index" width="50" />
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column prop="type" label="媒体类型" width="80" />
+                    <el-table-column prop="title" label="标题" />
+                    <el-table-column prop="displayIndex" label="显示序号" />
+                    <el-table-column prop="size" label="大小" />
                   </el-table>
                 </div>
-              </div>
-              <div class="line">
-                <div class="title-text">其它选项</div>
-                <div>
-                  <div class="flex">
-                    时间限制：
-                    <el-input
-                      v-model="programData.percent"
-                      type="number"
-                      placeholder="Please input"
-                    />
-                    （ms，毫秒，1秒 等于 1000毫秒）
-                  </div>
-                  <div class="flex">
-                    内存限制：
-                    <el-input
-                      v-model="programData.percent"
-                      type="number"
-                      placeholder="Please input"
-                    />
-                    （MB）
-                  </div>
-                  <div class="flex">
-                    代码长度限制：
-                    <el-input
-                      v-model="programData.percent"
-                      type="number"
-                      placeholder="Please input"
-                    />
-                    （KB）
-                  </div>
-                </div>
-              </div>
-            </el-tab-pane>
-            <el-tab-pane label="试题解析" name="analyse">
-              <div class="block">
-                <ElTextarea v-model="textarea" :rows="4" />
-              </div>
-            </el-tab-pane>
-            <el-tab-pane name="keyword">
-              <template #label>
-                <div class="custom-tabs-label">
-                  <p>关键字</p>
-                  <el-dropdown>
-                    <span class="el-dropdown-link" @click.stop="false">
-                      <div class="setting_icon"></div>
-                    </span>
-                    <template #dropdown>
-                      <el-dropdown-menu>
-                        <el-dropdown-item @click="editKeyword('create')">新建</el-dropdown-item>
-                        <el-dropdown-item @click="editKeyword('create')">编辑</el-dropdown-item>
-                        <el-dropdown-item @click="editKeyword('delete')">删除</el-dropdown-item>
-                        <el-dropdown-item @click="editKeyword('deleteall')"
-                          >删除全部</el-dropdown-item
-                        >
-                      </el-dropdown-menu>
-                    </template>
-                  </el-dropdown>
-                </div>
-              </template>
-              <div class="block">
-                <el-table
-                  :data="keywordList"
-                  style="width: 100%"
-                  height="410"
-                  @selection-change="handleKeywordSelectionChange"
-                >
-                  <el-table-column type="index" width="50" />
-                  <el-table-column type="selection" width="55" />
-                  <el-table-column prop="keyword" label="关键字" />
-                </el-table>
-                <el-dialog
-                  v-model="keyVisible"
-                  title="编辑关键字"
-                  width="50%"
-                  style="height: auto"
-                  :before-close="keyDialogClose"
-                  :close-on-click-modal="false"
-                  :close-on-press-escape="false"
-                >
-                  <div class="main" style="width: 100%; height: 100%">
-                    <el-input v-model="keyWord" placeholder="请输入关键字" size="large" />
-                    <div class="dialog-footer" style="margin-top: 20px">
-                      <el-button @click="keyDialogClose">取消</el-button>
-                      <el-button type="primary" @click="confirmKeyDialogVisible"> 确定 </el-button>
-                    </div>
-                  </div>
-                </el-dialog>
-              </div>
-            </el-tab-pane>
-            <el-tab-pane name="media">
-              <template #label>
-                <div class="custom-tabs-label">
-                  <p>媒体文件</p>
-                  <el-dropdown>
-                    <span class="el-dropdown-link" @click.stop="false">
-                      <div class="setting_icon"></div>
-                    </span>
-                    <template #dropdown>
-                      <el-dropdown-menu>
-                        <el-dropdown-item>
-                          <el-upload
-                            v-model:file-list="fileList"
-                            class="upload-demo"
-                            action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
-                          >
-                            <el-button>导入</el-button>
-                          </el-upload>
-                        </el-dropdown-item>
-                        <el-dropdown-item>导出</el-dropdown-item>
-                        <el-dropdown-item>播放</el-dropdown-item>
-                        <el-dropdown-item>编辑</el-dropdown-item>
-                        <el-dropdown-item>删除选中</el-dropdown-item>
-                        <el-dropdown-item>删除全部</el-dropdown-item>
-                      </el-dropdown-menu>
-                    </template>
-                  </el-dropdown>
-                </div>
-              </template>
-              <div class="block">
-                <el-table
-                  :data="mediumList"
-                  style="width: 100%"
-                  height="410"
-                  @selection-change="handleMediumSelectionChange"
-                >
-                  <el-table-column type="index" width="50" />
-                  <el-table-column type="selection" width="55" />
-                  <el-table-column prop="type" label="媒体类型" width="80" />
-                  <el-table-column prop="title" label="标题" />
-                  <el-table-column prop="displayIndex" label="显示序号" />
-                  <el-table-column prop="size" label="大小" />
-                </el-table>
-              </div>
-            </el-tab-pane>
-          </el-tabs>
-        </div>
-      </el-scrollbar>
-      <template #footer>
-        <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="dialogVisible = false">取 消</el-button>
-      </template>
-    </Dialog>
+              </el-tab-pane>
+            </el-tabs>
+          </div>
+        </el-scrollbar>
+      </div>
+    </div>
+    <div class="independent-footer">
+      <el-button @click="submitForm" :loading="formLoading" :disabled="formLoading">
+        {{ formLoading ? '提交中...' : '确 定' }}
+      </el-button>
+      <el-button @click="handleCancel">取 消</el-button>
+    </div>
   </div>
+
+  <!-- 知识点选择对话框 -->
+  <el-dialog v-model="dialogVisiblePoints" title="选择知识点" width="30%">
+    <el-tree
+      ref="treeRef"
+      :data="deptList"
+      node-key="id"
+      :props="{ label: 'name', children: 'children' }"
+      highlight-current
+      default-expand-all
+      @node-click="handleNodeClick"
+    />
+  </el-dialog>
+
   <!-- 表单弹窗：添加/修改 -->
   <FileForm ref="FileRef" @success="handleUploadSuccess" />
 </template>
 <script lang="ts" setup>
+import { ref, reactive, onMounted, watch } from 'vue'
 import * as QuestionApi from '@/api/paper/question'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
-import { CommonStatusEnum } from '@/utils/constants'
-import ElTextarea from './components/el-textarea.vue'
-import { defaultProps, handleTree } from '@/utils/tree'
+import CodeEditor from './components/CodeEditor.vue'
+import { handleTree } from '@/utils/tree'
 import * as SpecialtyApi from '@/api/points'
-import * as DeptApi from '@/api/system/dept'
-import * as UserApi from '@/api/system/user'
-import { FormRules } from 'element-plus'
-import { Document, Search, InfoFilled, Paperclip, Upload } from '@element-plus/icons-vue'
+import { ElMessageBox } from 'element-plus'
+import { Document, Search, InfoFilled, Paperclip } from '@element-plus/icons-vue'
 import FileForm from './components/FileForm.vue'
-import { nextTick } from 'vue'
-import type { InputInstance } from 'element-plus'
-defineOptions({ name: 'SystemUserForm' })
-const inputValue = ref('')
-const inputVisible = ref(false)
-const InputRef = ref<InputInstance>()
-const tagsType = (type: string) => {
-  if (type === '1') {
-    return 'primary'
-  } else if (type === '2') {
-    return 'success'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { Editor } from '@/components/Editor'
+
+defineOptions({ name: 'CdesignForm' })
+
+// 定义组件 props
+interface Props {
+  isIndependent?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  isIndependent: false
+})
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+
+/** 页面内容相关 */
+const activeName = ref('common')
+const content = ref('')
+const inputText = ref('')
+
+const handleClick = (tab: any) => {
+  activeName.value = tab.paneName
+}
+
+/** 取消操作 */
+const handleCancel = async () => {
+  if (props.isIndependent) {
+    // 独立窗口模式：发送取消事件并关闭窗口
+    try {
+      const { emit } = await import('@tauri-apps/api/event')
+      const { getCurrentWindow } = await import('@tauri-apps/api/window')
+
+      await emit('cdesign-form-cancel')
+      const appWindow = getCurrentWindow()
+      await appWindow.close()
+    } catch (error) {
+      console.error('Failed to close independent window:', error)
+    }
   } else {
-    return 'info'
+    // 对话框模式
+    dialogVisible.value = false
   }
 }
+
+const getDefaultFormData = () => ({
+  id: undefined,
+  pointNamesVo: '',
+  chapteridDictTextVo: '',
+  content: '',
+  contentText: '',
+  specialtyName: '',
+  courseName: '',
+  quBankName: '',
+  required: '',
+  chapteridDictText: '',
+  analysis: '',
+  quLevel: 0,
+  quType: '4', // C语言编程题类型
+  questionScores: {
+    scoreId: '',
+    quId: '',
+    isPass: '1',
+    isResult: '1',
+    isKeyword: '1',
+    isCompile: '',
+    isPassScore: '',
+    isResultScore: '',
+    isKeywordScore: '',
+    isCompileScore: '',
+    keywordCutoff: '',
+    compileCutoff: '',
+    outputReadMethod: '1',
+    outputFileName: '',
+    outputMatchRule: '1',
+    ignoreCase: false,
+    ignoreSymbols: false,
+    ignoreSpaces: false,
+    timeLimit: 1000,
+    memoryLimit: 128,
+    codeLengthLimit: 64
+  },
+  pointNames: '',
+  subjectName: '',
+  status: '0',
+  resourceValue: '',
+  answer: '',
+  answerList: [],
+  questionKeywords: [],
+  keywords: [], // 用于关键字tab的表格
+  fileUploads: [
+    { quId: '', url: '', fileType: '0', fileName: '' },
+    { quId: '', url: '', fileType: '1', fileName: '' },
+    { quId: '', url: '', fileType: '2', fileName: '' }
+  ]
+})
+
+const formData = ref<any>(getDefaultFormData())
+const formRef = ref() // 表单 Ref
+const textareaRef = ref<any>() // 参考答案编辑器
+const checkAutoScore = computed({
+  get: () => {
+    return (
+      formData.value.questionScores.isPass === '0' ||
+      formData.value.questionScores.isKeyword === '0'
+    )
+  },
+  set: (value: boolean) => {
+    if (value) {
+      // 勾选自动判分时，启用编译通过得分
+      formData.value.questionScores.isPass = '0'
+    } else {
+      // 取消勾选自动判分时，禁用所有自动判分选项
+      formData.value.questionScores.isPass = '1'
+      formData.value.questionScores.isKeyword = '1'
+    }
+  }
+})
+// 保持独立变量和formData同步
+watch(inputText, (newValue) => {
+  if (formData.value) {
+    formData.value.contentText = newValue
+  }
+})
+
+watch(content, (newValue) => {
+  if (formData.value) {
+    formData.value.content = newValue
+  }
+})
+
+watch(
+  () => formData.value.contentText,
+  (newValue) => {
+    if (inputText.value !== newValue) {
+      inputText.value = newValue || ''
+    }
+  }
+)
+
+watch(
+  () => formData.value.content,
+  (newValue) => {
+    if (content.value !== newValue) {
+      content.value = newValue || ''
+    }
+  }
+)
+
+/** 页面内容相关 */
+const referenceAnswer = ref('') // 参考答案（独立于formData，用于编辑器绑定）
+
+const tagsType = (type: string) => {
+  if (type === '1') return 'primary'
+  if (type === '2') return 'success'
+  return 'info'
+}
+
 const downloadFile = async (url: string) => {
   if (!url) {
-    ElMessage.warning('暂无可下载的文件地址')
+    message.warning('暂无可下载的文件地址')
     return
   }
-
   try {
-    const response = await fetch(url)
-    if (!response.ok) {
-      throw new Error('下载失败')
-    }
-
-    const blob = await response.blob()
-    const blobUrl = window.URL.createObjectURL(blob)
-
-    // 提取文件名
-    const filename = url.substring(url.lastIndexOf('/') + 1).split('?')[0]
-
-    // 创建 a 标签并下载
-    const a = document.createElement('a')
-    a.href = blobUrl
-    a.download = filename
-    a.style.display = 'none'
-    document.body.appendChild(a)
-    a.click()
-    a.remove()
-
-    window.URL.revokeObjectURL(blobUrl)
+    window.open(url, '_blank')
   } catch (err: any) {
-    ElMessage.error(`下载失败：${err.message}`)
+    message.error(`下载失败：${err.message}`)
   }
 }
+
 const handleCloseTag = (url: string, type: string) => {
   const index = formData.value.fileUploads.findIndex((item) => item.url === url)
   if (index !== -1) {
@@ -529,93 +738,18 @@ const handleCloseTag = (url: string, type: string) => {
   }
 }
 
-const showInput = () => {
-  inputVisible.value = true
-  nextTick(() => {
-    InputRef.value!.input!.focus()
-  })
-}
-
-const { t } = useI18n() // 国际化
-const message = useMessage() // 消息弹窗
-const dialogVisible = ref(false) // 弹窗的是否展示
-const dialogTitle = ref('') // 弹窗的标题
-const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
-const formType = ref('') // 表单的类型：create - 新增；update - 修改
-const formData = ref({
-  id: undefined,
-  pointNamesVo: '',
-  chapteridDictTextVo: '',
-  content: '',
-  specialtyName: '',
-  courseName: '',
-  quBankName: '',
-  required: '',
-  chapteridDictText: '',
-  analysis: '',
-  quLevel: 0,
-  pointNames: '',
-  subjectName: '',
-  status: '0',
-  resourceValue: '',
-  answer: '',
-  answerList: [
-    {
-      image: '',
-      content: '',
-      contentIn: '',
-      scoreRate: ''
-    }
-  ],
-  fileUploads: [
-    {
-      quId: '',
-      url: '',
-      fileType: '0',
-      fileName: ''
-    },
-    {
-      quId: '',
-      url: '',
-      fileType: '1',
-      fileName: ''
-    },
-    {
-      quId: '',
-      url: '',
-      fileType: '2',
-      fileName: ''
-    }
-  ]
-})
-const formRef = ref() // 表单 Ref
-
-/** 添加/修改操作 */
+/** 文件上传 */
 const FileRef = ref()
 const openForm = (type: string) => {
   FileRef.value.open(type)
 }
 
-/** 页面内容开始 */
-const activeName = ref('common')
-const content = ref('')
-const textarea = ref('')
-const inputText = ref('')
-const handleClick = (tab, e) => {
-  activeName.value = tab.paneName
-}
-
 const handleUploadSuccess = async ({ url, fileType, file }) => {
   const res = await QuestionApi.previewQuestion({ file })
-  if (res.code !== 0) {
-    return
-  }
-  console.log(fileType)
+  if (res.code !== 0) return
 
   const index = formData.value.fileUploads.findIndex((item) => item.fileType === fileType)
   if (index !== -1) {
-    console.log(url)
-
     formData.value.fileUploads[index].url = url
     switch (fileType) {
       case '1':
@@ -630,10 +764,11 @@ const handleUploadSuccess = async ({ url, fileType, file }) => {
         break
     }
   }
+  if (fileType === '4') {
+    referenceAnswer.value = res.data
+  }
 }
 
-/** 页面内容结束 */
-
 /** 打开弹窗 */
 const open = async (queryParams: any, type: string, id?: number) => {
   dialogVisible.value = true
@@ -641,25 +776,26 @@ const open = async (queryParams: any, type: string, id?: number) => {
   formType.value = type
   resetForm()
 
-  // 修改时，设置数据
   if (id) {
     formLoading.value = true
     try {
       const res = await QuestionApi.getQuestion(id)
-      formData.value = res
-      // 数据回显到各个部分
-      content.value = res.content
-      textarea.value = res.analysis // 假设 res.analysis 对应某个 textarea
-      // 其他列表数据回显
-      examList.value = res.examList || []
-      scoreKeyList.value = res.scoreKeyList || []
-      keywordList.value = res.keywordList || []
-      mediumList.value = res.mediumList || []
+      res.keywords = Array.isArray(res.keywords) ? res.keywords : []
+      res.questionKeywords = Array.isArray(res.questionKeywords) ? res.questionKeywords : []
+      res.answerList = Array.isArray(res.answerList) ? res.answerList : []
+      res.fileUploads = Array.isArray(res.fileUploads)
+        ? res.fileUploads
+        : getDefaultFormData().fileUploads
+      res.content = res.content || ''
+      res.answer = res.answer || ''
+      res.analysis = res.analysis || ''
+
+      formData.value = { ...formData.value, ...res }
+      referenceAnswer.value = res.analysis || '' // 假设参考答案在 analysis 字段
     } finally {
       formLoading.value = false
     }
   } else {
-    // 新增时，设置初始值
     formData.value.specialtyName = queryParams.specialtyName
     formData.value.courseName = queryParams.courseName
     formData.value.subjectName = queryParams.subjectName
@@ -669,97 +805,363 @@ const open = async (queryParams: any, type: string, id?: number) => {
     formData.value.chapteridDictTextVo = queryParams.chapteridDictText
   }
 }
-defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+defineExpose({ open })
 
-const programData = ref({
-  title: '',
-  checkAutoScore: false,
-  checkKeyword: false,
-  percent: 0,
-  radio1: ''
-})
-
-const examList = ref([] as any)
-const multipleSelection = ref([] as any)
+/** 测试用例相关 */
+const multipleSelection = ref<any[]>([])
 const handleExamSelectionChange = (val: any) => {
   multipleSelection.value = val
 }
-const delExam = (val: any) => {
-  console.log(val)
+
+const addTestCase = () => {
+  formData.value.answerList.push({
+    contentIn: '',
+    content: '',
+    scoreRate: 0,
+    hideCase: false,
+    hideOutput: false
+  })
 }
 
-const scoreKeyList = ref([] as any)
-const multipleScoreSelection = ref([] as any)
+const deleteTestCase = (index: number) => {
+  formData.value.answerList.splice(index, 1)
+}
+
+const deleteAllTestCases = async () => {
+  if (formData.value.answerList.length === 0) {
+    message.warning('当前没有测试用例可删除')
+    return
+  }
+  await message.confirm('确定要删除所有测试用例吗？')
+  formData.value.answerList = []
+}
+
+const averageTestCasesWeight = () => {
+  const cases = formData.value.answerList
+  if (cases.length > 0) {
+    const averageWeight = Math.floor(100 / cases.length)
+    const remainder = 100 % cases.length
+    const firstPartCount = cases.length - remainder // 计算不加余数的部分有多少个
+
+    cases.forEach((item, index) => {
+      // 将余数分配给末尾的用例
+      if (index < firstPartCount) {
+        item.scoreRate = averageWeight
+      } else {
+        item.scoreRate = averageWeight + 1
+      }
+    })
+  }
+}
+
+/** 代码关键字（计分）相关 */
+const multipleScoreSelection = ref<any[]>([])
 const handleScoreSelectionChange = (val: any) => {
   multipleScoreSelection.value = val
 }
-const delScore = (val: any) => {
-  console.log(val)
+
+const scoreDialogVisible = ref(false)
+const currentScoreItem = ref<any>({})
+const equivalentKeywordInput = ref('')
+const regexTestInput = ref('')
+const regexTestResult = ref('')
+const isEditingScoreKeyword = ref(false)
+
+const addScoreKeyword = () => {
+  isEditingScoreKeyword.value = false
+  currentScoreItem.value = reactive({
+    keyword: '',
+    scoreRate: 0,
+    equivalentKeywords: []
+  })
+  scoreDialogVisible.value = true
 }
 
-// 关键字
+const editScore = (item: any) => {
+  isEditingScoreKeyword.value = true
+  currentScoreItem.value = reactive(JSON.parse(JSON.stringify(item)))
+  if (!currentScoreItem.value.equivalentKeywords) {
+    currentScoreItem.value.equivalentKeywords = []
+  }
+  scoreDialogVisible.value = true
+}
 
-const keywordList = ref([] as any)
-const multipleKeywordSelection = ref([] as any)
+const confirmScoreEdit = () => {
+  if (!isEditingScoreKeyword.value) {
+    formData.value.questionKeywords.push(currentScoreItem.value)
+  } else {
+    const index = formData.value.questionKeywords.findIndex(
+      (item) => item.keywordId === currentScoreItem.value.keywordId
+    )
+    if (index !== -1) {
+      formData.value.questionKeywords[index] = currentScoreItem.value
+    }
+  }
+  scoreDialogVisible.value = false
+}
+
+const deleteScoreKeyword = (index: number) => {
+  formData.value.questionKeywords.splice(index, 1)
+}
+
+const deleteAllScoreKeywords = async () => {
+  if (formData.value.questionKeywords.length === 0) {
+    message.warning('当前没有关键字可删除')
+    return
+  }
+  await message.confirm('确定要删除所有代码关键字吗？')
+  formData.value.questionKeywords = []
+}
+
+const addEquivalentKeyword = () => {
+  if (
+    equivalentKeywordInput.value &&
+    !currentScoreItem.value.equivalentKeywords.includes(equivalentKeywordInput.value)
+  ) {
+    currentScoreItem.value.equivalentKeywords.push(equivalentKeywordInput.value)
+    equivalentKeywordInput.value = ''
+  }
+}
+
+const removeEquivalentKeyword = (keyword: string) => {
+  const index = currentScoreItem.value.equivalentKeywords.indexOf(keyword)
+  if (index > -1) {
+    currentScoreItem.value.equivalentKeywords.splice(index, 1)
+  }
+}
+
+const insertRegexMark = (mark: string) => {
+  currentScoreItem.value.keyword += mark
+}
+
+const testRegex = () => {
+  if (!currentScoreItem.value.keyword) {
+    regexTestResult.value = '请输入正则表达式'
+    return
+  }
+  try {
+    const regex = new RegExp(currentScoreItem.value.keyword)
+    regexTestResult.value = regex.test(regexTestInput.value) ? '匹配成功' : '匹配失败'
+  } catch (e: any) {
+    regexTestResult.value = `正则无效: ${e.message}`
+  }
+}
+
+const addKeywordFromSelection = () => {
+  if (!textareaRef.value) return
+  const selectedText = textareaRef.value.getSelectedText().trim()
+  if (selectedText) {
+    if (formData.value.questionKeywords.some((item) => item.keyword === selectedText)) {
+      message.warning('关键字已存在')
+      return
+    }
+    formData.value.questionKeywords.push({
+      keyword: selectedText,
+      scoreRate: 0
+    })
+  } else {
+    message.warning('请先在测试程序中选择要添加的关键字')
+  }
+}
+
+/** 关键字 Tab 相关 */
+const multipleKeywordSelection = ref<any[]>([])
 const handleKeywordSelectionChange = (val: any) => {
   multipleKeywordSelection.value = val
 }
 const keyVisible = ref(false)
 const keyEditType = ref('')
+const keyWordInput = ref('')
 
-const keyWord = ref<any>([null])
-
-const editKeyword = (key) => {
+const editKeyword = (key: string) => {
   keyEditType.value = key
-  keyVisible.value = true
+  if (key === 'create') {
+    keyWordInput.value = ''
+    keyVisible.value = true
+  } else if (key === 'delete') {
+    if (multipleKeywordSelection.value.length === 0) {
+      message.warning('请选择要删除的关键字')
+      return
+    }
+    ElMessageBox.confirm('确定要删除选中的关键字吗？').then(() => {
+      const selectedKeywords = multipleKeywordSelection.value.map((item) => item.keyword)
+      formData.value.keywords = formData.value.keywords.filter(
+        (item) => !selectedKeywords.includes(item.keyword)
+      )
+    })
+  } else if (key === 'deleteall') {
+    ElMessageBox.confirm('确定要删除所有关键字吗？').then(() => {
+      formData.value.keywords = []
+    })
+  }
 }
+
 const keyDialogClose = () => {
   keyVisible.value = false
 }
-const confirmKeyDialogVisible = () => {
-  if (keyEditType.value === 'create') {
-    keywordList.value.push({
-      keyword: keyWord.value
-    })
-  }
 
+const confirmKeyDialogVisible = () => {
+  if (keyEditType.value === 'create' && keyWordInput.value) {
+    if (formData.value.keywords.some((item) => item.keyword === keyWordInput.value)) {
+      message.warning('关键字已存在')
+      return
+    }
+    formData.value.keywords.push({ keyword: keyWordInput.value })
+  }
   keyVisible.value = false
 }
 
-// 媒体文件
-const mediumList = ref([] as any)
-const multipleMediumSelection = ref([] as any)
+/** 媒体文件 Tab 相关 */
+const mediumList = ref<any[]>([])
+const multipleMediumSelection = ref<any[]>([])
 const handleMediumSelectionChange = (val: any) => {
   multipleMediumSelection.value = val
 }
-const fileList = []
+const fileList = ref([])
+
+/** 运行与测试相关 */
+const runTestDialogVisible = ref(false)
+const reportDialogVisible = ref(false)
+const isCodeRunning = ref(false)
+const runResult = ref('')
+const scoringReport = ref<any>(null)
+
+const openRunTestDialog = () => {
+  runResult.value = '点击"调试运行"按钮以执行代码。'
+  runTestDialogVisible.value = true
+}
+
+const runCode = async () => {
+  if (!referenceAnswer.value) {
+    message.warning('参考答案代码为空，无法运行。')
+    return
+  }
+  isCodeRunning.value = true
+  runResult.value = '代码正在运行中，请稍候...'
+  try {
+    // const res = await QuestionApi.runCode({ code: referenceAnswer.value })
+    // runResult.value = res.data.output || '代码运行完成，无输出。'
+    setTimeout(() => {
+      runResult.value = '模拟运行结果：\nHello World!'
+      isCodeRunning.value = false
+    }, 1500)
+  } catch (error) {
+    runResult.value = '代码运行出错，请检查代码或联系管理员。'
+    console.error('Run code error:', error)
+    isCodeRunning.value = false
+  }
+}
+
+const openReportDialog = async () => {
+  scoringReport.value = {
+    totalScore: 85,
+    compileResult: '编译成功'
+  }
+  reportDialogVisible.value = true
+}
 
 /** 提交表单 */
-const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const emit = defineEmits(['success'])
 const submitForm = async () => {
-  // 校验表单
-  if (!formRef) return
-  const valid = await formRef.value.validate()
-  if (!valid) return
-  // 提交请求
+  // 独立窗口模式下，基于表单数据进行简单验证
+  if (props.isIndependent) {
+    // 基本必填项检查
+    if (!inputText.value || !content.value) {
+      message.warning('请填写试题描述和试题题目')
+      return
+    }
+  } else {
+    // 对话框模式下，使用formRef验证
+    if (!formRef.value) return
+    const valid = await formRef.value.validate()
+    if (!valid) return
+  }
+
   formLoading.value = true
   try {
-    // 合并UI上的数据到formData
-    formData.value.content = content.value
-    // formData.value.analysis = textarea.value // 如果有解析内容
-    // ... 其他需要合并的数据
+    const dataToSubmit = JSON.parse(JSON.stringify(formData.value))
+
+    // 独立窗口模式下，确保从独立变量同步数据
+    if (props.isIndependent) {
+      dataToSubmit.contentText = inputText.value
+      dataToSubmit.content = content.value
+    }
+
+    // 如果参考答案是独立管理的，提交时需要赋值给 analysis
+    dataToSubmit.analysis = referenceAnswer.value || ''
+
+    // 确保基础必需字段
+    dataToSubmit.quType = '4' // C语言编程题类型
+    dataToSubmit.quLevel = dataToSubmit.quLevel || 0
+    dataToSubmit.status = dataToSubmit.status || '0'
+
+    // 确保字符串字段不为undefined
+    dataToSubmit.specialtyName = dataToSubmit.specialtyName || ''
+    dataToSubmit.courseName = dataToSubmit.courseName || ''
+    dataToSubmit.subjectName = dataToSubmit.subjectName || ''
+    dataToSubmit.pointNames = dataToSubmit.pointNames || ''
+    dataToSubmit.chapteridDictText = dataToSubmit.chapteridDictText || ''
+    dataToSubmit.answer = dataToSubmit.answer || ''
+    dataToSubmit.resourceValue = dataToSubmit.resourceValue || ''
+
+    // 确保数组字段
+    dataToSubmit.keywords = Array.isArray(dataToSubmit.keywords) ? dataToSubmit.keywords : []
+    dataToSubmit.questionKeywords = Array.isArray(dataToSubmit.questionKeywords)
+      ? dataToSubmit.questionKeywords
+      : []
+    dataToSubmit.answerList = Array.isArray(dataToSubmit.answerList) ? dataToSubmit.answerList : []
+    dataToSubmit.fileUploads = Array.isArray(dataToSubmit.fileUploads)
+      ? dataToSubmit.fileUploads
+      : getDefaultFormData().fileUploads
+
+    // 确保questionScores对象完整
+    if (!dataToSubmit.questionScores) {
+      dataToSubmit.questionScores = getDefaultFormData().questionScores
+    }
+
+    console.log('Submitting data:', dataToSubmit)
 
-    const data = formData.value
     if (formType.value === 'create') {
-      await QuestionApi.addQuestion(data)
+      await QuestionApi.addQuestion(dataToSubmit)
       message.success(t('common.createSuccess'))
     } else {
-      await QuestionApi.editQuestion(data)
+      await QuestionApi.editQuestion(dataToSubmit)
       message.success(t('common.updateSuccess'))
     }
-    dialogVisible.value = false
-    // 发送操作成功的事件
-    emit('success')
+
+    if (props.isIndependent) {
+      // 独立窗口模式：发送成功事件并关闭窗口
+      try {
+        const { emit: tauriEmit } = await import('@tauri-apps/api/event')
+        const { getCurrentWindow } = await import('@tauri-apps/api/window')
+
+        await tauriEmit('cdesign-form-success')
+        const appWindow = getCurrentWindow()
+        await appWindow.close()
+      } catch (error) {
+        console.error('Failed to close independent window:', error)
+      }
+    } else {
+      // 对话框模式
+      dialogVisible.value = false
+      emit('success')
+    }
+  } catch (error: any) {
+    console.error('Submit error:', error)
+
+    // 更详细的错误处理
+    let errorMessage = '提交失败'
+    if (error?.response?.data?.msg) {
+      errorMessage += '：' + error.response.data.msg
+    } else if (error?.message) {
+      errorMessage += '：' + error.message
+    } else if (typeof error === 'string') {
+      errorMessage += '：' + error
+    } else {
+      errorMessage += '：未知错误'
+    }
+
+    message.error(errorMessage)
   } finally {
     formLoading.value = false
   }
@@ -767,41 +1169,20 @@ const submitForm = async () => {
 
 /** 重置表单 */
 const resetForm = () => {
-  formData.value = {
-    id: undefined,
-    content: '',
-    specialtyName: '',
-    courseName: '',
-    quBankName: '',
-    required: '',
-    chapteridDictText: '',
-    analysis: '',
-    quLevel: 0,
-    pointNames: '',
-    pointNamesVo: '',
-    chapteridDictTextVo: '',
-    subjectName: '',
-    status: '0',
-    resourceValue: '',
-    answer: '',
-    answerList: [],
-    fileUploads: [
-      { quId: '', url: '', fileType: '0', fileName: '' },
-      { quId: '', url: '', fileType: '1', fileName: '' },
-      { quId: '', url: '', fileType: '2', fileName: '' }
-    ]
-  }
-  content.value = ''
-  textarea.value = ''
-  inputText.value = ''
-  examList.value = []
-  scoreKeyList.value = []
-  keywordList.value = []
+  formData.value = getDefaultFormData()
+  referenceAnswer.value = ''
   mediumList.value = []
+  // 重置独立的表单字段
+  inputText.value = ''
+  content.value = ''
   formRef.value?.resetFields()
 }
+
+/** 知识点/章节选择 */
 const dialogVisiblePoints = ref(false)
-// 添加层级信息
+const treeRef = ref()
+const deptList = ref<any[]>([])
+
 const handleTreeWithLevel = (list, level = 1) => {
   return list.map((item) => {
     const node = { ...item, level }
@@ -812,43 +1193,448 @@ const handleTreeWithLevel = (list, level = 1) => {
   })
 }
 
-// 只允许点击第三级节点
-const treeRef = ref() // 引用 el-tree
-const handleNodeClick = (data, node) => {
+const handleNodeClick = (data) => {
   if (data.level === 3) {
     formData.value.pointNames = data.id
     formData.value.pointNamesVo = data.name
-
-    //  获取父节点（章节名称）
     const currentNode = treeRef.value.getNode(data)
     const parentNode = currentNode.parent
     if (parentNode && parentNode.data) {
       formData.value.chapteridDictTextVo = parentNode.data.name
       formData.value.chapteridDictText = parentNode.data.id
-    } else {
-      formData.value.chapteridDictText = ''
     }
-
     dialogVisiblePoints.value = false
-  } else {
   }
 }
 
-const deptList = ref<Tree[]>([]) // 树形结构
-/** 获得部门树 */
 const getTree = async () => {
   const res = await SpecialtyApi.listPoints()
   const tree = handleTree(res)
-  deptList.value = []
   deptList.value = handleTreeWithLevel(tree)
 }
+
 const openPoints = async () => {
   await getTree()
   dialogVisiblePoints.value = true
 }
+
+// 独立窗口模式的事件监听
+onMounted(async () => {
+  console.log('CdesignForm onMounted, isIndependent:', props.isIndependent)
+
+  if (props.isIndependent) {
+    console.log('Setting up independent window event listeners...')
+
+    // 添加一个全局标识，确保我们在独立窗口中
+    ;(window as any).__INDEPENDENT_WINDOW__ = true
+
+    try {
+      const { listen } = await import('@tauri-apps/api/event')
+      console.log('Tauri event module imported successfully')
+
+      // 监听初始化事件
+      await listen('init-cdesign-form', (event: any) => {
+        console.log('Received init-cdesign-form event:', event.payload)
+
+        const { queryParams, type, id, theme } = event.payload || {}
+
+        // 应用主题
+        if (theme) {
+          console.log('Applying theme:', theme)
+          applyTheme(theme)
+        }
+
+        // 独立窗口模式下直接处理数据加载
+        if (queryParams && type) {
+          console.log('Setting dialog title and loading form data')
+          // 设置标题
+          dialogTitle.value = t('action.' + type)
+
+          // 独立窗口模式下调用加载数据的逻辑
+          loadFormData(queryParams, type, id)
+        } else {
+          console.warn('Missing queryParams or type in event payload', { queryParams, type })
+        }
+      })
+
+      console.log('Event listener set up successfully')
+
+      // 也监听其他可能的事件名称
+      await listen('cdesign-form-init', (event: any) => {
+        console.log('Received cdesign-form-init event:', event.payload)
+        // 使用相同的处理逻辑
+        const { queryParams, type, id, theme } = event.payload || {}
+        if (queryParams && type) {
+          if (theme) applyTheme(theme)
+          dialogTitle.value = t('action.' + type)
+          loadFormData(queryParams, type, id)
+        }
+      })
+
+      await listen('form-init', (event: any) => {
+        console.log('Received form-init event:', event.payload)
+      })
+
+      // 检查窗口标签
+      try {
+        const { getCurrentWindow } = await import('@tauri-apps/api/window')
+        const currentWindow = getCurrentWindow()
+        console.log('Current window label:', currentWindow.label)
+      } catch (error) {
+        console.error('Failed to get window info:', error)
+      }
+
+      // 主动请求初始化数据（备用方案1）
+      setTimeout(async () => {
+        console.log('Backup initialization 1: sending request-init event')
+        try {
+          const { emit } = await import('@tauri-apps/api/event')
+          await emit('request-cdesign-init', {
+            component: 'CdesignForm',
+            timestamp: Date.now(),
+            windowLabel: window.location.hash
+          })
+        } catch (error) {
+          console.error('Failed to send request-init event:', error)
+        }
+      }, 500)
+
+      // 备用方案2：检查URL参数
+      setTimeout(() => {
+        console.log('Backup initialization 2: checking URL params')
+        const hash = window.location.hash
+        const search = window.location.search
+        console.log('Current URL hash:', hash, 'search:', search)
+
+        // 尝试从URL获取参数（如果有的话）
+        if (hash.includes('cdesign-independent')) {
+          console.log('In cdesign independent window, trying fallback initialization')
+          // 这里可以添加从localStorage或其他方式获取参数的逻辑
+        }
+      }, 1000)
+    } catch (error) {
+      console.error('Failed to setup independent window event listeners:', error)
+    }
+  }
+})
+
+// 独立的数据加载函数
+const loadFormData = async (queryParams: any, type: string, id?: number) => {
+  console.log('loadFormData called with:', { queryParams, type, id })
+
+  formType.value = type // 设置表单类型
+  resetForm()
+
+  if (id) {
+    console.log('Loading existing question with ID:', id)
+    formLoading.value = true
+    try {
+      const res = await QuestionApi.getQuestion(id)
+      console.log('Question data loaded:', res)
+
+      // 确保数组类型字段的正确性
+      res.keywords = Array.isArray(res.keywords) ? res.keywords : []
+      res.questionKeywords = Array.isArray(res.questionKeywords) ? res.questionKeywords : []
+      res.answerList = Array.isArray(res.answerList) ? res.answerList : []
+      res.fileUploads = Array.isArray(res.fileUploads)
+        ? res.fileUploads
+        : getDefaultFormData().fileUploads
+
+      // 确保文本字段的正确性
+      res.content = res.content || ''
+      res.answer = res.answer || ''
+      res.analysis = res.analysis || ''
+
+      // 合并数据到formData
+      formData.value = { ...getDefaultFormData(), ...res }
+
+      // 设置参考答案
+      referenceAnswer.value = res.answer || res.analysis || ''
+
+      // 设置独立的表单字段变量
+      inputText.value = res.contentText || res.content || ''
+      content.value = res.content || ''
+
+      // 确保formData中也有contentText字段
+      formData.value.contentText = res.contentText || res.content || ''
+
+      console.log('Form data set:', formData.value)
+      console.log('Form fields set:', {
+        inputText: inputText.value,
+        content: content.value,
+        referenceAnswer: referenceAnswer.value
+      })
+    } catch (error) {
+      console.error('Failed to load question data:', error)
+      message.error('加载数据失败')
+    } finally {
+      formLoading.value = false
+    }
+  } else {
+    console.log('Creating new question with params:', queryParams)
+    // 新增模式，设置基本信息
+    formData.value.specialtyName = queryParams.specialtyName
+    formData.value.courseName = queryParams.courseName
+    formData.value.subjectName = queryParams.subjectName
+    formData.value.pointNames = queryParams.pointNamesVo
+    formData.value.pointNamesVo = queryParams.pointNames
+    formData.value.chapteridDictText = queryParams.chapteridDictTextVo
+    formData.value.chapteridDictTextVo = queryParams.chapteridDictText
+
+    // 新增模式也需要初始化独立的表单字段
+    inputText.value = ''
+    content.value = ''
+    referenceAnswer.value = ''
+
+    console.log('New form data set:', formData.value)
+    console.log('New form fields set:', {
+      inputText: inputText.value,
+      content: content.value,
+      referenceAnswer: referenceAnswer.value
+    })
+  }
+} // 应用主题函数
+const applyTheme = (theme: any) => {
+  try {
+    const setCssVar = (prop: string, val: any) => {
+      document.documentElement.style.setProperty(prop, val)
+    }
+
+    // 应用主题变量
+    if (theme.elColorPrimary) {
+      setCssVar('--el-color-primary', theme.elColorPrimary)
+      setCssVar('--el-color-primary-light-3', lightenColor(theme.elColorPrimary, 0.3))
+      setCssVar('--el-color-primary-light-9', lightenColor(theme.elColorPrimary, 0.9))
+    }
+
+    // 设置其他主题变量
+    setCssVar('--app-content-bg-color', '#f5f7f9')
+    setCssVar('--el-bg-color', '#ffffff')
+    setCssVar('--el-text-color-primary', '#303133')
+    setCssVar('--el-border-color', '#e4e7ed')
+    setCssVar('--el-border-color-lighter', '#f0f0f0')
+    setCssVar('--el-fill-color-light', '#f5f7fa')
+    setCssVar('--el-fill-color-lighter', '#fafafa')
+    setCssVar('--el-box-shadow', '0 2px 8px rgba(0, 0, 0, 0.1)')
+    setCssVar('--el-box-shadow-light', '0 2px 4px rgba(0, 0, 0, 0.1)')
+  } catch (error) {
+    console.error('Failed to apply theme:', error)
+  }
+}
+
+// 颜色工具函数
+const lightenColor = (color: string, amount: number) => {
+  const num = parseInt(color.replace('#', ''), 16)
+  const amt = Math.round(2.55 * amount * 100)
+  const R = (num >> 16) + amt
+  const G = ((num >> 8) & 0x00ff) + amt
+  const B = (num & 0x0000ff) + amt
+  return (
+    '#' +
+    (
+      0x1000000 +
+      (R < 255 ? (R < 1 ? 0 : R) : 255) * 0x10000 +
+      (G < 255 ? (G < 1 ? 0 : G) : 255) * 0x100 +
+      (B < 255 ? (B < 1 ? 0 : B) : 255)
+    )
+      .toString(16)
+      .slice(1)
+  )
+}
 </script>
 
 <style lang="scss" scoped>
+// 独立窗口模式样式
+.independent-form {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--app-content-bg-color);
+  overflow: hidden;
+
+  .independent-header {
+    background: var(--el-bg-color);
+    border-bottom: 1px solid var(--el-border-color);
+    padding: 16px 24px;
+    box-shadow: var(--el-box-shadow-light);
+
+    h2 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  .independent-content {
+    flex: 1;
+    overflow: hidden;
+    background: var(--el-bg-color);
+    margin: 16px;
+    border-radius: 8px;
+    box-shadow: var(--el-box-shadow);
+
+    .program-edit {
+      height: 100%;
+      padding: 20px;
+
+      .main {
+        height: 100%;
+        position: relative;
+
+        .tabsTip {
+          position: absolute;
+          top: 0;
+          right: 0;
+          color: #4f9dfd;
+          line-height: 100%;
+          text-align: center;
+          align-items: center;
+          display: flex;
+          background: rgba(79, 157, 253, 0.1);
+          padding: 8px 12px;
+          border-radius: 4px;
+          font-size: 14px;
+          z-index: 10;
+        }
+
+        .el-tabs {
+          height: 100%;
+          padding-top: 40px; // 为tabsTip预留空间
+
+          :deep(.el-tabs__header) {
+            margin-bottom: 20px;
+          }
+
+          :deep(.el-tabs__content) {
+            height: calc(100% - 60px);
+            overflow-y: auto;
+            padding-right: 8px;
+
+            .line {
+              margin-bottom: 24px;
+
+              .title-text {
+                font-size: 16px;
+                font-weight: 600;
+                margin-bottom: 12px;
+                color: var(--el-text-color-primary);
+                padding-bottom: 8px;
+                border-bottom: 2px solid var(--el-border-color);
+              }
+
+              .buttons {
+                margin: 16px 0;
+                display: flex;
+                gap: 12px;
+                flex-wrap: wrap;
+              }
+
+              .block {
+                padding: 16px;
+                background: var(--el-fill-color-lighter);
+                border-radius: 6px;
+                border: 1px solid var(--el-border-color);
+
+                .tip {
+                  color: #8a6d3b;
+                  background-color: #fcf8e3;
+                  border: 1px solid #faebcc;
+                  padding: 16px;
+                  border-radius: 6px;
+                  margin-bottom: 16px;
+                  line-height: 1.6;
+
+                  p {
+                    margin: 0;
+                  }
+                }
+                .btn-line {
+                  display: flex;
+                  gap: 12px;
+                  margin: 16px 0;
+                  flex-wrap: wrap;
+                }
+
+                .flex {
+                  display: flex;
+                  align-items: center;
+                  gap: 12px;
+                  margin-bottom: 12px;
+                  flex-wrap: wrap;
+                }
+              }
+            }
+          }
+
+          .custom-tabs-label {
+            display: flex;
+            align-items: center;
+
+            .setting_icon {
+              width: 16px;
+              height: 16px;
+              background: url('@/assets/icon/setting_blue.png') no-repeat center;
+              background-size: 100%;
+              margin-left: 8px;
+              opacity: 0;
+              transition: opacity 0.3s;
+            }
+          }
+
+          :deep(.el-tabs__item.is-active) {
+            .custom-tabs-label .setting_icon {
+              opacity: 1;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .independent-footer {
+    background: var(--el-bg-color);
+    border-top: 1px solid var(--el-border-color);
+    padding: 16px 24px;
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+    box-shadow: var(--el-box-shadow-light);
+
+    .el-button {
+      border-radius: 6px;
+      font-weight: 500;
+      padding: 8px 16px;
+
+      &.el-button--primary {
+        background: var(--el-color-primary);
+        border-color: var(--el-color-primary);
+        color: #ffffff !important;
+
+        &:hover {
+          background: var(--el-color-primary-light-3);
+          border-color: var(--el-color-primary-light-3);
+          color: #ffffff !important;
+        }
+      }
+
+      &.el-button--default {
+        background: #ffffff;
+        border-color: var(--el-border-color);
+        color: var(--el-text-color-primary);
+
+        &:hover {
+          background: var(--el-fill-color-lighter);
+          border-color: var(--el-color-primary);
+          color: var(--el-color-primary);
+        }
+      }
+    }
+  }
+}
+
+// Dialog模式样式（保持原有样式）
 .program-edit {
   :deep(.el-dialog) {
     display: flex;
@@ -981,23 +1767,141 @@ const openPoints = async () => {
     }
   }
 }
-:deep(.tox-tinymce) {
-  .tox-statusbar {
-    display: none;
+
+// 全局样式优化
+:deep(.el-form-item) {
+  margin-bottom: 20px;
+
+  .el-form-item__label {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+    line-height: 1.6;
+  }
+
+  .el-input,
+  .el-select,
+  .el-textarea {
+    .el-input__inner,
+    .el-select__inner,
+    .el-textarea__inner {
+      border-radius: 6px;
+      border: 1px solid var(--el-border-color);
+      transition: border-color 0.3s;
+
+      &:focus {
+        border-color: var(--el-color-primary);
+      }
+    }
   }
 }
 
 :deep(.el-table) {
+  border-radius: 6px;
+  overflow: hidden;
+
   .el-table__header-wrapper {
     .el-table__header {
       thead {
         tr {
           th {
-            background: #ebebeb;
+            background: var(--el-fill-color-light);
+            color: var(--el-text-color-primary);
+            font-weight: 600;
+            border-bottom: 1px solid var(--el-border-color);
+          }
+        }
+      }
+    }
+  }
+
+  .el-table__body-wrapper {
+    .el-table__body {
+      tbody {
+        tr {
+          td {
+            border-bottom: 1px solid var(--el-border-color-lighter);
+            padding: 12px 0;
+          }
+
+          &:hover {
+            background-color: var(--el-fill-color-lighter);
           }
         }
       }
     }
   }
 }
+
+:deep(.el-tabs) {
+  .el-tabs__item {
+    padding: 0 20px;
+    height: 40px;
+    line-height: 40px;
+    font-weight: 500;
+
+    &.is-active {
+      color: var(--el-color-primary);
+      font-weight: 600;
+    }
+  }
+
+  .el-tabs__active-bar {
+    height: 3px;
+    border-radius: 2px;
+  }
+}
+
+:deep(.el-checkbox) {
+  margin-right: 24px;
+
+  .el-checkbox__label {
+    font-weight: 500;
+    color: var(--el-text-color-primary);
+  }
+}
+
+:deep(.el-radio) {
+  margin-right: 24px;
+
+  .el-radio__label {
+    font-weight: 500;
+    color: var(--el-text-color-primary);
+  }
+}
+
+:deep(.el-button) {
+  border-radius: 6px;
+  font-weight: 500;
+  padding: 8px 16px;
+
+  &.el-button--primary {
+    background: var(--el-color-primary);
+    border-color: var(--el-color-primary);
+    color: #ffffff; // 确保文字颜色为白色
+
+    &:hover {
+      background: var(--el-color-primary-light-3);
+      border-color: var(--el-color-primary-light-3);
+      color: #ffffff; // 悬停时文字也保持白色
+    }
+  }
+
+  &.el-button--default {
+    background: #ffffff;
+    border-color: var(--el-border-color);
+    color: var(--el-text-color-primary);
+
+    &:hover {
+      background: var(--el-fill-color-lighter);
+      border-color: var(--el-color-primary);
+      color: var(--el-color-primary);
+    }
+  }
+}
+
+:deep(.tox-tinymce) {
+  .tox-statusbar {
+    display: none;
+  }
+}
 </style>
diff --git a/src/views/paper/question/WpsXlsxForm.vue b/src/views/paper/question/WpsXlsxForm.vue
index b67fb46..f5649e1 100644
--- a/src/views/paper/question/WpsXlsxForm.vue
+++ b/src/views/paper/question/WpsXlsxForm.vue
@@ -1,7 +1,11 @@
 <template>
-  <div class="edit-dialog">
-    <Dialog v-model="dialogVisible" :title="dialogTitle" width="85%" top="10vh">
-      <el-scrollbar>
+  <!-- 独立窗口模式 -->
+  <div v-if="isIndependent" class="independent-form">
+    <div class="independent-header">
+      <h2>{{ dialogTitle }}</h2>
+    </div>
+    <div class="independent-content">
+      <el-scrollbar height="calc(100vh - 150px)">
         <div class="main">
           <el-form
             ref="formRef"
@@ -270,12 +274,13 @@
           </div>
         </div>
       </el-scrollbar>
-      <template #footer>
-        <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="dialogVisible = false">取 消</el-button>
-      </template>
-    </Dialog>
+      <div class="independent-footer">
+        <el-button @click="handleCancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm" :loading="formLoading">确 定</el-button>
+      </div>
+    </div>
   </div>
+
   <!-- 表单弹窗：添加/修改 -->
   <FileForm ref="FileRef" @success="handleUploadSuccess" />
 
@@ -348,10 +353,28 @@ import { cloneDeep } from 'lodash-es'
 import FileForm from './components/FileForm.vue'
 
 defineOptions({ name: 'WpsXlsxFrom' })
+
+// 定义Tree接口
+interface Tree {
+  functions?: string
+  chineseName?: string
+  parameter?: string
+  [key: string]: any
+}
+
+// 定义组件 props
+interface Props {
+  isIndependent?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  isIndependent: false
+})
+
 const xlsxPointsList = ref<Tree[]>([]) // 树形结构
 const xlsxPointsInfoList = ref<Tree[]>([]) // 树形结构
 
-const list = ref([]) // 列表的数
+const list = ref<any[]>([]) // 列表的数
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 const loading = ref(false) // 列表的加载中
@@ -404,11 +427,11 @@ const formData = ref({
   ]
 })
 
-let xlsxPointsInfosList: (typeof xlsxPoints)[] = []
+let xlsxPointsInfosList: any[] = []
 const removePoint = (index: number) => {
   list.value.splice(index, 1)
 }
-function fileTypeFormatter(row, column, cellValue) {
+function fileTypeFormatter(_row, _column, cellValue) {
   if (cellValue === '0') return '素材文件(上传ZIP)'
   if (cellValue === '1') return '考试文件'
   if (cellValue === '2') return '结果文件'
@@ -439,22 +462,23 @@ const dialogFormVisibleXlsxInfos = ref(false)
 const titles = ref('')
 const filePath = ref('')
 
-const handleCheckChange = (data: Tree, checked: boolean, indeterminate: boolean) => {
+const handleCheckChange = (data: Tree, _checked: boolean, _indeterminate: boolean) => {
   console.log(data)
   const xlsxPoints = {
     firstName: '',
     index: '',
     function: '',
     examName: '',
-    examCode: ''
+    examCode: '',
+    method: ''
   }
-  if (data.functions != null && data.functions != "") {
+  if (data.functions != null && data.functions != '') {
     xlsxPoints.firstName = chineseName.value
     xlsxPoints.index = textIndex.value
-    xlsxPoints.function = data.functions
-    xlsxPoints.examName = data.chineseName
+    xlsxPoints.function = data.functions || ''
+    xlsxPoints.examName = data.chineseName || ''
     xlsxPoints.examCode = '111'
-    xlsxPoints.method = data.parameter
+    xlsxPoints.method = data.parameter || ''
     xlsxPointsInfosList.push(cloneDeep(xlsxPoints))
   }
 }
@@ -462,7 +486,7 @@ const file = ref()
 // 获取xlsx文件，并使用文件流进行解析
 const getXlsxDataInfo = async () => {
   const fileInput = document.getElementById('xlsxFile') as HTMLInputElement
-  if (fileInput != null) {
+  if (fileInput != null && fileInput.files && fileInput.files.length > 0) {
     file.value = fileInput.files[0]
     const res = await XlsxApi.getXlsxDataInfo({ file: file.value })
     xlsxPointsList.value = []
@@ -487,7 +511,7 @@ const handleNodelClick = async (row: any) => {
   // 获取名称
   chineseName.value = '【' + row.name + '】'
   textIndex.value = row.index
-  const res = await XlsxApi.getXlsxByNameList(row.type)
+  const res = await XlsxApi.getSlideByNameList(row.type)
   xlsxPointsInfoList.value = []
   xlsxPointsInfoList.value.push(...handleTree(res))
   dialogFormVisibleXlsxInfos.value = true
@@ -532,7 +556,7 @@ const formRef = ref() // 表单 Ref
 const leftActiveName = ref('desc')
 // 右侧tab
 const rightActiveName = ref('annex')
-const rightHandleClick = (tab, e) => {
+const rightHandleClick = (tab, _e) => {
   rightActiveName.value = tab.paneName.value
 }
 const selections = ref([])
@@ -620,6 +644,48 @@ const open = async (queryParams: any, type: string, id?: number) => {
   }
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 独立窗口模式下的数据加载函数 */
+const loadFormData = async (queryParams: any, type: string, id?: number) => {
+  console.log('WpsXlsx loadFormData called with:', { queryParams, type, id })
+
+  formType.value = type
+
+  // 修改时，设置数据
+  if (id) {
+    console.log('Loading existing Excel question with ID:', id)
+    formLoading.value = true
+    try {
+      const res = await QuestionApi.getQuestion(id)
+      console.log('Excel question data loaded:', res)
+      formData.value = res
+      console.log(formData.value)
+      list.value = formData.value.answerList
+      documentList.value = res.fileUploads
+      console.log('Excel form data set:', {
+        formData: formData.value,
+        list: list.value,
+        documentList: documentList.value
+      })
+    } catch (error) {
+      console.error('Failed to load question data:', error)
+      message.error('加载题目数据失败')
+    } finally {
+      formLoading.value = false
+    }
+  } else {
+    console.log('Creating new Excel question with params:', queryParams)
+    resetForm()
+    formData.value.specialtyName = queryParams.specialtyName
+    formData.value.courseName = queryParams.courseName
+    formData.value.subjectName = queryParams.subjectName
+    formData.value.pointNames = queryParams.pointNamesVo
+    formData.value.pointNamesVo = queryParams.pointNames
+    formData.value.chapteridDictText = queryParams.chapteridDictTextVo
+    formData.value.chapteridDictTextVo = queryParams.chapteridDictText
+    console.log('New Excel form data set:', formData.value)
+  }
+}
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 const submitForm = async () => {
@@ -642,17 +708,46 @@ const submitForm = async () => {
       await QuestionApi.editQuestion(data)
       message.success(t('common.updateSuccess'))
     }
-    dialogVisible.value = false
-    // 发送操作成功的事件
-    emit('success')
+
+    // 如果是独立窗口模式，通过Tauri事件通信
+    if (props.isIndependent) {
+      const { emit: tauriEmit } = await import('@tauri-apps/api/event')
+      await tauriEmit('excel-form-success', { message: 'Form submitted successfully' })
+
+      // 关闭独立窗口
+      const { getCurrentWindow } = await import('@tauri-apps/api/window')
+      await getCurrentWindow().close()
+    } else {
+      dialogVisible.value = false
+      // 发送操作成功的事件
+      emit('success')
+    }
   } finally {
     formLoading.value = false
   }
 }
 
+/** 取消操作 */
+const handleCancel = async () => {
+  if (props.isIndependent) {
+    // 独立窗口模式：通过Tauri事件通信并关闭窗口
+    const { emit: tauriEmit } = await import('@tauri-apps/api/event')
+    await tauriEmit('excel-form-cancel', { message: 'Form cancelled' })
+
+    // 关闭独立窗口
+    const { getCurrentWindow } = await import('@tauri-apps/api/window')
+    await getCurrentWindow().close()
+  } else {
+    // 对话框模式：关闭对话框
+    dialogVisible.value = false
+  }
+}
+
 /** 重置表单 */
 const resetForm = () => {
   formData.value = {
+    pointNamesVo: '',
+    chapteridDictTextVo: '',
     content: '',
     specialtyName: '',
     courseName: '',
@@ -733,7 +828,7 @@ const handleTreeWithLevel = (list, level = 1) => {
 
 // 只允许点击第三级节点
 const treeRef = ref() // 引用 el-tree
-const handleNodeClick = (data, node) => {
+const handleNodeClick = (data, _node) => {
   if (data.level === 3) {
     formData.value.pointNames = data.id
     formData.value.pointNamesVo = data.name
@@ -765,8 +860,283 @@ const openPoints = async () => {
   await getTree()
   dialogVisiblePoints.value = true
 }
+
+// 独立窗口模式下的初始化
+onMounted(async () => {
+  if (props.isIndependent) {
+    try {
+      const { listen } = await import('@tauri-apps/api/event')
+
+      // 监听表单初始化事件
+      await listen('init-excel-form', (event: any) => {
+        const { queryParams, type, id, theme } = event.payload
+
+        console.log('Received init-excel-form event:', { queryParams, type, id, theme })
+
+        // 应用主题
+        if (theme) {
+          applyTheme(theme)
+        }
+
+        // 独立窗口模式下直接加载数据，不设置 dialog 状态
+        loadFormData(queryParams, type, id)
+      })
+    } catch (error) {
+      console.error('Failed to setup Tauri event listeners:', error)
+    }
+  }
+})
+
+// 应用主题函数
+const applyTheme = (theme: any) => {
+  try {
+    const setCssVar = (prop: string, val: any) => {
+      document.documentElement.style.setProperty(prop, val)
+    }
+
+    // 应用主题变量
+    if (theme.elColorPrimary) {
+      setCssVar('--el-color-primary', theme.elColorPrimary)
+      setCssVar('--el-color-primary-light-3', lightenColor(theme.elColorPrimary, 0.3))
+      setCssVar('--el-color-primary-light-9', lightenColor(theme.elColorPrimary, 0.9))
+    }
+
+    // 设置其他主题变量
+    setCssVar('--app-content-bg-color', '#f5f7f9')
+    setCssVar('--el-bg-color', '#ffffff')
+    setCssVar('--el-text-color-primary', '#303133')
+    setCssVar('--el-border-color', '#e4e7ed')
+    setCssVar('--el-border-color-lighter', '#f0f0f0')
+    setCssVar('--el-fill-color-light', '#f5f7fa')
+    setCssVar('--el-fill-color-lighter', '#fafafa')
+    setCssVar('--el-box-shadow', '0 2px 8px rgba(0, 0, 0, 0.1)')
+    setCssVar('--el-box-shadow-light', '0 2px 4px rgba(0, 0, 0, 0.1)')
+  } catch (error) {
+    console.error('Failed to apply theme:', error)
+  }
+}
+
+// 颜色工具函数
+const lightenColor = (color: string, amount: number) => {
+  const num = parseInt(color.replace('#', ''), 16)
+  const amt = Math.round(2.55 * amount * 100)
+  const R = (num >> 16) + amt
+  const G = ((num >> 8) & 0x00ff) + amt
+  const B = (num & 0x0000ff) + amt
+  return (
+    '#' +
+    (
+      0x1000000 +
+      (R < 255 ? (R < 1 ? 0 : R) : 255) * 0x10000 +
+      (G < 255 ? (G < 1 ? 0 : G) : 255) * 0x100 +
+      (B < 255 ? (B < 1 ? 0 : B) : 255)
+    )
+      .toString(16)
+      .slice(1)
+  )
+}
 </script>
 <style lang="scss" scoped>
+// 独立窗口模式样式
+.independent-form {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--app-content-bg-color);
+  overflow: hidden;
+
+  .independent-header {
+    background: var(--el-bg-color);
+    border-bottom: 1px solid var(--el-border-color);
+    padding: 16px 24px;
+    box-shadow: var(--el-box-shadow-light);
+
+    h2 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  .independent-content {
+    flex: 1;
+    overflow: hidden;
+    background: var(--el-bg-color);
+    margin: 16px;
+    border-radius: 8px;
+    box-shadow: var(--el-box-shadow);
+    padding: 20px; // 主要内容区域样式
+    :deep(.el-form) {
+      .el-row {
+        margin-bottom: 20px;
+
+        .el-col {
+          padding: 0 8px;
+        }
+      }
+
+      .el-form-item {
+        margin-bottom: 20px;
+
+        .el-form-item__label {
+          font-weight: 600;
+          color: var(--el-text-color-primary);
+          line-height: 1.6;
+        }
+
+        .el-input,
+        .el-select,
+        .el-textarea {
+          .el-input__inner,
+          .el-select__inner,
+          .el-textarea__inner {
+            border-radius: 6px;
+            border: 1px solid var(--el-border-color);
+            transition: border-color 0.3s;
+
+            &:focus {
+              border-color: var(--el-color-primary);
+            }
+          }
+        }
+      }
+    }
+
+    // 标签页和表格样式
+    :deep(.el-tabs) {
+      height: 100%;
+
+      .el-tabs__header {
+        margin-bottom: 20px;
+
+        .el-tabs__item {
+          padding: 0 20px;
+          height: 40px;
+          line-height: 40px;
+          font-weight: 500;
+
+          &.is-active {
+            color: var(--el-color-primary);
+            font-weight: 600;
+          }
+        }
+
+        .el-tabs__active-bar {
+          height: 3px;
+          border-radius: 2px;
+        }
+      }
+
+      .el-tabs__content {
+        height: calc(100% - 60px);
+        overflow-y: auto;
+        padding-right: 8px;
+
+        .block {
+          padding: 16px;
+          background: var(--el-fill-color-lighter);
+          border-radius: 6px;
+          border: 1px solid var(--el-border-color);
+          margin-bottom: 16px;
+
+          .tip {
+            color: #8a6d3b;
+            background-color: #fcf8e3;
+            border: 1px solid #faebcc;
+            padding: 16px;
+            border-radius: 6px;
+            margin-bottom: 16px;
+            line-height: 1.6;
+
+            p {
+              margin: 0;
+            }
+          }
+
+          .btn-line {
+            display: flex;
+            gap: 12px;
+            margin: 16px 0;
+            flex-wrap: wrap;
+          }
+
+          .flex {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            margin-bottom: 12px;
+            flex-wrap: wrap;
+          }
+        }
+      }
+
+      .custom-tabs-label {
+        display: flex;
+        align-items: center;
+
+        .setting_icon {
+          width: 16px;
+          height: 16px;
+          background: url('@/assets/icon/setting_blue.png') no-repeat center;
+          background-size: 100%;
+          margin-left: 8px;
+          opacity: 0;
+          transition: opacity 0.3s;
+        }
+      }
+
+      .el-tabs__item.is-active {
+        .custom-tabs-label .setting_icon {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  .independent-footer {
+    background: var(--el-bg-color);
+    border-top: 1px solid var(--el-border-color);
+    padding: 16px 24px;
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+    box-shadow: var(--el-box-shadow-light);
+
+    .el-button {
+      border-radius: 6px;
+      font-weight: 500;
+      padding: 8px 16px;
+
+      &.el-button--primary {
+        background: var(--el-color-primary);
+        border-color: var(--el-color-primary);
+        color: #ffffff !important;
+
+        &:hover {
+          background: var(--el-color-primary-light-3);
+          border-color: var(--el-color-primary-light-3);
+          color: #ffffff !important;
+        }
+      }
+
+      &.el-button--default {
+        background: #ffffff;
+        border-color: var(--el-border-color);
+        color: var(--el-text-color-primary);
+
+        &:hover {
+          background: var(--el-fill-color-lighter);
+          border-color: var(--el-color-primary);
+          color: var(--el-color-primary);
+        }
+      }
+    }
+  }
+}
+
+// Dialog模式样式（保持原有样式）
 .edit-dialog {
   :deep(.el-dialog) {
     display: flex;
@@ -889,23 +1259,215 @@ const openPoints = async () => {
   }
 }
 
-:deep(.tox-tinymce) {
-  .tox-statusbar {
-    display: none;
+// 全局样式优化
+:deep(.el-form-item) {
+  margin-bottom: 20px;
+
+  .el-form-item__label {
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+    line-height: 1.6;
+  }
+
+  .el-input,
+  .el-select,
+  .el-textarea {
+    .el-input__inner,
+    .el-select__inner,
+    .el-textarea__inner {
+      border-radius: 6px;
+      border: 1px solid var(--el-border-color);
+      transition: border-color 0.3s;
+
+      &:focus {
+        border-color: var(--el-color-primary);
+      }
+    }
   }
 }
 
 :deep(.el-table) {
+  border-radius: 6px;
+  overflow: hidden;
+
   .el-table__header-wrapper {
     .el-table__header {
       thead {
         tr {
           th {
-            background: #ebebeb;
+            background: var(--el-fill-color-light);
+            color: var(--el-text-color-primary);
+            font-weight: 600;
+            border-bottom: 1px solid var(--el-border-color);
+          }
+        }
+      }
+    }
+  }
+
+  .el-table__body-wrapper {
+    .el-table__body {
+      tbody {
+        tr {
+          td {
+            border-bottom: 1px solid var(--el-border-color-lighter);
+            padding: 12px 0;
+          }
+
+          &:hover {
+            background-color: var(--el-fill-color-lighter);
           }
         }
       }
     }
   }
 }
+
+:deep(.el-tabs) {
+  .el-tabs__item {
+    padding: 0 20px;
+    height: 40px;
+    line-height: 40px;
+    font-weight: 500;
+
+    &.is-active {
+      color: var(--el-color-primary);
+      font-weight: 600;
+    }
+  }
+
+  .el-tabs__active-bar {
+    height: 3px;
+    border-radius: 2px;
+  }
+}
+
+:deep(.el-checkbox) {
+  margin-right: 24px;
+
+  .el-checkbox__label {
+    font-weight: 500;
+    color: var(--el-text-color-primary);
+  }
+}
+
+:deep(.el-radio) {
+  margin-right: 24px;
+
+  .el-radio__label {
+    font-weight: 500;
+    color: var(--el-text-color-primary);
+  }
+}
+
+:deep(.el-button) {
+  border-radius: 6px;
+  font-weight: 500;
+  padding: 8px 16px;
+
+  &.el-button--primary {
+    background: var(--el-color-primary);
+    border-color: var(--el-color-primary);
+    color: #ffffff; // 确保文字颜色为白色
+
+    &:hover {
+      background: var(--el-color-primary-light-3);
+      border-color: var(--el-color-primary-light-3);
+      color: #ffffff; // 悬停时文字也保持白色
+    }
+  }
+
+  &.el-button--default {
+    background: #ffffff;
+    border-color: var(--el-border-color);
+    color: var(--el-text-color-primary);
+
+    &:hover {
+      background: var(--el-fill-color-lighter);
+      border-color: var(--el-color-primary);
+      color: var(--el-color-primary);
+    }
+  }
+}
+
+:deep(.tox-tinymce) {
+  .tox-statusbar {
+    display: none;
+  }
+}
+
+// 上传组件样式
+:deep(.el-upload) {
+  .el-upload-dragger {
+    border-radius: 6px;
+    border: 2px dashed var(--el-border-color);
+    transition: border-color 0.3s;
+
+    &:hover {
+      border-color: var(--el-color-primary);
+    }
+  }
+}
+
+// 树形控件样式
+:deep(.el-tree) {
+  .el-tree-node {
+    .el-tree-node__content {
+      height: 32px;
+      border-radius: 4px;
+
+      &:hover {
+        background-color: var(--el-fill-color-lighter);
+      }
+    }
+
+    &.is-current > .el-tree-node__content {
+      background-color: var(--el-color-primary-light-9);
+      color: var(--el-color-primary);
+    }
+  }
+}
+
+// 对话框样式
+:deep(.el-dialog) {
+  border-radius: 8px;
+
+  .el-dialog__header {
+    padding: 16px 20px;
+    border-bottom: 1px solid var(--el-border-color);
+
+    .el-dialog__title {
+      font-size: 16px;
+      font-weight: 600;
+    }
+  }
+
+  .el-dialog__body {
+    padding: 20px;
+  }
+
+  .el-dialog__footer {
+    padding: 16px 20px;
+    border-top: 1px solid var(--el-border-color);
+  }
+}
+
+// 按钮样式修复
+:deep(.el-button) {
+  &.el-button--primary {
+    color: #ffffff !important;
+    background-color: var(--el-color-primary) !important;
+    border-color: var(--el-color-primary) !important;
+
+    &:hover {
+      background-color: var(--el-color-primary-light-3) !important;
+      border-color: var(--el-color-primary-light-3) !important;
+    }
+
+    &:active {
+      background-color: var(--el-color-primary-dark-2) !important;
+      border-color: var(--el-color-primary-dark-2) !important;
+    }
+  }
+}
 </style>
diff --git a/src/views/paper/question/components/CodeEditor.vue b/src/views/paper/question/components/CodeEditor.vue
new file mode 100644
index 0000000..4ff0835
--- /dev/null
+++ b/src/views/paper/question/components/CodeEditor.vue
@@ -0,0 +1,89 @@
+<template>
+  <v-ace-editor
+    v-model:value="content"
+    @init="editorInit"
+    lang="c_cpp"
+    theme="tomorrow_night"
+    :style="{ height: editorHeight }"
+    :options="{
+      useWorker: true,
+      enableBasicAutocompletion: true,
+      enableSnippets: true,
+      enableLiveAutocompletion: true,
+      fontSize: 14,
+      showPrintMargin: false,
+      highlightActiveLine: true,
+      showGutter: true
+    }"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref, watch, computed, defineEmits, defineProps, defineExpose } from 'vue'
+import { VAceEditor } from 'vue3-ace-editor'
+// 引入需要的语言模式、主题和扩展
+import 'ace-builds/src-noconflict/mode-c_cpp'
+import 'ace-builds/src-noconflict/theme-tomorrow_night'
+import 'ace-builds/src-noconflict/ext-language_tools'
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: ''
+  },
+  rows: {
+    type: Number,
+    default: 8 // 默认行数
+  }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const content = ref(props.modelValue)
+let editorInstance: any = null
+
+// 根据行数计算编辑器高度
+const editorHeight = computed(() => {
+  // 假设每行大约 21px
+  return `${props.rows * 21}px`
+})
+
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    if (content.value !== newValue) {
+      content.value = newValue
+    }
+  }
+)
+
+watch(content, (newValue) => {
+  emit('update:modelValue', newValue)
+})
+
+const editorInit = (editor) => {
+  editorInstance = editor
+  editor.container.style.lineHeight = 1.5
+  editor.renderer.updateFontSize()
+}
+
+// 定义获取选中内容的方法
+const getSelectedText = () => {
+  if (editorInstance) {
+    return editorInstance.getSelectedText()
+  }
+  return ''
+}
+
+// 向父组件暴露方法
+defineExpose({
+  getSelectedText
+})
+</script>
+
+<style scoped>
+.ace_editor {
+  border: 1px solid #444;
+  border-radius: 7px;
+}
+</style>
diff --git a/src/views/paper/question/index.vue b/src/views/paper/question/index.vue
index 015e489..bd28c4c 100644
--- a/src/views/paper/question/index.vue
+++ b/src/views/paper/question/index.vue
@@ -369,8 +369,10 @@ import SpecialtyTree from './SpecialtyTree.vue'
 import { handleTree } from '@/utils/tree'
 import * as SpecialtyApi from '@/api/points'
 import { useSettingStore } from '@/store/modules/settings'
+import { useAppStore } from '@/store/modules/app'
 import { TaskStatusEnum } from '@/api/bpm/task'
 const settingStore = useSettingStore()
+const appStore = useAppStore()
 defineOptions({ name: 'SystemUser' })
 
 const message = useMessage() // 消息弹窗
@@ -746,15 +748,165 @@ const setformRef = ref()
 const emailformRef = ref()
 const xlsxformRef = ref()
 const psformRef = ref()
-const openForm = (type: string, id?: number) => {
+const openForm = async (type: string, id?: number) => {
   console.log(queryParams)
   if (queryParams.subjectName == '') {
     return message.confirm('请选择题型！')
   }
-  if (chooseQuestionType.value.includes('选择题')) {
+
+  // 对编程题和表格题使用独立窗口
+  if (chooseQuestionType.value.includes('编程题')) {
+    try {
+      const { WebviewWindow } = await import('@tauri-apps/api/webviewWindow')
+      const windowLabel = `cdesign-form-${Date.now()}`
+
+      const webview = new WebviewWindow(windowLabel, {
+        url: '#/cdesign-independent',
+        title: type === 'create' ? '新增编程题' : '修改编程题',
+        width: 1200,
+        height: 800,
+        resizable: true,
+        center: true
+      })
+
+      // 监听窗口加载完成，然后传递数据
+      webview.once('tauri://created', () => {
+        console.log('Webview created, setting up data transfer...')
+        // 延迟发送事件，确保组件完全挂载
+        setTimeout(() => {
+          console.log('Sending init-cdesign-form event with data:', { queryParams, type, id })
+          import('@tauri-apps/api/event').then(({ emit }) => {
+            emit('init-cdesign-form', {
+              queryParams,
+              type,
+              id,
+              theme: appStore.getTheme // 传入当前主题
+            })
+              .then(() => {
+                console.log('init-cdesign-form event sent successfully')
+              })
+              .catch((error) => {
+                console.error('Failed to send init-cdesign-form event:', error)
+              })
+          })
+        }, 500) // 增加延迟到500ms
+
+        // 多次尝试发送事件，确保成功
+        setTimeout(() => {
+          console.log('Second attempt: Sending init-cdesign-form event')
+          import('@tauri-apps/api/event').then(({ emit }) => {
+            emit('init-cdesign-form', {
+              queryParams,
+              type,
+              id,
+              theme: appStore.getTheme
+            })
+          })
+        }, 1000)
+
+        // 第三次尝试
+        setTimeout(() => {
+          console.log('Third attempt: Sending init-cdesign-form event')
+          import('@tauri-apps/api/event').then(({ emit }) => {
+            emit('init-cdesign-form', {
+              queryParams,
+              type,
+              id,
+              theme: appStore.getTheme
+            })
+          })
+        }, 2000)
+      })
+
+      // 监听窗口准备就绪信号
+      const eventModule = await import('@tauri-apps/api/event')
+      const unlistenReady = await eventModule.listen('cdesign-window-ready', () => {
+        console.log('Received cdesign-window-ready, sending init data...')
+        eventModule
+          .emit('init-cdesign-form', {
+            queryParams,
+            type,
+            id,
+            theme: appStore.getTheme
+          })
+          .then(() => {
+            console.log('Data sent in response to window ready signal')
+          })
+      })
+
+      // 监听组件请求初始化数据的事件
+      const unlistenRequest = await eventModule.listen('request-cdesign-init', (event) => {
+        console.log('Received request-cdesign-init from component:', event.payload)
+        eventModule
+          .emit('init-cdesign-form', {
+            queryParams,
+            type,
+            id,
+            theme: appStore.getTheme
+          })
+          .then(() => {
+            console.log('Data sent in response to component request')
+          })
+      })
+
+      // 清理监听器
+      setTimeout(() => {
+        unlistenReady()
+        unlistenRequest()
+      }, 10000) // 10秒后清理监听器
+
+      // 监听表单提交成功事件
+      eventModule.listen('cdesign-form-success', () => {
+        getList() // 刷新列表
+      })
+    } catch (error) {
+      console.error('Failed to open independent window:', error)
+      // 降级到对话框模式
+      cformRef.value.open(queryParams, type, id)
+    }
+  } else if (chooseQuestionType.value.includes('表格')) {
+    try {
+      const { WebviewWindow } = await import('@tauri-apps/api/webviewWindow')
+      const windowLabel = `excel-form-${Date.now()}`
+
+      const webview = new WebviewWindow(windowLabel, {
+        url: '#/excel-independent',
+        title: type === 'create' ? '新增表格题' : '修改表格题',
+        width: 1200,
+        height: 800,
+        resizable: true,
+        center: true
+      })
+
+      // 监听窗口加载完成，然后传递数据
+      webview.once('tauri://created', () => {
+        // 延迟发送事件，确保组件完全挂载
+        setTimeout(() => {
+          import('@tauri-apps/api/event').then(({ emit }) => {
+            emit('init-excel-form', {
+              queryParams,
+              type,
+              id,
+              theme: appStore.getTheme // 传入当前主题
+            })
+          })
+        }, 100)
+      })
+
+      // 监听表单提交成功事件
+      const { listen } = await import('@tauri-apps/api/event')
+      listen('excel-form-success', () => {
+        getList() // 刷新列表
+      })
+    } catch (error) {
+      console.error('Failed to open independent window:', error)
+      // 降级到对话框模式
+      xlsxformRef.value.open(queryParams, type, id)
+    }
+  }
+  // 其他题型继续使用对话框模式
+  else if (chooseQuestionType.value.includes('选择题')) {
     formRef.value.open(queryParams, type, id)
-  } else if (chooseQuestionType.value.includes('编程题')) {
-    cformRef.value.open(queryParams, type, id)
   } else if (chooseQuestionType.value.includes('程序设计')) {
     mformRef.value.open(queryParams, type, id)
   } else if (chooseQuestionType.value.includes('网络题')) {
@@ -769,8 +921,6 @@ const openForm = (type: string, id?: number) => {
     setformRef.value.open(queryParams, type, id)
   } else if (chooseQuestionType.value.includes('邮箱')) {
     emailformRef.value.open(queryParams, type, id)
-  } else if (chooseQuestionType.value.includes('表格')) {
-    xlsxformRef.value.open(queryParams, type, id)
   } else if (chooseQuestionType.value.includes('图像处理')) {
     psformRef.value.open(queryParams, type, id)
   }
diff --git a/src/views/test/design-test.vue b/src/views/test/design-test.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/wps/xlsx/index.vue b/src/views/wps/xlsx/index.vue
index 4ad87fe..31dd85c 100644
--- a/src/views/wps/xlsx/index.vue
+++ b/src/views/wps/xlsx/index.vue
@@ -127,7 +127,7 @@ const openIndependentWindow = async (row: any) => {
   try {
     // 直接使用 newWindow 方法创建独立窗口
     await newWindow(`excel-edit-${row.id}`, {
-      url: `/wps/xlsx?id=${row.id}&mode=edit`,
+      url: `/xlsx-independent?id=${row.id}&mode=edit&name=${encodeURIComponent(row.name)}`,
       title: `编辑 Excel - ${row.name}`,
       width: 900,
       height: 650,