From bf1b8f2b9f7c32b3fad8e80c2867ef9b624b66be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=BB=B4=E7=82=B3?= <dla.ren@outlook.com>
Date: Thu, 24 Apr 2025 17:50:03 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91=E8=AF=95?=
 =?UTF-8?q?=E9=A2=98=E9=A1=B5=E9=9D=A2=EF=BC=88=E6=AE=8B=E7=BC=BA=EF=BC=89?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/paper/question/index.ts               |  27 +
 src/api/system/user/index.ts                  |   6 +-
 src/assets/icon/add.png                       | Bin 0 -> 1888 bytes
 src/assets/icon/delete.png                    | Bin 0 -> 2662 bytes
 src/assets/icon/edit.png                      | Bin 0 -> 3678 bytes
 src/assets/icon/more_blue.png                 | Bin 0 -> 3166 bytes
 src/assets/icon/prompt.png                    | Bin 0 -> 5600 bytes
 src/assets/icon/refresh.png                   | Bin 0 -> 4943 bytes
 src/assets/icon/search.png                    | Bin 0 -> 5079 bytes
 src/assets/icon/search_blue.png               | Bin 0 -> 5368 bytes
 src/assets/icon/setting.png                   | Bin 0 -> 8481 bytes
 src/assets/icon/setting_blue.png              | Bin 0 -> 7346 bytes
 src/views/paper/question/CdesignForm.vue      | 174 +++++
 src/views/paper/question/ChoiceForm.vue       | 603 ++++++++++++++++++
 src/views/paper/question/DeptTree.vue         |  63 ++
 src/views/paper/question/SpecialtyTree.vue    |  62 ++
 .../paper/question/UserAssignRoleForm.vue     |  96 +++
 src/views/paper/question/UserImportForm.vue   | 138 ++++
 .../paper/question/components/el-textarea.vue | 101 +++
 src/views/paper/question/index.vue            | 456 +++++++++++++
 20 files changed, 1724 insertions(+), 2 deletions(-)
 create mode 100644 src/api/paper/question/index.ts
 create mode 100644 src/assets/icon/add.png
 create mode 100644 src/assets/icon/delete.png
 create mode 100644 src/assets/icon/edit.png
 create mode 100644 src/assets/icon/more_blue.png
 create mode 100644 src/assets/icon/prompt.png
 create mode 100644 src/assets/icon/refresh.png
 create mode 100644 src/assets/icon/search.png
 create mode 100644 src/assets/icon/search_blue.png
 create mode 100644 src/assets/icon/setting.png
 create mode 100644 src/assets/icon/setting_blue.png
 create mode 100644 src/views/paper/question/CdesignForm.vue
 create mode 100644 src/views/paper/question/ChoiceForm.vue
 create mode 100644 src/views/paper/question/DeptTree.vue
 create mode 100644 src/views/paper/question/SpecialtyTree.vue
 create mode 100644 src/views/paper/question/UserAssignRoleForm.vue
 create mode 100644 src/views/paper/question/UserImportForm.vue
 create mode 100644 src/views/paper/question/components/el-textarea.vue
 create mode 100644 src/views/paper/question/index.vue

