From 486fd487beb70c20459ad51a9f96d6e86f880b32 Mon Sep 17 00:00:00 2001
From: lenghui <h280650@163.com>
Date: Thu, 12 Dec 2024 19:46:32 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E9=9D=99=E6=80=81=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=9E=84=E5=BB=BA=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 work/package-lock.json            | 198 ++++++++++++++++++++++++++++++++++++++
 work/package.json                 |   3 +
 work/src/main.js                  |   4 +-
 work/src/router/index.js          |   6 ++
 work/src/views/DoHomeworkView.vue | 192 ++++++++++++++++++++++++++++++++++++
 5 files changed, 402 insertions(+), 1 deletion(-)
 create mode 100644 work/src/views/DoHomeworkView.vue

diff --git a/work/package-lock.json b/work/package-lock.json
index d7504c3..c985300 100644
--- a/work/package-lock.json
+++ b/work/package-lock.json
@@ -8,12 +8,15 @@
       "name": "testvue3",
       "version": "0.0.0",
       "dependencies": {
+        "@vueup/vue-quill": "^1.2.0",
         "axios": "^1.7.9",
         "echart": "^0.1.3",
         "echarts": "^5.5.1",
         "element-plus": "^2.9.0",
         "pinia": "^2.2.6",
+        "quill": "^2.0.3",
         "vue": "^3.5.13",
+        "vue-quill-editor": "^3.0.6",
         "vue-router": "^4.4.5"
       },
       "devDependencies": {
@@ -1569,6 +1572,74 @@
       "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
       "license": "MIT"
     },
+    "node_modules/@vueup/vue-quill": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/@vueup/vue-quill/-/vue-quill-1.2.0.tgz",
+      "integrity": "sha512-kd5QPSHMDpycklojPXno2Kw2JSiKMYduKYQckTm1RJoVDA557MnyUXgcuuDpry4HY/Rny9nGNcK+m3AHk94wag==",
+      "dependencies": {
+        "quill": "^1.3.7",
+        "quill-delta": "^4.2.2"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.41"
+      }
+    },
+    "node_modules/@vueup/vue-quill/node_modules/eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg=="
+    },
+    "node_modules/@vueup/vue-quill/node_modules/fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w=="
+    },
+    "node_modules/@vueup/vue-quill/node_modules/parchment": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/parchment/-/parchment-1.1.4.tgz",
+      "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg=="
+    },
+    "node_modules/@vueup/vue-quill/node_modules/quill": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmmirror.com/quill/-/quill-1.3.7.tgz",
+      "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
+      "dependencies": {
+        "clone": "^2.1.1",
+        "deep-equal": "^1.0.1",
+        "eventemitter3": "^2.0.3",
+        "extend": "^3.0.2",
+        "parchment": "^1.1.4",
+        "quill-delta": "^3.6.2"
+      }
+    },
+    "node_modules/@vueup/vue-quill/node_modules/quill-delta": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmmirror.com/quill-delta/-/quill-delta-4.2.2.tgz",
+      "integrity": "sha512-qjbn82b/yJzOjstBgkhtBjN2TNK+ZHP/BgUQO+j6bRhWQQdmj2lH6hXG7+nwwLF41Xgn//7/83lxs9n2BkTtTg==",
+      "dependencies": {
+        "fast-diff": "1.2.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.isequal": "^4.5.0"
+      }
+    },
+    "node_modules/@vueup/vue-quill/node_modules/quill/node_modules/fast-diff": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.1.2.tgz",
+      "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig=="
+    },
+    "node_modules/@vueup/vue-quill/node_modules/quill/node_modules/quill-delta": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmmirror.com/quill-delta/-/quill-delta-3.6.3.tgz",
+      "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
+      "dependencies": {
+        "deep-equal": "^1.0.1",
+        "extend": "^3.0.2",
+        "fast-diff": "1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/@vueuse/core": {
       "version": "9.13.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/@vueuse/core/-/core-9.13.0.tgz",
@@ -1740,6 +1811,14 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/co": {
       "version": "4.6.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/co/-/co-4.6.0.tgz",
@@ -2100,6 +2179,11 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "license": "MIT"
     },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
+    },
     "node_modules/execa": {
       "version": "9.5.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/execa/-/execa-9.5.1.tgz",
@@ -2127,6 +2211,16 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw=="
+    },
     "node_modules/figures": {
       "version": "6.1.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/figures/-/figures-6.1.0.tgz",
@@ -2669,6 +2763,16 @@
         "lodash-es": "*"
       }
     },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -2826,6 +2930,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/on-finished/-/on-finished-2.4.1.tgz",
@@ -2862,6 +2974,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parchment": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/parchment/-/parchment-3.0.0.tgz",
+      "integrity": "sha512-HUrJFQ/StvgmXRcQ1ftY6VEZUq3jA2t9ncFN4F84J/vN0/FPpQF+8FKXb3l6fLces6q0uOHj6NJn+2xvZnxO6A=="
+    },
     "node_modules/parse-ms": {
       "version": "4.0.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/parse-ms/-/parse-ms-4.0.0.tgz",
@@ -3008,6 +3125,33 @@
       "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
       "license": "MIT"
     },
+    "node_modules/quill": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/quill/-/quill-2.0.3.tgz",
+      "integrity": "sha512-xEYQBqfYx/sfb33VJiKnSJp8ehloavImQ2A6564GAbqG55PGw1dAWUn1MUbQB62t0azawUS2CZZhWCjO8gRvTw==",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "lodash-es": "^4.17.21",
+        "parchment": "^3.0.0",
+        "quill-delta": "^5.1.0"
+      },
+      "engines": {
+        "npm": ">=8.2.3"
+      }
+    },
+    "node_modules/quill-delta": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmmirror.com/quill-delta/-/quill-delta-5.1.0.tgz",
+      "integrity": "sha512-X74oCeRI4/p0ucjb5Ma8adTXd9Scumz367kkMK5V/IatcX6A0vlgLgKbzXWy5nZmCGeNJm2oQX0d2Eqj+ZIlCA==",
+      "dependencies": {
+        "fast-diff": "^1.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.isequal": "^4.5.0"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      }
+    },
     "node_modules/rfdc": {
       "version": "1.4.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/rfdc/-/rfdc-1.4.1.tgz",
@@ -3536,6 +3680,60 @@
         }
       }
     },
