改了下轮播图和导航栏

8 months ago · cbf8a57393
parent 5298ae7547
commit cbf8a57393
7 changed files with 404 additions and 192 deletions
--- a/ExamSphere_demo/public/轮播图1.png
+++ b/ExamSphere_demo/public/轮播图1.png
--- a/ExamSphere_demo/public/轮播图2.png
+++ b/ExamSphere_demo/public/轮播图2.png
--- a/ExamSphere_demo/public/轮播图3.jpg
+++ b/ExamSphere_demo/public/轮播图3.jpg
--- a/ExamSphere_demo/public/轮播图4.jpg
+++ b/ExamSphere_demo/public/轮播图4.jpg
--- a/ExamSphere_demo/src/view/student/home.vue
+++ b/ExamSphere_demo/src/view/student/home.vue
@ -1,44 +1,31 @@
 <template>
-	<div class="all">
-		<div>
-<!--      轮播图-->
-			<el-row class="part1">
-				<el-col :span="15">
-					<el-carousel style="height: 400px;margin-top: 50px;" :interval="10000" class="swiper">
-						<el-carousel-item>
-							<img style="width: 100%;height:100%;object-fit: contain;" src="../../assets/images/轮播图1.png"
-								alt="">
-						</el-carousel-item>
-						<el-carousel-item>
-							<img style="width: 100%;height:100%;object-fit: contain;" src="../../assets/images/轮播图2.png"
-								alt="">
-						</el-carousel-item>
-            <el-carousel-item>
-              <img style="width: 100%;height:100%;object-fit: contain;" src="../../assets/images/轮播图3.jpg"
-                   alt="">
-            </el-carousel-item>
-            <el-carousel-item>
-              <img style="width: 100%;height:100%;object-fit: contain;" src="../../assets/images/轮播图4.jpg"
-                   alt="">
-            </el-carousel-item>
-					</el-carousel>
-				</el-col>
-<!--        温馨提示-->
-				<el-col :span="9">
-					<el-card style="height: 400px;overflow-y: auto;" class="card1">
-						<el-divider><span style="font-size: 20px;">温馨提示</span></el-divider>
-						<el-text style="text-align: left;">
-              <p v-for="(tip, index) in tips" :key="index">{{ tip }}</p>
-						</el-text>
-					</el-card>
-				</el-col>
-			</el-row>
-
-			<el-row :gutter="10" style="margin-bottom: 60px;" class="part2">
-<!--        相关咨询-->
-				<el-col :span="15">
-					<div>
-						<el-divider><span style="font-size: 20px;">相关资讯</span></el-divider>
+  <div class="all">
+    <div>
+      <!-- 轮播图 -->
+      <div class="carousel">
+        <div v-for="(item, index) in carouselItems" :key="index"
+             class="carousel-item" :class="{ active: currentIndex === index }">
+          <img :src="item.image" alt="轮播图" />
+        </div>
+        <button @click="prevSlide" class="carousel-control prev"><i class="fas fa-angle-left"></i></button>
+        <button @click="nextSlide" class="carousel-control next"><i class="fas fa-angle-right"></i></button>
+      </div>
+
+      <!-- 温馨提示 -->
+      <el-col :span="9">
+        <el-card style="height: 400px;overflow-y: auto;" class="card1">
+          <el-divider><span style="font-size: 20px;">温馨提示</span></el-divider>
+          <el-text style="text-align: left;">
+            <p v-for="(tip, index) in tips" :key="index">{{ tip }}</p>
+          </el-text>
+        </el-card>
+      </el-col>
+
+      <el-row :gutter="10" style="margin-bottom: 60px;" class="part2">
+        <!-- 相关资讯 -->
+        <el-col :span="15">
+          <div>
+            <el-divider><span style="font-size: 20px;">相关资讯</span></el-divider>
            <el-card style="margin-bottom: 10px;" v-for="(news, index) in news" :key="index">
              <h2>{{ news.title }}</h2>
              <template v-for="(item, idx) in news.content" :key="idx">
@ -46,145 +33,178 @@
                <p>{{ item.paragraph }}</p>
              </template>
            </el-card>
