From a6724e5f05599176522f2386d736d8ad2c151302 Mon Sep 17 00:00:00 2001
From: "YOHO\\20373" <2037305722@qq.com>
Date: Tue, 3 Jun 2025 16:38:35 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BF=AE=E6=94=B9=E3=80=91=E8=AF=95?=
 =?UTF-8?q?=E9=A2=98=E5=AE=A1=E6=A0=B8=E5=A2=9E=E5=8A=A0=E4=B8=A4=E4=B8=AA?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/paper/audit/WpsPptxForm.vue        | 720 ++++++++++++++++++
 src/views/paper/audit/WpsWordForm.vue        | 755 +++++++++++++++++++
 src/views/paper/audit/index.vue              |  11 +-
 src/views/task/exam/components/task-edit.vue |  11 +
 4 files changed, 1496 insertions(+), 1 deletion(-)
 create mode 100644 src/views/paper/audit/WpsPptxForm.vue
 create mode 100644 src/views/paper/audit/WpsWordForm.vue

diff --git a/src/views/paper/audit/WpsPptxForm.vue b/src/views/paper/audit/WpsPptxForm.vue
new file mode 100644
index 0000000..515312f
--- /dev/null
+++ b/src/views/paper/audit/WpsPptxForm.vue
@@ -0,0 +1,720 @@
+<template>
+  <div class="edit-dialog">
+    <Dialog v-model="dialogVisible" :title="dialogTitle" width="85%" top="10vh">
+      <el-scrollbar>
+        <div class="main">
+          <el-form
+            ref="formRef"
+            v-loading="formLoading"
+            :model="formData"
+            :rules="formRules"
+            label-width="80px"
+          >
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="专业" prop="specialtyName">
+                  <el-input v-model="formData.specialtyName" placeholder="请输入专业" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="知识点" prop="pointNames">
+                  <el-input v-model="formData.pointNames" placeholder="请输入知识点" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="课程" prop="courseName">
+                  <el-input v-model="formData.courseName" placeholder="请输入课程" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="题型难度" prop="quLevel">
+                  <el-select v-model="formData.quLevel" placeholder="请选择题型难度" clearable>
+                    <el-option label="简单" :value="'0'" />
+                    <el-option label="一般" :value="'1'" />
+                    <el-option label="困难" :value="'2'" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="题型" prop="subjectName">
+                  <el-input v-model="formData.subjectName" placeholder="请输入题型" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="章节名称" prop="chapteridDictText">
+                  <el-input
+                    v-model="formData.chapteridDictText"
+                    placeholder="请输入章节名称"
+                    disabled
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="启用状态" prop="status">
+                  <el-radio-group v-model="formData.status">
+                    <el-radio
+                      v-for="dict in getIntDictOptions(DICT_TYPE.SYS_STATUS)"
+                      :key="dict.value"
+                      :value="dict.value"
+                    >
+                      {{ dict.label }}
+                    </el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div class="edit-bottom">
+            <div class="edit-left bottom-common">
+              <el-tabs v-model="leftActiveName" class="demo-tabs">
+                <el-tab-pane label="试题描述" name="desc">
+                  <div class="block">
+                    <Editor v-model="formData.content" height="150px" />
+                  </div>
+                </el-tab-pane>
+              </el-tabs>
+            </div>
+            <div class="edit-right bottom-common">
+              <el-tabs v-model="rightActiveName" class="demo-tabs" @tab-click="rightHandleClick">
+                <el-tab-pane label="试题解析" name="analysis">
+                  <div class="block">
+                    <Editor v-model="formData.analysis" height="150px" />
+                  </div>
+                </el-tab-pane>
+                <el-tab-pane label="试题考点" name="answer">
+                  <el-button @click="addPptxInfo">新增</el-button>
+                  <!-- <el-button type="danger">删除</el-button> -->
+                  <div class="block">
+                    <el-table
+                      v-loading="loading"
+                      :data="list"
+                      @selection-change="handleSelectionChange"
+                    >
+                      <!-- <el-table-column type="selection" width="55" /> -->
+                      <el-table-column label="考点" align="center" prop="contentIn" />
+                      <el-table-column label="权值" align="center" prop="scoreRate" />
+                    </el-table>
+                  </div>
+                </el-tab-pane>
+                <!-- <el-tab-pane name="medium">
+                  <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-menu>
+                        </template>
+                      </el-dropdown>
+                    </div>
+                  </template>
+                  <div class="block">
+                    <el-table
+                      :data="mediumList"
+                      style="width: 100%"
+                      @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-tab-pane name="annex">
+                  <template #label>
+                    <div class="custom-tabs-label">
+                      <p>试题附件</p>
+                    </div>
+                  </template>
+                  <!-- 提示 -->
+                  <el-alert type="warning" show-icon :closable="false">
+                    <template #default>
+                      <span>提示：文件名称可默认不设置</span>
+                    </template>
+                  </el-alert>
+                  <div class="block">
+                    <el-table :data="documentList" style="width: 100%">
+                      <el-table-column type="index" label="#" width="50" />
+                      <el-table-column label="文件名称" width="250">
+                        <template #default="scope">
+                          <el-input
+                            v-model="scope.row.fileName"
+                            size="small"
+                            placeholder="请输入文件名称(未输入自动命名)"
+                          />
+                        </template>
+                      </el-table-column>
+                      <el-table-column
+                        prop="fileType"
+                        label="类型"
+                        :formatter="fileTypeFormatter"
+                      />
+                      <el-table-column prop="url" label="地址" width="200">
+                        <template #default="{ row }">
+                          <div
+                            style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
+                            :title="row.url"
+                          >
+                            {{ row.url }}
+                          </div>
+                        </template>
+                      </el-table-column>
+                      <el-table-column label="操作" width="150">
+                        <template #default="scope">
+                          <el-button type="primary" plain @click="openForm(scope.row.fileType)">
+                            <Icon icon="ep:upload" class="mr-5px" /> 上传
+                          </el-button>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </el-tab-pane>
+              </el-tabs>
+            </div>
+          </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>
+  <!-- 表单弹窗：添加/修改 -->
+  <FileForm ref="FileRef" @success="handleUploadSuccess" />
+  <el-dialog v-model="dialogFormVisiblePptxInfo" title="考点设置" width="400px">
+    <el-tree
+      style="max-width: 600px"
+      :data="pptxPointsList"
+      :props="defaultProps"
+      :expand-on-click-node="false"
+      @node-click="handleNodelClick"
+    />
+  </el-dialog>
+  <el-dialog v-model="dialogFormVisiblePptxInfos" :title="titles" width="300px">
+    <el-tree
+      style="max-width: 600px"
+      :data="pptxPointsInfoList"
+      :props="defaultProps"
+      :expand-on-click-node="false"
+      show-checkbox
+      @check-change="handleCheckChange"
+    />
+    <template #footer>
+      <el-button type="primary" @click="submitPptxPoints">确 定</el-button>
+      <el-button @click="dialogFormVisiblePptxInfos = false">取 消</el-button>
+    </template>
+  </el-dialog>
+</template>
+<script lang="ts" setup>
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { FormRules } from 'element-plus'
+import * as QuestionApi from '@/api/paper/question'
+import * as WordApi from '@/api/wps/word'
+import * as PptxApi from '@/api/wps/pptx'
+import FileForm from './components/FileForm.vue'
+import { defaultProps, handleTree } from '@/utils/tree'
+import { cloneDeep } from 'lodash-es'
+
+defineOptions({ name: 'WpsPptxFrom' })
+const pptxPointsList = ref<Tree[]>([]) // 树形结构
+const pptxPointsInfoList = ref<Tree[]>([]) // 树形结构
+
+const list = ref([]) // 列表的数
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+const loading = ref(false) // 列表的加载中
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+  content: '',
+  specialtyName: '',
+  courseName: '',
+  quBankName: '',
+  required: '',
+  chapteridDictText: '',
+  analysis: '',
+  quLevel: '',
+  pointNames: '',
+  audit: '',
+  subjectName: '',
+  status: ' ',
+  resourceValue: '',
+  answerList: [
+    {
+      image: '',
+      content: '',
+      contentIn: '',
+      scoreRate: ''
+    }
+  ],
+  fileUploads: [
+    {
+      quId: '',
+      url: '',
+      fileType: '0',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '1',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '2',
+      fileName: ''
+    }
+  ]
+})
+const pptxPointsFun = ref({
+  chineseName: '',
+  function: ''
+})
+const pptxPoints = ref({
+  name: '',
+  englishName: '',
+  filePath: '',
+  type: '',
+  belongTo: '',
+  isboo: '',
+  function: ''
+})
+let pptxPointsInfosList: (typeof pptxPoints)[] = []
+
+function fileTypeFormatter(row, column, cellValue) {
+  if (cellValue === '0') return '素材文件(上传ZIP)'
+  if (cellValue === '1') return '考试文件'
+  if (cellValue === '2') return '结果文件'
+  return '未知类型'
+}
+const documentList = ref([
+  {
+    quId: '',
+    url: '',
+    fileType: '0',
+    fileName: ''
+  },
+  {
+    quId: '',
+    url: '',
+    fileType: '1',
+    fileName: ''
+  },
+  {
+    quId: '',
+    url: '',
+    fileType: '2',
+    fileName: ''
+  }
+])
+const dialogFormVisiblePptxInfo = ref(false)
+const dialogFormVisiblePptxInfos = ref(false)
+const nodeFunction = ref('')
+const titles = ref('')
+const englishName = ref('')
+const filePath = ref('')
+const upFilePath = ref('')
+
+const functionList = ref<string[]>([])
+const pptxData = reactive({
+  chineseName: '',
+  englishName: '',
+  filePath: '',
+  function: [] as string[]
+})
+
+const handleCheckChange = (data: Tree, checked: boolean, indeterminate: boolean) => {
+  if (data.titleType == '2') {
+    pptxPoints.value.name = chineseName.value + data.toChinese
+    pptxPoints.value.filePath = filePath.value
+    pptxPoints.value.function = nodeFunctions.value + data.nodeFunction
+    pptxPoints.value.englishName = englishNames.value
+    pptxPoints.value.belongTo = data.belongTo
+    pptxPoints.value.isboo = data.isboo
+    pptxPoints.value.type = data.type
+    pptxPointsInfosList.push(cloneDeep(pptxPoints.value))
+  }
+  console.log(data, checked, indeterminate)
+}
+
+const addPptxInfo = async () => {
+  // http://115.120.213.238:9000/exam/9f7d8f5d7c68cc2bfd03a23c19045efe7ba13a4bebeb833abece146908bcd0c6.docx documentList.value[1].url
+  if (documentList.value[2].url == '' || documentList.value[2].url == null) {
+    return
+  }
+  const res = await PptxApi.getPptxInfo(documentList.value[2].url)
+  pptxPointsList.value = []
+  pptxPointsList.value.push(...handleTree(res))
+  dialogFormVisiblePptxInfo.value = true
+}
+const queryParams = reactive({
+  nodeFunction: undefined
+})
+const handleSpecialtyNodeClick = async (row: any) => {
+  titles.value = row.name
+  englishName.value = row.englishName
+  filePath.value = row.filePath
+  nodeFunction.value = row.selectName
+  dialogFormVisiblePptxInfos.value = true
+}
+const chineseName = ref('')
+const nodeFunctions = ref('')
+const englishNames = ref('')
+const handleNodelClick = async (row: any) => {
+  queryParams.nodeFunction = row.selectName
+  chineseName.value = '【' + row.name + '】'
+  filePath.value = row.filePath
+  nodeFunctions.value = row.selectName
+  englishNames.value = row.englishName
+  const res = await PptxApi.getPptxInfos(queryParams)
+  pptxPointsInfoList.value = []
+  pptxPointsInfoList.value.push(...handleTree(res))
+  dialogFormVisiblePptxInfos.value = true
+}
+const submitPptxPoints = async () => {
+  const res = await PptxApi.getPptxListInfos(pptxPointsInfosList)
+  pptxPointsInfosList = []
+  console.log(list.value)
+  for (let i = 0; i < res.length; i++) {
+    list.value.push(res[i])
+  }
+  dialogFormVisiblePptxInfo.value = false
+  dialogFormVisiblePptxInfos.value = false
+}
+const formRules = reactive<FormRules>({
+  status: [{ required: true, message: '启用状态必填', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+// 左侧试题描述
+const leftActiveName = ref('desc')
+// 右侧tab
+const rightActiveName = ref('annex')
+const rightHandleClick = (tab, e) => {
+  rightActiveName.value = tab.paneName.value
+}
+// 关键字
+const selections = ref([])
+const handleSelectionChange = (rows) => {
+  selections.value = rows
+}
+
+/** 添加/修改操作 */
+const FileRef = ref()
+const openForm = (type: string) => {
+  FileRef.value.open(type)
+}
+
+// 媒体文件
+const mediumList = ref([] as any)
+const multipleMediumSelection = ref([] as any)
+const handleMediumSelectionChange = (val: any) => {
+  multipleMediumSelection.value = val
+}
+const fileList = []
+
+const multipleDocumentSelection = ref([] as any)
+const handleDocumentSelectionChange = (val: any) => {
+  multipleDocumentSelection.value = val
+}
+const handleUploadSuccess = ({ url, fileType }) => {
+  const index = documentList.value.findIndex((item) => item.fileType === fileType)
+  if (index !== -1) {
+    documentList.value[index].url = url
+  }
+}
+/** 打开弹窗 */
+const open = async (queryParams: any, type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      const res = await QuestionApi.getQuestion(id)
+      formData.value = res
+      list.value = formData.value.answerList
+      documentList.value = res.fileUploads
+    } finally {
+      formLoading.value = false
+    }
+  } else {
+    resetForm()
+    formData.value.specialtyName = queryParams.specialtyName
+    formData.value.courseName = queryParams.courseName
+    formData.value.subjectName = queryParams.subjectName
+    formData.value.pointNames = queryParams.pointNames
+    formData.value.chapteridDictText = queryParams.chapteridDictText
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  formData.value.answerList = list.value
+  formData.value.fileUploads = documentList.value
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown
+    if (formType.value === 'create') {
+      await QuestionApi.addQuestion(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await QuestionApi.editQuestion(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    content: '',
+    specialtyName: '',
+    courseName: '',
+    quBankName: '',
+    required: '',
+    chapteridDictText: '',
+    analysis: '',
+    quLevel: '',
+    pointNames: '',
+    audit: '',
+    subjectName: '',
+    status: '',
+    resourceValue: '',
+    answerList: [
+      {
+        image: '',
+        content: '',
+        contentIn: '',
+        scoreRate: ''
+      }
+    ],
+    fileUploads: [
+      {
+        quId: '',
+        url: '',
+        fileType: '0',
+        fileName: ''
+      },
+      {
+        quId: '',
+        url: '',
+        fileType: '1',
+        fileName: ''
+      },
+      {
+        quId: '',
+        url: '',
+        fileType: '2',
+        fileName: ''
+      }
+    ]
+  }
+  documentList.value = [
+    {
+      quId: '',
+      url: '',
+      fileType: '0',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '1',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '2',
+      fileName: ''
+    }
+  ]
+  formRef.value?.resetFields()
+}
+</script>
+<style lang="scss" scoped>
+.edit-dialog {
+  :deep(.el-dialog) {
+    display: flex;
+    flex-direction: column;
+    .el-dialog__header {
+      border-bottom: 1px solid #ededed;
+    }
+    .el-dialog__footer {
+      border-top: 1px solid #ededed;
+    }
+    .el-dialog__body {
+      flex: 1;
+      overflow: hidden;
+      .main {
+        .el-form {
+          padding: 10px;
+          .el-row {
+            justify-content: space-between;
+            margin-bottom: 10px;
+          }
+          .el-form-item {
+            width: 100%;
+            margin-bottom: 0;
+            align-items: center;
+          }
+        }
+        .edit-bottom {
+          display: flex;
+          justify-content: space-between;
+          padding-bottom: 10px;
+          .bottom-common {
+            width: calc(50% - 10px);
+            .el-tabs {
+              height: 100%;
+              .el-tabs__content {
+                flex: 1;
+                overflow-y: auto;
+                .block {
+                  width: 100%;
+                  height: 200px;
+                  overflow: auto;
+                }
+                .answer {
+                  .tip {
+                    color: #8a6d3b;
+                    background-color: #fcf8e3;
+                    border-color: #faebcc;
+                    padding: 10px 20px;
+                    display: flex;
+                    align-items: center;
+                    > p {
+                      flex-shrink: 0;
+                    }
+                  }
+                  .el-radio-group {
+                    width: 100%;
+                    display: inline-flex;
+                    align-items: flex-start;
+                    font-size: 0;
+                    flex-direction: column;
+                    .options {
+                      width: 100%;
+                      margin-top: 15px;
+                      .content {
+                        display: flex;
+                        .text {
+                          width: 100%;
+                          height: 70px;
+                          border: 1px solid #ededed;
+                          .el-textarea__inner {
+                            resize: none;
+                          }
+                        }
+                      }
+                      .more-btn {
+                        margin-top: 8px;
+                        background-color: #ffffff;
+                        border-color: #007bff;
+                        color: #007bff;
+                        width: auto;
+                        height: auto;
+                        padding: 10px 10px;
+                      }
+                    }
+                  }
+                }
+              }
+
+              .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: 3px;
+                  display: none;
+                }
+              }
+              .is-active {
+                .custom-tabs-label {
+                  .setting_icon {
+                    display: block;
+                  }
+                }
+              }
+              :deep(.ele-pro-table) {
+                flex: 1;
+                margin-top: 10px;
+                .el-table--fit {
+                  height: 100%;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+:deep(.tox-tinymce) {
+  .tox-statusbar {
+    display: none;
+  }
+}
+
+:deep(.el-table) {
+  .el-table__header-wrapper {
+    .el-table__header {
+      thead {
+        tr {
+          th {
+            background: #ebebeb;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/paper/audit/WpsWordForm.vue b/src/views/paper/audit/WpsWordForm.vue
new file mode 100644
index 0000000..f47316b
--- /dev/null
+++ b/src/views/paper/audit/WpsWordForm.vue
@@ -0,0 +1,755 @@
+<template>
+  <div class="edit-dialog">
+    <Dialog v-model="dialogVisible" :title="dialogTitle" width="85%" top="10vh">
+      <el-scrollbar>
+        <div class="main">
+          <el-form
+            ref="formRef"
+            v-loading="formLoading"
+            :model="formData"
+            :rules="formRules"
+            label-width="80px"
+          >
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="专业" prop="specialtyName">
+                  <el-input v-model="formData.specialtyName" placeholder="请输入专业" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="知识点" prop="pointNames">
+                  <el-input v-model="formData.pointNames" placeholder="请输入知识点" disabled />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="课程" prop="courseName">
+                  <el-input v-model="formData.courseName" placeholder="请输入课程" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="题型难度" prop="quLevel">
+                  <el-select v-model="formData.quLevel" placeholder="请选择题型难度" clearable>
+                    <el-option label="简单" :value="'0'" />
+                    <el-option label="一般" :value="'1'" />
+                    <el-option label="困难" :value="'2'" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="题型" prop="subjectName">
+                  <el-input v-model="formData.subjectName" placeholder="请输入题型" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="章节名称" prop="chapteridDictText">
+                  <el-input
+                    v-model="formData.chapteridDictText"
+                    placeholder="请输入章节名称"
+                    disabled
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="启用状态" prop="status">
+                  <el-radio-group v-model="formData.status">
+                    <el-radio
+                      v-for="dict in getIntDictOptions(DICT_TYPE.SYS_STATUS)"
+                      :key="dict.value"
+                      :value="dict.value"
+                    >
+                      {{ dict.label }}
+                    </el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div class="edit-bottom">
+            <div class="edit-left bottom-common">
+              <el-tabs v-model="leftActiveName" class="demo-tabs">
+                <el-tab-pane label="试题描述" name="desc">
+                  <div class="block">
+                    <Editor v-model="formData.content" height="150px" />
+                  </div>
+                </el-tab-pane>
+              </el-tabs>
+            </div>
+            <div class="edit-right bottom-common">
+              <el-tabs v-model="rightActiveName" class="demo-tabs" @tab-click="rightHandleClick">
+                <el-tab-pane label="试题解析" name="analysis">
+                  <div class="block">
+                    <Editor v-model="formData.analysis" height="150px" />
+                  </div>
+                </el-tab-pane>
+                <el-tab-pane label="试题考点" name="answer">
+                  <el-button @click="addWordInfo">新增</el-button>
+                  <!-- <el-button type="danger">删除</el-button> -->
+                  <div class="block">
+                    <el-table
+                      v-loading="loading"
+                      :data="list"
+                      @selection-change="handleSelectionChange"
+                    >
+                      <!-- <el-table-column type="selection" width="55" /> -->
+                      <el-table-column label="考点" align="center" prop="contentIn" />
+                      <el-table-column label="权值" align="center" prop="scoreRate" />
+                    </el-table>
+                  </div>
+                </el-tab-pane>
+                <!-- <el-tab-pane name="medium">
+                  <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-menu>
+                        </template>
+                      </el-dropdown>
+                    </div>
+                  </template>
+                  <div class="block">
+                    <el-table
+                      :data="mediumList"
+                      style="width: 100%"
+                      @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-tab-pane name="annex">
+                  <template #label>
+                    <div class="custom-tabs-label">
+                      <p>试题附件</p>
+                    </div>
+                  </template>
+                  <!-- 提示 -->
+                  <el-alert type="warning" show-icon :closable="false">
+                    <template #default>
+                      <span>提示：文件名称可默认不设置</span>
+                    </template>
+                  </el-alert>
+                  <div class="block">
+                    <el-table :data="documentList" style="width: 100%">
+                      <el-table-column type="index" label="#" width="50" />
+                      <el-table-column label="文件名称" width="250">
+                        <template #default="scope">
+                          <el-input
+                            v-model="scope.row.fileName"
+                            size="small"
+                            placeholder="请输入文件名称(未输入自动命名)"
+                          />
+                        </template>
+                      </el-table-column>
+                      <el-table-column
+                        prop="fileType"
+                        label="类型"
+                        :formatter="fileTypeFormatter"
+                      />
+                      <el-table-column prop="url" label="地址" width="200">
+                        <template #default="{ row }">
+                          <div
+                            style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
+                            :title="row.url"
+                          >
+                            {{ row.url }}
+                          </div>
+                        </template>
+                      </el-table-column>
+                      <el-table-column label="操作" width="150">
+                        <template #default="scope">
+                          <el-button type="primary" plain @click="openForm(scope.row.fileType)">
+                            <Icon icon="ep:upload" class="mr-5px" /> 上传
+                          </el-button>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </el-tab-pane>
+              </el-tabs>
+            </div>
+          </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>
+  <!-- 表单弹窗：添加/修改 -->
+  <FileForm ref="FileRef" @success="handleUploadSuccess" />
+  <el-dialog v-model="dialogFormVisibleWordInfo" title="考点设置" width="400px">
+    <el-tree
+      style="max-width: 600px"
+      :data="wordPointsList"
+      :props="defaultProps"
+      :expand-on-click-node="false"
+      @node-click="handleNodelClick"
+    />
+  </el-dialog>
+  <el-dialog v-model="dialogFormVisibleWordInfos" :title="titles" width="300px">
+    <el-tree
+      style="max-width: 600px"
+      :data="wordPointsInfoList"
+      :props="defaultProps"
+      :expand-on-click-node="false"
+      show-checkbox
+      @check-change="handleCheckChange"
+    />
+    <template #footer>
+      <el-button type="primary" @click="submitWordPoints">确 定</el-button>
+      <el-button @click="dialogFormVisibleWordInfos = false">取 消</el-button>
+    </template>
+  </el-dialog>
+</template>
+<script lang="ts" setup>
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { FormRules } from 'element-plus'
+import * as QuestionApi from '@/api/paper/question'
+import * as WordApi from '@/api/wps/word'
+import FileForm from './components/FileForm.vue'
+import WordInfo from './components/WordInfo.vue'
+import WordInfos from './components/WordInfos.vue'
+import { defaultProps, handleTree } from '@/utils/tree'
+import { cloneDeep } from 'lodash-es'
+
+defineOptions({ name: 'WpsWordFrom' })
+const wordPointsList = ref<Tree[]>([]) // 树形结构
+const wordPointsInfoList = ref<Tree[]>([]) // 树形结构
+
+const list = ref([]) // 列表的数
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+const loading = ref(false) // 列表的加载中
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+  content: '',
+  specialtyName: '',
+  courseName: '',
+  quBankName: '',
+  required: '',
+  chapteridDictText: '',
+  analysis: '',
+  quLevel: '',
+  pointNames: '',
+  audit: '',
+  subjectName: '',
+  status: ' ',
+  resourceValue: '',
+  answerList: [
+    {
+      image: "",
+      content: "",
+      contentIn: "",
+      scoreRate: "",
+    }
+  ],
+  fileUploads: [
+    {
+      quId: '',
+      url: '',
+      fileType: '0',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '1',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '2',
+      fileName: ''
+    }
+  ]
+})
+const wordPointsFun = ref({
+  chineseName: '',
+  function: ''
+})
+const wordPoints = ref({
+  id: '',
+  chineseName: '',
+  englishName: '',
+  filePath: '',
+  type: '',
+  belongTo: '',
+  parameter: '',
+  function: [] as {
+    chineseName: string
+    function: string
+  }[]
+})
+let wordPointsInfosList: (typeof wordPoints)[] = []
+
+function fileTypeFormatter(row, column, cellValue) {
+  if (cellValue === '0') return '素材文件(上传ZIP)'
+  if (cellValue === '1') return '考试文件'
+  if (cellValue === '2') return '结果文件'
+  return '未知类型'
+}
+const documentList = ref([
+  {
+    quId: '',
+    url: '',
+    fileType: '0',
+    fileName: ''
+  },
+  {
+    quId: '',
+    url: '',
+    fileType: '1',
+    fileName: ''
+  },
+  {
+    quId: '',
+    url: '',
+    fileType: '2',
+    fileName: ''
+  }
+])
+const dialogFormVisibleWordInfo = ref(false)
+const dialogFormVisibleWordInfos = ref(false)
+const nodeFunction = ref('')
+const titles = ref('')
+const englishName = ref('')
+const filePath = ref('')
+const upFilePath = ref('')
+
+const functionList = ref<string[]>([])
+const wordData = reactive({
+  chineseName: '',
+  englishName: '',
+  filePath: '',
+  function: [] as string[]
+})
+
+const handleCheckChange = (data: Tree, checked: boolean, indeterminate: boolean) => {
+  if (checked || indeterminate) {
+    wordPoints.value.belongTo = data.belongTo
+    wordPoints.value.parameter = data.isboo
+    wordPoints.value.type = data.type
+    wordPointsFun.value = {
+      chineseName: '',
+      function: ''
+    }
+    wordPointsFun.value.chineseName = data.name
+    wordPointsFun.value.function = data.nodeFunction
+    wordPoints.value.function.push(cloneDeep(wordPointsFun.value))
+    console.log(wordPoints)
+  }
+  console.log(data, checked, indeterminate)
+}
+
+const addWordInfo = async () => {
+  // http://115.120.213.238:9000/exam/9f7d8f5d7c68cc2bfd03a23c19045efe7ba13a4bebeb833abece146908bcd0c6.docx documentList.value[1].url
+  if (documentList.value[2].url == '' || documentList.value[2].url == null) {
+    return
+  }
+  const res = await WordApi.getWordInfo(documentList.value[2].url)
+  wordPointsList.value = []
+  wordPointsList.value.push(...handleTree(res))
+  dialogFormVisibleWordInfo.value = true
+}
+const queryParams = reactive({
+  nodeFunction: undefined
+})
+const handleSpecialtyNodeClick = async (row: any) => {
+  titles.value = row.name
+  englishName.value = row.englishName
+  filePath.value = row.filePath
+  nodeFunction.value = row.selectName
+  dialogFormVisibleWordInfos.value = true
+}
+
+const handleNodelClick = async (row: any) => {
+  queryParams.nodeFunction = row.selectName
+  wordPoints.value.chineseName = row.name.split(':')[0]
+  wordPoints.value.englishName = row.englishName
+  wordPoints.value.filePath = row.filePath
+  wordPoints.value.id = row.id
+  const res = await WordApi.getWordInfos(queryParams)
+  wordPointsInfoList.value = []
+  wordPointsInfoList.value.push(...handleTree(res))
+  dialogFormVisibleWordInfos.value = true
+}
+const submitWordPoints = async () => {
+  wordPointsInfosList.push(wordPoints.value)
+  const res = await WordApi.getWordListInfos(wordPointsInfosList)
+  wordPoints.value = {
+    id: '',
+    chineseName: '',
+    englishName: '',
+    filePath: '',
+    type: '',
+    belongTo: '',
+    parameter: '',
+    function: []
+  }
+  wordPointsInfosList = []
+  console.log(list.value)
+  for (let i = 0; i < res.length; i++) {
+    list.value.push(res[i])
+  }
+  dialogFormVisibleWordInfo.value = false
+  dialogFormVisibleWordInfos.value = false
+}
+const formRules = reactive<FormRules>({
+  status: [{ required: true, message: '启用状态必填', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+// 左侧试题描述
+const leftActiveName = ref('desc')
+// 右侧tab
+const rightActiveName = ref('annex')
+const rightHandleClick = (tab, e) => {
+  rightActiveName.value = tab.paneName.value
+}
+// 关键字
+const multipleKeywordSelection = ref([] as any)
+const handleKeywordSelectionChange = (val: any) => {
+  multipleKeywordSelection.value = val
+}
+const selections = ref([])
+const handleSelectionChange = (rows) => {
+  selections.value = rows
+}
+const keyWord = ref([null])
+
+/** 添加/修改操作 */
+const FileRef = ref()
+const openForm = (type: string) => {
+  FileRef.value.open(type)
+}
+
+// 媒体文件
+const mediumList = ref([] as any)
+const multipleMediumSelection = ref([] as any)
+const handleMediumSelectionChange = (val: any) => {
+  multipleMediumSelection.value = val
+}
+const fileList = []
+
+const multipleDocumentSelection = ref([] as any)
+const handleDocumentSelectionChange = (val: any) => {
+  multipleDocumentSelection.value = val
+}
+const handleUploadSuccess = ({ url, fileType }) => {
+  const index = documentList.value.findIndex((item) => item.fileType === fileType)
+  if (index !== -1) {
+    documentList.value[index].url = url
+  }
+}
+/** 打开弹窗 */
+const open = async (queryParams: any, type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      const res = await QuestionApi.getQuestion(id)
+      formData.value = res
+      console.log(formData.value)
+      list.value = formData.value.answerList
+      documentList.value = res.fileUploads
+    } finally {
+      formLoading.value = false
+    }
+  } else {
+    resetForm()
+    formData.value.specialtyName = queryParams.specialtyName
+    formData.value.courseName = queryParams.courseName
+    formData.value.subjectName = queryParams.subjectName
+    formData.value.pointNames = queryParams.pointNames
+    formData.value.chapteridDictText = queryParams.chapteridDictText
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+// 转换函数：将大写字母 A-Z 映射为 0-25
+const mappedNumber = computed(() => {
+  const char = radio.value.toUpperCase()
+  const code = char.charCodeAt(0)
+  if (code >= 65 && code <= 90) {
+    return code - 65
+  } else {
+    return '请输入 A-Z 的字母'
+  }
+})
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  formData.value.answerList = list.value
+  formData.value.fileUploads = documentList.value
+  const values = Object.values(formData)
+  console.log(values)
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown
+    if (formType.value === 'create') {
+      await QuestionApi.addQuestion(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await QuestionApi.editQuestion(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    content: '',
+    specialtyName: '',
+    courseName: '',
+    quBankName: '',
+    required: '',
+    chapteridDictText: '',
+    analysis: '',
+    quLevel: '',
+    pointNames: '',
+    audit: '',
+    subjectName: '',
+    status: '',
+    resourceValue: '',
+    answerList: [
+    {
+      image: "",
+      content: "",
+      contentIn: "",
+      scoreRate: "",
+    }
+  ],
+  fileUploads: [
+    {
+      quId: '',
+      url: '',
+      fileType: '0',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '1',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '2',
+      fileName: ''
+    }
+  ]
+  }
+  documentList.value = [
+    {
+      quId: '',
+      url: '',
+      fileType: '0',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '1',
+      fileName: ''
+    },
+    {
+      quId: '',
+      url: '',
+      fileType: '2',
+      fileName: ''
+    }
+  ]
+  formRef.value?.resetFields()
+}
+</script>
+<style lang="scss" scoped>
+.edit-dialog {
+  :deep(.el-dialog) {
+    display: flex;
+    flex-direction: column;
+    .el-dialog__header {
+      border-bottom: 1px solid #ededed;
+    }
+    .el-dialog__footer {
+      border-top: 1px solid #ededed;
+    }
+    .el-dialog__body {
+      flex: 1;
+      overflow: hidden;
+      .main {
+        .el-form {
+          padding: 10px;
+          .el-row {
+            justify-content: space-between;
+            margin-bottom: 10px;
+          }
+          .el-form-item {
+            width: 100%;
+            margin-bottom: 0;
+            align-items: center;
+          }
+        }
+        .edit-bottom {
+          display: flex;
+          justify-content: space-between;
+          padding-bottom: 10px;
+          .bottom-common {
+            width: calc(50% - 10px);
+            .el-tabs {
+              height: 100%;
+              .el-tabs__content {
+                flex: 1;
+                overflow-y: auto;
+                .block {
+                  width: 100%;
+                  height: 200px;
+                  overflow: auto;
+                }
+                .answer {
+                  .tip {
+                    color: #8a6d3b;
+                    background-color: #fcf8e3;
+                    border-color: #faebcc;
+                    padding: 10px 20px;
+                    display: flex;
+                    align-items: center;
+                    > p {
+                      flex-shrink: 0;
+                    }
+                  }
+                  .el-radio-group {
+                    width: 100%;
+                    display: inline-flex;
+                    align-items: flex-start;
+                    font-size: 0;
+                    flex-direction: column;
+                    .options {
+                      width: 100%;
+                      margin-top: 15px;
+                      .content {
+                        display: flex;
+                        .text {
+                          width: 100%;
+                          height: 70px;
+                          border: 1px solid #ededed;
+                          .el-textarea__inner {
+                            resize: none;
+                          }
+                        }
+                      }
+                      .more-btn {
+                        margin-top: 8px;
+                        background-color: #ffffff;
+                        border-color: #007bff;
+                        color: #007bff;
+                        width: auto;
+                        height: auto;
+                        padding: 10px 10px;
+                      }
+                    }
+                  }
+                }
+              }
+
+              .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: 3px;
+                  display: none;
+                }
+              }
+              .is-active {
+                .custom-tabs-label {
+                  .setting_icon {
+                    display: block;
+                  }
+                }
+              }
+              :deep(.ele-pro-table) {
+                flex: 1;
+                margin-top: 10px;
+                .el-table--fit {
+                  height: 100%;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+:deep(.tox-tinymce) {
+  .tox-statusbar {
+    display: none;
+  }
+}
+
+:deep(.el-table) {
+  .el-table__header-wrapper {
+    .el-table__header {
+      thead {
+        tr {
+          th {
+            background: #ebebeb;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/paper/audit/index.vue b/src/views/paper/audit/index.vue
index a5f0641..3416554 100644
--- a/src/views/paper/audit/index.vue
+++ b/src/views/paper/audit/index.vue
@@ -301,6 +301,10 @@
   <BdesignForm ref="bformRef" @success="getList" />
 
   <FdesignForm ref="fformRef" @success="getList" />
+
+
+  <WpsWordForm ref="wformRef" @success="getList" />
+  <WpsPptxForm ref="pformRef" @success="getList" />
 </template>
 <script lang="ts" setup>
 import { dateFormatter } from '@/utils/formatTime'
@@ -314,6 +318,8 @@ import CdesignForm from './CdesignForm.vue'
 import MdesignForm from './MysqlForm.vue'
 import BdesignForm from './BrowerForm.vue'
 import FdesignForm from './FileForm.vue'
+import WpsWordForm from './WpsWordForm.vue'
+import WpsPptxForm from './WpsPptxForm.vue'
 import UserImportForm from './UserImportForm.vue'
 import UserAssignRoleForm from './UserAssignRoleForm.vue'
 import {handleTree} from "@/utils/tree";
@@ -636,6 +642,7 @@ const mformRef = ref()
 const bformRef = ref()
 const fformRef = ref()
 const wformRef = ref()
+const pformRef = ref()
 const openForm = (type: string, row: any) => {
   console.log(row.subjectName+"subjectName");
   if (row.subjectName == "") {
@@ -655,7 +662,9 @@ const openForm = (type: string, row: any) => {
        fformRef.value.open(queryParams,type, row.quId)
   } else if (row.subjectName.includes("文字")){
        wformRef.value.open(queryParams,type, row.quId)
-  }
+  }else if (row.subjectName.includes("演示")){
+         pformRef.value.open(queryParams,type,row.id)
+    }
 }
 
 /** 用户导入 */
diff --git a/src/views/task/exam/components/task-edit.vue b/src/views/task/exam/components/task-edit.vue
index fa3df6b..767a20f 100644
--- a/src/views/task/exam/components/task-edit.vue
+++ b/src/views/task/exam/components/task-edit.vue
@@ -22,6 +22,17 @@
           </template>
         </el-steps>
 
+
+        <!-- 左右切换箭头按钮 -->
+        <div style="text-align: center; margin-top: 15px;">
+          <el-button :disabled="activeStep === 0" @click="prevStep">
+            ← 上一步
+          </el-button>
+          <el-button :disabled="activeStep === stepTitles.length - 1" @click="nextStep">
+            下一步 →
+          </el-button>
+        </div>
+
         <div style="margin-top: 30px;">
           <component
             :is="currentComponent"