+    "node_modules/vue-quill-editor": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmmirror.com/vue-quill-editor/-/vue-quill-editor-3.0.6.tgz",
+      "integrity": "sha512-g20oSZNWg8Hbu41Kinjd55e235qVWPLfg4NvsLW6d+DhgBTFbEuMpcWlUdrD6qT3+Noim6DRu18VLM9lVShXOQ==",
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "quill": "^1.3.4"
+      },
+      "engines": {
+        "node": ">= 4.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/vue-quill-editor/node_modules/eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg=="
+    },
+    "node_modules/vue-quill-editor/node_modules/fast-diff": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.1.2.tgz",
+      "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig=="
+    },
+    "node_modules/vue-quill-editor/node_modules/parchment": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/parchment/-/parchment-1.1.4.tgz",
+      "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg=="
+    },
+    "node_modules/vue-quill-editor/node_modules/quill": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmmirror.com/quill/-/quill-1.3.7.tgz",
+      "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
+      "dependencies": {
+        "clone": "^2.1.1",
+        "deep-equal": "^1.0.1",
+        "eventemitter3": "^2.0.3",
+        "extend": "^3.0.2",
+        "parchment": "^1.1.4",
+        "quill-delta": "^3.6.2"
+      }
+    },
+    "node_modules/vue-quill-editor/node_modules/quill-delta": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmmirror.com/quill-delta/-/quill-delta-3.6.3.tgz",
+      "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
+      "dependencies": {
+        "deep-equal": "^1.0.1",
+        "extend": "^3.0.2",
+        "fast-diff": "1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/vue-router": {
       "version": "4.5.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/vue-router/-/vue-router-4.5.0.tgz",
diff --git a/work/package.json b/work/package.json
index 6366624..9d6b8d0 100644
--- a/work/package.json
+++ b/work/package.json
@@ -9,12 +9,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@vueup/vue-quill": "^1.2.0",
     "axios": "^1.7.9",
     "echart": "^0.1.3",
     "echarts": "^5.5.1",
     "element-plus": "^2.9.0",
     "pinia": "^2.2.6",
+    "quill": "^2.0.3",
     "vue": "^3.5.13",
+    "vue-quill-editor": "^3.0.6",
     "vue-router": "^4.4.5"
   },
   "devDependencies": {
diff --git a/work/src/main.js b/work/src/main.js
index 02131c8..4ce2e4e 100644
--- a/work/src/main.js
+++ b/work/src/main.js
@@ -10,11 +10,13 @@ import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
 
+import { QuillEditor } from '@vueup/vue-quill'
+import '@vueup/vue-quill/dist/vue-quill.snow.css';
 
 const app = createApp(App)
-
 app.use(createPinia())
 app.use(router)
 app.use(ElementPlus, {locale: zhCn,})
+app.component('QuillEditor', QuillEditor)
 
 app.mount('#app')
diff --git a/work/src/router/index.js b/work/src/router/index.js
index cc1bbac..3875085 100644
--- a/work/src/router/index.js
+++ b/work/src/router/index.js
@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 import LoginView from '../views/LoginView.vue'
 import AddWorkView from '../views/AddWorkView.vue'
+import DoHomeworkView from "@/views/DoHomeworkView.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -20,6 +21,11 @@ const router = createRouter({
       path:'/addwork',
       name:'addwork',
       component: AddWorkView
+    },
+    {
+      path:'/doWork',
+      name:'doWork',
+      component: DoHomeworkView
     }
   ]
 })
diff --git a/work/src/views/DoHomeworkView.vue b/work/src/views/DoHomeworkView.vue
new file mode 100644
index 0000000..3b05da5
--- /dev/null
+++ b/work/src/views/DoHomeworkView.vue
@@ -0,0 +1,192 @@
+<template>
+  <div class="container">
+    <div class="main">
+      <div class="content">
+        <div class="title">
+          张三刺杀了部长
+        </div>
+        <div class="question">
+          1、单选题目（单选）
+        </div>
+        <div class="answer">
+          <div class="selected"><input id="select1" name="radio" type="radio" ><label for="select1">选项1</label></div>
+          <div class="selected"><input id="select2" name="radio" type="radio" ><label for="select2">选项2</label></div>
+        </div>
+
+        <div class="question">
+          2、多选题目（多选）
+        </div>
+        <div class="answer">
+          <div class="selected"><input id="checkbox1" name="checkbox" type="checkbox" ><label for="checkbox1">选项1</label></div>
+          <div class="selected"><input id="checkbox2" name="checkbox" type="checkbox" ><label for="checkbox2">选项2</label></div>
+        </div>
+
+        <div class="Short-answers">
+          <div class="question">
+            3、填空题
+          </div>
+          <el-input
+              v-model="title"
+              style="width: 100%;padding: 3.5%"
+              size="large"
+              placeholder="请输入标题(5-100字符)"
+              maxlength="100"
+              show-word-limit
+          />
+          <div class="editor">
+            <!-- 引入 VueQuill 编辑器 -->
+            <quill-editor v-model="content" :options="editorOptions"></quill-editor>
+          </div>
+        </div>
+        <div class="question">
+          2、多选题目（多选）
+        </div>
+        <div class="answer">
+          <div class="selected"><input id="checkbox1" name="checkbox" type="checkbox" ><label for="checkbox1">选项1</label></div>
+          <div class="selected"><input id="checkbox2" name="checkbox" type="checkbox" ><label for="checkbox2">选项2</label></div>
+        </div>
+        <!--提交按钮-->
+        <div class="submit">
+          <img src="https://d31zlh4on95l9h.cloudfront.net/images/5iujb101000d2foxm6thylaa50qz6lgl.png">
+        </div>
+        <!-- 提交次数 -->
+        <div class="submit-times">
+          <span>您已提交0次，每个作业可以提交3次</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+// 绑定到编辑器的内容
+const content = ref('请输入内容');
+
+// 编辑器配置选项
+const editorOptions = {
+  // 配置项
+  theme: 'snow', // 或者 'bubble'
+  placeholder: '请输入内容',
+  modules: {
+    toolbar: [
+      ['bold', 'italic', 'underline',
+        'strike','blockquote', 'code-block',{ 'header': 1 },
+        { 'header': 2 },
+        { 'list': 'ordered'},
+        { 'list': 'bullet' },
+        { 'script': 'sub'},
+        { 'script': 'super' },
+        { 'indent': '-1'},
+        { 'indent': '+1' },
+        { 'direction': 'rtl' },
+        { 'size': ['small', false, 'large', 'huge'] },
+        { 'header': [1, 2, 3, 4, 5, 6, false] },
+        { 'color': [] }, { 'background': [] },
+        { 'font': [] },
+        { 'align': [] },
+        'clean',
+        'link',
+        'image'
+      ]
+    ]
+  }
+};
+
+const title = ref('');
+</script>
+
+<style scoped>
+/**{
+  margin: 0;
+  padding: 0;
+}*/
+.container{
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  width: 34.375rem;
+  height: 114.399375rem;
+}
+.main{
+  background-image: url("https://lfjf.rzfwq.com/jtzy/Product/pcjingwang/images/20230823/qiangdianbanHomeWorkBg.png");
+  background-size: contain;
+  background-position: center 0;
+  background-repeat: no-repeat;
+  margin: 0;
+  width: 100%;
+  height: 1830px;
+  text-align: center;
+  position: relative;
+}
+.content{
+  position: absolute;
+  width: 90%;
+  /*居中显示*/
+  left: 50%;
+  transform: translate(-50%, 0);
+  top: 12.5%;
+  text-align: left;
+}
+.title{
+  font-size: 1.65rem;
+  font-weight: 500;
+  /*居中显示*/
+  text-align: center;
+}
+.question{
+  padding-top: 10%;
+  padding-left: 3.5%;
+  font-size: 1.35rem;
+  font-weight: 500;
+}
+.answer{
+  padding-top: 2.5%;
+  padding-left: 6%;
+  font-size: 1.35rem;
+}
+.selected{
+  display: block;
+  padding: 1% 0 1.2% 0;
+}
+.selected input[name="radio"],
+.selected input[name="checkbox"]{
+  margin-right: 1%;
+  width: 1.2rem;
+  height: 1rem;
+  /*透明度*/
+  opacity: 0.8;
+  cursor: pointer; /* 鼠标悬停时变成手的形状 */
+}
+.selected label{
+  cursor: pointer;
+}
+.editor{
+  padding-top: 2.5%;
+  padding-left: 3.5%;
+  padding-right: 3.5%;
+  height: 30rem;
+}
+.Short-answers{
+  height: 48rem;
+}
+
+.submit{
+  display: block;
+  text-align: center;
+}
+.submit img{
+  padding-top: 2.5%;
+  padding-left: 3.5%;
+  padding-right: 3.5%;
+  cursor: pointer;
+  width: 67%;
+}
+
+.submit-times{
+  font-size: 0.8rem;
+  color: #858585;
+  text-align: center;
+}
+</style>
\ No newline at end of file

From 99a2af855c7cea79e18bde2d988d2a2246695c1a Mon Sep 17 00:00:00 2001
From: lenghui <h280650@163.com>
Date: Fri, 13 Dec 2024 16:19:32 +0800
Subject: [PATCH 2/5] =?UTF-8?q?JS=E7=BC=96=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 work/package.json                 |   5 +
 work/src/assets/main.css          |   3 +
 work/src/views/DoHomeworkView.vue | 243 ++++++++++++++++++++++++--------------
 3 files changed, 165 insertions(+), 86 deletions(-)