-					</div>
-				</el-col>
-<!--        公告栏-->
-				<el-col :span="9" style="margin-top: 30px;">
-					<el-card class="announcement-card">
-						<el-divider><span class="announcement-title">公告栏</span></el-divider>
-						<div class="announcement-content">
-							<el-timeline>
-								<el-timeline-item v-for="(announcement, index) in announcements" :key="index"
-									:timestamp="announcement.date" placement="top">
-									<h4 class="announcement-heading">{{ announcement.title }}</h4>
-									<p class="announcement-message">{{ announcement.message }}</p>
-								</el-timeline-item>
-							</el-timeline>
-						</div>
-					</el-card>
-				</el-col>
-			</el-row>
-		</div>
-	</div>
+          </div>
+        </el-col>
+
+        <!-- 公告栏 -->
+        <el-col :span="9" style="margin-top: 30px;">
+          <el-card class="announcement-card">
+            <el-divider><span class="announcement-title">公告栏</span></el-divider>
+            <div class="announcement-content">
+              <el-timeline>
+                <el-timeline-item v-for="(announcement, index) in announcements" :key="index"
+                                  :timestamp="announcement.date" placement="top">
+                  <h4 class="announcement-heading">{{ announcement.title }}</h4>
+                  <p class="announcement-message">{{ announcement.message }}</p>
+                </el-timeline-item>
+              </el-timeline>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
 </template>

 <script setup>
