diff --git a/components.d.ts b/components.d.ts
index 1e3feba..f16bf47 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -18,6 +18,7 @@ declare module 'vue' {
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
diff --git a/src/App.vue b/src/App.vue
index b3914b7..0020884 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="overflow-y-scroll h-screen bg-base-100">
+  <div class=" h-[100vh] bg-base-100 flex flex-col ">
     <div v-if="loginStore.showHeader" class="navbar bg-base-100 shadow-lg">
       <div class="flex-1">
         <a class="btn btn-ghost text-xl">JH Questionnaire Survey System</a>
@@ -30,7 +30,7 @@
         </ul>
       </div>
     </div>
-    <router-view v-slot="{ Component }">
+    <router-view v-slot="{ Component }" class="flex-1 dark:text-white">
       <transition name="fade" mode="out-in">
         <component :is="Component" />
       </transition>
diff --git a/src/assets/checkbox.svg b/src/assets/checkbox.svg
new file mode 100644
index 0000000..1e4fe9d
--- /dev/null
+++ b/src/assets/checkbox.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1736349287417" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14733" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M96 96h832v832H96V96z m64 64v704h704V160H160z" fill="#2F3336" p-id="14734"></path><path d="M757.248 407.904l-312.672 277.952-181.152-217.376 49.152-40.96 138.88 166.624 263.264-234.08 42.56 47.84z" fill="#2F3336" p-id="14735"></path></svg>
\ No newline at end of file
diff --git a/src/assets/input.svg b/src/assets/input.svg
new file mode 100644
index 0000000..f4b9094
--- /dev/null
+++ b/src/assets/input.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1736143938230" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4489" xmlns:xlink="http://www.w3.org/1999/xlink" width="5" height="5"><path d="M896 224H128c-35.2 0-64 28.8-64 64v448c0 35.2 28.8 64 64 64h768c35.2 0 64-28.8 64-64V288c0-35.2-28.8-64-64-64z m0 480c0 19.2-12.8 32-32 32H160c-19.2 0-32-12.8-32-32V320c0-19.2 12.8-32 32-32h704c19.2 0 32 12.8 32 32v384z" fill="#333333" p-id="4490"></path><path d="M224 352c-19.2 0-32 12.8-32 32v256c0 16 12.8 32 32 32s32-12.8 32-32V384c0-16-12.8-32-32-32z" fill="#333333" p-id="4491"></path></svg>
\ No newline at end of file
diff --git a/src/assets/radio.svg b/src/assets/radio.svg
new file mode 100644
index 0000000..995203e
--- /dev/null
+++ b/src/assets/radio.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1736348637504" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11125" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m0-85.333334a341.333333 341.333333 0 1 0 0-682.666666 341.333333 341.333333 0 0 0 0 682.666666z m0-554.666666a213.333333 213.333333 0 1 1 0 426.666666 213.333333 213.333333 0 0 1 0-426.666666z m0 85.333333a128 128 0 1 0 0 256 128 128 0 0 0 0-256z" fill="#000000" fill-opacity=".65" p-id="11126"></path></svg>
\ No newline at end of file
diff --git a/src/assets/textarea.svg b/src/assets/textarea.svg
new file mode 100644
index 0000000..7c5212d
--- /dev/null
+++ b/src/assets/textarea.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1736346751686" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4256" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M896 160H128c-35.2 0-64 28.8-64 64v576c0 35.2 28.8 64 64 64h768c35.2 0 64-28.8 64-64V224c0-35.2-28.8-64-64-64z m0 608c0 16-12.8 32-32 32H160c-19.2 0-32-12.8-32-32V256c0-16 12.8-32 32-32h704c19.2 0 32 12.8 32 32v512z" fill="#333333" p-id="4257"></path><path d="M224 288c-19.2 0-32 12.8-32 32v256c0 16 12.8 32 32 32s32-12.8 32-32V320c0-16-12.8-32-32-32z m608 480c19.2 0 32-12.8 32-32V608L704 768h128z" fill="#333333" p-id="4258"></path></svg>
\ No newline at end of file
diff --git a/src/assets/uploadPic.svg b/src/assets/uploadPic.svg
new file mode 100644
index 0000000..e47b7eb
--- /dev/null
+++ b/src/assets/uploadPic.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1736396035385" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15895" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M576 928H192c-52.992 0-96-43.093333-96-96V192c0-52.992 43.093333-96 96-96h640c52.992 0 96 43.093333 96 96v384.064c0 17.706667-14.293333 32-32 32s-32-14.293333-32-32V192.021333c0-17.706667-14.4-32-32-32H192c-17.706667 0-32 14.378667-32 32v639.957334c0 17.706667 14.4 32 32 32h384c17.706667 0 32 14.314667 32 32 0 17.706667-14.293333 32.021333-32 32.021333zM128 693.312a32.064 32.064 0 0 1-22.613333-54.698667l159.402666-159.338666a95.786667 95.786667 0 0 1 110.72-17.984l173.589334 86.805333c12.309333 6.186667 27.093333 3.797333 36.8-5.994667l287.402666-287.445333a32.042667 32.042667 0 0 1 45.290667 45.312L631.210667 587.392a95.786667 95.786667 0 0 1-110.72 18.005333l-173.589334-86.826666a31.616 31.616 0 0 0-36.8 6.016l-159.509333 159.317333c-6.186667 6.314667-14.4 9.386667-22.592 9.386667z m320-277.376c-52.906667 0-96-43.093333-96-96s43.093333-96.021333 96-96.021333 96 43.093333 96 96-43.093333 96.021333-96 96.021333z m0-128c-17.6 0-32 14.378667-32 32 0 17.6 14.4 32 32 32s32-14.4 32-32c0-17.621333-14.4-32-32-32zM768 928c-17.706667 0-32-14.293333-32-32v-192.021333c0-17.706667 14.293333-32 32-32s32 14.293333 32 32v192c0 17.706667-14.293333 32.021333-32 32.021333z m128-128c-7.893333 0-15.701333-2.922667-21.909333-8.725333L768 691.669333l-106.090667 99.712a31.936 31.936 0 0 1-45.226666-1.408 31.957333 31.957333 0 0 1 1.408-45.205333l112.213333-105.386667A48.554667 48.554667 0 0 1 768 621.44c14.72 0 28.501333 6.613333 37.696 17.92l112.213333 105.386667A31.957333 31.957333 0 0 1 896 800z" fill="#111111" p-id="15896"></path></svg>
\ No newline at end of file
diff --git a/src/assets/vote.svg b/src/assets/vote.svg
new file mode 100644
index 0000000..f9ac71f
--- /dev/null
+++ b/src/assets/vote.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1736348553066" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9300" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M942.592 1011.2H86.528c-37.888 0-68.608-30.72-68.608-68.608v-297.984c0-37.888 30.72-68.608 68.608-68.608H317.44v51.2H86.528c-9.216 0-17.408 8.192-17.408 17.408v297.984c0 9.216 8.192 17.408 17.408 17.408h856.064c9.216 0 17.408-8.192 17.408-17.408v-297.984c0-9.216-8.192-17.408-17.408-17.408H645.12v-51.2h297.472c37.888 0 68.608 30.72 68.608 68.608v297.984c0 37.888-30.72 68.608-68.608 68.608z" p-id="9301"></path><path d="M480.256 788.48c-7.68 0-15.872-3.072-21.504-8.704L155.648 476.16c-11.776-11.776-11.776-31.232 0-43.52L547.328 40.96c5.632-5.632 13.312-9.216 21.504-9.216s15.872 3.072 21.504 9.216l303.104 303.104c11.776 11.776 11.776 31.232 0 43.52L501.76 779.264c-5.632 6.144-13.824 9.216-21.504 9.216zM206.336 454.656l273.92 273.92 362.496-362.496L568.832 92.16 206.336 454.656z" p-id="9302"></path><path d="M494.08 536.576c-13.312 0-26.624-5.12-36.864-14.848l-0.512-0.512L373.76 437.248c-9.728-10.24-9.728-26.112 0-36.352 10.24-9.728 26.112-9.728 36.352 0l82.944 83.456c1.024 0.512 1.536 0.512 2.048 0.512l122.88-122.88c10.24-10.24 26.112-10.24 36.352 0s10.24 26.112 0 36.352l-122.88 122.88c-10.24 10.24-23.552 15.36-37.376 15.36z" p-id="9303"></path><path d="M770.56 801.28h-512c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h512c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6z" p-id="9304"></path></svg>
\ No newline at end of file
diff --git a/src/pages/DetailInfo/addQuesButtonPanel.vue b/src/pages/DetailInfo/addQuesButtonPanel.vue
new file mode 100644
index 0000000..f19b91d
--- /dev/null
+++ b/src/pages/DetailInfo/addQuesButtonPanel.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="text-lg font-bold">
+    {{ props.quesSort }}
+  </div>
+  <div class="flex justify-start mt-10 gap-0">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+
+const props = defineProps<{
+  quesSort: string
+}>();
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/DetailInfo/index.vue b/src/pages/DetailInfo/index.vue
index b47d5b9..e24152a 100644
--- a/src/pages/DetailInfo/index.vue
+++ b/src/pages/DetailInfo/index.vue
@@ -1,216 +1,57 @@
 <template>
-  <div class="flex justify-center items-start h-screen gap-50 mt-60">
-    <div class="bg-base-200 dark:bg-customGray p-30 rounded-xl shadow-lg w-230 hover:-translate-y-2 hover:shadow-2xl  transition transform duration-700 mt-40">
-      <span class="flex justify-center items-center  gap-10"><el-icon @click="showModal('setting')"><Setting /></el-icon><span class="text-2xl">添加问卷题目</span></span>
-      <div class="p-20">
-        <div class="flex-col justify-center items-center">
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="selectedOption"
-              type="radio"
-              name="radio-1"
-              class="radio-sm"
-              :value="1"
-              checked
-            >
-            <span>单选</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="selectedOption"
-              type="radio"
-              name="radio-1"
-              class="radio-sm"
-              :value="2"
-            >
-            <span>多选</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="selectedOption"
-              type="radio"
-              name="radio-1"
-              class="radio-sm"
-              :value="4"
-            >
-            <span>论述</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="selectedOption"
-              type="radio"
-              name="radio-1"
-              class="radio-sm"
-              :value="5"
-            >
-            <span>图片</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="selectedOption"
-              type="radio"
-              name="radio-1"
-              class="radio-sm"
-              :value="3"
-            >
-            <span>填空</span>
-          </div>
-        </div>
-        <div v-show="selectedOption === 3">
-          <div class="divider" />
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="reg"
-              type="radio"
-              name="radio-2"
-              class="radio-sm"
-              value="^.*$"
-            >
-            <span>无限制</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="reg"
-              type="radio"
-              name="radio-2"
-              class="radio-sm"
-              value=""
-            >
-            <span>自定义</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="reg"
-              type="radio"
-              name="radio-2"
-              class="radio-sm"
-              value="^1[3456789]\d{9}$"
-            >
-            <span>手机号</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="reg"
-              type="radio"
-              name="radio-2"
-              class="radio-sm"
-              value="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"
-            >
-            <span>邮箱</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="reg"
-              type="radio"
-              name="radio-2"
-              class="radio-sm"
-              value="^\d{12}$"
-            >
-            <span>学号</span>
-          </div>
-          <div class="flex gap-10 my-5">
-            <input
-              v-model="reg"
-              type="radio"
-              name="radio-2"
-              class="radio-sm"
-              :value="regNum"
-            >
-            <span>
-              <el-select
-                v-model="selectedNumber"
-                placeholder="Select"
-                size="small"
-                style="width: 50px"
-                @change="updateInputPattern"
-              >
-                <el-option
-                  v-for="item in 9"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                />
-              </el-select>
-              位数
-            </span>
-          </div>
-        </div>
-      </div>
+  <div class="flex justify-between flex-1 gap-90">
+    <menu-panel v-show="mode === 'ques'">
+      <left-menu />
+    </menu-panel>
+    <div class="mt-20 flex flex-col gap-20 ">
       <div class="flex justify-center items-center">
-        <button class="btn btn-accent dark:opacity-75 dark:text-white" @click="addQuestion">
-          添加题目
-        </button>
+        <el-radio-group
+          v-model="mode"
+          size="middle"
+          text-color="#f87171"
+          fill="#fee2e2"
+        >
+          <el-radio-button label="问卷内容" value="ques" />
+          <el-radio-button label="问卷设置" value="setting" />
+          <el-radio-button label="题目逻辑" value="logic" disabled />
+        </el-radio-group>
       </div>
-    </div>
-    <!-- 自定义正则输入框
-    <div class="bg-base-200 dark:bg-customGray h-200 w-full mt-4 p-4">
-      <input  type="text" v-model="regCustomise" placeholder="请输入自定义正则" class="w-full h-full border border-gray-300 rounded-md p-2"/>
-    </div> -->
-    <div class="p-40">
-      <div class="bg-base-200 dark:bg-customGray w-750 p-40 shadow-lg rounded-xl flex-col justify-center items-center hover:shadow-2xl hover:-translate-y-2 transform duration-700 ">
-        <div class="flex-col justify-center">
-          <el-skeleton
-            :loading="loading"
-            :rows="1"
-            animated
-            style="height: 60px"
-          >
-            <template #default>
-              <span class="flex gap-20 items-center"><span class="text-2xl">问卷标题</span><input
-                v-model="submitData.title"
-                type="text"
-                placeholder="标题"
-                class="input input-bordered dark:bg-customGray_shallow w-300"
-              ></span>
-              <div class="flex items-top gap-20  my-15">
-                <span>问卷内容描述</span>
-                <textarea v-model="submitData.desc" class="dark:bg-customGray_shallow textarea textarea-bordered w-300" placeholder="描述问卷" />
-              </div>
 
-              <div class="flex  items-center my-15 gap-40">
-                <span class="flex  items-center gap-15">每日最多提交<input v-model.number="submitData.day_limit" type="text" class="input input-bordered dark:bg-customGray_shallow w-50"></span><span class="flex  items-center gap-20">是否统一登录<input v-model="submitData.verify" type="checkbox" class="checkbox-sm my-5"></span>
-              </div>
-              <div class="flex gap-20 items-center my-15">
-                <span>问卷开始时间</span>
-                <el-date-picker
-                  v-model="startTime"
-                  type="datetime"
-                  placeholder="开始时间"
-                  :clearable="false"
-                />
-              </div>
-              <div class="flex gap-20 items-center my-15">
-                <span>问卷截止时间</span>
-                <el-date-picker
-                  v-model="time"
-                  type="datetime"
-                  placeholder="截止时间"
-                  :clearable="false"
-                />
-              </div>
-            </template>
-          </el-skeleton>
+      <div v-if="mode === 'ques'" class="bg-base-200 dark:bg-customGray min-w-800 max-h-800 shadow-lg flex-col justify-center items-center flex-1 overflow-y-auto">
+        <div v-if="submitData" class="flex-col justify-center p-20 pb-0">
+          <div class="flex justify-center items-center flex-col gap-10">
+            <input v-model="submitData.title" class="input bg-base-200 flex focus:bg-base-100 hover:border-gray-300 text-2xl w-[100%] text-center dark:bg-customGray" placeholder="投票标题">
+            <textarea v-model="submitData.desc" class=" textarea bg-base-200 flex focus:bg-base-100 hover:border-gray-300 text-md w-[100%] resize-none dark:bg-customGray" placeholder="投票描述" />
+          </div>
         </div>
-        <div class="divider " />
-        <div ref="questionnaireContainer" class="overflow-y-auto h-800 p-20" style="scroll-behavior: smooth;">
-          <!-- <VueDraggable
-              v-model="question"
-              animation="300"
-              ghostClass="ghost"
-              group="people"
-              @update="onUpdate"
-          >-->
-          <vue-draggable-next
-            v-model="question"
-            :animation="300"
-            ghost-class="ghost"
-            @end="updateQuestionSerialNumbers"
+        <div class="divider" />
+        <div class="flex flex-col gap-5 bg-base-100">
+          <div
+            v-for="q in question"
+            :key="q.serial_num"
+            @click="setActive(q.serial_num)"
           >
-            <div v-for="q in question" :key="q.serial_num">
-              <!-- 根据问题类型渲染组件 -->
-              <div v-if="q.question_type === 1">
-                <el-skeleton animated :loading="loading">
-                  <radio
+            <div v-if="q.question_type === 1">
+              <el-skeleton animated :loading="loading">
+                <radio
+                  v-model:title="q.subject"
+                  v-model:options="q.options"
+                  v-model:serial_num="q.serial_num"
+                  v-model:unique="q.unique"
+                  v-model:option-choose="q.required"
+                  v-model:other-option="q.other_option"
+                  v-model:describe="q.description"
+                  @on-click="deleteQuestion(q.serial_num)"
+                />
+              </el-skeleton>
+            </div>
+            <div v-if="q.question_type === 2">
+              <el-skeleton animated :loading="loading">
+                <template #template>
+                  <skeleton-card />
+                </template>
+                <template #default>
+                  <checkbox
                     v-model:title="q.subject"
                     v-model:options="q.options"
                     v-model:serial_num="q.serial_num"
@@ -218,114 +59,100 @@
                     v-model:option-choose="q.required"
                     v-model:other-option="q.other_option"
                     v-model:describe="q.description"
+                    v-model:maximum_option="q.maximum_option"
+                    v-model:minimum_option="q.minimum_option"
                     @on-click="deleteQuestion(q.serial_num)"
                   />
-                </el-skeleton>
-              </div>
-              <div v-if="q.question_type === 2">
-                <el-skeleton animated :loading="loading">
-                  <template #template>
-                    <skeleton-card />
-                  </template>
-                  <template #default>
-                    <checkbox
-                      v-model:title="q.subject"
-                      v-model:options="q.options"
-                      v-model:serial_num="q.serial_num"
-                      v-model:unique="q.unique"
-                      v-model:option-choose="q.required"
-                      v-model:other-option="q.other_option"
-                      v-model:describe="q.description"
-                      v-model:maximum_option="q.maximum_option"
-                      v-model:minimum_option="q.minimum_option"
-                      @on-click="deleteQuestion(q.serial_num)"
-                    />
-                  </template>
-                </el-skeleton>
-              </div>
-              <div v-if="q.question_type === 3">
-                <el-skeleton animated :loading="loading">
-                  <template #template>
-                    <skeleton-card />
-                  </template>
-                  <template #default>
-                    <fill
-                      v-model:title="q.subject"
-                      v-model:serial_num="q.serial_num"
-                      v-model:reg="q.reg"
-                      v-model:unique="q.unique"
-                      v-model:option-choose="q.required"
-                      v-model:describe="q.description"
-                      @on-click="deleteQuestion(q.serial_num)"
-                    />
-                  </template>
-                </el-skeleton>
-              </div>
-              <div v-if="q.question_type === 4">
-                <el-skeleton :loading="loading">
-                  <template #template>
-                    <skeleton-card />
-                  </template>
-                  <template #default>
-                    <text-area
-                      v-model:title="q.subject"
-                      v-model:serial_num="q.serial_num"
-                      v-model:unique="q.unique"
-                      v-model:option-choose="q.required"
-                      v-model:describe="q.description"
-                      @on-click="deleteQuestion(q.serial_num)"
-                    />
-                  </template>
-                </el-skeleton>
-              </div>
-              <div v-if="q.question_type === 5">
-                <el-skeleton animated :loading="loading">
-                  <template #template>
-                    <skeleton-card />
-                  </template>
-                  <template #default>
-                    <file
-                      v-model:title="q.subject"
-                      v-model:serial_num="q.serial_num"
-                      v-model:unique="q.unique"
-                      v-model:option-choose="q.required"
-                      v-model:describe="q.description"
-                      @on-click="deleteQuestion(q.serial_num)"
-                    />
-                  </template>
-                </el-skeleton>
-              </div>
+                </template>
+              </el-skeleton>
             </div>
-          </vue-draggable-next>
-        </div>
-        <div class="flex justify-center items-center gap-160 mt-20">
-          <button
-            v-show="isNew === 'false'"
-            class="btn btn-success dark:opacity-75 dark:text-white"
-            @click="showModal('SaveQuestionnaireSubmit')"
-          >
-            保存更改
-          </button>
-          <button
-            v-show="isNew === 'false'"
-            class="btn btn-error dark:opacity-75 dark:text-white"
-            @click="showModal('reverseQuestionnaireSubmit')"
-          >
-            放弃更改
-          </button>
-          <button v-show="isNew === 'true'" class="btn btn-success dark:opacity-75 dark:text-white" @click="submit(1)">
-            保存
-          </button>
-          <button
-            v-show="isNew === 'true'"
-            class="btn btn-primary dark:opacity-75 dark:text-white"
-            @click="showModal('NewQuestionnaireSubmit')"
-          >
-            发布
-          </button>
+            <div v-if="q.question_type === 3">
+              <el-skeleton animated :loading="loading">
+                <template #template>
+                  <skeleton-card />
+                </template>
+                <template #default>
+                  <fill
+                    v-model:title="q.subject"
+                    v-model:serial_num="q.serial_num"
+                    v-model:reg="q.reg"
+                    v-model:unique="q.unique"
+                    v-model:option-choose="q.required"
+                    v-model:describe="q.description"
+                    :is-active="q.serial_num === activeSerial"
+                    @on-click="deleteQuestion(q.serial_num)"
+                  />
+                </template>
+              </el-skeleton>
+            </div>
+            <div v-if="q.question_type === 4">
+              <el-skeleton :loading="loading">
+                <template #template>
+                  <skeleton-card />
+                </template>
+                <template #default>
+                  <text-area
+                    v-model:title="q.subject"
+                    v-model:serial_num="q.serial_num"
+                    v-model:unique="q.unique"
+                    v-model:option-choose="q.required"
+                    v-model:describe="q.description"
+                    @on-click="deleteQuestion(q.serial_num)"
+                  />
+                </template>
+              </el-skeleton>
+            </div>
+            <div v-if="q.question_type === 5">
+              <el-skeleton animated :loading="loading">
+                <template #template>
+                  <skeleton-card />
+                </template>
+                <template #default>
+                  <file
+                    v-model:title="q.subject"
+                    v-model:serial_num="q.serial_num"
+                    v-model:unique="q.unique"
+                    v-model:option-choose="q.required"
+                    v-model:describe="q.description"
+                    @on-click="deleteQuestion(q.serial_num)"
+                  />
+                </template>
+              </el-skeleton>
+            </div>
+          </div>
         </div>
+
+        <!--        <div class="flex justify-center items-center gap-160 mt-20">-->
+        <!--          <button-->
+        <!--            v-show="isNew === 'false'"-->
+        <!--            class="btn btn-success dark:opacity-75 dark:text-white"-->
+        <!--            @click="showModal('SaveQuestionnaireSubmit')"-->
+        <!--          >-->
+        <!--            保存更改-->
+        <!--          </button>-->
+        <!--          <button-->
+        <!--            v-show="isNew === 'false'"-->
+        <!--            class="btn btn-error dark:opacity-75 dark:text-white"-->
+        <!--            @click="showModal('reverseQuestionnaireSubmit')"-->
+        <!--          >-->
+        <!--            放弃更改-->
+        <!--          </button>-->
+        <!--          <button v-show="isNew === 'true'" class="btn btn-success dark:opacity-75 dark:text-white" @click="submit(1)">-->
+        <!--            保存-->
+        <!--          </button>-->
+        <!--          <button-->
+        <!--            v-show="isNew === 'true'"-->
+        <!--            class="btn btn-primary dark:opacity-75 dark:text-white"-->
+        <!--            @click="showModal('NewQuestionnaireSubmit')"-->
+        <!--          >-->
+        <!--            发布-->
+        <!--          </button>-->
+        <!--        </div>-->
       </div>
     </div>
+    <menu-panel v-show="mode === 'ques'">
+      <right-menu />
+    </menu-panel>
     <modal modal-id="setting">
       <template #title>
         设置
@@ -381,33 +208,37 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref, watch, nextTick, reactive } from "vue";
+import { onMounted, ref, watch, nextTick, reactive, provide } from "vue";
 import { useRequest } from "vue-hooks-plus";
 import { getQuestionnaireDetailAPI, setNewQuestionnaireDetailAPI, setQuestionnaireDetailAPI } from "@/apis";
 import { ElNotification } from "element-plus";
 import { modal, showModal } from "@/components";