diff --git a/work/package.json b/work/package.json
index 9d6b8d0..8c3d45a 100644
--- a/work/package.json
+++ b/work/package.json
@@ -24,5 +24,10 @@
     "@vitejs/plugin-vue": "^5.2.1",
     "vite": "^6.0.1",
     "vite-plugin-vue-devtools": "^7.6.5"
+  },
+  "pnpm": {
+    "overrides": {
+      "quill": "2.0.2"
+    }
   }
 }
diff --git a/work/src/assets/main.css b/work/src/assets/main.css
index e69de29..d0ada1f 100644
--- a/work/src/assets/main.css
+++ b/work/src/assets/main.css
@@ -0,0 +1,3 @@
+*{
+    margin: 0;
+}
\ No newline at end of file
diff --git a/work/src/views/DoHomeworkView.vue b/work/src/views/DoHomeworkView.vue
index 3b05da5..1e62866 100644
--- a/work/src/views/DoHomeworkView.vue
+++ b/work/src/views/DoHomeworkView.vue
@@ -3,67 +3,108 @@
     <div class="main">
       <div class="content">
         <div class="title">
-          张三刺杀了部长
-        </div>
-        <div class="question">
-          1、单选题目（单选）
-        </div>
-        <div class="answer">
-          <div class="selected"><input id="select1" name="radio" type="radio" ><label for="select1">选项1</label></div>
-          <div class="selected"><input id="select2" name="radio" type="radio" ><label for="select2">选项2</label></div>
+          {{questionList[0].name}}
         </div>
+        <template v-for="(question,index) in questionList" :key="index">
+          <!--单选-->
+          <template v-if="question.type == 1">
+            <div class="question">
+              {{index+1}}. {{question.description}}（单选）
+            </div>
+            <div v-for="(answer,index) in question.content" :key="index" class="answer">
+              <div class="selected"><input id="select1" name="radio" type="radio"><label for="select1">{{answer.text}}</label></div>
+            </div>
+          </template>
 
-        <div class="question">
-          2、多选题目（多选）
-        </div>
-        <div class="answer">
-          <div class="selected"><input id="checkbox1" name="checkbox" type="checkbox" ><label for="checkbox1">选项1</label></div>
-          <div class="selected"><input id="checkbox2" name="checkbox" type="checkbox" ><label for="checkbox2">选项2</label></div>
-        </div>
+          <!--多选-->
+          <template v-if="question.type == 2">
+            <div class="question">
+              {{index+1}}. {{question.description}}（多选）
+            </div>
+            <div v-for="(answer,index) in question.content" :key="index" class="answer">
+              <div class="selected"><input id="checkbox1" name="checkbox" type="checkbox"><label
+                  for="checkbox1">{{answer.text}}</label>
+              </div>
+            </div>
+          </template>
+
+          <!--简答题-->
+          <template v-if="question.type == 3">
+            <div class="Short-answers">
+              <div class="question">
+                {{index+1}}. {{question.description}}
+              </div>
+              <el-input
+                  v-model="title"
+                  style="width: 100%;padding: 3.5%"
+                  size="large"
+                  placeholder="请输入标题(5-100字符)"
+                  maxlength="100"
+                  show-word-limit
+              />
+              <div class="editor">
+                <!-- 引入 VueQuill 编辑器 -->
+                <quill-editor v-model="content" :options="editorOptions"></quill-editor>
+              </div>
+            </div>
+          </template>
+        </template>
 
-        <div class="Short-answers">
-          <div class="question">
-            3、填空题
+          <!--提交按钮-->
+          <div class="submit">
+            <img src="https://d31zlh4on95l9h.cloudfront.net/images/5iujb101000d2foxm6thylaa50qz6lgl.png">
           </div>
-          <el-input
-              v-model="title"
-              style="width: 100%;padding: 3.5%"
-              size="large"
-              placeholder="请输入标题(5-100字符)"
-              maxlength="100"
-              show-word-limit
-          />
-          <div class="editor">
-            <!-- 引入 VueQuill 编辑器 -->
-            <quill-editor v-model="content" :options="editorOptions"></quill-editor>
+          <!-- 提交次数 -->
+          <div class="submit-times">
+            <span>您已提交0次，每个作业可以提交3次</span>
           </div>
-        </div>
-        <div class="question">
-          2、多选题目（多选）
-        </div>
-        <div class="answer">
-          <div class="selected"><input id="checkbox1" name="checkbox" type="checkbox" ><label for="checkbox1">选项1</label></div>
-          <div class="selected"><input id="checkbox2" name="checkbox" type="checkbox" ><label for="checkbox2">选项2</label></div>
-        </div>
-        <!--提交按钮-->
-        <div class="submit">
-          <img src="https://d31zlh4on95l9h.cloudfront.net/images/5iujb101000d2foxm6thylaa50qz6lgl.png">
-        </div>
-        <!-- 提交次数 -->
-        <div class="submit-times">
-          <span>您已提交0次，每个作业可以提交3次</span>
-        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import {ref} from 'vue';
+
+const questionList = ref([]);
+
+function getQuestionList(Id) {
+  questionList.value = [
+    {
+      "id": 1377,
+      "name": "12-9课后作业",
+      "description": "是否抄底",
+      "content": "[{\"id\":\"\",\"text\":\"是\"},{\"id\":\"\",\"text\":\"否\"}]",
+      "status": 1,
+      "type": 1
+    },
+    {
+      "id": 1378,
+      "name": "12-9课后作业",
+      "description": "抄底股票",
+      "content": "[{\"id\":\"\",\"text\":\"恒邦股份\"},{\"id\":\"\",\"text\":\"上海电气\"},{\"text\":\"葫芦娃\",\"id\":\"\"}]",
+      "status": 1,
+      "type": 2
+    },
+    {
+      "id": 1379,
+      "name": "12-9课后作业",
+      "description": "如何看待抄底",
+      "content": "[{\"id\":\"\",\"text\":\"\"}]",
+      "status": 1,
+      "type": 3
+    }
+  ]
+  for (let i = 0; i < questionList.value.length; i++) {
+    questionList.value[i].content = JSON.parse(questionList.value[i].content);
+  }
+}
+getQuestionList(1);
+
 
 // 绑定到编辑器的内容
 const content = ref('请输入内容');