-	import {
-		reactive
-	} from 'vue';
-
-  //温馨提示
-  const tips = [
-    "ExamSphere在线考试系统温馨提示尊敬的用户，您好！",
-    "• 请遵守考试规则，诚信应考。",
-    "• 请确保您的设备（电脑、平板或智能手机）已安装最新版本的浏览器。",
-    "• 检查您的网络连接是否稳定，以避免考试过程中的中断。",
-    "• 请提前登录系统，熟悉考试流程和界面。合理分配答题时间，避免在某一题上花费过多时间。",
-    "• 如遇技术问题，请立即联系我们的技术支持团队。我们的联系方式为：",
-    "• 考试结束后，我们欢迎您提供反馈，以帮助我们不断改进服务。您可以通过我们的网站或直接联系客服进行反馈。",
-    "我们祝您考试顺利，并期待为您提供卓越的在线考试体验。",
-    "ExamSphere，让考试更简单，让学习更高效。ExamSphere团队敬上"
-  ];
-
-  //相关咨询
-  const news = [
-    {
-      title: "一、最新发展动态",
-      content: [
-        {
-          heading: "技术进步推动系统升级",
-          paragraph: "在线考试系统正不断融入人工智能、大数据等先进技术，实现智能化组卷、实时监控与防作弊、自动化阅卷与成绩分析等功能。这些技术的引入，不仅提高了考试的公平性和准确性，还大大减轻了教师的工作负担。"
-        },
-        {
-          heading: "市场需求持续增长",
-          paragraph: "随着远程教育和在线培训的兴起，越来越多的教育机构和企业开始采用在线考试系统，以满足大规模、高效率的考试需求。根据艾媒咨询的数据，中国SaaS行业市场规模持续增长，预计在线考试SaaS行业也将迎来快速发展。"
-        }
-      ]
-    },
-    {
-      title: "二、系统功能特点",
-      content: [
-        {
-          heading: "多样化题型与组卷方式",
-          paragraph: "在线考试系统支持多种题型，如单选题、多选题、判断题、填空题、简答题等，满足不同考试场景的需求。系统提供多种组卷方式，如固定试卷、抽题试卷、随机试卷等，确保考试的公平性和不确定性。"
-        },
-        {
-          heading: "防作弊措施",
-          paragraph: "在线考试系统采用人脸识别、行为分析、声音监测等高科技手段，对考生进行实时监控，有效防止作弊行为。这些措施不仅提高了考试的公信力，还为考生创造了更加公平、透明的竞争环境。"
-        },
-        {
-          heading: "智能化阅卷与成绩分析",
-          paragraph: "对于客观题，系统可以自动根据预设答案进行评分，准确快速。对于主观题，系统提供评分参考和评分标准，帮助教师进行一致性评分。考试结束后，系统能够自动收集和整理考试数据，生成详尽的统计报表，为管理员提供全面的数据支持。"
-        }
-      ]
-    }
-  ];
-
-  //公告栏
-	const announcements = reactive([{
-			date: "2024-11-01",
-			title: "系统升级",
-			message: "系统将在本周五凌晨进行升级，届时将暂停服务。"
-		},
-		{
-			date: "2024-10-28",
-			title: "考试规则更新",
-			message: "请查看新的考试规则，确保遵守相关规定。"
-		},
-		{
-			date: "2024-10-20",
-			title: "技术支持联系方式",
-			message: "如遇问题，请联系技术支持团队，联系方式已更新。"
-		},
-	])
+import { reactive, ref, onMounted } from 'vue';
+
+// 温馨提示
+const tips = [
+  "ExamSphere在线考试系统温馨提示尊敬的用户，您好！",
+  "• 请遵守考试规则，诚信应考。",
+  "• 请确保您的设备（电脑、平板或智能手机）已安装最新版本的浏览器。",
+  "• 检查您的网络连接是否稳定，以避免考试过程中的中断。",
+  "• 请提前登录系统，熟悉考试流程和界面。合理分配答题时间，避免在某一题上花费过多时间。",
+  "• 如遇技术问题，请立即联系我们的技术支持团队。我们的联系方式为：",
+  "• 考试结束后，我们欢迎您提供反馈，以帮助我们不断改进服务。您可以通过我们的网站或直接联系客服进行反馈。",
+  "我们祝您考试顺利，并期待为您提供卓越的在线考试体验。",
+  "ExamSphere，让考试更简单，让学习更高效。ExamSphere团队敬上"
+];
+
+// 相关咨询
+const news = [
+  {
+    title: "一、最新发展动态",
+    content: [
+      {
+        heading: "技术进步推动系统升级",
+        paragraph: "在线考试系统正不断融入人工智能、大数据等先进技术，实现智能化组卷、实时监控与防作弊、自动化阅卷与成绩分析等功能。这些技术的引入，不仅提高了考试的公平性和准确性，还大大减轻了教师的工作负担。"
+      },
+      {
+        heading: "市场需求持续增长",
+        paragraph: "随着远程教育和在线培训的兴起，越来越多的教育机构和企业开始采用在线考试系统，以满足大规模、高效率的考试需求。根据艾媒咨询的数据，中国SaaS行业市场规模持续增长，预计在线考试SaaS行业也将迎来快速发展。"
+      }
+    ]
+  },
+  {
+    title: "二、系统功能特点",
+    content: [
+      {
+        heading: "多样化题型与组卷方式",
+        paragraph: "在线考试系统支持多种题型，如单选题、多选题、判断题、填空题、简答题等，满足不同考试场景的需求。系统提供多种组卷方式，如固定试卷、抽题试卷、随机试卷等，确保考试的公平性和不确定性。"
+      },
+      {
+        heading: "防作弊措施",
+        paragraph: "在线考试系统采用人脸识别、行为分析、声音监测等高科技手段，对考生进行实时监控，有效防止作弊行为。这些措施不仅提高了考试的公信力，还为考生创造了更加公平、透明的竞争环境。"
+      },
+      {
+        heading: "智能化阅卷与成绩分析",
+        paragraph: "对于客观题，系统可以自动根据预设答案进行评分，准确快速。对于主观题，系统提供评分参考和评分标准，帮助教师进行一致性评分。考试结束后，系统能够自动收集和整理考试数据，生成详尽的统计报表，为管理员提供全面的数据支持。"
+      }
+    ]
+  }
+];
+
+const announcements = reactive([{
+  date: "2024-11-01",
+  title: "系统升级",
+  message: "系统将在本周五凌晨进行升级，届时将暂停服务。"
+},
+  {
+    date: "2024-10-28",
+    title: "考试规则更新",
+    message: "请查看新的考试规则，确保遵守相关规定。"
+  },
+  {
+    date: "2024-10-20",
+    title: "技术支持联系方式",
+    message: "如遇问题，请联系技术支持团队，联系方式已更新。"
+  },
+])
+// 轮播图
+const carouselItems = ref([
+  { image: '轮播图1.png'},
+  { image: '轮播图2.png'},
+  { image: '轮播图3.png'},
+  { image: '轮播图4.png'}
+]);
+const currentIndex = ref(0);
+const nextSlide = () => {
+  currentIndex.value = (currentIndex.value + 1) % carouselItems.value.length;
+};
+const prevSlide = () => {
+  currentIndex.value = (currentIndex.value - 1 + carouselItems.value.length) % carouselItems.value.length;
+};
+
+// 自动播放
+onMounted(() => {
+  setInterval(() => {
+    nextSlide();
+  }, 5000); // 每5秒自动切换一次
+});
 </script>