-import Checkbox from "@/pages/DetailInfo/checkbox.vue";
-import Fill from "@/pages/DetailInfo/fill.vue";
-import TextArea from "@/pages/DetailInfo/textArea.vue";
-import File from "@/pages/DetailInfo/file.vue";
-import radio from "@/pages/DetailInfo/radio.vue";
+import Checkbox from "@/pages/DetailInfo/question/checkbox.vue";
+import Fill from "@/pages/DetailInfo/question/fill.vue";
+import TextArea from "@/pages/DetailInfo/question/textArea.vue";
+import File from "@/pages/DetailInfo/question/file.vue";
+import radio from "@/pages/DetailInfo/question/radio.vue";
 // import {SortableEvent, VueDraggable} from 'vue-draggable-plus'
 import SkeletonCard from "@/pages/DetailInfo/skeletonCard.vue";
 import router from "@/router";
 import { closeLoading, startLoading } from "@/utilities";
-import { VueDraggableNext } from "vue-draggable-next";
+// import { VueDraggableNext } from "vue-draggable-next";
 import { useMainStore } from "@/stores";
+import LeftMenu from "@/pages/DetailInfo/leftMenu.vue";
+import MenuPanel from "@/pages/DetailInfo/menuPanel.vue";
+import RightMenu from "@/pages/DetailInfo/rightMenu.vue";
 
