diff --git a/package.json b/package.json
index b0d87907..a69a66e5 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "@dcloudio/uni-ui": "^1.4.24",
     "@rollup/plugin-alias": "^4.0.3",
     "core-js": "^3.6.5",
+    "element-plus": "^2.3.12",
     "marked": "^4.0.18",
     "postcss": "^8.1.0",
     "vue": "^3.2.45",
@@ -72,12 +73,15 @@
     "eslint": "^8.31.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.27.4",
     "eslint-plugin-vue": "^9.9.0",
     "mini-types": "*",
     "miniprogram-api-typings": "*",
     "sass": "^1.57.1",
     "sass-loader": "^13.2.0",
+    "unplugin-auto-import": "^0.16.6",
+    "unplugin-vue-components": "^0.25.1",
     "vite": "3.2.4"
   }
 }
diff --git a/src/pages.json b/src/pages.json
index 16b612c6..1b01154c 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -99,7 +99,28 @@
       "path": "pages/quizzes/tests/answer",
       "style": {}
     },
-	// lists区
+    {
+      "path": "pages/quizzes/quizset/index",
+      "style": {}
+    },
+    {
+      "path": "pages/quizzes/quizset/detail",
+      "style": {}
+    },
+    {
+      "path": "pages/quizzes/quizset/records/index",
+      "style": {}
+    },
+    {
+      "path": "pages/quizzes/quizset/records/detail",
+      "style": {}
+    },
+    {
+      "path": "pages/quizzes/quizset/questionCard",
+      "style": {
+        "enablePullDownRefresh": true
+      }
+    },
 	{
 	  "path": "pages/lists/index",
 	  "style": {}
diff --git a/src/pages/quizzes/index.vue b/src/pages/quizzes/index.vue
index ae0b4cab..3ade0da4 100644
--- a/src/pages/quizzes/index.vue
+++ b/src/pages/quizzes/index.vue
@@ -87,7 +87,7 @@
         </view>
       </view>
       <!--试卷-->
-      <view
+      <!-- <view
         class="cu-item padding"
         style="background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%)"
       >
@@ -104,16 +104,49 @@
             style="max-width: 60vw"
           >
             一个小小的能力测验~快看看你能拿多少分数吧！
+          </text> -->
+      <!--开始答题按钮-->
+      <!-- <view class="quiz-btn">
+            <button
+              style="height: 80upx;width: 160upx"
+              class="cu-btn bg-blue shadow"
+              @tap="toTestPage()"
+            >
+              <text class="text-sm">
+                开始测验
+              </text>
+            </button>
+          </view>
+        </view>
+      </view> -->
+      <view
+        class="cu-item padding"
+        style="background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%)"
+      >
+        <view class="cu-bar">
+          <view class="action">
+            <text class="text-xl text-bold text-blue">
+              方言能力小测验！
+            </text>
+          </view>
+        </view>
+        <!--组卷测试，3.0增加-->
+        <view class="flex">
+          <text
+            class="text-content padding-left"
+            style="max-width: 60vw"
+          >
+            组卷答题测试~快来看看你能答对多少题吧！
           </text>
           <!--开始答题按钮-->
           <view class="quiz-btn">
             <button
               style="height: 80upx;width: 160upx"
               class="cu-btn bg-blue shadow"
-              @tap="toTestPage()"
+              @tap="toPaperPage(id)"
             >
               <text class="text-sm">
-                开始测验
+                组卷答题
               </text>
             </button>
           </view>
@@ -143,15 +176,20 @@
 </template>
 
 <script>
-import { toRandomQuizPage, toSearchQuizPage, toTestPage } from '@/routers/quiz';
+import {
+  toRandomQuizPage, toSearchQuizPage, toTestPage, toPaperPage,
+} from '@/routers/quiz';
 import { defaultMessage } from '@/services/shareMessages';
 
+const app = getApp();
 export default {
   data() {
     return {
+      id: app.globalData.id,
       toRandomQuizPage,
       toTestPage,
       toSearchQuizPage,
+      toPaperPage,
     };
   },
 
@@ -169,10 +207,11 @@ export default {
 </script>
 
 <style>
-.indent{
+.indent {
   text-indent: 2em;
   display: block;
 }
+
 .quiz-btn {
   margin: 30rpx 0;
   display: flex;
diff --git a/src/pages/quizzes/quizset/detail.vue b/src/pages/quizzes/quizset/detail.vue
new file mode 100644
index 00000000..c73edb66
--- /dev/null
+++ b/src/pages/quizzes/quizset/detail.vue
@@ -0,0 +1,460 @@
+<template>
+  <view>
+    <cu-custom title="词单·试卷" />
+    <view class="container">
+      <!-- 上部分：题目和选项 -->
+      <view class="question-section">
+        <p class="totalQuestion">
+          第 {{ currentQuizIndex + 1 }} 题 / 总{{ length }}题：
+        </p>
+
+        <text class="question">
+          {{ currentQuiz.question }}
+        </text>
+
+        <view>
+          <radio-group
+            class="block padding"
+            @change="radioChange"
+          >
+            <label
+              v-for="(item, index) in currentQuiz.options"
+              :key="index"
+              class="cu-form-group"
+            >
+              <radio
+                :value="index.toString()"
+                :checked="index === current"
+              />
+              <view class="title text-black">
+                {{ String.fromCharCode(index + 65) }}.{{ item }}
+              </view>
+            </label>
+          </radio-group>
+          <view class="padding submit-btn">
+            <button
+              class="cu-btn bg-gradual-blue"
+              @click="submitResult(currentQuiz.answer,currentQuizIndex,currentQuiz.id)"
+            >
+              提 交
+            </button>
+          </view>
+        </view>
+        <view class="divider" />
+        <view
+          style=" display: flex; align-items: center; "
+        >
+          <image
+            :src="currentQuiz.author.avatar"
+            style="width: 100rpx; height: 100rpx; border-radius: 50%; margin-left: 50rpx;"
+          />
+          <text class="authorName">
+            from: {{ currentQuiz.author.nickname }}
+          </text>
+        </view>
+        <!--已经提交的题目就传递给答题卡-->
+        <view class="divider" />
+
+        <view class="answer-section">
+          <!-- 答案 -->
+          <view v-if="showAnswerFlag">
+            <text>答案: {{ String.fromCharCode(currentQuiz.answer + 65) }}</text>
+          </view>
+
+          <!-- 解析 -->
+          <view v-if="showExplanationFlag">
+            <text>解析: {{ currentQuiz.explanation }}</text>
+          </view>
+        </view>
+
+        <!-- 按钮 -->
+        <view
+          class="pageBottom "
+        >
+          <view class="divider" />
+          <view class="buttons">
+            <button @tap="prevQuestion">
+              上一题
+            </button>
+            <button @tap="nextQuestion">
+              下一题
+            </button>
+            <button @tap="showAnswer">
+              答 &nbsp;&nbsp;案
+            </button>
+            <button @tap="showExplanation">
+              解 &nbsp;&nbsp;析
+            </button>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getPaperDetail, uploadMyAnswer } from '@/services/quizset';
+
+const app = getApp();
+export default {
+  data() {
+    return {
+      questionList: [],
+      length: 0,
+      quizData: {
+        id: 'string',
+        title: 'string',
+        quizzes: [
+          {
+            question: '穿过彩云之间 闪闪发光 心中满足 似要溢出 不知何时 脸颊莹莹闪光 炽热地 炽热地将其濡湿',
+            options: ['string1', 'string2', 'string3'],
+            answer: 1,
+            explanation: 'string',
+            id: 0,
+            author: {
+              id: 0,
+              username: 'string',
+              nickname: '大树快车',
+              email: 'string',
+              telephone: 'string',
+              birthday: 'string',
+              avatar: 'https://pic.imgdb.cn/item/655b0560c458853aef2246b9.jpg',
+              is_admin: true,
+              county: 'string',
+              town: 'string',
+              points_sum: 0,
+              points_now: 0,
+              title: {
+                title: 'string',
+                color: 'string',
+              },
+              registration_time: 'string',
+              login_time: 'string',
+              wechat: true,
+              level: 0,
+            },
+            visibility: true,
+            voice_source: 'string',
+            type: 'string',
+          },
+          {
+            question: ' 似要溢出 不知何时 脸颊莹莹闪光 炽热地 炽热地将其濡湿',
+            options: ['string1', 'string2', 'string3'],
+            answer: 1,
+            explanation: 'string',
+            id: 2,
+            author: {
+              id: 0,
+              username: 'string',
+              nickname: '名将怒涛',
+              email: 'string',
+              telephone: 'string',
+              birthday: 'string',
+              avatar: 'https://pic.imgdb.cn/item/655b055ac458853aef223403.jpg',
+              is_admin: true,
+              county: 'string',
+              town: 'string',
+              points_sum: 0,
+              points_now: 0,
+              title: {
+                title: 'string',
+                color: 'string',
+              },
+              registration_time: 'string',
+              login_time: 'string',
+              wechat: true,
+              level: 0,
+            },
+            visibility: true,
+            voice_source: 'string',
+            type: 'string',
+          },
+        ],
+      },
+      currentQuizIndex: 0,
+      showAnswerFlag: false,
+      showExplanationFlag: false,
+      current: 99,
+      submitted: [],
+      uploadMyAnswer,
+    };
+  },
+  computed: {
+    currentQuiz() {
+      if (this.quizData.quizzes[this.currentQuizIndex] === undefined) {
+        return {
+          question: '穿过彩云之间 闪闪发光 心中满足 似要溢出 不知何时 脸颊莹莹闪光 炽热地 炽热地将其濡湿',
+          options: ['string1', 'string2', 'string3'],
+          answer: 1,
+          explanation: 'string',
+          id: 0,
+          author: {
+            id: 0,
+            username: 'string',
+            nickname: '大树快车',
+            email: 'string',
+            telephone: 'string',
+            birthday: 'string',
+            avatar: 'https://pic.imgdb.cn/item/655b0560c458853aef2246b9.jpg',
+            is_admin: true,
+            county: 'string',
+            town: 'string',
+            points_sum: 0,
+            points_now: 0,
+            title: {
+              title: 'string',
+              color: 'string',
+            },
+            registration_time: 'string',
+            login_time: 'string',
+            wechat: true,
+            level: 0,
+          },
+          visibility: true,
+          voice_source: 'string',
+          type: 'string',
+        };
+      }
+      return this.quizData.quizzes[this.currentQuizIndex];
+    },
+  },
+  onLoad(query) {
+    uni.pageScrollTo({
+      scrollTop: 0,
+      duration: 0,
+    });
+    this.questionList = JSON.parse(uni.getStorageSync('rq') || '[]');
+    if (query.index) {
+      this.currentQuizIndex = parseInt(query.index, 10);
+    }
+    const paperid = this.$route.query.id;
+    getPaperDetail(paperid).then((res) => {
+      this.quizData = res;
+      this.submitted = Array(this.quizData.quizzes.length).fill(99);
+      this.length = this.quizData.quizzes.length;
+    });
+    if (this.submitted[this.currentQuizIndex] === true) {
+      this.showAnswerFlag = true;
+      this.showExplanationFlag = true;
+    }
+  },
+  methods: {
+    radioChange(e) {
+      this.current = Number(e.detail.value);
+    },
+
+    prevQuestion() {
+      if (this.currentQuizIndex > 0) {
+        this.currentQuizIndex -= 1;
+        this.resetFlags();
+        this.current = 99;
+      } else if (this.currentQuizIndex === 0) {
+        uni.showToast({
+          title: '已经是第一题！',
+          icon: 'none',
+          duration: 2000,
+        });
+      }
+    },
+
+    nextQuestion() {
+      if (this.currentQuizIndex < this.quizData.quizzes.length - 1) {
+        this.currentQuizIndex += 1;
+        this.resetFlags();
+        this.current = 99;
+      } else if (this.currentQuizIndex === this.quizData.quizzes.length - 1) {
+        uni.showToast({
+          title: '已经是最后一题！',
+          icon: 'none',
+          duration: 2000,
+        });
+      }
+    },
+    showAnswer() {
+      if (this.current === 99) {
+        uni.showToast({
+          title: '请先作答再查看答案！',
+          icon: 'none',
+        });
+      } else {
+        this.showAnswerFlag = !this.showAnswerFlag;
+        this.showExplanationFlag = false;
+      }
+    },
+    showExplanation() {
+      if (this.current === 99) {
+        uni.showToast({
+          title: '请先作答再查看解析！',
+          icon: 'none',
+        });
+      } else {
+        this.showExplanationFlag = !this.showExplanationFlag;
+        this.showAnswerFlag = false;
+      }
+    },
+    resetFlags() {
+      this.showAnswerFlag = false;
+      this.showExplanationFlag = false;
+    },
+
+    /* 提交答案 */
+    submitResult(answer, index, id) {
+      if (this.questionList[index] !== 99) {
+        uni.showToast({
+          title: '该题已经提交过了！',
+          icon: 'none',
+        });
+      } else if (this.current === 99) {
+        uni.showToast({
+          title: '还没有做出选择哦',
+          icon: 'none',
+        });
+      } else {
+        uni.showModal({
+          title: '提交',
+          content: '确定要提交吗？',
+          success: (res) => {
+            if (res.confirm) {
+              if (this.current === answer) {
+                this.questionList[index] = 1;
+                uni.setStorageSync('rq', JSON.stringify(this.questionList));
+                uni.showToast({
+                  title: '答对啦！',
+                });
+                uploadMyAnswer(id, id, app.globalData.id, this.current, true);
+              } else {
+                this.questionList[index] = 2;
+                uni.setStorageSync('rq', JSON.stringify(this.questionList));
+                uni.showToast({
+                  title: '太可惜了！',
+                  icon: 'none',
+                });
+                uploadMyAnswer(id, id, app.globalData.id, this.current, false);
+              }
+              this.showAnswerFlag = true;
+              this.showExplanationFlag = true;
+            }
+          },
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+
+.page {
+  background-color: #FFFFFF;
+}
+
+.cu-form-group {
+  justify-content: flex-start
+}
+
+.cu-form-group .title {
+  padding-left: 30rpx;
+  padding-right: 0rpx;
+}
+
+.cu-form-group + .cu-form-group {
+  border-top: none;
+}
+
+.cu-bar-title {
+  min-height: 50rpx;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+}
+
+.question-section {
+  margin-bottom: 20px;
+}
+
+.question {
+  margin-top: 20rpx;
+  font-size: 40rpx;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.options {
+  display: flex;
+  flex-direction: column;
+}
+
+.options text {
+  cursor: pointer;
+  margin-bottom: 5px;
+}
+
+.info-section {
+  margin-bottom: 100rpx;
+}
+
+.info {
+  font-size: 14px;
+}
+
+.buttons {
+  display: flex;
+  justify-content: space-between;
+}
+
+button {
+  background-color: #39C5BB;
+  color: #fff;
+  border: none;
+  cursor: pointer;
+}
+
+.pageBottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  margin-bottom: 50rpx;
+}
+
+/*分割线用代码*/
+.divider {
+  margin-bottom: 30rpx;
+  margin-top: 30rpx;
+  background: #E0E3DA;
+  width: 100%;
+  height: 3rpx;
+}
+
+.answer-section {
+  margin-top: 10rpx;
+  padding: 10rpx;
+  border-radius: 5rpx;
+}
+
+.answer-section text {
+  color: #333;
+  font-size: 30rpx;
+}
+
+.submit-btn {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.authorName {
+  margin-left: 70rpx;
+  color: #39C5BB;
+  font-size: 40rpx;
+  font-family: "幼圆";
+}
+
+.totalQuestion {
+  font-size: 30rpx;
+  margin-bottom: 10rpx;
+}
+</style>
diff --git a/src/pages/quizzes/quizset/index.vue b/src/pages/quizzes/quizset/index.vue
new file mode 100644
index 00000000..d6bfb0c4
--- /dev/null
+++ b/src/pages/quizzes/quizset/index.vue
@@ -0,0 +1,144 @@
+<template>
+  <view>
+    <cu-custom title="组卷列表" />
+    <view
+      class="counter"
+      :class="{ 'highlight': highlighted }"
+    >
+      当前组卷数量：
+      <span class="total">{{ total }}</span>
+    </view>
+    <view class="divider" />
+    <view class="paper-list">
+      <view
+        v-for="(paper, id) in papers"
+        :key="id"
+        class="paper-item"
+        @tap="gotoQuestionCard(paper.id)"
+      >
+        <text class="paper-title">
+          - {{ paper.title }}
+        </text>
+      </view>
+    </view>
+    <view
+      class="circle-btn"
+      @click="gotoAllRecords()"
+    >
+      答题记录
+    </view>
+  </view>
+</template>
+<script>
+import data, { getAllPapers, getPaperDetail } from '@/services/quizset';
+import { navigatorToDetail, gotoAllRecords, gotoQuestionCard } from '@/routers/quiz';
+
+export default {
+  data() {
+    return {
+      total: 0,
+      papers: [],
+      Answered: data.questions,
+      getAllPapers,
+      getPaperDetail,
+      navigatorToDetail,
+      gotoAllRecords,
+      gotoQuestionCard,
+    };
+  },
+  onLoad() {
+    uni.pageScrollTo({
+      scrollTop: 0,
+      duration: 0,
+    });
+    getAllPapers().then((res) => {
+      this.papers = res.paper;
+      this.total = res.total;
+    });
+    this.saveQuestions();
+  },
+  methods: {
+    saveQuestions() {
+      uni.setStorageSync('rq', JSON.stringify(this.Answered));
+    },
+  },
+
+};
+</script>
+
+<style scoped>
+/*标题高亮：*/
+.counter {
+  color: deepskyblue;
+  font-size: 18px;
+  font-weight: bold;
+  margin: 20px;
+  text-align: center;
+  letter-spacing: 5 upx;
+  font-family: "微软雅黑";
+  transition: color 0.5s ease-out;
+}
+
+.total {
+  color: deepskyblue;
+}
+
+.highlight {
+  color: #ff4500;
+}
+
+.paper-list {
+  justify-content: space-around;
+}
+
+.paper-item {
+  width: 80%;
+  border-radius: 30rpx;
+  height: 155rpx;
+  margin-left: 10%;
+  margin-bottom: 30rpx;
+  /* padding: 100rpx; */
+  border: 1px solid #ddd; /* 边框样式 */
+  box-shadow: 0 10rpx 10rpx rgba(0, 0, 0, 0.5); /* 阴影效果 */
+  background: linear-gradient(to left, #39c5bb, #ffffff);
+  background-size: 200% 50%;
+  display: block; /* 每个.paper-item占一行*/
+}
+
+.paper-title {
+  line-height: 155rpx;
+  align-self: center;
+  margin-left: 10%;
+  font-size: 50rpx;
+  font-weight: bold;
+  font-family: "幼圆";
+  color: #5c5c5c;
+}
+
+/*分割线用代码*/
+.divider {
+  margin-bottom: 30rpx;
+  margin-top: 30rpx;
+  background: #E0E3DA;
+  width: 100%;
+  height: 3rpx;
+}
+
+/*圆形按钮*/
+.circle-btn {
+  width: 200rpx;
+  height: 100rpx;
+  line-height: 90rpx;
+  text-align: center;
+  background-color: #39C5BB;
+  color: #fff;
+  border-radius: 30rpx;
+  padding: 10rpx;
+  position: fixed;
+  margin-top: 10%;
+  margin-left: 65%;
+  font-size: 30rpx;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
+
+}
+</style>
diff --git a/src/pages/quizzes/quizset/questionCard.vue b/src/pages/quizzes/quizset/questionCard.vue
new file mode 100644
index 00000000..f4f5d81c
--- /dev/null
+++ b/src/pages/quizzes/quizset/questionCard.vue
@@ -0,0 +1,220 @@
+<template>
+  <view>
+    <cu-custom title="答题卡" />
+    <view
+      v-if="length===0"
+      class="noContent"
+    >
+      暂时没有题目哦~
+    </view>
+    <view class="quesNum">
+      共有{{ length }}题，已完成{{ answeredQ }}题
+    </view>
+    <view class="divider" />
+    <view class="question-card">
+      <view
+        v-for="(quiz, index) in quizss.quizzes"
+        :key="index"
+        :class="{'submitted-correct': questionFill[index] === 1,
+                 'submitted-incorrect': questionFill[index] === 2,
+                 'submitted-none': questionFill[index] === 99}"
+        @tap="goToQuestion(index)"
+      >
+        {{ index + 1 }}
+      </view>
+    </view>
+    <view
+      class="fixbutton"
+      @tap="submitPaper"
+    >
+      <p class="buttonFont">
+        提交
+      </p>
+    </view>
+  </view>
+</template>
+<script>
+import data, { getPaperDetail, uploadPaper } from '@/services/quizset';
+
+const app = getApp();
+/* const app = App(); */
+export default {
+  data() {
+    return {
+      paperID: '',
+      length: 0,
+      questionFill: data.questions,
+      answeredQ: 0,
+      quizss: {},
+      getPaperDetail,
+      uploadPaper,
+    };
+  },
+  onLoad() {
+    uni.pageScrollTo({
+      scrollTop: 0,
+      duration: 0,
+
+    });
+    const paperid = this.$route.query.id;
+    this.paperID = paperid;
+    getPaperDetail(paperid).then((res) => {
+      this.quizss = res;
+      this.length = this.quizss.quizzes.length;
+    });
+    this.questionFill = JSON.parse(uni.getStorageSync('rq') || '[]');
+    this.countNo99();
+    uni.reLaunch(`/pages/quizzes/quizset/questionCard?id=${paperid}`);
+    // 现在卷子没内容，我先注释掉，可以看
+    /* this.submit = new Array(this.quizss.length).fill(99); */
+    this.onPullDownRefresh();
+  },
+  methods: {
+    goToQuestion(index) {
+      // 点击题号后跳转到对应的详细问题页面
+      const qid = this.$route.query.id;
+      uni.navigateTo({ url: `/pages/quizzes/quizset/detail?id=${qid}&index=${index}` });
+    },
+    countNo99() {
+      let count = 0;
+      for (let i = 0; i < this.questionFill.length; i += 1) {
+        if (this.questionFill[i] !== 99) {
+          count += 1;
+        }
+      }
+      this.answeredQ = count;
+    },
+    onPullDownRefresh() {
+      setTimeout(() => {
+        uni.stopPullDownRefresh();
+      }, 1000);
+    },
+    submitPaper() {
+      if (this.length > this.answeredQ) {
+        uni.showToast({
+          title: '做完所有题目再提交哦',
+          icon: 'none',
+        });
+      } else {
+        uni.showModal({
+          title: '提交整张试卷',
+          content: '确定要提交吗？',
+          success: (res) => {
+            if (res.confirm) {
+              uploadPaper(app.globalData.id, this.paperID);
+              uni.showToast({
+                title: '提交成功！',
+              });
+              setTimeout(
+                () => {
+                  uni.reLaunch({ url: '/pages/quizzes/quizset/index' });
+                },
+                2000,
+              );
+
+              // 在这里可以处理用户点击确定后的逻辑
+            }
+          },
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.question-card {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.submitted-correct {
+  width: 100rpx;
+  height: 100rpx;
+  border: 1rpx solid #ddd;
+  border-radius: 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 20rpx;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  /* 添加阴影
+   transition: transform 0.3s ease; /* 添加动画效果 */
+  background-color: #39C5BB; /* 绿色 */
+}
+
+.submitted-incorrect {
+  width: 100rpx;
+  height: 100rpx;
+  border: 1rpx solid #ddd;
+  border-radius: 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 20rpx;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影 */
+  transition: transform 0.3s ease; /* 添加动画效果 */
+  background-color: #FFA500; /* 橙色 */
+}
+
+.submitted-none {
+  width: 100rpx;
+  height: 100rpx;
+  border: 1rpx solid #ddd;
+  border-radius: 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 20rpx;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影 */
+  transition: transform 0.3s ease; /* 添加动画效果 */
+  background-color: #fff; /* 白色 */
+}
+
+.noContent {
+  font-size: 40rpx;
+  margin-top: 20rpx;
+  margin-left: 20rpx;
+}
+
+.fixbutton {
+  postion: fixed;
+  width: 40%;
+  margin-top: 100%;
+
+  height: 100rpx;
+  background-color: #39C5BB;
+  color: #fff;
+  border: none;
+  border-radius: 50rpx;
+  margin-left: 30%;
+  cursor: pointer;
+  font-size: 32rpx;
+  line-height: 100rpx;
+}
+
+.quesNum {
+  margin-top: 20rpx;
+  font-size: 45rpx;
+  color: #4e64c5;
+  text-shadow: 0 8rpx 10rpx #5b8ce6;
+  font-weight: bolder;
+  text-align: center;
+}
+
+.divider {
+  margin-bottom: 30rpx;
+  margin-top: 30rpx;
+  background: #E0E3DA;
+  width: 100%;
+  height: 3rpx;
+}
+
+.buttonFont {
+  font-size: 40rpx;
+  margin-left: 35%;
+}
+</style>
diff --git a/src/pages/quizzes/quizset/records/detail.vue b/src/pages/quizzes/quizset/records/detail.vue
new file mode 100644
index 00000000..8f297289
--- /dev/null
+++ b/src/pages/quizzes/quizset/records/detail.vue
@@ -0,0 +1,298 @@
+<template>
+  <view>
+    <cu-custom title="答卷详细记录" />
+    <view class="container">
+      <view class="header">
+        <text class="title">
+          {{ paper.title }}
+        </text>
+        <text class="timestamp">
+          {{ formattedTimestamp }}
+        </text>
+      </view>
+
+      <view class="quizzes">
+        <view
+          v-for="(quiz, index) in paper.quizzes"
+          :key="index"
+          class="quiz-wrapper"
+        >
+          <view
+            class="quiz"
+            @tap="toggleCollapse(index)"
+          >
+            <text class="question">
+              {{ quiz.question }}
+            </text>
+            <text class="arrow">
+              {{ collapsed[index] ? '▲' : '▼' }}
+            </text>
+          </view>
+          <view
+            v-show="collapsed[index]"
+            class="details"
+          >
+            <text class="explanation">
+              解析：{{ quiz.explanation }}
+            </text>
+            <view class="divider" />
+            <view class="options-title">
+              选项:
+            </view>
+            <view
+              v-for="(option, optionIndex) in quiz.options"
+              :key="optionIndex"
+              class="option"
+            >
+              <text>· {{ option }}</text>
+              <text
+                v-if="quiz.answer === optionIndex"
+                class="correct"
+              >
+                ←正确
+              </text>
+              <text
+                v-if="selectedOptions[index] === optionIndex"
+                class="selected"
+              >
+                ←您选择的
+              </text>
+            </view>
+            <view class="divider2" />
+            <view class="author">
+              <img
+                class="avatar"
+                :src="quiz.author.avatar"
+              >
+              <p class="authorName">
+                本题作者: {{ quiz.author.username }}
+              </p>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getRecord } from '@/services/quizset';
+
+export default {
+  data() {
+    return { // 先放着演示一下
+      paper: {
+        id: '7890',
+        title: 'MyGO知识小测验',
+        quizzes: [
+          {
+            question: '哪首歌在MyGO团不能演奏？',
+            options: ['迷星叫', '春日影', '碧天伴走', '壱雫空'],
+            answer: 1,
+            explanation: '为什么要演奏春日影！',
+            id: 1,
+            author: {
+              id: 2,
+              username: '丰川祥子',
+              nickname: 'sakiko',
+              email: 'math@example.com',
+              telephone: '1234567890',
+              birthday: '1990-01-01',
+              avatar: 'https://pic.imgdb.cn/item/6617d31a68eb935713c7c5d2.gif',
+              is_admin: true,
+              county: 'Example County',
+              town: 'Example Town',
+              points_sum: 100,
+              points_now: 90,
+              title: {
+                title: 'Math Genius',
+                color: '#FFA500',
+              },
+              registration_time: '2022-01-01 10:00:00',
+              login_time: '2024-04-01 07:55:00',
+              wechat: true,
+              level: 5,
+            },
+            visibility: true,
+            voice_source: 'math_teacher',
+            type: 'single_choice',
+          },
+          {
+            question: '长崎素世的昵称是？',
+            options: ['taki', 'ano', 'soyorin', 'sakiko'],
+            answer: 2,
+            explanation: 'soyo',
+            id: 2,
+            author: {
+              id: 2,
+              username: '千早爱音',
+              nickname: 'MathTeacher',
+              email: 'math@example.com',
+              telephone: '1234567890',
+              birthday: '1990-01-01',
+              avatar: 'https://pic.imgdb.cn/item/6617d4e368eb935713c9a7ed.gif',
+              is_admin: true,
+              county: 'Example County',
+              town: 'Example Town',
+              points_sum: 100,
+              points_now: 90,
+              title: {
+                title: 'Math Genius',
+                color: '#FFA500',
+              },
+              registration_time: '2022-01-01 10:00:00',
+              login_time: '2024-04-01 07:55:00',
+              wechat: true,
+              level: 5,
+            },
+            visibility: true,
+            voice_source: 'math_teacher',
+            type: 'single_choice',
+          },
+        ],
+      },
+      collapsed: [],
+      selectedOptions: [1, 1],
+      getRecord,
+    };
+  },
+  computed: {
+    formattedTimestamp() {
+      return this.paper.timestamp;
+    },
+  },
+  methods: {
+    toggleCollapse(index) {
+      this.$set(this.collapsed, index, !this.collapsed[index]);
+    },
+  },
+  onLoad() {
+    const { id } = this.$route.query;
+    getRecord(id).then((res) => {
+      this.paper = res.paper;
+    });
+    this.collapsed = new Array(this.paper.quizzes.length).fill(false);
+  },
+};
+</script>
+
+<style>
+.container {
+  padding: 20rpx;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20rpx;
+}
+
+.title {
+  font-size: 45rpx;
+  font-weight: bold;
+  color: #39C5BB;
+  margin-bottom: 15rpx;
+  margin-left: 10rpx;
+}
+
+.timestamp {
+  font-size: 16rpx;
+  color: #999999;
+}
+
+.quiz-wrapper {
+  background-color: #ffffff;
+  border-radius: 10rpx;
+  margin-bottom: 20rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+}
+
+.quiz {
+  height: 120rpx;
+  padding: 20rpx;
+  display: flex;
+  border-radius: 20rpx;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1rpx solid #dddddd;
+  cursor: pointer;
+}
+
+.question {
+  flex: 1;
+  font-size: 35rpx;
+}
+
+.arrow {
+  font-size: 20rpx;
+}
+
+.details {
+  padding: 20rpx;
+  background-color: #f9f9f9;
+}
+
+.explanation {
+  margin-bottom: 10rpx;
+  font-size: 30rpx;
+
+}
+
+.options-title {
+  font-size: 30rpx;
+  margin-bottom: 10rpx;
+  color: #39C5BB;
+  font-weight: bold;
+  letter-spacing: 5rpx;
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  margin-bottom: 5rpx;
+  font-size: 30rpx;
+}
+
+.correct {
+  color: green;
+  margin-left: 10rpx;
+}
+
+.selected {
+  color: deepskyblue;
+  margin-left: 10rpx;
+}
+
+.divider {
+  margin-bottom: 30rpx;
+  margin-top: 30rpx;
+  background: #E0E3DA;
+  width: 100%;
+  height: 3rpx;
+}
+
+.divider2 {
+  margin-bottom: 10rpx;
+  margin-top: 30rpx;
+  background: #E0E3DA;
+  width: 100%;
+  height: 3rpx;
+}
+
+.author {
+  height: 70rpx;
+  display: flex;
+}
+
+.avatar {
+  width: 70rpx;
+  margin-left: 10rpx;
+  border-radius: 50%;
+}
+
+.authorName {
+  line-height: 80rpx;
+  margin-left: 50rpx;
+}
+</style>
diff --git a/src/pages/quizzes/quizset/records/index.vue b/src/pages/quizzes/quizset/records/index.vue
new file mode 100644
index 00000000..a088c101
--- /dev/null
+++ b/src/pages/quizzes/quizset/records/index.vue
@@ -0,0 +1,169 @@
+<template>
+  <view>
+    <cu-custom title="我的答卷记录" />
+    <view class="title">
+      <image
+        class="user-avater"
+        :src="avatar"
+      />
+
+      <text class="total-record">
+        {{ username }} 完成了 {{ total }} 份卷子！
+      </text>
+    </view>
+    <view class="paper-list">
+      <view
+        v-if="records.length === 0"
+        class="noRecords"
+      >
+        <text>当前用户没有答题记录！</text>
+      </view>
+      <!-- 如果records数组长度不为0 -->
+      <view v-else>
+        <view
+          v-for="record in records"
+          :key="record.id"
+          class="paper-item"
+          @tap="gotoRecordDetail(record.id)"
+        >
+          <text class="paper-title">
+            {{ record.paper.title }}
+          </text>
+          <br>
+          <text class="paper-time">
+            {{ record.timestamp }}
+          </text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getAllRecords, getRecord } from '@/services/quizset';
+import { getUserInfo } from '@/services/user';
+import { gotoRecordDetail } from '@/routers/quiz';
+
+const app = getApp();
+export default {
+  data() {
+    return {
+      avatar: '',
+      username: '',
+      records: [{
+        id: '1',
+        user: {
+          nickname: 'John Doe',
+          avatar: 'https://example.com/avatar1.jpg',
+          id: 1,
+        },
+        timestamp: '2024-01-25',
+        paper: {
+          title: '哈哈哈',
+        },
+      },
+      {
+        id: '2',
+        user: {
+          nickname: 'John Doe',
+          avatar: 'https://daonan/haha.jpg',
+          id: 1,
+        },
+        timestamp: '2024-01-25',
+        paper: {
+          title: '你好',
+        },
+      }],
+      total: 0,
+      getAllRecords,
+      getRecord,
+      getUserInfo,
+      gotoRecordDetail,
+    };
+  },
+  onLoad() {
+    uni.pageScrollTo({
+      duration: 0,
+      scrollTop: 0,
+    });
+    getAllRecords(app.globalData.id).then((res) => {
+      this.records = res.records;
+      this.total = res.total;
+    });
+    getUserInfo(app.globalData.id).then((res) => {
+      this.avatar = res.user.avatar;
+      this.username = res.user.username;
+    });
+  },
+
+};
+</script>
+<style>
+.user-avater {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 50%;
+  margin-top: 20rpx;
+  margin-left: 55rpx;
+
+}
+
+.total-record {
+  position: absolute;
+  margin-top: 55rpx;
+  margin-left: 205rpx;
+  font-size: 35rpx;
+  font-weight: bold;
+  color: #39c5bb
+
+}
+
+.paper-list {
+  justify-content: space-around;
+}
+
+.paper-item {
+  margin: 50rpx;
+  padding: 30rpx;
+  border: 1px solid #ddd; /* 边框样式 */
+  border-radius: 20rpx; /* 圆角 */
+  box-shadow: 0 10rpx 10rpx rgba(0, 0, 0, 0.1); /* 阴影效果 */
+  background: linear-gradient(to left, #39c5bb, #ffffff);
+  background-size: 200% 50%;
+
+}
+
+.paper-title {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.paper-time {
+  margin-left: 450 upx;
+  font-size: 20rpx;
+  font-weight: bold;
+  color: #333;
+  opacity: 70%;
+}
+
+.title {
+  display: flex;
+}
+
+.noRecords {
+  text-align: center;
+  font-size: 16px;
+  color: #666;
+  padding: 20px;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  background-color: #f9f9f9;
+  width: 80%;
+  margin-top: 10%;
+  margin-left: auto;
+  margin-right: auto;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+</style>
diff --git a/src/routers/quiz.js b/src/routers/quiz.js
index 63088f6c..be5bba48 100644
--- a/src/routers/quiz.js
+++ b/src/routers/quiz.js
@@ -1,3 +1,5 @@
+import { toLoginPage } from '@/routers/login';
+
 /**
  * 前往随机跳题
  */
@@ -42,3 +44,57 @@ export function toSearchQuizPage() {
     url: '/pages/quizzes/search',
   });
 }
+
+/**
+ * 前往组卷测试界面 3.0增加
+ */
+export function toPaperPage(id) {
+  if (id === undefined) {
+    uni.showToast({
+      icon: 'none',
+      title: '请先登录！',
+      duration: 2000,
+    });
+    setTimeout(() => {
+      toLoginPage();
+    }, 2000);
+  } else {
+    uni.navigateTo({
+      url: '/pages/quizzes/quizset/index',
+    });
+  }
+}
+
+/**
+ * 前往组卷详情页面 3.0增加
+ */
+export function navigatorToDetail(paperId) {
+  uni.navigateTo({
+    url: `/pages/quizzes/quizset/detail?id=${paperId}`,
+  });
+}
+
+/**
+ * 前往卷子答题记录页面 3.0增加
+ */
+export function gotoAllRecords() {
+  uni.navigateTo({
+    url: '/pages/quizzes/quizset/records/index',
+  });
+}
+
+/**
+ * 前往卷子特定答题记录页面 3.0增加
+ */
+export function gotoRecordDetail(rid) {
+  uni.navigateTo({
+    url: `/pages/quizzes/quizset/records/detail?id=${rid}`,
+  });
+}
+
+// 新增加答题卡
+export function gotoQuestionCard(paperId) {
+  uni.navigateTo({
+    url: `/pages/quizzes/quizset/questionCard?id=${paperId}`,
+  });
+}
diff --git a/src/services/quiz.js b/src/services/quiz.js
index 5bd795e6..ef3e280a 100644
--- a/src/services/quiz.js
+++ b/src/services/quiz.js
@@ -31,6 +31,6 @@ export async function getRandomQuiz() {
  * @param number 试卷总题数
  * @returns {Promise<unknown>}
  */
-export async function getTestPaper(number) {
-  return request.get('/quizzes/paper', { number });
+export async function getTestPaper() {
+  return request.get('/papers');
 }
diff --git a/src/services/quizset.js b/src/services/quizset.js
new file mode 100644
index 00000000..aeaca8d2
--- /dev/null
+++ b/src/services/quizset.js
@@ -0,0 +1,42 @@
+import request from '@/utils/request';
+
+// 获取所有试卷
+export async function getAllPapers() {
+  return request.get('/papers');
+}
+
+// 获取特定试卷
+export async function getPaperDetail(id) {
+  return request.get(`/papers/${id}`);
+}
+
+// 获取用户自己所有的答题记录
+export async function getAllRecords(id) {
+  return request.get(`/papers/records?user_id=${id}`);
+}
+
+// 获取用户特定的答题记录
+export async function getRecord(recordId) {
+  return request.get(`/papers/records/${recordId}`);
+}
+
+// 上传某题答题记录
+export async function uploadMyAnswer(quizid, record, contributor1, answer1, correctness1) {
+  return request.post(`/quizzes/records?quiz_id=${quizid}`, {
+    paper_record: record, contributor: contributor1, answer: answer1, correctness: correctness1,
+  });
+}
+
+// 上传某试卷答卷记录
+export async function uploadPaper(contributor, paper) {
+  return request.post(`/papers/records?contributor=${contributor}&paper=${paper}`);
+}
+
+// 做一个数据持久化
+// 后年用storageSync了
+export default {
+  questions: [99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99,
+    99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99,
+    99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99],
+
+};
diff --git a/yarn.lock b/yarn.lock
index 32d37a67..5ae57a1c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10,6 +10,11 @@
     "@jridgewell/gen-mapping" "^0.1.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@antfu/utils@^0.7.5", "@antfu/utils@^0.7.6":
+  version "0.7.7"
+  resolved "https://registry.npmmirror.com/@antfu/utils/-/utils-0.7.7.tgz#26ea493a831b4f3a85475e7157be02fb4eab51fb"
+  integrity sha512-gFPqTG7otEJ8uP6wrhDv6mqwGWYZKNvAcCq6u9hOj0c+IKCEsY4L1oC9trPq2SaWIzAfHvqfBDxF591JkMf+kg==
+
 "@babel/code-frame@^7.18.6":
   version "7.18.6"
   resolved "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
@@ -289,6 +294,11 @@
     "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
+"@ctrl/tinycolor@^3.4.1":
+  version "3.6.1"
+  resolved "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz#b6c75a56a1947cc916ea058772d666a2c8932f31"
+  integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==
+
 "@dcloudio/types@^3.0.17":
   version "3.2.7"
   resolved "https://registry.npmmirror.com/@dcloudio/types/-/types-3.2.7.tgz#5e82901feefa74d07c005f7069e680054655122f"
@@ -671,6 +681,11 @@
     picocolors "^1.0.0"
     terser "^5.4.0"
 
+"@element-plus/icons-vue@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz#1f635ad5fdd5c85ed936481525570e82b5a8307a"
+  integrity sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==
+
 "@esbuild/android-arm@0.15.18":
   version "0.15.18"
   resolved "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz#266d40b8fdcf87962df8af05b76219bc786b4f80"
@@ -696,6 +711,26 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@floating-ui/core@^1.0.0":
+  version "1.6.0"
+  resolved "https://registry.npmmirror.com/@floating-ui/core/-/core-1.6.0.tgz#fa41b87812a16bf123122bf945946bae3fdf7fc1"
+  integrity sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==
+  dependencies:
+    "@floating-ui/utils" "^0.2.1"
+
+"@floating-ui/dom@^1.0.1":
+  version "1.6.3"
+  resolved "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.6.3.tgz#954e46c1dd3ad48e49db9ada7218b0985cee75ef"
+  integrity sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==
+  dependencies:
+    "@floating-ui/core" "^1.0.0"
+    "@floating-ui/utils" "^0.2.0"
+
+"@floating-ui/utils@^0.2.0", "@floating-ui/utils@^0.2.1":
+  version "0.2.1"
+  resolved "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.1.tgz#16308cea045f0fc777b6ff20a9f25474dd8293d2"
+  integrity sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==
+
 "@humanwhocodes/config-array@^0.11.8":
   version "0.11.8"
   resolved "https://registry.npmmirror.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
@@ -849,6 +884,11 @@
   resolved "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
+"@jridgewell/sourcemap-codec@^1.4.15":
+  version "1.4.15"
+  resolved "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
 "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.17"
   resolved "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
@@ -878,6 +918,11 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@popperjs/core@npm:@sxzz/popperjs-es@^2.11.7":
+  version "2.11.7"
+  resolved "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz#a7f69e3665d3da9b115f9e71671dae1b97e13671"
+  integrity sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==
+
 "@rollup/plugin-alias@^4.0.3":
   version "4.0.3"
   resolved "https://registry.npmmirror.com/@rollup/plugin-alias/-/plugin-alias-4.0.3.tgz#571f6fb26387df91d0363905a7fd835757727ae2"
@@ -893,11 +938,42 @@
     estree-walker "^2.0.1"
     picomatch "^2.2.2"
 
+"@rollup/pluginutils@^5.0.2", "@rollup/pluginutils@^5.0.5", "@rollup/pluginutils@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.1.0.tgz#7e53eddc8c7f483a4ad0b94afb1f7f5fd3c771e0"
+  integrity sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^2.3.1"
+
+"@types/estree@^1.0.0":
+  version "1.0.5"
+  resolved "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
+  integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
+
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.npmmirror.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
+"@types/lodash-es@^4.17.6":
+  version "4.17.12"
+  resolved "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz#65f6d1e5f80539aa7cfbfc962de5def0cf4f341b"
+  integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*", "@types/lodash@^4.14.182":
+  version "4.14.202"
+  resolved "https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.202.tgz#f09dbd2fb082d507178b2f2a5c7e74bd72ff98f8"
+  integrity sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==
+
+"@types/web-bluetooth@^0.0.16":
+  version "0.0.16"
+  resolved "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz#1d12873a8e49567371f2a75fe3e7f7edca6662d8"
+  integrity sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==
+
 "@vitejs/plugin-legacy@^2.3.1":
   version "2.3.1"
   resolved "https://registry.npmmirror.com/@vitejs/plugin-legacy/-/plugin-legacy-2.3.1.tgz#44d8e608e66ef03ff82ae176588c7a621d56c524"
@@ -1038,6 +1114,28 @@
   resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.45.tgz#a3fffa7489eafff38d984e23d0236e230c818bc2"
   integrity sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==
 
+"@vueuse/core@^9.1.0":
+  version "9.13.0"
+  resolved "https://registry.npmmirror.com/@vueuse/core/-/core-9.13.0.tgz#2f69e66d1905c1e4eebc249a01759cf88ea00cf4"
+  integrity sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==
+  dependencies:
+    "@types/web-bluetooth" "^0.0.16"
+    "@vueuse/metadata" "9.13.0"
+    "@vueuse/shared" "9.13.0"
+    vue-demi "*"
+
+"@vueuse/metadata@9.13.0":
+  version "9.13.0"
+  resolved "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.13.0.tgz#bc25a6cdad1b1a93c36ce30191124da6520539ff"
+  integrity sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==
+
+"@vueuse/shared@9.13.0":
+  version "9.13.0"
+  resolved "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.13.0.tgz#089ff4cc4e2e7a4015e57a8f32e4b39d096353b9"
+  integrity sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==
+  dependencies:
+    vue-demi "*"
+
 accepts@~1.3.8:
   version "1.3.8"
   resolved "https://registry.npmmirror.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
@@ -1051,6 +1149,11 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
+acorn@^8.10.0, acorn@^8.11.2, acorn@^8.11.3:
+  version "8.11.3"
+  resolved "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
+  integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
+
 acorn@^8.5.0, acorn@^8.8.0:
   version "8.8.1"
   resolved "https://registry.npmmirror.com/acorn/-/acorn-8.8.1.tgz#0a3f9cbecc4ec3bea6f0a80b66ae8dd2da250b73"
@@ -1139,6 +1242,11 @@ array.prototype.flatmap@^1.3.0:
     es-abstract "^1.20.4"
     es-shim-unscopables "^1.0.0"
 
+async-validator@^4.2.5:
+  version "4.2.5"
+  resolved "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz#c96ea3332a521699d0afaaceed510a54656c6339"
+  integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
+
 autoprefixer@^10.4.13:
   version "10.4.13"
   resolved "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.13.tgz#b5136b59930209a321e9fa3dca2e7c4d223e83a8"
@@ -1202,6 +1310,13 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
 braces@^3.0.2, braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.npmmirror.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
@@ -1294,6 +1409,21 @@ chalk@^4.0.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
+chokidar@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -1431,6 +1561,11 @@ csstype@^2.6.8:
   resolved "https://registry.npmmirror.com/csstype/-/csstype-2.6.21.tgz#2efb85b7cc55c80017c66a5ad7cbd931fda3a90e"
   integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
 
+dayjs@^1.11.3:
+  version "1.11.10"
+  resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz#68acea85317a6e164457d6d6947564029a6a16a0"
+  integrity sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==
+
 debug@2.6.9:
   version "2.6.9"
   resolved "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -1496,6 +1631,36 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmmirror.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.npmmirror.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
+domutils@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.npmmirror.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e"
+  integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.npmmirror.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -1506,11 +1671,37 @@ electron-to-chromium@^1.4.251:
   resolved "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592"
   integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==
 
+element-plus@^2.3.12:
+  version "2.6.1"
+  resolved "https://registry.npmmirror.com/element-plus/-/element-plus-2.6.1.tgz#d65a45d2b01cd8566fad6573e995ed40d6d406a4"
+  integrity sha512-6VRpLjwtIVdtUuITJPPKtpOH1NM6nuAkRE3q5O4Lrx0N1bYMhTkiqb2Jy7zfQuDPbOIkkF2OABTzegpNnzgsnQ==
+  dependencies:
+    "@ctrl/tinycolor" "^3.4.1"
+    "@element-plus/icons-vue" "^2.3.1"
+    "@floating-ui/dom" "^1.0.1"
+    "@popperjs/core" "npm:@sxzz/popperjs-es@^2.11.7"
+    "@types/lodash" "^4.14.182"
+    "@types/lodash-es" "^4.17.6"
+    "@vueuse/core" "^9.1.0"
+    async-validator "^4.2.5"
+    dayjs "^1.11.3"
+    escape-html "^1.0.3"
+    lodash "^4.17.21"
+    lodash-es "^4.17.21"
+    lodash-unified "^1.0.2"
+    memoize-one "^6.0.0"
+    normalize-wheel-es "^1.2.0"
+
 encodeurl@~1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
+entities@^4.2.0, entities@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
 es-abstract@^1.19.0, es-abstract@^1.20.4:
   version "1.21.1"
   resolved "https://registry.npmmirror.com/es-abstract/-/es-abstract-1.21.1.tgz#e6105a099967c08377830a0c9cb589d570dd86c6"
@@ -1713,7 +1904,7 @@ escalade@^3.1.1:
   resolved "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
-escape-html@~1.0.3:
+escape-html@^1.0.3, escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
@@ -1728,6 +1919,11 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
+escape-string-regexp@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8"
+  integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==
+
 eslint-config-airbnb-base@^15.0.0:
   version "15.0.0"
   resolved "https://registry.npmmirror.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz#6b09add90ac79c2f8d723a2580e07f3925afd236"
@@ -1759,6 +1955,13 @@ eslint-module-utils@^2.7.4:
   dependencies:
     debug "^3.2.7"
 
+eslint-plugin-html@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmmirror.com/eslint-plugin-html/-/eslint-plugin-html-7.1.0.tgz#aec2a3772b40ccf51a5be4f972f07600539d3b3e"
+  integrity sha512-fNLRraV/e6j8e3XYOC9xgND4j+U7b1Rq+OygMlLcMg+wI/IpVbF+ubQa3R78EjKB9njT6TQOlcK5rFKBVVtdfg==
+  dependencies:
+    htmlparser2 "^8.0.1"
+
 eslint-plugin-import@^2.27.4:
   version "2.27.4"
   resolved "https://registry.npmmirror.com/eslint-plugin-import/-/eslint-plugin-import-2.27.4.tgz#319c2f6f6580e1678d674a258ee5e981c10cc25b"
@@ -1896,6 +2099,13 @@ estree-walker@^2.0.1, estree-walker@^2.0.2:
   resolved "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
+estree-walker@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
+  integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
+  dependencies:
+    "@types/estree" "^1.0.0"
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -1974,6 +2184,17 @@ fast-glob@^3.2.11:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
+fast-glob@^3.3.0, fast-glob@^3.3.1, fast-glob@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
+  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmmirror.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -2085,6 +2306,11 @@ function-bind@^1.1.1:
   resolved "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
 function.prototype.name@^1.1.5:
   version "1.1.5"
   resolved "https://registry.npmmirror.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
@@ -2247,11 +2473,28 @@ hash-sum@^2.0.0:
   resolved "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
   integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
 
+hasown@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmmirror.com/hasown/-/hasown-2.0.1.tgz#26f48f039de2c0f8d3356c223fb8d50253519faa"
+  integrity sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==
+  dependencies:
+    function-bind "^1.1.2"
+
 html-tags@^3.1.0:
   version "3.2.0"
   resolved "https://registry.npmmirror.com/html-tags/-/html-tags-3.2.0.tgz#dbb3518d20b726524e4dd43de397eb0a95726961"
   integrity sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==
 
+htmlparser2@^8.0.1:
+  version "8.0.2"
+  resolved "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-8.0.2.tgz#f002151705b383e62433b5cf466f5b716edaec21"
+  integrity sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+    entities "^4.4.0"
+
 http-errors@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
@@ -2383,6 +2626,13 @@ is-core-module@^2.11.0, is-core-module@^2.9.0:
   dependencies:
     has "^1.0.3"
 
+is-core-module@^2.13.0:
+  version "2.13.1"
+  resolved "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
+  integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
+  dependencies:
+    hasown "^2.0.0"
+
 is-date-object@^1.0.1:
   version "1.0.5"
   resolved "https://registry.npmmirror.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
@@ -2530,6 +2780,11 @@ jsonc-parser@^3.0.0:
   resolved "https://registry.npmmirror.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
   integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
 
+jsonc-parser@^3.2.0:
+  version "3.2.1"
+  resolved "https://registry.npmmirror.com/jsonc-parser/-/jsonc-parser-3.2.1.tgz#031904571ccf929d7670ee8c547545081cb37f1a"
+  integrity sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA==
+
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.npmmirror.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -2574,6 +2829,19 @@ loader-utils@^3.2.0:
   resolved "https://registry.npmmirror.com/loader-utils/-/loader-utils-3.2.1.tgz#4fb104b599daafd82ef3e1a41fb9265f87e1f576"
   integrity sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==
 
+local-pkg@^0.4.3:
+  version "0.4.3"
+  resolved "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.4.3.tgz#0ff361ab3ae7f1c19113d9bb97b98b905dbc4963"
+  integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
+
+local-pkg@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.0.tgz#093d25a346bae59a99f80e75f6e9d36d7e8c925c"
+  integrity sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==
+  dependencies:
+    mlly "^1.4.2"
+    pkg-types "^1.0.3"
+
 localstorage-polyfill@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmmirror.com/localstorage-polyfill/-/localstorage-polyfill-1.0.1.tgz#4b3083d4bc51d23b4158537e66816137413fd31a"
@@ -2586,6 +2854,16 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
+lodash-unified@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz#80b1eac10ed2eb02ed189f08614a29c27d07c894"
+  integrity sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==
+
 lodash.camelcase@^4.3.0:
   version "4.3.0"
   resolved "https://registry.npmmirror.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
@@ -2629,6 +2907,13 @@ magic-string@^0.26.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
+magic-string@^0.30.1, magic-string@^0.30.5:
+  version "0.30.8"
+  resolved "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.8.tgz#14e8624246d2bedba70d5462aa99ac9681844613"
+  integrity sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.15"
+
 marked@^4.0.18:
   version "4.2.5"
   resolved "https://registry.npmmirror.com/marked/-/marked-4.2.5.tgz#979813dfc1252cc123a79b71b095759a32f42a5d"
@@ -2639,6 +2924,11 @@ media-typer@0.3.0:
   resolved "https://registry.npmmirror.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
 
+memoize-one@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
+  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
+
 merge-descriptors@1.0.1:
   version "1.0.1"
   resolved "https://registry.npmmirror.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
@@ -2711,6 +3001,13 @@ minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^9.0.3:
+  version "9.0.3"
+  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@^1.2.0, minimist@^1.2.6:
   version "1.2.7"
   resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18"
@@ -2721,6 +3018,16 @@ miniprogram-api-typings@*:
   resolved "https://registry.npmmirror.com/miniprogram-api-typings/-/miniprogram-api-typings-3.8.1.tgz#1b8b732bb9035187a935ce622c6d8ad543432eed"
   integrity sha512-AjuBYxghx3LZeTtWQ48TfDMxoACGRUA+NdPrgl+mPPNgi5g0YXn3sDELNHRw0LcjTxfqhVufwLL65AjwT+W+FQ==
 
+mlly@^1.2.0, mlly@^1.4.2:
+  version "1.6.1"
+  resolved "https://registry.npmmirror.com/mlly/-/mlly-1.6.1.tgz#0983067dc3366d6314fc5e12712884e6978d028f"
+  integrity sha512-vLgaHvaeunuOXHSmEbZ9izxPx3USsk8KCQ8iC+aTlp5sKRSoZvwhHh5L9VbKSaVC6sJDqbyohIS76E2VmHIPAA==
+  dependencies:
+    acorn "^8.11.3"
+    pathe "^1.1.2"
+    pkg-types "^1.0.3"
+    ufo "^1.3.2"
+
 module-alias@^2.2.2:
   version "2.2.2"
   resolved "https://registry.npmmirror.com/module-alias/-/module-alias-2.2.2.tgz#151cdcecc24e25739ff0aa6e51e1c5716974c0e0"
@@ -2776,6 +3083,11 @@ normalize-range@^0.1.2:
   resolved "https://registry.npmmirror.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
+normalize-wheel-es@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz#0fa2593d619f7245a541652619105ab076acf09e"
+  integrity sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==
+
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -2932,6 +3244,11 @@ path-to-regexp@0.1.7:
   resolved "https://registry.npmmirror.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
 
+pathe@^1.1.0, pathe@^1.1.1, pathe@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmmirror.com/pathe/-/pathe-1.1.2.tgz#6c4cb47a945692e48a1ddd6e4094d170516437ec"
+  integrity sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==
+
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -2947,6 +3264,15 @@ pify@^2.3.0:
   resolved "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
+pkg-types@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.0.3.tgz#988b42ab19254c01614d13f4f65a2cfc7880f868"
+  integrity sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==
+  dependencies:
+    jsonc-parser "^3.2.0"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+
 postcss-import@^14.0.2:
   version "14.1.0"
   resolved "https://registry.npmmirror.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
@@ -3130,6 +3456,15 @@ resolve@^1.1.7, resolve@^1.22.1:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+resolve@^1.22.2:
+  version "1.22.8"
+  resolved "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
+  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 reusify@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmmirror.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
@@ -3197,6 +3532,11 @@ sass@^1.57.1:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
+scule@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.npmmirror.com/scule/-/scule-1.3.0.tgz#6efbd22fd0bb801bdcc585c89266a7d2daa8fbd3"
+  integrity sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==
+
 semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
@@ -3347,6 +3687,13 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   resolved "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
+strip-literal@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmmirror.com/strip-literal/-/strip-literal-1.3.0.tgz#db3942c2ec1699e6836ad230090b84bb458e3a07"
+  integrity sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==
+  dependencies:
+    acorn "^8.10.0"
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -3452,6 +3799,11 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
+ufo@^1.3.2:
+  version "1.4.0"
+  resolved "https://registry.npmmirror.com/ufo/-/ufo-1.4.0.tgz#39845b31be81b4f319ab1d99fd20c56cac528d32"
+  integrity sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==
+
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
@@ -3462,6 +3814,25 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
+unimport@^3.4.0:
+  version "3.7.1"
+  resolved "https://registry.npmmirror.com/unimport/-/unimport-3.7.1.tgz#37250d0f3f2dcf1e1b66ed13728db0e9f50ba0c3"
+  integrity sha512-V9HpXYfsZye5bPPYUgs0Otn3ODS1mDUciaBlXljI4C2fTwfFpvFZRywmlOu943puN9sncxROMZhsZCjNXEpzEQ==
+  dependencies:
+    "@rollup/pluginutils" "^5.1.0"
+    acorn "^8.11.2"
+    escape-string-regexp "^5.0.0"
+    estree-walker "^3.0.3"
+    fast-glob "^3.3.2"
+    local-pkg "^0.5.0"
+    magic-string "^0.30.5"
+    mlly "^1.4.2"
+    pathe "^1.1.1"
+    pkg-types "^1.0.3"
+    scule "^1.1.1"
+    strip-literal "^1.3.0"
+    unplugin "^1.5.1"
+
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
@@ -3472,6 +3843,46 @@ unpipe@1.0.0, unpipe@~1.0.0:
   resolved "https://registry.npmmirror.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
 
+unplugin-auto-import@^0.16.6:
+  version "0.16.7"
+  resolved "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-0.16.7.tgz#f4f1f7ab3fba24129bc38e47f83782684030d6e4"
+  integrity sha512-w7XmnRlchq6YUFJVFGSvG1T/6j8GrdYN6Em9Wf0Ye+HXgD/22kont+WnuCAA0UaUoxtuvRR1u/mXKy63g/hfqQ==
+  dependencies:
+    "@antfu/utils" "^0.7.6"
+    "@rollup/pluginutils" "^5.0.5"
+    fast-glob "^3.3.1"
+    local-pkg "^0.5.0"
+    magic-string "^0.30.5"
+    minimatch "^9.0.3"
+    unimport "^3.4.0"
+    unplugin "^1.5.0"
+
+unplugin-vue-components@^0.25.1:
+  version "0.25.2"
+  resolved "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-0.25.2.tgz#99d9d02a4066a24e720edbe74a82a4ee6ff86153"
+  integrity sha512-OVmLFqILH6w+eM8fyt/d/eoJT9A6WO51NZLf1vC5c1FZ4rmq2bbGxTy8WP2Jm7xwFdukaIdv819+UI7RClPyCA==
+  dependencies:
+    "@antfu/utils" "^0.7.5"
+    "@rollup/pluginutils" "^5.0.2"
+    chokidar "^3.5.3"
+    debug "^4.3.4"
+    fast-glob "^3.3.0"
+    local-pkg "^0.4.3"
+    magic-string "^0.30.1"
+    minimatch "^9.0.3"
+    resolve "^1.22.2"
+    unplugin "^1.4.0"
+
+unplugin@^1.4.0, unplugin@^1.5.0, unplugin@^1.5.1:
+  version "1.9.0"
+  resolved "https://registry.npmmirror.com/unplugin/-/unplugin-1.9.0.tgz#d1805188dc54b9b693f97b9c17e3714b38b2b47f"
+  integrity sha512-14PslvMY3gNbXnQtNIRB566Q057L5Fe7f5LDEamxVi0QQVxoz5hrveBwwZLcKyHtZ09ysmipxRRj5Lv+BGz2Iw==
+  dependencies:
+    acorn "^8.11.3"
+    chokidar "^3.6.0"
+    webpack-sources "^3.2.3"
+    webpack-virtual-modules "^0.6.1"
+
 unquote@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmmirror.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
@@ -3519,6 +3930,11 @@ vite@3.2.4:
   optionalDependencies:
     fsevents "~2.3.2"
 
+vue-demi@*:
+  version "0.14.7"
+  resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.7.tgz#8317536b3ef74c5b09f268f7782e70194567d8f2"
+  integrity sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==
+
 vue-eslint-parser@^9.0.1:
   version "9.1.0"
   resolved "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz#0e121d1bb29bd10763c83e3cc583ee03434a9dd5"
@@ -3567,6 +3983,16 @@ vuex@^4.1.0:
   dependencies:
     "@vue/devtools-api" "^6.0.0-beta.11"
 
+webpack-sources@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.npmmirror.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
+  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
+
+webpack-virtual-modules@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz#ac6fdb9c5adb8caecd82ec241c9631b7a3681b6f"
+  integrity sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==
+
 which-boxed-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"