diff --git a/src/api/paper/question/index.ts b/src/api/paper/question/index.ts
new file mode 100644
index 0000000..24900f7
--- /dev/null
+++ b/src/api/paper/question/index.ts
@@ -0,0 +1,27 @@
+import request from '@/config/axios'
+export interface QuestionQueryVO {
+  specialtyName: string
+  courseName: string
+  subjectName: string
+}
+
+// 查询用户管理列表
+export const getQuestionList = (params: QuestionQueryVO) => {
+  return request.get({ url: '/exam/question/list', params })
+}
+// 获取试题详情
+export const getQuestion = (id: number) => {
+  return request.get({ url: '/exam/question/' + id })
+}
+
+
+// 获取题库列表
+export const getBankList = () => {
+  return request.get({ url: '/exam/bank/list' })
+}
+
+// 删除试题
+export const removeQuestion = (ids: string[]) => {
+  return request.delete({ url: '/exam/question/' + ids})
+}
+
diff --git a/src/api/system/user/index.ts b/src/api/system/user/index.ts
index 9aea976..9ac5b87 100644
--- a/src/api/system/user/index.ts
+++ b/src/api/system/user/index.ts
@@ -37,7 +37,6 @@ export const getUser = (id: number) => {
 export const getTeacherUser = (id: number) => {
   return request.get({ url: '/system/user/getByThId?id=' + id })
 }
-
 // 新增用户
 export const createUser = (data: UserVO) => {
   return request.post({ url: '/system/user/create', data })
@@ -64,7 +63,10 @@ export const updateStudent = (data: UserVO) => {
 export const updateTeacher = (data: UserVO) => {
   return request.put({ url: '/system/user/updateTeacher', data })
 }
-
+// 通过账号类型判断专业授权等信息
+export const getSpecialtyByUserId = () => {
+  return request.get({ url: '/system/user/getSpeciatListByUser' })
+}
 
 // 删除用户
 export const deleteUser = (id: number) => {
diff --git a/src/assets/icon/add.png b/src/assets/icon/add.png
new file mode 100644
index 0000000000000000000000000000000000000000..e56e2b18712e6a4e20d727ddfb5ef845bf74190c
GIT binary patch
literal 1888
zcmeAS@N?(olHy`uVBq!ia0vp^CqS5k4M?tyST_$yF%}28J29*~C-ahlfnCbe#WAEJ
z?(Lnxyckyomy4Cw%~L0?>3MVJgwT8ym(N<}W#>PdUw&$5yL6J$%-0Xw85-Yn#pG}Z
z{Mgsf^rKARM<bA`5(p5u&&YJ1Gh)K?J2kIdSwx<=%H1-ZFC0KEzDm`L?c2BSpB{L<
z^zTla^O65`7bsjbe|*2`k73vEWeUnC|695_N<D9Ha=GwWf>pA)?!5(T=Yr#gTt;l6
z6F5w|0w-|Xg2_dV3XFya$;n}7>;zy6v|n`p>*nKszE;?Th259yKYsl@U(la_*Gu<C
z+y33Gabo)M#~=UwsN<+HX<QE!thb;4FH+>mUYYH6oy+U1<yAf;H|k$6y&Dz9`cc$6
z(!tTMF1CC(Fez{6lr7lQ&@|`Iu6Je851d7g>`%H|=g$5|sgeKV`UtL1-Er49Zf6yF
zVz!XkPb^@<<oN4%^SCum<T|m>(OICNzJJ~ByFlUFEqoTZ40UkK6SjJg!pLg*v-IxU
zZ4FI#)JhJVWRhQ`uzLSyyPpg1y?>T}ss1qc|8M&}|MQmrn=<j=cKi9CZpv-{|KwY7
z-0uHtMVFYzt7x5Y`lx;`V8VQdUk(2|n_T)ADF}YCaC1Di;J&q=qtc7Qo~9m0Q5B}%
zBoURSZ7?~pQGwC$ASF52M@-N^z2fz*WzTi%w@*G7G+}bw<=AITTt@1p4?LN;iY{gE
zIvwNS_-qNEjVCY{Rr!|B1ZIahR~pqhHBNZ0f2mi@$U1Yf)dv+|dVgtpH&t(eLU9oL
zJQZMG*}H7_8CH=LzgGt)1FNYe*Gs1FY-l>;DO)iKnE$@adS@gaFu`&qv%k;}_WRu)
W-)7!i?+UCk89ZJ6T-G@yGywn!5CKjA

literal 0
HcmV?d00001

diff --git a/src/assets/icon/delete.png b/src/assets/icon/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..d482172dbd086fe8554e967b1240ab21b8bb4e81
GIT binary patch
literal 2662
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
K9EQZf5B)pYFk^!N

literal 0
HcmV?d00001

diff --git a/src/assets/icon/edit.png b/src/assets/icon/edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..80a6cd4d99588ba3c0fd2be154abacff4fcc971e
GIT binary patch
literal 3678
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
O0Og#y(IbP4^#1~4rJRKT

literal 0
HcmV?d00001

diff --git a/src/assets/icon/more_blue.png b/src/assets/icon/more_blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..a96b91c57dd28ddc4db495b9f83d8ee97f5085fd
GIT binary patch
literal 3166
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
E0eBao1^@s6

literal 0
HcmV?d00001

diff --git a/src/assets/icon/prompt.png b/src/assets/icon/prompt.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8fdd6e17c04dbb4ecf38c65648bba3dee7fb053
GIT binary patch
literal 5600
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

literal 0
HcmV?d00001

diff --git a/src/assets/icon/refresh.png b/src/assets/icon/refresh.png
new file mode 100644
index 0000000000000000000000000000000000000000..2892ee5c39c656263b8b1af962dc4d3c90d3f2c8
GIT binary patch
literal 4943
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

literal 0
HcmV?d00001

diff --git a/src/assets/icon/search.png b/src/assets/icon/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..321b08c6f95401fa6aa6696bd34bb4e256ed4bfe
GIT binary patch
literal 5079
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
V$F(K$|26CY@Un^Ct4of={{gbnN1p%y

literal 0
HcmV?d00001

diff --git a/src/assets/icon/search_blue.png b/src/assets/icon/search_blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4945e7526606cf8b17d0c514a653e175c7c3488
GIT binary patch
literal 5368
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
XfhWt4u}C0FnE-tq6Ya)(F3<l5EE*bA

literal 0
HcmV?d00001

diff --git a/src/assets/icon/setting.png b/src/assets/icon/setting.png
new file mode 100644
index 0000000000000000000000000000000000000000..01710762a904e43ef4b8e5eb364d93d26568067d
GIT binary patch
literal 8481
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
O0qV-yN>z$hZ~h0{CEA|=

literal 0
HcmV?d00001

diff --git a/src/assets/icon/setting_blue.png b/src/assets/icon/setting_blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac07caa1ac6095298b8ffb386d2d76c6618f9436
GIT binary patch
literal 7346
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
Mme-K`Dq|M%KNK|Dj{pDw

literal 0
HcmV?d00001

diff --git a/src/views/paper/question/CdesignForm.vue b/src/views/paper/question/CdesignForm.vue
new file mode 100644
index 0000000..d7b033c
--- /dev/null
+++ b/src/views/paper/question/CdesignForm.vue
@@ -0,0 +1,174 @@
+<template>
+  <Dialog
+          v-model="dialogVisible"
+          :title="dialogTitle"
+          width="70%"
+          top="10vh">
+    <el-scrollbar height="600px">
+      <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>
+            <div class="block">
+              <Editor v-model="content" height="150px" />
+            </div>
+          </div>
+          <div class="line">
+            <div>答题程序模板</div>
+            <ElTextarea v-model="textarea" :rows="4" />
+          </div>
+          <div class="line">
+            <div class="title-text">基本信息</div>
+            <el-form
+                label-width="80"
+                :inline="false"
+                :model="formData"
+                class="demo-form-inline"
+            >
+              <el-form-item label="知识点">
+                <el-input
+                    disabled
+                    placeholder="请输入知识点"
+                    size="large"
+                />
+              </el-form-item>
+              <el-form-item label="试题版本">
+                <p>测试测试</p>
+              </el-form-item>
+              <el-form-item label="来源">
+                <p>测试测试</p>
+              </el-form-item>
+              <el-form-item label="创建人">
+                <p>测试测试</p>
+              </el-form-item>
+              <el-form-item label="创建时间">
+                <p>测试测试</p>
+              </el-form-item>
+              <el-form-item label="修改人">
+                <p>测试测试</p>
+              </el-form-item>
+              <el-form-item label="修改时间">
+                <p>测试测试</p>
+              </el-form-item>
+            </el-form>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </el-scrollbar>
+    <template #footer>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script lang="ts" setup>
+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 * as PostApi from '@/api/system/post'
+import * as DeptApi from '@/api/system/dept'
+import * as UserApi from '@/api/system/user'
+import { FormRules } from 'element-plus'
+
+defineOptions({ name: 'SystemUserForm' })
+
+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({
+  content: '',
+  specialtyName: '',
+  courseName: '',
+  quBankName: '',
+  required: '',
+  chapteridDictText: '',
+  analysis: ''
+})
+const formRules = reactive<FormRules>({
+  specialtyName: [{ required: true, message: '用户名称不能为空', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+const deptList = ref<Tree[]>([]) // 树形结构
+const postList = ref([] as PostApi.PostVO[]) // 岗位列表
+/** 页面内容开始 */
+const activeName = ref('common');
+const content = ref('');
+const textarea = ref('');
+
+const handleClick = (tab, e) => {
+  activeName.value = tab.paneName.value;
+};
+/** 页面内容结束 */
+
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      formData.value = await UserApi.getUser(id)
+    } finally {
+      formLoading.value = false
+    }
+  }
+  // 加载部门树
+  deptList.value = handleTree(await DeptApi.getSimpleDeptList())
+  // 加载岗位列表
+  postList.value = await PostApi.getSimplePostList()
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  console.log(textarea.value)
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown as UserApi.UserVO
+    if (formType.value === 'create') {
+      await UserApi.createUser(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await UserApi.updateUser(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: ''
+  }
+  formRef.value?.resetFields()
+}
+</script>
diff --git a/src/views/paper/question/ChoiceForm.vue b/src/views/paper/question/ChoiceForm.vue
new file mode 100644
index 0000000..8a5dc0f
--- /dev/null
+++ b/src/views/paper/question/ChoiceForm.vue
@@ -0,0 +1,603 @@
+<template>
+  <Dialog
+          v-model="dialogVisible"
+          :title="dialogTitle"
+          width="70%"
+          top="10vh">
+    <el-scrollbar height="700px">
+      <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="请输入专业" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="试题名称" prop="quBankName">
+                <el-input v-model="formData.quBankName" placeholder="请输入专业" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="题库" prop="required">
+                <el-input v-model="formData.required" placeholder="请输入手机题库" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="章节名称" prop="chapteridDictText">
+                <el-input v-model="formData.chapteridDictText" placeholder="请输入章节名称" />
+              </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="请输入课程" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <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 class="answer" label="试题答案" name="answer">
+              <div class="block">
+                <div class="tip">
+                  <p>答案设置&nbsp;&nbsp;|&nbsp;选项数：</p>
+                  <el-select
+                      v-model="optionNumVal"
+                      class="m-2"
+                      placeholder="Select"
+                      size="large"
+                      style="width: 30%"
+                  >
+                    <el-option
+                        v-for="item in optionNumber"
+                        :key="item"
+                        :label="item"
+                        :value="item"
+                    />
+                  </el-select>
+                </div>
+                <el-radio-group v-model="radio">
+                  <div
+                      class="options"
+                      v-for="item in optionNumVal"
+                      :key="item"
+                  >
+                    <div class="content">
+                      <el-radio :label="String.fromCharCode(64 + item)">
+                        {{ String.fromCharCode(64 + item) }}
+                      </el-radio>
+                      <el-input
+                          class="text"
+                          v-model="optionsContent[item]"
+                          :rows="3"
+                          type="textarea"
+                          placeholder="请输入答案内容"
+                      />
+                    </div>
+                    <!-- <el-button class="more-btn" @click="moreEdit">更多…</el-button> -->
+                  </div>
+                </el-radio-group>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="试题解析" name="analysis">
+              <div class="block">
+                <Editor v-model="formData.analysis" height="150px" />
+              </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
+                    ref="keywordTableRef"
+                    row-key="id"
+                    :columns="keywordColumns"
+                    :datasource="keywordList"
+                    :toolbar="false"
+                    :show-overflow-tooltip="true"
+                    highlight-current-row
+                    style="width: 100%"
+                />
+                <el-dialog
+                    v-model="keyVisible"
+                    title="编辑关键字"
+                    width="50%"
+                    :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">
+                      <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="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
+                    ref="mediumTableRef"
+                    row-key="id"
+                    :columns="mediumColumns"
+                    :datasource="mediumList"
+                    :toolbar="false"
+                    :show-overflow-tooltip="true"
+                    highlight-current-row
+                    style="width: 100%"
+                />
+              </div>
+            </el-tab-pane>
+            <el-tab-pane name="annex">
+              <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-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
+                    ref="annexTableRef"
+                    row-key="id"
+                    :columns="annexColumns"
+                    :datasource="annexList"
+                    :toolbar="false"
+                    :show-overflow-tooltip="true"
+                    highlight-current-row
+                    style="width: 100%"
+                />
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </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>
+</template>
+<script lang="ts" setup>
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { CommonStatusEnum } from '@/utils/constants'
+import { defaultProps, handleTree } from '@/utils/tree'
+import * as PostApi from '@/api/system/post'
+import * as DeptApi from '@/api/system/dept'
+import * as UserApi from '@/api/system/user'
+import { FormRules } from 'element-plus'
+
+defineOptions({ name: 'SystemUserForm' })
+
+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({
+  content: '',
+  specialtyName: '',
+  courseName: '',
+  quBankName: '',
+  required: '',
+  chapteridDictText: '',
+  analysis: ''
+})
+const formRules = reactive<FormRules>({
+  specialtyName: [{ required: true, message: '用户名称不能为空', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+const deptList = ref<Tree[]>([]) // 树形结构
+const postList = ref([] as PostApi.PostVO[]) // 岗位列表
+// 左侧试题描述
+const leftActiveName = ref('desc');
+// 右侧tab
+const rightActiveName = ref('answer');
+const rightHandleClick = (tab, e) => {
+  rightActiveName.value = tab.paneName.value;
+};
+const optionNumVal = ref(4);
+const optionNumber = ref(26);
+const radio = ref('A');
+const keyEditType = ref('');
+const keyVisible = ref(false);
+const keyWord = ref([null]);
+const annexList = ref([]);
+const fileList = [];
+const mediumList = ref([]);
+
+const keywordList = ref([]);
+// 保留选项的值
+const optionsContent = reactive({});
+const editKeyword = (key) => {
+  keyEditType.value = key;
+  keyVisible.value = true;
+};
+
+// 关键字
+const keywordColumns = computed(() => {
+  return [
+    {
+      type: 'index',
+      columnKey: 'index',
+      width: 55,
+      align: 'center',
+      showOverflowTooltip: false
+    },
+    {
+      prop: 'keyword',
+      label: '关键字',
+      align: 'left',
+      showOverflowTooltip: true
+    }
+  ];
+});
+// 试题附件
+const annexColumns = computed(() => {
+  return [
+    {
+      type: 'index',
+      columnKey: 'index',
+      width: 55,
+      align: 'center',
+      showOverflowTooltip: false
+    },
+    {
+      prop: 'name',
+      label: '附件',
+      align: 'left',
+      showOverflowTooltip: true
+    },
+    {
+      prop: 'size',
+      label: '大小',
+      align: 'center',
+      width: 55,
+      showOverflowTooltip: false
+    }
+  ];
+});
+// 媒体文件
+const mediumColumns = computed(() => {
+  return [
+    {
+      type: 'index',
+      columnKey: 'index',
+      width: 55,
+      align: 'center',
+      showOverflowTooltip: false
+    },
+    {
+      prop: 'type',
+      label: '媒体类型',
+      align: 'center',
+      width: 80,
+      showOverflowTooltip: false
+    },
+    {
+      prop: 'title',
+      label: '标题',
+      align: 'left',
+      showOverflowTooltip: true
+    },
+    {
+      prop: 'displayIndex',
+      label: '显示序号',
+      align: 'center',
+      showOverflowTooltip: false
+    },
+    {
+      prop: 'size',
+      label: '大小',
+      align: 'center',
+      showOverflowTooltip: false
+    }
+  ];
+});
+const confirmKeyDialogVisible = () => {
+  if (keyEditType.value === 'create') {
+    keywordList.value.push({
+      keyword: keyWord.value
+    });
+  }
+
+  keyVisible.value = false;
+};
+
+const keyDialogClose = () => {
+  keyVisible.value = false;
+};
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      formData.value = await UserApi.getUser(id)
+    } finally {
+      formLoading.value = false
+    }
+  }
+  // 加载部门树
+  deptList.value = handleTree(await DeptApi.getSimpleDeptList())
+  // 加载岗位列表
+  postList.value = await PostApi.getSimplePostList()
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown as UserApi.UserVO
+    if (formType.value === 'create') {
+      await UserApi.createUser(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await UserApi.updateUser(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: ''
+  }
+  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;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/paper/question/DeptTree.vue b/src/views/paper/question/DeptTree.vue
new file mode 100644
index 0000000..ab8ba06
--- /dev/null
+++ b/src/views/paper/question/DeptTree.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="head-container">
+    <el-input v-model="deptName" class="mb-20px" clearable placeholder="请输入部门名称">
+      <template #prefix>
+        <Icon icon="ep:search" />
+      </template>
+    </el-input>
+  </div>
+  <div class="head-container">
+    <el-tree
+      ref="treeRef"
+      :data="deptList"
+      :expand-on-click-node="false"
+      :filter-node-method="filterNode"
+      :props="defaultProps"
+      default-expand-all
+      highlight-current
+      node-key="id"
+      @node-click="handleNodeClick"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ElTree } from 'element-plus'
+import * as DeptApi from '@/api/system/dept'
+import { defaultProps, handleTree } from '@/utils/tree'
+
+defineOptions({ name: 'SystemUserDeptTree' })
+
+const deptName = ref('')
+const deptList = ref<Tree[]>([]) // 树形结构
+const treeRef = ref<InstanceType<typeof ElTree>>()
+
+/** 获得部门树 */
+const getTree = async () => {
+  const res = await DeptApi.getSimpleDeptList()
+  deptList.value = []
+  deptList.value.push(...handleTree(res))
+}
+
+/** 基于名字过滤 */
+const filterNode = (name: string, data: Tree) => {
+  if (!name) return true
+  return data.name.includes(name)
+}
+
+/** 处理部门被点击 */
+const handleNodeClick = async (row: { [key: string]: any }) => {
+  emits('node-click', row)
+}
+const emits = defineEmits(['node-click'])
+
+/** 监听deptName */
+watch(deptName, (val) => {
+  treeRef.value!.filter(val)
+})
+
+/** 初始化 */
+onMounted(async () => {
+  await getTree()
+})
+</script>
diff --git a/src/views/paper/question/SpecialtyTree.vue b/src/views/paper/question/SpecialtyTree.vue
new file mode 100644
index 0000000..7daeeea
--- /dev/null
+++ b/src/views/paper/question/SpecialtyTree.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="head-container">
+    <el-input v-model="deptName" class="mb-20px" clearable placeholder="请输入专业名称">
+      <template #prefix>
+        <Icon icon="ep:search" />
+      </template>
+    </el-input>
+  </div>
+  <div class="head-container">
+    <el-tree
+      ref="treeRef"
+      :data="specialtyList"
+      :expand-on-click-node="false"
+      :filter-node-method="filterNode"
+      :props="defaultProps"
+      default-expand-all
+      highlight-current
+      node-key="id"
+      @node-click="handleNodeClick"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ElTree } from 'element-plus'
+import * as UserApi from '@/api/system/user'
+import { defaultProps, handleTree } from '@/utils/tree'
+
+defineOptions({ name: 'PaperQuestionSpecialtyTree' })
+
+const deptName = ref('')
+const specialtyList = ref<Tree[]>([]) // 树形结构
+const treeRef = ref<InstanceType<typeof ElTree>>()
+/** 获得部门树 */
+const getTree = async () => {
+  const res = await UserApi.getSpecialtyByUserId()
+  specialtyList.value = []
+  specialtyList.value.push(...handleTree(res))
+}
+
+/** 基于名字过滤 */
+const filterNode = (name: string, data: Tree) => {
+  if (!name) return true
+  return data.name.includes(name)
+}
+
+/** 处理部门被点击 */
+const handleNodeClick = async (row: { [key: string]: any }) => {
+  emits('node-click', row)
+}
+const emits = defineEmits(['node-click'])
+
+/** 监听deptName */
+watch(deptName, (val) => {
+  treeRef.value!.filter(val)
+})
+
+/** 初始化 */
+onMounted(async () => {
+  await getTree()
+})
+</script>
diff --git a/src/views/paper/question/UserAssignRoleForm.vue b/src/views/paper/question/UserAssignRoleForm.vue
new file mode 100644
index 0000000..67a5ddb
--- /dev/null
+++ b/src/views/paper/question/UserAssignRoleForm.vue
@@ -0,0 +1,96 @@
+<template>
+  <Dialog v-model="dialogVisible" title="分配角色">
+    <el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px">
+      <el-form-item label="用户名称">
+        <el-input v-model="formData.username" :disabled="true" />
+      </el-form-item>
+      <el-form-item label="用户昵称">
+        <el-input v-model="formData.nickname" :disabled="true" />
+      </el-form-item>
+      <el-form-item label="角色">
+        <el-select v-model="formData.roleIds" multiple placeholder="请选择角色">
+          <el-option v-for="item in roleList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script lang="ts" setup>
+import * as PermissionApi from '@/api/system/permission'
+import * as UserApi from '@/api/system/user'
+import * as RoleApi from '@/api/system/role'
+
+defineOptions({ name: 'SystemUserAssignRoleForm' })
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formData = ref({
+  id: -1,
+  nickname: '',
+  username: '',
+  roleIds: []
+})
+const formRef = ref() // 表单 Ref
+const roleList = ref([] as RoleApi.RoleVO[]) // 角色的列表
+
+/** 打开弹窗 */
+const open = async (row: UserApi.UserVO) => {
+  dialogVisible.value = true
+  resetForm()
+  // 设置数据
+  formData.value.id = row.id
+  formData.value.username = row.username
+  formData.value.nickname = row.nickname
+  // 获得角色拥有的菜单集合
+  formLoading.value = true
+  try {
+    formData.value.roleIds = await PermissionApi.getUserRoleList(row.id)
+  } finally {
+    formLoading.value = false
+  }
+  // 获得角色列表
+  roleList.value = await RoleApi.getSimpleRoleList()
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    await PermissionApi.assignUserRole({
+      userId: formData.value.id,
+      roleIds: formData.value.roleIds
+    })
+    message.success(t('common.updateSuccess'))
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success', true)
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: -1,
+    nickname: '',
+    username: '',
+    roleIds: []
+  }
+  formRef.value?.resetFields()
+}
+</script>
diff --git a/src/views/paper/question/UserImportForm.vue b/src/views/paper/question/UserImportForm.vue
new file mode 100644
index 0000000..87eaea9
--- /dev/null
+++ b/src/views/paper/question/UserImportForm.vue
@@ -0,0 +1,138 @@
+<template>
+  <Dialog v-model="dialogVisible" title="用户导入" width="400">
+    <el-upload
+      ref="uploadRef"
+      v-model:file-list="fileList"
+      :action="importUrl + '?updateSupport=' + updateSupport"
+      :auto-upload="false"
+      :disabled="formLoading"
+      :headers="uploadHeaders"
+      :limit="1"
+      :on-error="submitFormError"
+      :on-exceed="handleExceed"
+      :on-success="submitFormSuccess"
+      accept=".xlsx, .xls"
+      drag
+    >
+      <Icon icon="ep:upload" />
+      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+      <template #tip>
+        <div class="el-upload__tip text-center">
+          <div class="el-upload__tip">
+            <el-checkbox v-model="updateSupport" />
+            是否更新已经存在的用户数据
+          </div>
+          <span>仅允许导入 xls、xlsx 格式文件。</span>
+          <el-link
+            :underline="false"
+            style="font-size: 12px; vertical-align: baseline"
+            type="primary"
+            @click="importTemplate"
+          >
+            下载模板
+          </el-link>
+        </div>
+      </template>
+    </el-upload>
+    <template #footer>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script lang="ts" setup>
+import * as UserApi from '@/api/system/user'
+import { getAccessToken, getTenantId } from '@/utils/auth'
+import download from '@/utils/download'
+
+defineOptions({ name: 'SystemUserImportForm' })
+
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const formLoading = ref(false) // 表单的加载中
+const uploadRef = ref()
+const importUrl =
+  import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_URL + '/system/student/import'
+const uploadHeaders = ref() // 上传 Header 头
+const fileList = ref([]) // 文件列表
+const updateSupport = ref(0) // 是否更新已经存在的用户数据
+
+/** 打开弹窗 */
+const open = () => {
+  dialogVisible.value = true
+  updateSupport.value = 0
+  fileList.value = []
+  resetForm()
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const submitForm = async () => {
+  if (fileList.value.length == 0) {
+    message.error('请上传文件')
+    return
+  }
+  // 提交请求
+  uploadHeaders.value = {
+    Authorization: 'Bearer ' + getAccessToken(),
+    'tenant-id': getTenantId()
+  }
+  formLoading.value = true
+  uploadRef.value!.submit()
+}
+
+/** 文件上传成功 */
+const emits = defineEmits(['success'])
+const submitFormSuccess = (response: any) => {
+  if (response.code !== 0) {
+    message.error(response.msg)
+    formLoading.value = false
+    return
+  }
+  // 拼接提示语
+  const data = response.data
+  let text = '上传成功数量：' + data.createUsernames.length + ';'
+  for (let username of data.createUsernames) {
+    text += '< ' + username + ' >'
+  }
+  text += '更新成功数量：' + data.updateUsernames.length + ';'
+  for (const username of data.updateUsernames) {
+    text += '< ' + username + ' >'
+  }
+  text += '更新失败数量：' + Object.keys(data.failureUsernames).length + ';'
+  for (const username in data.failureUsernames) {
+    text += '< ' + username + ': ' + data.failureUsernames[username] + ' >'
+  }
+  message.alert(text)
+  formLoading.value = false
+  dialogVisible.value = false
+  // 发送操作成功的事件
+  emits('success')
+}
+
+/** 上传错误提示 */
+const submitFormError = (): void => {
+  message.error('上传失败，请您重新上传！')
+  formLoading.value = false
+}
+
+/** 重置表单 */
+const resetForm = async (): Promise<void> => {
+  // 重置上传状态和文件
+  formLoading.value = false
+  await nextTick()
+  uploadRef.value?.clearFiles()
+}
+
+/** 文件数超出提示 */
+const handleExceed = (): void => {
+  message.error('最多只能上传一个文件！')
+}
+
+/** 下载模板操作 */
+const importTemplate = async () => {
+  const res = await UserApi.importUserTemplate()
+  download.excel(res, '用户导入模版.xls')
+}
+</script>
diff --git a/src/views/paper/question/components/el-textarea.vue b/src/views/paper/question/components/el-textarea.vue
new file mode 100644
index 0000000..49cb511
--- /dev/null
+++ b/src/views/paper/question/components/el-textarea.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="el-textarea line-number-textarea">
+    <div class="line-numbers" :style="{ paddingTop: paddingTop + 'px' }">
+      <div v-for="n in lineCount" :key="n">{{ n }}</div>
+    </div>
+    <textarea
+        class="el-textarea__inner"
+        :class="{ 'is-disabled': disabled }"
+        :placeholder="placeholder"
+        :maxlength="maxlength"
+        :rows="rows"
+        :disabled="disabled"
+        v-model="localValue"
+        @input="onInput"
+    ></textarea>
+    <span v-if="showWordLimit" class="el-input__count">
+      {{ localValue.length }} / {{ maxlength }}
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch, defineProps, defineEmits } from 'vue'
+
+const props = defineProps({
+  modelValue: String,
+  placeholder: String,
+  rows: {
+    type: Number,
+    default: 5
+  },
+  maxlength: {
+    type: Number,
+    default: 1024
+  },
+  disabled: Boolean,
+  showWordLimit: Boolean
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const localValue = ref(props.modelValue ?? '')
+const lineCount = computed(() => localValue.value.split('\n').length)
+const paddingTop = computed(() => props.rows * 1.5 > lineCount.value ? 8 : 0)
+
+const onInput = (e: Event) => {
+  const val = (e.target as HTMLTextAreaElement).value
+  localValue.value = val
+  emit('update:modelValue', val)
+}
+
+watch(() => props.modelValue, (val) => {
+  if (val !== localValue.value) localValue.value = val ?? ''
+})
+</script>
+
+<style scoped>
+.line-number-textarea {
+  display: flex;
+  position: relative;
+  border-radius: 7px;
+  overflow: hidden;
+  background: white;
+}
+
+.line-numbers {
+  background-color: #f5f7fa;
+  color: #909399;
+  padding: 8px 6px;
+  text-align: right;
+  font-size: 14px;
+  font-family: monospace;
+  line-height: 1.5;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.line-numbers > div {
+  height: 1.5em;
+}
+
+.el-textarea__inner {
+  flex: 1;
+  border: none;
+  padding: 8px;
+  line-height: 1.5;
+  resize: none;
+  font-family: inherit;
+  outline: none;
+  font-size: 14px;
+  min-height: calc(1.5em * var(--rows));
+}
+
+.el-input__count {
+  position: absolute;
+  bottom: 5px;
+  right: 10px;
+  font-size: 12px;
+  color: #909399;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/paper/question/index.vue b/src/views/paper/question/index.vue
new file mode 100644
index 0000000..07a2c06
--- /dev/null
+++ b/src/views/paper/question/index.vue
@@ -0,0 +1,456 @@
+<template>
+  <el-row :gutter="20">
+    <!-- 左侧部门树 -->
+    <el-col :span="4" :xs="24">
+      <ContentWrap class="h-1/2">
+        <SpecialtyTree @node-click="handleSpecialtyNodeClick" />
+      </ContentWrap>
+      <ContentWrap class="h-1/2">
+        <DeptTree @node-click="handleDeptNodeClick" />
+      </ContentWrap>
+    </el-col>
+    <el-col :span="20" :xs="24">
+      <!-- 搜索 -->
+      <ContentWrap>
+        <el-form
+          class="-mb-15px"
+          :model="queryParams"
+          ref="queryFormRef"
+          :inline="true"
+          label-width="68px"
+        >
+<!--          <el-form-item label="用户名称" prop="username">-->
+<!--            <el-input-->
+<!--              v-model="queryParams.username"-->
+<!--              placeholder="请输入用户名称"-->
+<!--              clearable-->
+<!--              @keyup.enter="handleQuery"-->
+<!--              class="!w-240px"-->
+<!--            />-->
+<!--          </el-form-item>-->
+<!--          <el-form-item label="手机号码" prop="mobile">-->
+<!--            <el-input-->
+<!--              v-model="queryParams.mobile"-->
+<!--              placeholder="请输入手机号码"-->
+<!--              clearable-->
+<!--              @keyup.enter="handleQuery"-->
+<!--              class="!w-240px"-->
+<!--            />-->
+<!--          </el-form-item>-->
+<!--          <el-form-item label="状态" prop="status">-->
+<!--            <el-select-->
+<!--              v-model="queryParams.status"-->
+<!--              placeholder="请选择用户状态"-->
+<!--              clearable-->
+<!--              class="!w-240px"-->
+<!--            >-->
+<!--              <el-option-->
+<!--                v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"-->
+<!--                :key="dict.value"-->
+<!--                :label="dict.label"-->
+<!--                :value="dict.value"-->
+<!--              />-->
+<!--            </el-select>-->
+<!--          </el-form-item>-->
+<!--          <el-form-item label="创建时间" prop="createTime">-->
+<!--            <el-date-picker-->
+<!--              v-model="queryParams.createTime"-->
+<!--              value-format="YYYY-MM-DD HH:mm:ss"-->
+<!--              type="datetimerange"-->
+<!--              start-placeholder="开始日期"-->
+<!--              end-placeholder="结束日期"-->
+<!--              class="!w-240px"-->
+<!--            />-->
+<!--          </el-form-item>-->
+          <el-form-item>
+            <el-button @click="handleQuery"><Icon icon="ep:search" />搜索</el-button>
+            <el-button @click="resetQuery"><Icon icon="ep:refresh" />重置</el-button>
+            <el-button
+              type="primary"
+              plain
+              @click="openForm('create')"
+            >
+              <Icon icon="ep:plus" /> 新增
+            </el-button>
+<!--            <el-button-->
+<!--              type="warning"-->
+<!--              plain-->
+<!--              @click="handleImport"-->
+<!--              v-hasPermi="['system:user:import']"-->
+<!--            >-->
+<!--              <Icon icon="ep:upload" /> 导入-->
+<!--            </el-button>-->
+<!--            <el-button-->
+<!--              type="success"-->
+<!--              plain-->
+<!--              @click="handleExport"-->
+<!--              :loading="exportLoading"-->
+<!--              v-hasPermi="['system:user:export']"-->
+<!--            >-->
+<!--              <Icon icon="ep:download" />导出-->
+<!--            </el-button>-->
+          </el-form-item>
+        </el-form>
+      </ContentWrap>
+      <ContentWrap>
+        <el-table v-loading="loading" :data="list">
+          <el-table-column label="试题编号" align="center" key="id" prop="quId" :show-overflow-tooltip="true"/>
+          <el-table-column
+            label="试题名称"
+            align="center"
+            prop="chapteridDictText"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="用户昵称"
+            align="center"
+            prop="nickname"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="难度"
+            align="center"
+            prop="quLevel"
+            :show-overflow-tooltip="true"
+          />
+
+          <el-table-column label="状态" key="status">
+            <template #default="scope">
+              <el-switch
+                  v-model="scope.row.status"
+                  :active-value="0"
+                  :inactive-value="1"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="专业" align="center" prop="specialtyName" width="120" />
+          <el-table-column
+              label="课程"
+              align="center"
+              prop="quBankName"
+              :show-overflow-tooltip="true"
+          />
+          <el-table-column
+              label="知识点"
+              align="center"
+              prop="pointNames"
+              :show-overflow-tooltip="true"
+          />
+          <el-table-column
+              label="审核状态"
+              align="center"
+              prop="audit"
+              :show-overflow-tooltip="true"
+          />
+          <el-table-column
+              label="来源"
+              align="center"
+              prop="resource"
+              :show-overflow-tooltip="true"
+          />
+          <el-table-column
+              label="类别"
+              align="center"
+              prop="type"
+              :show-overflow-tooltip="true"
+          />
+          <el-table-column
+              label="试题版本"
+              align="center"
+              prop="version"
+              :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="创建时间"
+            align="center"
+            prop="createTime"
+            :formatter="dateFormatter"
+            width="180"
+          />
+          <el-table-column label="操作" align="center" width="160">
+            <template #default="scope">
+              <div class="flex items-center justify-center">
+                <el-button
+                  type="primary"
+                  link
+                  @click="openForm('update', scope.row.id)"
+                >
+                  <Icon icon="ep:edit" />修改
+                </el-button>
+                <el-dropdown
+                  @command="(command) => handleCommand(command, scope.row)"
+                >
+                  <el-button type="primary" link><Icon icon="ep:d-arrow-right" /> 更多</el-button>
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item
+                        command="handleDelete"
+                        v-if="checkPermi(['system:user:delete'])"
+                      >
+                        <Icon icon="ep:delete" />删除
+                      </el-dropdown-item>
+                      <el-dropdown-item
+                        command="handleResetPwd"
+                      >
+                        <Icon icon="ep:key" />重置密码
+                      </el-dropdown-item>
+                      <el-dropdown-item
+                        command="handleRole"
+                      >
+                        <Icon icon="ep:circle-check" />分配角色
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <Pagination
+          :total="total"
+          v-model:page="queryParams.pageNo"
+          v-model:limit="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </ContentWrap>
+    </el-col>
+  </el-row>
+
+  <!-- 添加或修改选择题 -->
+  <ChoiceForm ref="formRef" @success="getList" />
+  <!-- 添加或修改C语言程序设计 -->
+  <CdesignForm ref="cformRef" @success="getList" />
+  <!-- 用户导入对话框 -->
+  <UserImportForm ref="importFormRef" @success="getList" />
+  <!-- 分配角色 -->
+  <UserAssignRoleForm ref="assignRoleFormRef" @success="getList" />
+</template>
+<script lang="ts" setup>
+import { checkPermi } from '@/utils/permission'
+import { dateFormatter } from '@/utils/formatTime'
+import download from '@/utils/download'
+import { CommonStatusEnum } from '@/utils/constants'
+import * as UserApi from '@/api/system/user'
+import * as QuestionApi from '@/api/paper/question'
+
+import ChoiceForm from './ChoiceForm.vue'
+import CdesignForm from './CdesignForm.vue'
+
+import UserImportForm from './UserImportForm.vue'
+import UserAssignRoleForm from './UserAssignRoleForm.vue'
+import DeptTree from './DeptTree.vue'
+import SpecialtyTree from './SpecialtyTree.vue'
+import {handleTree} from "@/utils/tree";
+
+defineOptions({ name: 'SystemUser' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const total = ref(0) // 列表的总页数
+const list = ref([]) // 列表的数
+const queryParams = reactive({
+  specialtyName: "",
+  courseName: "",
+  subjectName: "",
+  pageNo: 1,
+  pageSize: 10,
+})
+const queryFormRef = ref() // 搜索的表单
+const specialtyList = ref<Tree[]>([]) // 树形结构
+/** 获得部门树 */
+const getTree = async () => {
+  const res = await UserApi.getSpecialtyByUserId()
+  specialtyList.value = []
+  specialtyList.value.push(...handleTree(res))
+}
+/** 查询列表 */
+const getList = async () => {
+  await getTree();
+  loading.value = true
+  try {
+    const data = await QuestionApi.getQuestionList(queryParams);
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields()
+  handleQuery()
+}
+
+/** 处理部门被点击 */
+const handleDeptNodeClick = async (row) => {
+  // queryParams.deptId = row.id
+  await getList()
+}
+
+/** 处理专业被点击 */
+const handleSpecialtyNodeClick = async (row) => {
+  // 判断点击的层级结构，进行入参
+  if (!row.children != null){
+    // 说明是题型
+    queryParams.courseName = row.name
+  }
+  const specArr = findNamePathFromTreeList(specialtyList.value, row.id)
+  // 判断长度赋值
+  if (specArr.length == 1) {
+    // 说明是题型
+    queryParams.specialtyName = specArr[0]
+  }
+  if (specArr.length == 2) {
+    queryParams.specialtyName = specArr[0]
+    queryParams.courseName = specArr[1]
+  }
+  if (specArr.length == 3) {
+    queryParams.specialtyName = specArr[0]
+    queryParams.courseName = specArr[1]
+    queryParams.subjectName = specArr[2]
+  }
+  await getList()
+}
+
+interface Tree {
+  id: number
+  name: string
+  children?: Tree[] | any[]
+}
+/**
+ * 递归查找路径
+ */
+/** 递归查找路径（根据 ID 返回 name 路径） */
+const findNamePath = (
+    node: Tree,
+    targetId: number,
+    path: string[] = []
+): string[] | null => {
+  const currentPath = [...path, node.name]
+  if (node.id === targetId) {
+    return currentPath
+  }
+  if (node.children && node.children.length > 0) {
+    for (const child of node.children) {
+      const result = findNamePath(child, targetId, currentPath)
+      if (result) return result
+    }
+  }
+  return null
+}
+/** 入口函数：支持根节点是数组的情况 */
+const findNamePathFromTreeList = (treeList: Tree[], targetId: number): string[] | null => {
+  for (const tree of treeList) {
+    const result = findNamePath(tree, targetId)
+    if (result) return result
+  }
+  return null
+}
+/** 添加/修改操作 */
+const formRef = ref()
+const cformRef = ref()
+const openForm = (type: string, id?: number) => {
+  cformRef.value.open(type, id)
+}
+
+/** 用户导入 */
+const importFormRef = ref()
+
+/** 修改用户状态 */
+const handleStatusChange = async (row: UserApi.UserVO) => {
+  try {
+    // 修改状态的二次确认
+    const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用'
+    await message.confirm('确认要"' + text + '""' + row.username + '"用户吗?')
+    // 发起修改状态
+    await UserApi.updateUserStatus(row.id, row.status)
+    // 刷新列表
+    await getList()
+  } catch {
+    // 取消后，进行恢复按钮
+    row.status =
+      row.status === CommonStatusEnum.ENABLE ? CommonStatusEnum.DISABLE : CommonStatusEnum.ENABLE
+  }
+}
+
+/** 导出按钮操作 */
+const exportLoading = ref(false)
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    exportLoading.value = true
+    const data = await UserApi.exportUser(queryParams)
+    download.excel(data, '用户数据.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+/** 操作分发 */
+const handleCommand = (command: string, row: UserApi.UserVO) => {
+  switch (command) {
+    case 'handleDelete':
+      handleDelete(row.id)
+      break
+    case 'handleResetPwd':
+      handleResetPwd(row)
+      break
+    case 'handleRole':
+      handleRole(row)
+      break
+    default:
+      break
+  }
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await UserApi.deleteUser(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 重置密码 */
+const handleResetPwd = async (row: UserApi.UserVO) => {
+  try {
+    // 重置的二次确认
+    const result = await message.prompt(
+      '请输入"' + row.username + '"的新密码',
+      t('common.reminder')
+    )
+    const password = result.value
+    // 发起重置
+    await UserApi.resetUserPassword(row.id, password)
+    message.success('修改成功，新密码是：' + password)
+  } catch {}
+}
+
+/** 分配角色 */
+const assignRoleFormRef = ref()
+const handleRole = (row: UserApi.UserVO) => {
+  assignRoleFormRef.value.open(row)
+}
+
+/** 初始化 */
+onMounted(() => {
+  getList()
+})
+</script>