-<style>
-	.all {
-		height: 100%;
-		width: 100%;
-		min-width: 1440px;
-		min-height: 100%;
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-	}
-
-	.part1 p {
-		font-size: 14px;
-	}
-
-	.part2 p {
-		text-indent: 2em;
-		text-align: left;
-	}
-
-	.announcement-card {
-		height: 100%;
-		overflow-y: auto;
-		padding: 20px;
-	}
-
-	.announcement-title {
-		font-size: 20px;
-		font-weight: bold;
-	}
-
-	.announcement-content {
-		margin-top: 10px;
-	}
-
-	.announcement-heading {
-		font-size: 16px;
-		font-weight: bold;
-		color: #333;
-	}
-
-	.announcement-message {
-		color: #666;
-		font-size: 14px;
-	}
+<style scoped>
+.carousel {
+  position: relative;
+  overflow: hidden;
+  height: 400px;
+  width: 100%;
+  margin: 20px 0;
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.carousel-item {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: none;
+  transition: transform 0.5s ease;
+}
+
+.carousel-item.active {
+  display: block;
+}
+
+.carousel-item img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 8px;
+}
+
+.carousel-caption {
+  position: absolute;
+  bottom: 30px;
+  left: 30px;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 10px 20px;
+  border-radius: 4px;
+}
+
+.carousel-control {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  border: none;
+  padding: 10px;
+  cursor: pointer;
+  border-radius: 50%;
+  transition: background-color 0.3s ease;
+}
+
+.carousel-control.prev {
+  left: 20px;
+}
+
+.carousel-control.next {
+  right: 20px;
+}
 </style>
-
-
-
--- a/ExamSphere_demo/src/view/student/index.vue
+++ b/ExamSphere_demo/src/view/student/index.vue
@ -7,8 +7,7 @@
            <el-menu default-active="1" class="el-menu-horizontal">
              <el-text class="logo">ExamSphere</el-text>
              <router-link to="/student/home">
-                <el-menu-item index="1">
-					首页</el-menu-item>
+                <el-menu-item index="1">首页</el-menu-item>
              </router-link>
              <router-link to="/student/myExam">
                <el-menu-item index="2">我的考试</el-menu-item>