-
+const title = ref('');
 // 编辑器配置选项
 const editorOptions = {
   // 配置项
@@ -72,44 +113,48 @@ const editorOptions = {
   modules: {
     toolbar: [
       ['bold', 'italic', 'underline',
-        'strike','blockquote', 'code-block',{ 'header': 1 },
-        { 'header': 2 },
-        { 'list': 'ordered'},
-        { 'list': 'bullet' },
-        { 'script': 'sub'},
-        { 'script': 'super' },
-        { 'indent': '-1'},
-        { 'indent': '+1' },
-        { 'direction': 'rtl' },
-        { 'size': ['small', false, 'large', 'huge'] },
-        { 'header': [1, 2, 3, 4, 5, 6, false] },
-        { 'color': [] }, { 'background': [] },
-        { 'font': [] },
-        { 'align': [] },
-        'clean',
-        'link',
-        'image'
+        'strike', 'blockquote', 'code-block', {'header': 1},
+        {'header': 2},
+        {'list': 'ordered'},
+        {'list': 'bullet'},
+        {'script': 'sub'},
+        {'script': 'super'},
+        {'indent': '-1'},
+        {'indent': '+1'},
+        {'direction': 'rtl'},
+        {'size': ['small', false, 'large', 'huge']},
+        {'header': [1, 2, 3, 4, 5, 6, false]},
+        {'color': []}, {'background': []},
+        {'font': []},
+        {'align': []},
+        'clean'
       ]
     ]
   }
 };
 
-const title = ref('');
+//提交作业
+const homework = ref({
+  id: 1,
+  jwCode: 1,
+  formId: 1,
+  content: content.value,
+});
+function submit() {
+  console.log(homework.value);
+}
 </script>
 
 <style scoped>
-/**{
-  margin: 0;
-  padding: 0;
-}*/
-.container{
+.container {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   width: 34.375rem;
   height: 114.399375rem;
 }
-.main{
+
+.main {
   background-image: url("https://lfjf.rzfwq.com/jtzy/Product/pcjingwang/images/20230823/qiangdianbanHomeWorkBg.png");
   background-size: contain;
   background-position: center 0;
@@ -120,38 +165,60 @@ const title = ref('');
   text-align: center;
   position: relative;
 }
-.content{
+
+.content {
   position: absolute;
-  width: 90%;
+  width: 93%;
+  height: 80%;
+  overflow-y: scroll;
   /*居中显示*/
   left: 50%;
   transform: translate(-50%, 0);
   top: 12.5%;
   text-align: left;
 }
-.title{
+
+/*滚动条样式*/
+.content::-webkit-scrollbar {
+  width: 3px;
+}
+
+.content::-webkit-scrollbar-track {
+  background: #f1f1f1; /* 滚动条轨道的背景色 */
+}
+
+.content::-webkit-scrollbar-thumb {
+  background: #d9d9d9; /* 滚动条滑块的颜色 */
+  border-radius: 6px; /* 滑块的圆角 */
+}
+
+.title {
   font-size: 1.65rem;
   font-weight: 500;
   /*居中显示*/
   text-align: center;
 }
-.question{
+
+.question {
   padding-top: 10%;
-  padding-left: 3.5%;
+  padding-left: 4%;
   font-size: 1.35rem;
   font-weight: 500;
 }
-.answer{
+
+.answer {
   padding-top: 2.5%;
-  padding-left: 6%;
+  padding-left: 7%;
   font-size: 1.35rem;
 }
-.selected{
+
+.selected {
   display: block;
   padding: 1% 0 1.2% 0;
 }
+
 .selected input[name="radio"],
-.selected input[name="checkbox"]{
+.selected input[name="checkbox"] {
   margin-right: 1%;
   width: 1.2rem;
   height: 1rem;
@@ -159,24 +226,28 @@ const title = ref('');
   opacity: 0.8;
   cursor: pointer; /* 鼠标悬停时变成手的形状 */
 }
-.selected label{
+
+.selected label {
   cursor: pointer;
 }
-.editor{
+
+.editor {
   padding-top: 2.5%;
   padding-left: 3.5%;
   padding-right: 3.5%;
   height: 30rem;
 }
-.Short-answers{
+
+.Short-answers {
   height: 48rem;
 }
 
-.submit{
+.submit {
   display: block;
   text-align: center;
 }
-.submit img{
+
+.submit img {
   padding-top: 2.5%;
   padding-left: 3.5%;
   padding-right: 3.5%;
@@ -184,7 +255,7 @@ const title = ref('');
   width: 67%;
 }
 
-.submit-times{
+.submit-times {
   font-size: 0.8rem;
   color: #858585;
   text-align: center;

From 936a1459631c6d4a02a6b81be4ef90f71617f889 Mon Sep 17 00:00:00 2001
From: lenghui <h280650@163.com>
Date: Mon, 16 Dec 2024 10:13:03 +0800
Subject: [PATCH 3/5] =?UTF-8?q?Api=E7=BC=96=E5=86=99=20=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A31=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 work/src/api/HomeworkApi.js       |   8 ++
 work/src/api/index.js             |  16 ++++
 work/src/views/DoHomeworkView.vue | 176 +++++++++++++++++++++-----------------
 work/vite.config.js               |  10 +++
 4 files changed, 132 insertions(+), 78 deletions(-)
 create mode 100644 work/src/api/HomeworkApi.js
 create mode 100644 work/src/api/index.js

diff --git a/work/src/api/HomeworkApi.js b/work/src/api/HomeworkApi.js
new file mode 100644
index 0000000..9d55035
--- /dev/null
+++ b/work/src/api/HomeworkApi.js
@@ -0,0 +1,8 @@
+import service from ".";
+const homeworkApi = {
+    //获取作业
+    getHomeworkQuestion(id) {
+        return service.post('api/homework_client/gethomeworkquestion', {id: id});
+    }
+}
+export default homeworkApi;
\ No newline at end of file
diff --git a/work/src/api/index.js b/work/src/api/index.js
new file mode 100644
index 0000000..a6ba51f
--- /dev/null
+++ b/work/src/api/index.js
@@ -0,0 +1,16 @@
+import axios from "axios";
+
+const service = axios.create({
+    // baseURL: 'http://192.168.8.191:8080',
+    // baseURL: 'http://localhost:8080',
+    baseURL: '/api',
+});
+// http://192.168.8.191:8080
+
+//Axios的响应拦截器..
+service.interceptors.response.use(resp => {
+    return resp.data;
+}, error => {
+    return Promise.reject(error);
+});
+export default service;
\ No newline at end of file
diff --git a/work/src/views/DoHomeworkView.vue b/work/src/views/DoHomeworkView.vue
index 1e62866..ec273c0 100644
--- a/work/src/views/DoHomeworkView.vue
+++ b/work/src/views/DoHomeworkView.vue
@@ -3,108 +3,109 @@
     <div class="main">
       <div class="content">
         <div class="title">
-          {{questionList[0].name}}
+          {{ questionList[0].name }}
         </div>
-        <template v-for="(question,index) in questionList" :key="index">
-          <!--单选-->
+        <template v-for="(question, questionIndex) in questionList" :key="questionIndex">
+          <!-- 单选 -->
           <template v-if="question.type == 1">
             <div class="question">
-              {{index+1}}. {{question.description}}（单选）
+              {{ questionIndex + 1 }}. {{ question.description }}（单选）
             </div>
-            <div v-for="(answer,index) in question.content" :key="index" class="answer">
-              <div class="selected"><input id="select1" name="radio" type="radio"><label for="select1">{{answer.text}}</label></div>
+            <div v-for="(answer, index) in question.content" :key="index" class="answer">
+              <div class="selected">
+                <input :id="`select-${questionIndex}-${index}`" name="radio" type="radio"
+                       v-model="selectedAnswers[questionIndex]"
+                       :value="answer.text"
+                >
+                <label :for="`select-${questionIndex}-${index}`">{{ answer.text }}</label>
+              </div>
             </div>
           </template>
 
-          <!--多选-->
+          <!-- 多选 -->
           <template v-if="question.type == 2">
             <div class="question">
-              {{index+1}}. {{question.description}}（多选）
+              {{ questionIndex + 1 }}. {{ question.description }}（多选）
             </div>
-            <div v-for="(answer,index) in question.content" :key="index" class="answer">
-              <div class="selected"><input id="checkbox1" name="checkbox" type="checkbox"><label
-                  for="checkbox1">{{answer.text}}</label>
+            <div v-for="(answer, index) in question.content" :key="index" class="answer">
+              <div class="selected">
+                <input :id="`checkbox-${questionIndex}-${index}`" name="checkbox" type="checkbox"
+                       v-model="selectedAnswers[questionIndex]"
+                       :value="answer.text"
+                >
+                <label :for="`checkbox-${questionIndex}-${index}`">{{ answer.text }}</label>
               </div>
             </div>
           </template>
 
-          <!--简答题-->
+          <!-- 简答题 -->
           <template v-if="question.type == 3">
             <div class="Short-answers">
               <div class="question">
-                {{index+1}}. {{question.description}}
+                {{ questionIndex + 1 }}. {{ question.description }}
               </div>
               <el-input
-                  v-model="title"
-                  style="width: 100%;padding: 3.5%"
+                  v-model="editorTitles[questionIndex]"
+                  style="width: 100%; padding: 3.5%"
                   size="large"
                   placeholder="请输入标题(5-100字符)"
                   maxlength="100"
+                  minlength="5"
                   show-word-limit
               />
               <div class="editor">
                 <!-- 引入 VueQuill 编辑器 -->
-                <quill-editor v-model="content" :options="editorOptions"></quill-editor>
+                <quill-editor v-model:content="editorContents[questionIndex]" :options="editorOptions"></quill-editor>
               </div>
             </div>
           </template>
         </template>
 
-          <!--提交按钮-->
-          <div class="submit">
-            <img src="https://d31zlh4on95l9h.cloudfront.net/images/5iujb101000d2foxm6thylaa50qz6lgl.png">
-          </div>
-          <!-- 提交次数 -->
-          <div class="submit-times">
-            <span>您已提交0次，每个作业可以提交3次</span>
-          </div>
+        <!-- 提交按钮 -->
+        <div class="submit">
+          <img src="https://d31zlh4on95l9h.cloudfront.net/images/5iujb101000d2foxm6thylaa50qz6lgl.png" @click="submit">
+        </div>
+        <!-- 提交次数 -->
+        <div class="submit-times">
+          <span>您已提交0次，每个作业可以提交3次</span>
+        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import {ref} from 'vue';
+import {onMounted, ref} from 'vue';
+import homeworkApi from "@/api/HomeworkApi.js";
+import {ElMessage} from "element-plus";
 
 const questionList = ref([]);
 
-function getQuestionList(Id) {
-  questionList.value = [
-    {
-      "id": 1377,
-      "name": "12-9课后作业",
-      "description": "是否抄底",
-      "content": "[{\"id\":\"\",\"text\":\"是\"},{\"id\":\"\",\"text\":\"否\"}]",
-      "status": 1,
-      "type": 1
-    },
-    {
-      "id": 1378,
-      "name": "12-9课后作业",
-      "description": "抄底股票",
-      "content": "[{\"id\":\"\",\"text\":\"恒邦股份\"},{\"id\":\"\",\"text\":\"上海电气\"},{\"text\":\"葫芦娃\",\"id\":\"\"}]",
-      "status": 1,
-      "type": 2
-    },
-    {
-      "id": 1379,
-      "name": "12-9课后作业",
-      "description": "如何看待抄底",
-      "content": "[{\"id\":\"\",\"text\":\"\"}]",
-      "status": 1,
-      "type": 3
+function getQuestionList(id) {
+  homeworkApi.getHomeworkQuestion(id).then(resp => {
+    if (resp.code == 200){
+      questionList.value = resp.data;
+      for (let i = 0; i < questionList.value.length; i++) {
+        questionList.value[i].content = JSON.parse(questionList.value[i].content);
+      }
+    }else {
+      ElMessage.error("未知错误，请联系管理员");
     }
-  ]
-  for (let i = 0; i < questionList.value.length; i++) {
-    questionList.value[i].content = JSON.parse(questionList.value[i].content);
-  }
+  });
 }
-getQuestionList(1);
-
+getQuestionList(1377);
 
 // 绑定到编辑器的内容
-const content = ref('请输入内容');
-const title = ref('');
+const editorContents = ref([]);
+const editorTitles = ref([]);
+// 初始化数组
+onMounted(() => {
+  questionList.value.forEach(() => {
+    editorContents.value.push('');
+    editorTitles.value.push('');
+  });
+});
+
 // 编辑器配置选项
 const editorOptions = {
   // 配置项
@@ -112,35 +113,49 @@ const editorOptions = {
   placeholder: '请输入内容',
   modules: {
     toolbar: [
-      ['bold', 'italic', 'underline',
-        'strike', 'blockquote', 'code-block', {'header': 1},
-        {'header': 2},
+      [
+        'bold', 'italic', 'underline',
+        'strike', 'blockquote', {'header': 1},{'header': 2},
+        {'size': ['small', false, 'large', 'huge']},
+        {'header': [1, 2, 3, 4, 5, 6, false]},
+        'code-block',
         {'list': 'ordered'},
         {'list': 'bullet'},
         {'script': 'sub'},
         {'script': 'super'},
         {'indent': '-1'},
         {'indent': '+1'},
-        {'direction': 'rtl'},
-        {'size': ['small', false, 'large', 'huge']},
-        {'header': [1, 2, 3, 4, 5, 6, false]},
         {'color': []}, {'background': []},
-        {'font': []},
         {'align': []},
-        'clean'
+        'clean',
       ]
     ]
   }
 };
 
-//提交作业
-const homework = ref({
-  id: 1,
-  jwCode: 1,
-  formId: 1,
-  content: content.value,
+// 提交作业
+const homework = ref([]);
+
+const selectedAnswers = ref([]);
+questionList.value.forEach(() => {
+  selectedAnswers.value.push([]);
 });
+
 function submit() {
+  homework.value = [];
+  for (let i = 0; i < questionList.value.length; i++) {
+    if (questionList.value[i].type == 1 || questionList.value[i].type == 2) {
+      homework.value.push({
+        "id": questionList.value[i].id,
+        "answer": selectedAnswers.value[i]
+      });
+    } else if (questionList.value[i].type == 3) {
+      homework.value.push({
+        "id": questionList.value[i].id,
+        "answer": [editorTitles.value[i], editorContents.value[i]]
+      });
+    }
+  }
   console.log(homework.value);
 }
 </script>
@@ -171,14 +186,14 @@ function submit() {
   width: 93%;
   height: 80%;
   overflow-y: scroll;
-  /*居中显示*/
+  /* 居中显示 */
   left: 50%;
   transform: translate(-50%, 0);
   top: 12.5%;
   text-align: left;
 }
 
-/*滚动条样式*/
+/* 滚动条样式 */
 .content::-webkit-scrollbar {
   width: 3px;
 }
@@ -194,9 +209,11 @@ function submit() {
 
 .title {
   font-size: 1.65rem;
-  font-weight: 500;
-  /*居中显示*/
+  font-weight: 600;
+  /* 居中显示 */
   text-align: center;
+  /*字体颜色*/
+  color: #3f27b1;
 }
 
 .question {
@@ -222,7 +239,7 @@ function submit() {
   margin-right: 1%;
   width: 1.2rem;
   height: 1rem;
-  /*透明度*/
+  /* 透明度 */
   opacity: 0.8;
   cursor: pointer; /* 鼠标悬停时变成手的形状 */
 }
@@ -238,6 +255,9 @@ function submit() {
   height: 30rem;
 }
 
+.ql-toolbar.ql-snow .ql-formats {
+  margin: 0;
+}
 .Short-answers {
   height: 48rem;
 }
@@ -260,4 +280,4 @@ function submit() {
   color: #858585;
   text-align: center;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/work/vite.config.js b/work/vite.config.js
index 63d1997..bc08d23 100644
--- a/work/vite.config.js
+++ b/work/vite.config.js
@@ -13,4 +13,14 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url))
     },
   },
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://192.168.8.191:8080',
+        changeOrigin: true,
+
+        rewrite: (path) => path.replace(/^\/api/, '')
+      }
+    }
+  }
 })

From 8a270459f6f1dd92ad0506ef2ba94aa5a6c2ddee Mon Sep 17 00:00:00 2001
From: lenghui <h280650@163.com>
Date: Tue, 17 Dec 2024 17:44:09 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AF=8C=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC=E6=A1=86=E7=9A=84=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 work/package-lock.json            | 482 ++++++++++++++++++++++++++++++++++++++
 work/package.json                 |   2 +
 work/src/api/HomeworkApi.js       |   4 +
 work/src/views/DoHomeworkView.vue | 154 ++++++++----
 4 files changed, 591 insertions(+), 51 deletions(-)

diff --git a/work/package-lock.json b/work/package-lock.json
index c985300..aecccbe 100644
--- a/work/package-lock.json
+++ b/work/package-lock.json
@@ -9,6 +9,8 @@
       "version": "0.0.0",
       "dependencies": {
         "@vueup/vue-quill": "^1.2.0",
+        "@wangeditor/editor": "^5.1.23",
+        "@wangeditor/editor-for-vue": "^5.1.12",
         "axios": "^1.7.9",
         "echart": "^0.1.3",
         "echarts": "^5.5.1",
@@ -447,6 +449,17 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
       "version": "7.25.9",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/@babel/template/-/template-7.25.9.tgz",
@@ -1310,6 +1323,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@transloadit/prettier-bytes": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmmirror.com/@transloadit/prettier-bytes/-/prettier-bytes-0.0.7.tgz",
+      "integrity": "sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA=="
+    },
     "node_modules/@types/estree": {
       "version": "1.0.6",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/estree/-/estree-1.0.6.tgz",
@@ -1317,6 +1335,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmmirror.com/@types/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ=="
+    },
     "node_modules/@types/lodash": {
       "version": "4.17.13",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/lodash/-/lodash-4.17.13.tgz",
@@ -1338,6 +1361,56 @@
       "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
       "license": "MIT"
     },
+    "node_modules/@uppy/companion-client": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmmirror.com/@uppy/companion-client/-/companion-client-2.2.2.tgz",
+      "integrity": "sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==",
+      "dependencies": {
+        "@uppy/utils": "^4.1.2",
+        "namespace-emitter": "^2.0.1"
+      }
+    },
+    "node_modules/@uppy/core": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmmirror.com/@uppy/core/-/core-2.3.4.tgz",
+      "integrity": "sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==",
+      "dependencies": {
+        "@transloadit/prettier-bytes": "0.0.7",
+        "@uppy/store-default": "^2.1.1",
+        "@uppy/utils": "^4.1.3",
+        "lodash.throttle": "^4.1.1",
+        "mime-match": "^1.0.2",
+        "namespace-emitter": "^2.0.1",
+        "nanoid": "^3.1.25",
+        "preact": "^10.5.13"
+      }
+    },
+    "node_modules/@uppy/store-default": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/@uppy/store-default/-/store-default-2.1.1.tgz",
+      "integrity": "sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ=="
+    },
+    "node_modules/@uppy/utils": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmmirror.com/@uppy/utils/-/utils-4.1.3.tgz",
+      "integrity": "sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==",
+      "dependencies": {
+        "lodash.throttle": "^4.1.1"
+      }
+    },
+    "node_modules/@uppy/xhr-upload": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/@uppy/xhr-upload/-/xhr-upload-2.1.3.tgz",
+      "integrity": "sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==",
+      "dependencies": {
+        "@uppy/companion-client": "^2.2.2",
+        "@uppy/utils": "^4.1.2",
+        "nanoid": "^3.1.25"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^2.3.3"
+      }
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "5.2.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz",
@@ -1676,6 +1749,156 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/@wangeditor/basic-modules": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/basic-modules/-/basic-modules-1.1.7.tgz",
+      "integrity": "sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==",
+      "dependencies": {
+        "is-url": "^1.2.4"
+      },
+      "peerDependencies": {
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "lodash.throttle": "^4.1.1",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/code-highlight": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/code-highlight/-/code-highlight-1.0.3.tgz",
+      "integrity": "sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==",
+      "dependencies": {
+        "prismjs": "^1.23.0"
+      },
+      "peerDependencies": {
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/core": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/core/-/core-1.1.19.tgz",
+      "integrity": "sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==",
+      "dependencies": {
+        "@types/event-emitter": "^0.3.3",
+        "event-emitter": "^0.3.5",
+        "html-void-elements": "^2.0.0",
+        "i18next": "^20.4.0",
+        "scroll-into-view-if-needed": "^2.2.28",
+        "slate-history": "^0.66.0"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^2.1.1",
+        "@uppy/xhr-upload": "^2.0.3",
+        "dom7": "^3.0.0",
+        "is-hotkey": "^0.2.0",
+        "lodash.camelcase": "^4.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.debounce": "^4.0.8",
+        "lodash.foreach": "^4.5.0",
+        "lodash.isequal": "^4.5.0",
+        "lodash.throttle": "^4.1.1",
+        "lodash.toarray": "^4.4.0",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/editor": {
+      "version": "5.1.23",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/editor/-/editor-5.1.23.tgz",
+      "integrity": "sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==",
+      "dependencies": {
+        "@uppy/core": "^2.1.1",
+        "@uppy/xhr-upload": "^2.0.3",
+        "@wangeditor/basic-modules": "^1.1.7",
+        "@wangeditor/code-highlight": "^1.0.3",
+        "@wangeditor/core": "^1.1.19",
+        "@wangeditor/list-module": "^1.0.5",
+        "@wangeditor/table-module": "^1.1.4",
+        "@wangeditor/upload-image-module": "^1.0.2",
+        "@wangeditor/video-module": "^1.1.4",
+        "dom7": "^3.0.0",
+        "is-hotkey": "^0.2.0",
+        "lodash.camelcase": "^4.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.debounce": "^4.0.8",
+        "lodash.foreach": "^4.5.0",
+        "lodash.isequal": "^4.5.0",
+        "lodash.throttle": "^4.1.1",
+        "lodash.toarray": "^4.4.0",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/editor-for-vue": {
+      "version": "5.1.12",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/editor-for-vue/-/editor-for-vue-5.1.12.tgz",
+      "integrity": "sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==",
+      "peerDependencies": {
+        "@wangeditor/editor": ">=5.1.0",
+        "vue": "^3.0.5"
+      }
+    },
+    "node_modules/@wangeditor/list-module": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/list-module/-/list-module-1.0.5.tgz",
+      "integrity": "sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==",
+      "peerDependencies": {
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/table-module": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/table-module/-/table-module-1.1.4.tgz",
+      "integrity": "sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==",
+      "peerDependencies": {
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "lodash.isequal": "^4.5.0",
+        "lodash.throttle": "^4.1.1",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/upload-image-module": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/upload-image-module/-/upload-image-module-1.0.2.tgz",
+      "integrity": "sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==",
+      "peerDependencies": {
+        "@uppy/core": "^2.0.3",
+        "@uppy/xhr-upload": "^2.0.3",
+        "@wangeditor/basic-modules": "1.x",
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "lodash.foreach": "^4.5.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
+    "node_modules/@wangeditor/video-module": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/@wangeditor/video-module/-/video-module-1.1.4.tgz",
+      "integrity": "sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==",
+      "peerDependencies": {
+        "@uppy/core": "^2.1.4",
+        "@uppy/xhr-upload": "^2.0.7",
+        "@wangeditor/core": "1.x",
+        "dom7": "^3.0.0",
+        "nanoid": "^3.2.0",
+        "slate": "^0.72.0",
+        "snabbdom": "^3.1.0"
+      }
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/accepts/-/accepts-1.3.8.tgz",
@@ -1841,6 +2064,11 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/compute-scroll-into-view": {
+      "version": "1.0.20",
+      "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg=="
+    },
     "node_modules/content-disposition": {
       "version": "0.5.4",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -1919,6 +2147,18 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "license": "MIT"
     },
+    "node_modules/d": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/d/-/d-1.0.2.tgz",
+      "integrity": "sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==",
+      "dependencies": {
+        "es5-ext": "^0.10.64",
+        "type": "^2.7.2"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
     "node_modules/dayjs": {
       "version": "1.11.13",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/dayjs/-/dayjs-1.11.13.tgz",
@@ -2025,6 +2265,14 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/dom7": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/dom7/-/dom7-3.0.0.tgz",
+      "integrity": "sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==",
+      "dependencies": {
+        "ssr-window": "^3.0.0-alpha.1"
+      }
+    },
     "node_modules/echart": {
       "version": "0.1.3",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/echart/-/echart-0.1.3.tgz",
@@ -2117,6 +2365,43 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/es5-ext": {
+      "version": "0.10.64",
+      "resolved": "https://registry.npmmirror.com/es5-ext/-/es5-ext-0.10.64.tgz",
+      "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "esniff": "^2.0.1",
+        "next-tick": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/es6-symbol": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmmirror.com/es6-symbol/-/es6-symbol-3.1.4.tgz",
+      "integrity": "sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==",
+      "dependencies": {
+        "d": "^1.0.2",
+        "ext": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.24.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/esbuild/-/esbuild-0.24.0.tgz",
@@ -2173,12 +2458,35 @@
       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
       "license": "MIT"
     },
+    "node_modules/esniff": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/esniff/-/esniff-2.0.1.tgz",
+      "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.62",
+        "event-emitter": "^0.3.5",
+        "type": "^2.7.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "license": "MIT"
     },
+    "node_modules/event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmmirror.com/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
     "node_modules/eventemitter3": {
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-5.0.1.tgz",
@@ -2211,6 +2519,14 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
+    "node_modules/ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmmirror.com/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "dependencies": {
+        "type": "^2.7.2"
+      }
+    },
     "node_modules/extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz",
@@ -2401,6 +2717,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/html-void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/html-void-elements/-/html-void-elements-2.0.1.tgz",
+      "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/http-assert": {
       "version": "1.5.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/http-assert/-/http-assert-1.5.0.tgz",
@@ -2449,6 +2774,23 @@
         "node": ">=18.18.0"
       }
     },
+    "node_modules/i18next": {
+      "version": "20.6.1",
+      "resolved": "https://registry.npmmirror.com/i18next/-/i18next-20.6.1.tgz",
+      "integrity": "sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.0"
+      }
+    },
+    "node_modules/immer": {
+      "version": "9.0.21",
+      "resolved": "https://registry.npmmirror.com/immer/-/immer-9.0.21.tgz",
+      "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/inherits/-/inherits-2.0.4.tgz",
@@ -2486,6 +2828,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-hotkey": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/is-hotkey/-/is-hotkey-0.2.0.tgz",
+      "integrity": "sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw=="
+    },
     "node_modules/is-inside-container": {
       "version": "1.0.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/is-inside-container/-/is-inside-container-1.0.0.tgz",
@@ -2518,6 +2865,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-stream": {
       "version": "4.0.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/is-stream/-/is-stream-4.0.1.tgz",
@@ -2544,6 +2899,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
+    },
     "node_modules/is-what": {
       "version": "4.1.16",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/is-what/-/is-what-4.1.16.tgz",
@@ -2763,16 +3123,41 @@
         "lodash-es": "*"
       }
     },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+    },
     "node_modules/lodash.clonedeep": {
       "version": "4.5.0",
       "resolved": "https://registry.npmmirror.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
       "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
+    "node_modules/lodash.foreach": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
+    },
     "node_modules/lodash.isequal": {
       "version": "4.5.0",
       "resolved": "https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
       "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
     },
+    "node_modules/lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
+    },
+    "node_modules/lodash.toarray": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmmirror.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
+      "integrity": "sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw=="
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -2825,6 +3210,14 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/mime-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/mime-match/-/mime-match-1.0.2.tgz",
+      "integrity": "sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==",
+      "dependencies": {
+        "wildcard": "^1.1.0"
+      }
+    },
     "node_modules/mime-types": {
       "version": "2.1.35",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/mime-types/-/mime-types-2.1.35.tgz",
@@ -2860,6 +3253,11 @@
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
+    "node_modules/namespace-emitter": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/namespace-emitter/-/namespace-emitter-2.0.1.tgz",
+      "integrity": "sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g=="
+    },
     "node_modules/nanoid": {
       "version": "3.3.8",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/nanoid/-/nanoid-3.3.8.tgz",
@@ -2887,6 +3285,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+    },
     "node_modules/node-releases": {
       "version": "2.0.18",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/node-releases/-/node-releases-2.0.18.tgz",
@@ -3103,6 +3506,15 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/preact": {
+      "version": "10.25.2",
+      "resolved": "https://registry.npmmirror.com/preact/-/preact-10.25.2.tgz",
+      "integrity": "sha512-GEts1EH3oMnqdOIeXhlbBSddZ9nrINd070WBOiPO2ous1orrKGUM4SMDbwyjSWD1iMS2dBvaDjAa5qUhz3TXqw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
     "node_modules/pretty-ms": {
       "version": "9.2.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/pretty-ms/-/pretty-ms-9.2.0.tgz",
@@ -3119,6 +3531,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/prismjs": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmmirror.com/prismjs/-/prismjs-1.29.0.tgz",
+      "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -3152,6 +3572,11 @@
         "node": ">= 12.0.0"
       }
     },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
     "node_modules/rfdc": {
       "version": "1.4.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/rfdc/-/rfdc-1.4.1.tgz",
@@ -3230,6 +3655,14 @@
       ],
       "license": "MIT"
     },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "2.2.31",
+      "resolved": "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "dependencies": {
+        "compute-scroll-into-view": "^1.0.20"
+      }
+    },
     "node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/semver/-/semver-6.3.1.tgz",
@@ -3297,6 +3730,35 @@
         "node": ">=18"
       }
     },
+    "node_modules/slate": {
+      "version": "0.72.8",
+      "resolved": "https://registry.npmmirror.com/slate/-/slate-0.72.8.tgz",
+      "integrity": "sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==",
+      "dependencies": {
+        "immer": "^9.0.6",
+        "is-plain-object": "^5.0.0",
+        "tiny-warning": "^1.0.3"
+      }
+    },
+    "node_modules/slate-history": {
+      "version": "0.66.0",
+      "resolved": "https://registry.npmmirror.com/slate-history/-/slate-history-0.66.0.tgz",
+      "integrity": "sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==",
+      "dependencies": {
+        "is-plain-object": "^5.0.0"
+      },
+      "peerDependencies": {
+        "slate": ">=0.65.3"
+      }
+    },
+    "node_modules/snabbdom": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/snabbdom/-/snabbdom-3.6.2.tgz",
+      "integrity": "sha512-ig5qOnCDbugFntKi6c7Xlib8bA6xiJVk8O+WdFrV3wxbMqeHO0hXFQC4nAhPVWfZfi8255lcZkNhtIBINCc4+Q==",
+      "engines": {
+        "node": ">=12.17.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -3316,6 +3778,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ssr-window": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-3.0.0.tgz",
+      "integrity": "sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA=="
+    },
     "node_modules/statuses": {
       "version": "1.5.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/statuses/-/statuses-1.5.0.tgz",
@@ -3357,6 +3824,11 @@
       "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
       "dev": true
     },
+    "node_modules/tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+    },
     "node_modules/toidentifier": {
       "version": "1.0.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/toidentifier/-/toidentifier-1.0.1.tgz",
@@ -3391,6 +3863,11 @@
         "node": ">=0.6.x"
       }
     },
+    "node_modules/type": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmmirror.com/type/-/type-2.7.3.tgz",
+      "integrity": "sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ=="
+    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/type-is/-/type-is-1.6.18.tgz",
@@ -3765,6 +4242,11 @@
         "node": ">= 8"
       }
     },
+    "node_modules/wildcard": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/wildcard/-/wildcard-1.1.2.tgz",
+      "integrity": "sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng=="
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/yallist/-/yallist-3.1.1.tgz",
diff --git a/work/package.json b/work/package.json
index 8c3d45a..b2d579f 100644
--- a/work/package.json
+++ b/work/package.json
@@ -10,6 +10,8 @@
   },
   "dependencies": {
     "@vueup/vue-quill": "^1.2.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^1.7.9",
     "echart": "^0.1.3",
     "echarts": "^5.5.1",
diff --git a/work/src/api/HomeworkApi.js b/work/src/api/HomeworkApi.js
index 9d55035..159e5c8 100644
--- a/work/src/api/HomeworkApi.js
+++ b/work/src/api/HomeworkApi.js
@@ -3,6 +3,10 @@ const homeworkApi = {
     //获取作业
     getHomeworkQuestion(id) {
         return service.post('api/homework_client/gethomeworkquestion', {id: id});
+    },
+    //提交作业
+    submitHomework(homework,groupId) {
+        return service.post('api/homework_client/commithomework', {homework,groupId});
     }
 }
 export default homeworkApi;
\ No newline at end of file
diff --git a/work/src/views/DoHomeworkView.vue b/work/src/views/DoHomeworkView.vue
index ec273c0..a88f5bc 100644
--- a/work/src/views/DoHomeworkView.vue
+++ b/work/src/views/DoHomeworkView.vue
@@ -54,8 +54,22 @@
                   show-word-limit
               />
               <div class="editor">
-                <!-- 引入 VueQuill 编辑器 -->
-                <quill-editor v-model:content="editorContents[questionIndex]" :options="editorOptions"></quill-editor>
+                <div style="border: 1px solid #ccc">
+                  <Toolbar
+                      style="border-bottom: 1px solid #ccc"
+                      :editor="editorRefs[questionIndex]"
+                      :defaultConfig="toolbarConfig"
+                      :mode="mode"
+                  />
+                  <Editor
+                      style="height: 500px; overflow-y: hidden;"
+                      v-model="editorContents[questionIndex]"
+                      :defaultConfig="editorConfig"
+                      :mode="mode"
+                      @onCreated="editor => handleCreated(editor, questionIndex)"
+
+                  />
+                </div>
               </div>
             </div>
           </template>
@@ -72,67 +86,96 @@
       </div>
     </div>
   </div>
+
+
 </template>
 
 <script setup>
-import {onMounted, ref} from 'vue';
+import { onMounted, ref, shallowRef } from 'vue';
 import homeworkApi from "@/api/HomeworkApi.js";
-import {ElMessage} from "element-plus";
+import { ElMessage } from "element-plus";
+import '@wangeditor/editor/dist/css/style.css' // 引入 css
+import { onBeforeUnmount } from 'vue'
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
+
+// 编辑器实例，必须用 shallowRef
+const editorRefs = ref([]);
+
+// 内容 HTML
+const editorContents = ref([]);
+const editorTitles = ref([]);
+
+// 模拟 ajax 异步获取内容
+onMounted(() => {
+  setTimeout(() => {
+    editorContents.value = editorContents.value.map(() => '');
+  }, 1500)
+})
+
+const toolbarConfig = {
+  excludeKeys: [
+    'justify',
+    'table',
+    'codeBlock',
+    'divider',
+    'undo',
+    'redo',
+    'insertImage',  // 去掉插入图片
+    'insertLink',   // 去掉插入链接
+    'insertTable',  // 去掉插入表格
+    'video',
+    'group-more-style',
+    'group-image',
+    'group-video',
+    'fullScreen',
+    'todo'
+  ],
+  insertKeys: {
+    index: 0,
+    keys: ['bold', 'italic']
+  }
+}
+
+
+const editorConfig = {
+  placeholder: '请输入内容...',
+  toolbarKeys: toolbarConfig.toolbarKeys
+  }
+
+// 组件销毁时，也及时销毁编辑器
+onBeforeUnmount(() => {
+  editorRefs.value.forEach(editor => {
+    if (editor == null) return;
+    editor.destroy();
+  });
+})
+
+const handleCreated = (editor, questionIndex) => {
+  editorRefs.value[questionIndex] = editor; // 记录 editor 实例
+  editor.config.toolbarConfig = toolbarConfig; // 确保配置正确应用
+}
 
 const questionList = ref([]);
 
 function getQuestionList(id) {
   homeworkApi.getHomeworkQuestion(id).then(resp => {
-    if (resp.code == 200){
+    if (resp.code == 200) {
       questionList.value = resp.data;
       for (let i = 0; i < questionList.value.length; i++) {
         questionList.value[i].content = JSON.parse(questionList.value[i].content);
+        // 初始化 editorTitles 和 editorContents
+        editorTitles.value.push('');
+        editorContents.value.push('');
+        // 初始化 selectedAnswers 为数组
+        selectedAnswers.value.push([]);
       }
-    }else {
+    } else {
       ElMessage.error("未知错误，请联系管理员");
     }
   });
 }
 getQuestionList(1377);
 
-// 绑定到编辑器的内容
-const editorContents = ref([]);
-const editorTitles = ref([]);
-// 初始化数组
-onMounted(() => {
-  questionList.value.forEach(() => {
-    editorContents.value.push('');
-    editorTitles.value.push('');
-  });
-});
-
-// 编辑器配置选项
-const editorOptions = {
-  // 配置项
-  theme: 'snow', // 或者 'bubble'
-  placeholder: '请输入内容',
-  modules: {
-    toolbar: [
-      [
-        'bold', 'italic', 'underline',
-        'strike', 'blockquote', {'header': 1},{'header': 2},
-        {'size': ['small', false, 'large', 'huge']},
-        {'header': [1, 2, 3, 4, 5, 6, false]},
-        'code-block',
-        {'list': 'ordered'},
-        {'list': 'bullet'},
-        {'script': 'sub'},
-        {'script': 'super'},
-        {'indent': '-1'},
-        {'indent': '+1'},
-        {'color': []}, {'background': []},
-        {'align': []},
-        'clean',
-      ]
-    ]
-  }
-};
-
 // 提交作业
 const homework = ref([]);
 
@@ -141,22 +184,34 @@ questionList.value.forEach(() => {
   selectedAnswers.value.push([]);
 });
 
-function submit() {
+// 上一个页面传递的参数 groupId
+const groupId = 1379;
+function submit(groupId) {
   homework.value = [];
   for (let i = 0; i < questionList.value.length; i++) {
     if (questionList.value[i].type == 1 || questionList.value[i].type == 2) {
       homework.value.push({
         "id": questionList.value[i].id,
-        "answer": selectedAnswers.value[i]
+        "answer": selectedAnswers.value[i],
+        "type": questionList.value[i].type
       });
     } else if (questionList.value[i].type == 3) {
+      const editor = editorRefs.value[i];
+      const plainText = editor ? editor.getText() : '';
       homework.value.push({
         "id": questionList.value[i].id,
-        "answer": [editorTitles.value[i], editorContents.value[i]]
+        "answer": [editorTitles.value[i], plainText],
+        "type": questionList.value[i].type
       });
     }
   }
-  console.log(homework.value);
+  homeworkApi.submitHomework(homework.value, 1379).then(resp => {
+    if (resp.code == 200) {
+      ElMessage.success("提交成功");
+    } else {
+      ElMessage.error("未知错误，请联系管理员");
+    }
+  });
 }
 </script>
 
@@ -255,9 +310,6 @@ function submit() {
   height: 30rem;
 }
 
-.ql-toolbar.ql-snow .ql-formats {
-  margin: 0;
-}
 .Short-answers {
   height: 48rem;
 }

From 6bb4fa11ad521daab009a817457da00ebd73d42d Mon Sep 17 00:00:00 2001
From: lenghui <h280650@163.com>
Date: Wed, 18 Dec 2024 10:57:43 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8D=95=E9=80=89?=
 =?UTF-8?q?=E5=A4=9A=E9=80=89=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 work/src/views/DoHomeworkView.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/work/src/views/DoHomeworkView.vue b/work/src/views/DoHomeworkView.vue
index a88f5bc..f048a86 100644
--- a/work/src/views/DoHomeworkView.vue
+++ b/work/src/views/DoHomeworkView.vue
@@ -299,6 +299,16 @@ function submit(groupId) {
   cursor: pointer; /* 鼠标悬停时变成手的形状 */
 }
 
+/* 单选按钮选中时的样式 */
+.selected input[type="radio"]:checked {
+  accent-color: blue; /* 设置选中时的颜色为蓝色 */
+}
+
+/* 多选按钮选中时的样式 */
+.selected input[type="checkbox"]:checked {
+  accent-color: blue; /* 设置选中时的颜色为蓝色 */
+}
+
 .selected label {
   cursor: pointer;
 }