+const mode = ref("ques");
 const tempStore = useMainStore().useTempStore();
 const selectedOption = ref(1);
-const selectedNumber = ref(1);
+// const selectedNumber = ref(1);
 const formData = ref();
 const question = ref([]);
 const title = ref();
 const submitData = ref();
 const id = ref<number>();
 const reg = ref<string>("");
-const regNum = ref("^[0-9]{1}$");
+// const regNum = ref("^[0-9]{1}$");
 const time = ref();
 const loading = ref(true);
 const setting = reactive({
@@ -415,6 +246,46 @@ const setting = reactive({
   isOtherOptions: false,
   isRequired: false
 });
+const activeSerial = ref(-1);
+const setActive = (serialNum: number) => {
+  console.log(serialNum);
+  activeSerial.value = serialNum;
+};
+const addQuestion = (type: number) => {
+  question.value.push({
+    description: "",
+    img: "",
+    options: [{
+      content: "",
+      img: "",
+      serial_num: 1
+    },
+    {
+      content: "",
+      img: "",
+      serial_num: 2
+    }
+    ],
+    other_option: setting.isOtherOptions,
+    question_type: type,
+    reg: reg.value,
+    required: setting.isRequired,
+    serial_num: question.value.length + 1,
+    subject: "标题",
+    unique: setting.isUnique
+  });
+
+  question.value.forEach((q, index) => {
+    q.serial_num = index + 1;
+  });
+  nextTick(() => {
+    if (questionnaireContainer.value) {
+      questionnaireContainer.value!.scrollTop = questionnaireContainer.value!.scrollHeight;
+    }
+  });
+};
+
+provide("addQuestion", addQuestion);
 const isNew = localStorage.getItem("isNew");
 const calculateFutureDate = (): Date => {
   const currentDate = new Date();
@@ -434,12 +305,12 @@ onMounted(() => {
     getInfo();
   } else {
     submitData.value = {
-      desc: "",
+      desc: "为了给您提供更好的服务，希望您能抽出几分钟时间，将您的感受和建议告诉我们，期待您的参与！",
       img: "",
       questions: [],
       status: -1,
       time: "",
-      title: "",
+      title: "投票标题",
       day_limit: 0,
       survey_type: Number(tempStore.surveyType),
       verify: false
@@ -454,15 +325,15 @@ const deepCopy = (obj) => {
 };
 
 // 计算属性：动态生成正则表达式
-const inputPattern = computed(() => {
-  return `^[0-9]{${selectedNumber.value}}$`;
-});
+// const inputPattern = computed(() => {
+//   return `^[0-9]{${selectedNumber.value}}$`;
+// });
 
 // 监听选项变化，更新输入框的验证规则
-const updateInputPattern = () => {
-  regNum.value = inputPattern.value;
-  reg.value = inputPattern.value;
-};
+// const updateInputPattern = () => {
+//   regNum.value = inputPattern.value;
+//   reg.value = inputPattern.value;
+// };
 
 const getInfo = () => {
   useRequest(() => getQuestionnaireDetailAPI({ id: id.value as number }), {
@@ -493,49 +364,6 @@ const getInfo = () => {
   });
 };
 
-const addQuestion = () => {
-  question.value.push({
-    description: "",
-    img: "",
-    options: [{
-      content: "",
-      img: "",
-      serial_num: 1
-    },
-    {
-      content: "",
-      img: "",
-      serial_num: 2
-    },
-    {
-      content: "",
-      img: "",
-      serial_num: 3
-    }
-    ],
-    other_option: setting.isOtherOptions,
-    question_type: selectedOption.value,
-    reg: reg.value,
-    required: setting.isRequired,
-    serial_num: question.value.length + 1,
-    subject: "",
-    unique: setting.isUnique
-  });
-
-  question.value.forEach((q, index) => {
-    q.serial_num = index + 1;
-  });
-
-  // console.log(question.value)
-
-  // 等待 DOM 更新完成后再执行滚动
-  nextTick(() => {
-    if (questionnaireContainer.value) {
-      questionnaireContainer.value!.scrollTop = questionnaireContainer.value!.scrollHeight;
-    }
-  });
-};
-
 const cleanReg = () => {
   reg.value = "";
 };
@@ -623,12 +451,12 @@ const submit = (state: number) => {
 // }, { deep: true });
 
 // 修改serial_numquestion.value =[...question.value]
-const updateQuestionSerialNumbers = () => {
-  // console.log(question.value)
-  question.value.forEach((q, index) => {
-    q.serial_num = index + 1;
-  });
-};
+// const updateQuestionSerialNumbers = () => {
+//   // console.log(question.value)
+//   question.value.forEach((q, index) => {
+//     q.serial_num = index + 1;
+//   });
+// };
 
 </script>
 
@@ -636,4 +464,8 @@ const updateQuestionSerialNumbers = () => {
 .ghost {
   opacity: 0.4;
 }
+::v-deep(.el-radio-button__inner:hover ){
+  color: #f87171
+}
+
 </style>
diff --git a/src/pages/DetailInfo/leftMenu.vue b/src/pages/DetailInfo/leftMenu.vue
new file mode 100644
index 0000000..56c7d09
--- /dev/null
+++ b/src/pages/DetailInfo/leftMenu.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="bg-base-100 flex-1 ">
+    <div class="flex items-center">
+      <div class="text-md flex-1 h-40 text-red-400 flex justify-center items-center cursor-pointer">
+        题型选择
+      </div>
+      <div class="text-md flex-1 text-gray-600 bg-base-200 flex h-40 justify-center items-center cursor-not-allowed ">
+        敬请期待
+      </div>
+    </div>
+    <div class="flex flex-col justify-center p-20">
+      <add-ques-button-panel ques-sort="输入类题型">
+        <add-ques-button text="单行输入框" type="3">
+          <img src="@/assets/input.svg" class="h-30 w-30">
+        </add-ques-button>
+        <add-ques-button text="多行输入框" type="4">
+          <img src="@/assets/textarea.svg" class="h-30 w-30">
+        </add-ques-button>
+      </add-ques-button-panel>
+      <el-divider />
+      <add-ques-button-panel ques-sort="选择类题型">
+        <add-ques-button text="单项选择" type="1">
+          <img src="@/assets/radio.svg" class="h-30 w-30">
+        </add-ques-button>
+        <add-ques-button text="多项选择" type="2">
+          <img src="@/assets/checkbox.svg" class="h-30 w-30">
+        </add-ques-button>
+        <add-ques-button text="投票" type="6">
+          <img src="@/assets/vote.svg" class="h-30 w-30">
+        </add-ques-button>
+      </add-ques-button-panel>
+      <el-divider />
+      <add-ques-button-panel ques-sort="上传类题型">
+        <add-ques-button text="上传图片" type="5">
+          <img src="@/assets/uploadPic.svg" class="h-30 w-30">
+        </add-ques-button>
+      </add-ques-button-panel>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+import AddQuesButtonPanel from "@/pages/DetailInfo/addQuesButtonPanel.vue";
+import AddQuesButton from "@/pages/DetailInfo/question/addQuesButton.vue";
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/DetailInfo/menuPanel.vue b/src/pages/DetailInfo/menuPanel.vue
new file mode 100644
index 0000000..1cde1e1
--- /dev/null
+++ b/src/pages/DetailInfo/menuPanel.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="w-400 flex border-2 border-base-300 ">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/DetailInfo/question/addQuesButton.vue b/src/pages/DetailInfo/question/addQuesButton.vue
new file mode 100644
index 0000000..184318d
--- /dev/null
+++ b/src/pages/DetailInfo/question/addQuesButton.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="border-gray-200 flex border-[1px]   flex-col items-center justify-center gap-6 h-95 w-95 cursor-pointer hover:bg-red-50 hover:border-red-300 transition-all" @click="addQues">
+    <slot />
+    <div class=" text-sm">
+      {{ props.text }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { inject } from "vue";
+const props = defineProps<{
+  text: string
+  type: number
+}>();
+
+const injectedAddQues = inject<((type: number) => void)>("addQuestion");
+const addQues = () => {
+  if (injectedAddQues) {
+    injectedAddQues(Number(props.type));
+  }
+};
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/DetailInfo/checkbox.vue b/src/pages/DetailInfo/question/checkbox.vue
similarity index 100%
rename from src/pages/DetailInfo/checkbox.vue
rename to src/pages/DetailInfo/question/checkbox.vue
diff --git a/src/pages/DetailInfo/file.vue b/src/pages/DetailInfo/question/file.vue
similarity index 100%
rename from src/pages/DetailInfo/file.vue
rename to src/pages/DetailInfo/question/file.vue
diff --git a/src/pages/DetailInfo/fill.vue b/src/pages/DetailInfo/question/fill.vue
similarity index 56%
rename from src/pages/DetailInfo/fill.vue
rename to src/pages/DetailInfo/question/fill.vue
index fe129d4..c7bccb5 100644
--- a/src/pages/DetailInfo/fill.vue
+++ b/src/pages/DetailInfo/question/fill.vue
@@ -1,64 +1,25 @@
 <template>
-  <div class="bg-base-300 dark:bg-customGray_shallow p-30 rounded-2xl shadow-lg hover:shadow-2xl hover:-translate-y-2 transform duration-700 my-30">
+  <div class="bg-base-200 dark:bg-customGray_shallow p-30 hover:shadow-md " :class="isActive? 'bg-base-300' : ''">
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">
           <span>{{ serial_num }}</span>
           <input
+            v-if="isActive"
             v-model="localTitle"
             type="text"
             placeholder="Question"
-            class="dark:bg-customGray_more_shallow input input-bordered shadow-md w-350"
-          >
-        </div>
-        <div class="flex items-center gap-20 my-10">
-          <span class="w-50">问题描述</span>
-          <textarea
-            v-model="localDescribe"
-            type="text"
-            placeholder="Describe"
-            class="dark:bg-customGray_more_shallow textarea textarea-bordered shadow-md w-full h-70"
-          />
-        </div>
-        <div v-if=" pal === '自定义' " class="flex items-center gap-20 my-10">
-          <span class="w-50">正则</span>
-          <textarea
-            v-model="customiseReg"
-            type="text"
-            placeholder="示例: ^(?:\+?\d{1,3}[- ]?)?\d{10}$ 国际电话格式"
-            class="dark:bg-customGray_more_shallow textarea textarea-bordered shadow-md w-full h-70"
-          />
-          <!-- <span></span><a href="https://regexr.com" target="_blank">测试</a> -->
-        </div>
-      </div>
-      <div class="flex-col justify-center items-center">
-        <div class=" flex gap-10 ">
-          <span>必答</span><input
-            v-model="localOptionChoose"
-            type="checkbox"
-            :name="-1"
-            class="checkbox-sm"
-          >
-        </div>
-        <div class="flex gap-10 ">
-          <span>唯一</span><input
-            v-model="localUnique"
-            type="checkbox"
-            :name="-1"
-            class="checkbox-sm"
+            class="dark:bg-customGray_more_shallow input rounded-none h-40  focus:outline-none  w-350"
           >
+          <div v-else>
+            {{ localTitle }}
+          </div>
         </div>
       </div>
     </div>
     <div class="divider" />
     <div class="flex-col p-5 overflow-y-auto h-60">
-      <input class="dark:bg-customGray_more_shallow input input-bordered shadow-md w-full" :placeholder="pal">
-    </div>
-    <div class="divider" />
-    <div class="mt-20 flex justify-evenly items-center ">
-      <button class="btn btn-error dark:opacity-75 shadow-md dark:text-white" @click="$emit('on-click')">
-        删除题目
-      </button>
+      <input class="dark:bg-customGray_more_shallow input input-bordered rounded-none  focus:outline-none w-full" :placeholder="pal">
     </div>
   </div>
 </template>
@@ -67,6 +28,7 @@
 import { computed, defineEmits, ref, watch } from "vue";
 
 const props = defineProps<{
+  isActive: boolean,
   serial_num: number,
   title?: string,
   reg?: string
@@ -79,7 +41,6 @@ const localTitle = ref<string>(props.title || "");
 const localOptionChoose = ref<boolean>(props.optionChoose);
 const localUnique = ref<boolean>(props.unique);
 const localDescribe = ref<string>(props.describe || "");
-
 // 储存当前的自定义正则
 const customiseReg = ref(props.reg || "");
 
diff --git a/src/pages/DetailInfo/radio.vue b/src/pages/DetailInfo/question/radio.vue
similarity index 100%
rename from src/pages/DetailInfo/radio.vue
rename to src/pages/DetailInfo/question/radio.vue
diff --git a/src/pages/DetailInfo/textArea.vue b/src/pages/DetailInfo/question/textArea.vue
similarity index 100%
rename from src/pages/DetailInfo/textArea.vue
rename to src/pages/DetailInfo/question/textArea.vue
diff --git a/src/pages/DetailInfo/rightMenu.vue b/src/pages/DetailInfo/rightMenu.vue
new file mode 100644
index 0000000..02fcde1
--- /dev/null
+++ b/src/pages/DetailInfo/rightMenu.vue
@@ -0,0 +1,11 @@
+<template>
+  <div class="bg-base-100 flex-1" />
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/Home/index.vue b/src/pages/Home/index.vue
index 9fc001e..90f2a17 100644
--- a/src/pages/Home/index.vue
+++ b/src/pages/Home/index.vue
@@ -1,8 +1,13 @@
 <template>
   <div class="p-40 flex mt-60">
     <div class="basis-1/4 p-20 pl-0 flex justify-center gap-10">
-      <div class="btn btn-success dark:opacity-75 dark:text-white" style="width: 80%;" @click="addNewQuestionnaire">
-        + 新建问卷
+      <div class="flex flex-col gap-20" style="width: 80%">
+        <div class="btn btn-success dark:opacity-75 dark:text-white " @click="newQues">
+          + 新建问卷
+        </div>
+        <div class="btn btn-info dark:opacity-65 dark:text-white " @click="addVote">
+          + 新建投票
+        </div>
       </div>
     </div>
     <div class="basis-3/4 flex flex-col gap-8">
@@ -45,7 +50,7 @@
 </template>
 
 <script setup lang="ts">
-import { modal, showModal } from "@/components";
+import { modal } from "@/components";
 import questionnaireItem from "./questionnaireItem.vue";
 import { useRequest } from "vue-hooks-plus";
 import { getQuestionnaireListAPI } from "@/apis";
@@ -92,13 +97,13 @@ const handleCurrentChange = (val: number) => {
   getQuestionnaireList();
 };
 
-const addNewQuestionnaire = () => {
-  showModal("select");
-};
-
 const newQues = () => {
-  showModal("select", true);
   localStorage.setItem("isNew", "true");
   router.push("/admin/DetailInfo");
 };
+
+const addVote = () => {
+  localStorage.setItem("isNew", "true");
+  router.push("/admin/addVote");
+};
 </script>
\ No newline at end of file
diff --git a/src/pages/addVote/index.vue b/src/pages/addVote/index.vue
new file mode 100644
index 0000000..16aa7c5
--- /dev/null
+++ b/src/pages/addVote/index.vue
@@ -0,0 +1,33 @@
+
+<template>
+  <div class="flex items-center flex-col ">
+    <el-radio-group v-model="state" class="p-20">
+      <el-radio-button label="投票编辑" value="投票编辑" />
+      <el-radio-button label="投票设置" value="投票设置" />
+    </el-radio-group>
+    <div class="bg-base-200 w-[50%] flex-1 overflow-y-auto flex flex-col justify-center">
+      <div class="p-20">
+        <div class="flex justify-center items-center flex-col gap-10">
+          <input v-model="submitForm.voteTitle" class="input bg-base-200 flex focus:bg-base-100 hover:border-gray-300 text-2xl w-[80%] text-center" placeholder="投票标题">
+          <textarea v-model="submitForm.description" class=" textarea bg-base-200 flex focus:bg-base-100 hover:border-gray-300 text-md w-[80%] resize-none" placeholder="投票描述" />
+        </div>
+      </div>
+      <vote />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import Vote from "./vote.vue";
+const state = ref("投票编辑");
+const submitForm = ref({
+  voteTitle: "投票标题",
+  description: "为了给您提供更好的服务，希望您能抽出几分钟时间，将您的感受和建议告诉我们，期待您的参与！"
+});
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/addVote/vote.vue b/src/pages/addVote/vote.vue
new file mode 100644
index 0000000..3285d72
--- /dev/null
+++ b/src/pages/addVote/vote.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="bg-base-100 mx-20 flex-1 h-[1000px] flex">
+    <div>
+      <el-upload
+        class="avatar-uploader"
+      >
+        <img v-if="imageUrl" :src="imageUrl" class="avatar">
+        <el-icon v-else class="avatar-uploader-icon">
+          <Plus />
+        </el-icon>
+      </el-upload>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+const imageUrl = ref("");
+</script>
+
+<style scoped>
+.avatar-uploader .avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed var(--el-border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: var(--el-color-primary);
+}
+
+.el-icon.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/index.ts b/src/pages/index.ts
index a5211bf..c13ecd1 100644
--- a/src/pages/index.ts
+++ b/src/pages/index.ts
@@ -4,4 +4,5 @@ import detailInfo from "./DetailInfo/index.vue";
 import datadisplay from "./DataDisplay/index.vue";
 import view from "./View/view.vue";
 import thank from "./Thank/thank.vue";
-export { home, login, detailInfo, datadisplay, view, thank };
+import addVote from "./addVote/index.vue";
+export { home, login, detailInfo, datadisplay, view, thank, addVote };
diff --git a/src/router/index.ts b/src/router/index.ts
index 7ee9e90..2262555 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from "vue-router";
-import { login, home, detailInfo, datadisplay, view, thank } from "@/pages";
+import { login, home, detailInfo, datadisplay, view, thank, addVote } from "@/pages";
 import pinia from "@/stores/createPinia";
 import { useMainStore } from "@/stores";
 
@@ -26,6 +26,11 @@ const router = createRouter({
       name: "datadisplay",
       component: datadisplay
     },
+    {
+      path: "/admin/addVote",
+      name: "addVote",
+      component: addVote
+    },
     {
       path: "/View",
       name: "view",