@ -66,10 +65,11 @@ const logout=()=>{
 .el-header {
 /*  background-color: #c3d7df; */
  padding: 0 20px;
- background-color: #6D7993;
- display: flex;
- flex-direction: row;
- justify-content: center;
+  heightbackground-color: white;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  height: 80px

 }

@ -82,18 +82,20 @@ const logout=()=>{

 .logo {
  font-size: 30px;
-  color: white;
+  color: Black;
  margin-right: 20px;
 }

 .el-menu-item {
 /* color: #1c2938; */
- color: #cee3eb;
+  color: black;
  font-size: 16px;
+  background-color: transparent;
 }

 .el-menu-item:hover {
-  background-color: #b2cbd2;
+  color: #409eff;
+  background-color: transparent;
 }

 .title,
@ -105,11 +107,11 @@ const logout=()=>{

 .user-name {
  font-size: 16px;
-  color: white;
+  color: black;
 }
 .el-main{
 	height: 100%;
-	background: url("../../assets/背景2.jpg") no-repeat center center; 
+	background: url("../../assets/背景2.jpg") no-repeat center center;
 	background-size: cover;
 }
 .exit{
--- a/ExamSphere_demo/yarn.lock
+++ b/ExamSphere_demo/yarn.lock
@ -38,6 +38,116 @@
  resolved "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz"
  integrity sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==

+"@esbuild/aix-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
+  integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
+
+"@esbuild/android-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
+  integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
+
+"@esbuild/android-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
+  integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
+
+"@esbuild/android-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
+  integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
+
+"@esbuild/darwin-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz#e495b539660e51690f3928af50a76fb0a6ccff2a"
+  integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
+
+"@esbuild/darwin-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
+  integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
+
+"@esbuild/freebsd-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
+  integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
+
+"@esbuild/freebsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
+  integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
+
+"@esbuild/linux-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
+  integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
+
+"@esbuild/linux-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
+  integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
+
+"@esbuild/linux-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
+  integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
+
+"@esbuild/linux-loong64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
+  integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
+
+"@esbuild/linux-mips64el@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
+  integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
+
+"@esbuild/linux-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
+  integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
+
+"@esbuild/linux-riscv64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
+  integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
+
+"@esbuild/linux-s390x@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
+  integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
+
+"@esbuild/linux-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
+  integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
+
+"@esbuild/netbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
+  integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
+
+"@esbuild/openbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
+  integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
+
+"@esbuild/sunos-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
+  integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
+
+"@esbuild/win32-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
+  integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
+
+"@esbuild/win32-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
+  integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
+
 "@esbuild/win32-x64@0.21.5":
  version "0.21.5"
  resolved "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz"
@ -73,6 +183,81 @@
  resolved "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz"
  integrity sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==

+"@rollup/rollup-android-arm-eabi@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.2.tgz#0412834dc423d1ff7be4cb1fc13a86a0cd262c11"
+  integrity sha512-fSuPrt0ZO8uXeS+xP3b+yYTCBUd05MoSp2N/MFOgjhhUhMmchXlpTQrTpI8T+YAwAQuK7MafsCOxW7VrPMrJcg==
+
+"@rollup/rollup-android-arm64@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.21.2.tgz#baf1a014b13654f3b9e835388df9caf8c35389cb"
+  integrity sha512-xGU5ZQmPlsjQS6tzTTGwMsnKUtu0WVbl0hYpTPauvbRAnmIvpInhJtgjj3mcuJpEiuUw4v1s4BimkdfDWlh7gA==
+
+"@rollup/rollup-darwin-arm64@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.21.2.tgz#0a2c364e775acdf1172fe3327662eec7c46e55b1"
+  integrity sha512-99AhQ3/ZMxU7jw34Sq8brzXqWH/bMnf7ZVhvLk9QU2cOepbQSVTns6qoErJmSiAvU3InRqC2RRZ5ovh1KN0d0Q==
+
+"@rollup/rollup-darwin-x64@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.21.2.tgz#a972db75890dfab8df0da228c28993220a468c42"
+  integrity sha512-ZbRaUvw2iN/y37x6dY50D8m2BnDbBjlnMPotDi/qITMJ4sIxNY33HArjikDyakhSv0+ybdUxhWxE6kTI4oX26w==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.21.2.tgz#1609d0630ef61109dd19a278353e5176d92e30a1"
+  integrity sha512-ztRJJMiE8nnU1YFcdbd9BcH6bGWG1z+jP+IPW2oDUAPxPjo9dverIOyXz76m6IPA6udEL12reYeLojzW2cYL7w==
+
+"@rollup/rollup-linux-arm-musleabihf@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.21.2.tgz#3c1dca5f160aa2e79e4b20ff6395eab21804f266"
+  integrity sha512-flOcGHDZajGKYpLV0JNc0VFH361M7rnV1ee+NTeC/BQQ1/0pllYcFmxpagltANYt8FYf9+kL6RSk80Ziwyhr7w==
+
+"@rollup/rollup-linux-arm64-gnu@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.21.2.tgz#c2fe376e8b04eafb52a286668a8df7c761470ac7"
+  integrity sha512-69CF19Kp3TdMopyteO/LJbWufOzqqXzkrv4L2sP8kfMaAQ6iwky7NoXTp7bD6/irKgknDKM0P9E/1l5XxVQAhw==
+
+"@rollup/rollup-linux-arm64-musl@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.21.2.tgz#e62a4235f01e0f66dbba587c087ca6db8008ec80"
+  integrity sha512-48pD/fJkTiHAZTnZwR0VzHrao70/4MlzJrq0ZsILjLW/Ab/1XlVUStYyGt7tdyIiVSlGZbnliqmult/QGA2O2w==
+
+"@rollup/rollup-linux-powerpc64le-gnu@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.21.2.tgz#24b3457e75ee9ae5b1c198bd39eea53222a74e54"
+  integrity sha512-cZdyuInj0ofc7mAQpKcPR2a2iu4YM4FQfuUzCVA2u4HI95lCwzjoPtdWjdpDKyHxI0UO82bLDoOaLfpZ/wviyQ==
+
+"@rollup/rollup-linux-riscv64-gnu@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.21.2.tgz#38edfba9620fe2ca8116c97e02bd9f2d606bde09"
+  integrity sha512-RL56JMT6NwQ0lXIQmMIWr1SW28z4E4pOhRRNqwWZeXpRlykRIlEpSWdsgNWJbYBEWD84eocjSGDu/XxbYeCmwg==
+
+"@rollup/rollup-linux-s390x-gnu@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.21.2.tgz#a3bfb8bc5f1e802f8c76cff4a4be2e9f9ac36a18"
+  integrity sha512-PMxkrWS9z38bCr3rWvDFVGD6sFeZJw4iQlhrup7ReGmfn7Oukrr/zweLhYX6v2/8J6Cep9IEA/SmjXjCmSbrMQ==
+
+"@rollup/rollup-linux-x64-gnu@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.21.2.tgz#0dadf34be9199fcdda44b5985a086326344f30ad"
+  integrity sha512-B90tYAUoLhU22olrafY3JQCFLnT3NglazdwkHyxNDYF/zAxJt5fJUB/yBoWFoIQ7SQj+KLe3iL4BhOMa9fzgpw==
+
+"@rollup/rollup-linux-x64-musl@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.21.2.tgz#7b7deddce240400eb87f2406a445061b4fed99a8"
+  integrity sha512-7twFizNXudESmC9oneLGIUmoHiiLppz/Xs5uJQ4ShvE6234K0VB1/aJYU3f/4g7PhssLGKBVCC37uRkkOi8wjg==
+
+"@rollup/rollup-win32-arm64-msvc@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.21.2.tgz#a0ca0c5149c2cfb26fab32e6ba3f16996fbdb504"
+  integrity sha512-9rRero0E7qTeYf6+rFh3AErTNU1VCQg2mn7CQcI44vNUWM9Ze7MSRS/9RFuSsox+vstRt97+x3sOhEey024FRQ==
+
+"@rollup/rollup-win32-ia32-msvc@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.21.2.tgz#aae2886beec3024203dbb5569db3a137bc385f8e"
+  integrity sha512-5rA4vjlqgrpbFVVHX3qkrCo/fZTj1q0Xxpg+Z7yIo3J2AilW7t2+n6Q8Jrx+4MrYpAnjttTYF8rr7bP46BPzRw==
+
 "@rollup/rollup-win32-x64-msvc@4.21.2":
  version "4.21.2"
  resolved "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.2.tgz"
@ -83,7 +268,7 @@
  resolved "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz"
  integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==

-"@types/lodash-es@*", "@types/lodash-es@^4.17.6":
+"@types/lodash-es@^4.17.6":
  version "4.17.12"
  resolved "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz"
  integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
@ -332,7 +517,12 @@ form-data@^4.0.0:
    combined-stream "^1.0.8"
    mime-types "^2.1.12"

-lodash-es@*, lodash-es@^4.17.21:
+fsevents@~2.3.2, fsevents@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+lodash-es@^4.17.21:
  version "4.17.21"
  resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz"
  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
@ -342,7 +532,7 @@ lodash-unified@^1.0.2:
  resolved "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz"
  integrity sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==

-lodash@*, lodash@^4.17.21:
+lodash@^4.17.21:
  version "4.17.21"
  resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@ -435,7 +625,7 @@ to-fast-properties@^2.0.0:
  resolved "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz"
  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==

-vite@^5.0.0, vite@^5.4.1:
+vite@^5.4.1:
  version "5.4.3"
  resolved "https://registry.npmmirror.com/vite/-/vite-5.4.3.tgz"
  integrity sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==
@ -458,7 +648,7 @@ vue-router@4:
  dependencies:
    "@vue/devtools-api" "^6.6.4"

-"vue@^3.0.0-0 || ^2.6.0", vue@^3.2.0, vue@^3.2.25, vue@^3.4.37, vue@3.5.1:
+vue@^3.4.37:
  version "3.5.1"
  resolved "https://registry.npmmirror.com/vue/-/vue-3.5.1.tgz"
  integrity sha512-k4UNnbPOEskodSxMtv+B9GljdB0C9ubZDOmW6vnXVGIfMqmEsY2+ohasjGguhGkMkrcP/oOrbH0dSD41x5JQFw==