diff --git a/.github/workflows/cd.yml b/.github/workflows/cd.yml
index 74dd72e..f5344b1 100644
--- a/.github/workflows/cd.yml
+++ b/.github/workflows/cd.yml
@@ -36,7 +36,7 @@ jobs:
 
       - name: Installing Dependencies
         if: steps.cache-dependencies.outputs.cache-hit != 'true'
-        run: pnpm install --ignore-scripts
+        run: pnpm install --no-frozen-lockfile
 
       - name: Building
         run: |
diff --git a/components.d.ts b/components.d.ts
index c0e2f9d..1e3feba 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -16,7 +16,6 @@ declare module 'vue' {
     ElInput: typeof import('element-plus/es')['ElInput']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
-    ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElSelect: typeof import('element-plus/es')['ElSelect']
diff --git a/src/apis/service/User/getStatistic.ts b/src/apis/service/User/getStatistic.ts
new file mode 100644
index 0000000..ba92e20
--- /dev/null
+++ b/src/apis/service/User/getStatistic.ts
@@ -0,0 +1,14 @@
+import { request } from "@/apis/axios";
+
+// 定义请求数据的接口
+
+
+
+const setStatisticAPI = (params: { id: number }) => {
+    return request("/api/user/statistic", {
+        method: "GET",
+        params: params
+    });
+};
+
+export default setStatisticAPI;
\ No newline at end of file
diff --git a/src/pages/DetailInfo/index.vue b/src/pages/DetailInfo/index.vue
index 1ad2899..5582306 100644
--- a/src/pages/DetailInfo/index.vue
+++ b/src/pages/DetailInfo/index.vue
@@ -273,6 +273,7 @@ onMounted(() => {
     id.value = Number(localStorage.getItem('id'))
     getInfo();
   }else{
+    console.log(tempStore.surveyType)
     submitData.value = {
       desc: '',
       img: '',
@@ -281,7 +282,7 @@ onMounted(() => {
       time: '',
       title: '',
       day_limit: 0,
-      survey_type: tempStore.surveyType.value,
+      survey_type: Number(tempStore.surveyType),
       verify: false
     }
     loading.value = false
diff --git a/src/pages/Home/index.vue b/src/pages/Home/index.vue
index b2fc343..9d8c516 100644
--- a/src/pages/Home/index.vue
+++ b/src/pages/Home/index.vue
@@ -45,7 +45,7 @@ import { modal, showModal } from '@/components';
 import questionnaireItem from './questionnaireItem.vue';
 import { useRequest } from 'vue-hooks-plus';
 import { getQuestionnaireListAPI } from '@/apis';
-import {nextTick, onMounted, ref} from 'vue';
+import {nextTick, onMounted, ref, watch} from 'vue';
 import router from '@/router';
 import {closeLoading, startLoading} from "@/utilities";
 import { useMainStore } from '@/stores';
@@ -57,7 +57,10 @@ const pageSize = 4;
 const totalPageNum = ref(1);
 const questionnaireList = ref();
 const loading = ref(true);
-const surveyType = ref(tempStore.surveyType.value)
+const surveyType = ref(tempStore.surveyType)
+watch(surveyType, () => {
+  tempStore.surveyType = surveyType
+})
 onMounted(() => {
   loginStore.setShowHeader(true);
 })
diff --git a/src/pages/View/checkbox.vue b/src/pages/View/checkbox.vue
index a01c565..bbe0450 100644
--- a/src/pages/View/checkbox.vue
+++ b/src/pages/View/checkbox.vue
@@ -19,7 +19,8 @@
     </div>
     <div class="divider my-5"></div>
     <div class="flex-col p-5 h-auto">
-      <span class="dark:opacity-80 text-gray-700 dark:text-gray-400 text-sm my-5" v-if="props.minimum_option !== 0">最少选 {{ props.minimum_option }} 个&ensp;</span><span class="dark:opacity-80 text-gray-700 dark:text-gray-400 text-sm my-5" v-if="props.maximum_option !== 0">最多选 {{ props.maximum_option }} 个</span>
+      <span class="dark:opacity-80 text-gray-700 dark:text-gray-400 text-sm my-5" v-if="props.minimum_option !== 0">最少选 {{ props.minimum_option }} 个&ensp;</span>
+      <span class="dark:opacity-80 text-gray-700 dark:text-gray-400 text-sm my-5" v-if="props.maximum_option !== 0">最多选 {{ props.maximum_option }} 个</span>
       <div v-for="item in localOptions" :key="item.serial_num" class="flex items-center gap-10 my-5">
         <input type="checkbox" :name="props.serial_num" class="my-5" style="zoom: 140%" :value="item.content" v-model="answerArr"/>
         <span v-if="item.content" class="text-sm">{{ item.content }}</span>
diff --git a/src/pages/View/view.vue b/src/pages/View/view.vue
index 4bd5a04..2e0cf0e 100644
--- a/src/pages/View/view.vue
+++ b/src/pages/View/view.vue
@@ -47,7 +47,7 @@
           </template>
         </el-skeleton>
       </div>
-      <div class="flex flex-col h-650 ">
+      <div class="flex flex-col h-650 " v-if="formData && formData.survey_type === 0">
           <div v-for="q in question" :key="q.serial_num">
               <!-- 根据问题类型渲染组件 -->
               <div v-if="q.question_type === 1">
@@ -61,7 +61,7 @@
                     <skeleton-card></skeleton-card>
                   </template>
                   <template #default>
-                <checkbox v-model:answer="q.answer" v-model:title="q.subject" v-model:options="q.options" v-model:serial_num="q.serial_num"  v-model:unique="q.unique" v-model:required="q.required" v-model:other-option="q.other_option" v-model:describe="q.describe" v-model:questionnaireID = "decryptedId" v-model:minimum_option="q.minimum_option" v-model:maximum_option="q.maximum_option"></checkbox>
+                <checkbox v-model:answer="q.answer" v-model:title="q.subject" v-model:options="q.options" v-model:serial_num="q.serial_num"  v-model:unique="q.unique" v-model:required="q.required" v-model:other-option="q.other_option" v-model:describe="q.describe" v-model:questionnaireID = "decryptedId as string" v-model:minimum_option="q.minimum_option" v-model:maximum_option="q.maximum_option"></checkbox>
                   </template>
                 </el-skeleton>
               </div>
@@ -100,10 +100,30 @@
             <button class="btn  w-1/3 bg-red-800 text-red-50 dark:opacity-75 hover:bg-red-600" @click="showModal('QuestionnaireSubmit')" v-if="decryptedId !== '' && !isOutDate"  >提交问卷</button>
           </div>
     </div>
+      <div class="flex flex-col h-650 " v-if="formData && formData.survey_type === 1">
+        <div v-for="(q, index) in question" :key="index">
+          <vote
+                v-model:answer="q.answer" v-model:title="q.subject"
+                v-model:options="q.options"
+                v-model:serial_num="q.serial_num"
+                v-model:unique="q.unique" v-model:required="q.required"
+                v-model:other-option="q.other_option" v-model:describe="q.describe"
+                v-model:questionnaireID = "decryptedId"
+                v-model:minimum_option="q.minimum_option"
+                v-model:maximum_option="q.maximum_option"
+                :count="resultData">
+            <div>
+          </div></vote>
+        </div>
+        <div class="flex justify-center items-center py-50">
+          <button class="btn  w-1/3 bg-red-800 text-red-50 dark:opacity-75 hover:bg-red-600" @click="showModal('QuestionnaireSubmit')" v-if="decryptedId !== '' && !isOutDate"  >提交问卷</button>
+        </div>
+      </div>
+
       <modal modal-id="QuestionnaireSubmit">
         <template #title><span class="text-red-950 dark:text-red-500 ">提交问卷</span></template>
 
-        <template #default v-if="formData && !formData.verify || stu_id">
+        <template #default v-if="formData && !formData.verify || !tokenOutDate">
           你确认要提交问卷吗?
         </template>
         <template #default v-else>
@@ -118,16 +138,17 @@
           </div>
         </template>
         <template #action>
-          <button class="btn bg-red-800 text-red-50 w-full hover:bg-red-600" @click="submit"  v-if="formData && !formData.verify || stu_id">确认</button>
+          <button class="btn bg-red-800 text-red-50 w-full hover:bg-red-600" @click="submit"  v-if="formData && !formData.verify || !tokenOutDate">确认</button>
           <button class="btn bg-red-800 text-red-50 w-full hover:bg-red-600" @click="verify" v-else>确认</button>
         </template>
       </modal>
+
     </div>
   </div>
   </template>
 
   <script lang="ts" setup>
-  import {onMounted, ref, watch } from "vue";
+  import {computed, nextTick, onMounted, ref, watch} from "vue";
   import {useRequest} from "vue-hooks-plus";
   import {getUserAPI, setUserSubmitAPI} from "@/apis";
   import {ElNotification} from "element-plus";
@@ -145,8 +166,9 @@
   import {useMainStore} from "@/stores";
   //暗黑模式hook
   import { useDarkModeSwitch } from "@/utilities/darkModeSwitch";
-  import {Discount} from "@element-plus/icons-vue";
   import verifyAPI from "@/apis/service/User/verifyApi.ts";
+  import Vote from "@/pages/View/vote.vue";
+  import getStatistic from "@/apis/service/User/getStatistic.ts";
   const {darkModeStatus,switchDarkMode} = useDarkModeSwitch()
   const Key = 'JingHong';
   const formData = ref();
@@ -157,12 +179,12 @@
     id: null,
     questions_list: [],
   });
+  const resultData = ref(undefined)
   const route = useRoute();
   const loginStore = useMainStore().useLoginStore();
   const decryptedId = ref<string | null>()
   const allowSend = ref(true)
   const isOutDate = ref(false)
-  const stu_id = localStorage.getItem("stu_id")
   const verifyData = ref( {
     stu_id: "",
     password: "",
@@ -186,23 +208,46 @@
     getQuestionnaireView();
   });
 
+  const tokenOutDate = computed(() => {
+    const lastDate = localStorage.getItem('timestamp');
+
+    // 如果没有存储时间戳（首次请求或过期），调用 verifyAPI
+    if (!lastDate || Date.now() - parseInt(lastDate) > 7 * 24 * 60 * 60 * 1000){
+      return true
+    } else {
+      return false
+    }
+  });
+
   const verify = () => {
-    useRequest(() => verifyAPI(verifyData.value),{
-      onSuccess(res){
-        if(res.code === 200){
-          localStorage.setItem("stu_id", verifyData.value.stu_id)
-          submit()
-        } else {
-          ElNotification.error(res.msg)
+    const lastDate = localStorage.getItem('timestamp');
+
+    // 如果没有存储时间戳（首次请求或过期），调用 verifyAPI
+    if (!lastDate || Date.now() - parseInt(lastDate) > 7 * 24 * 60 * 60 * 1000) {
+      // 调用 verifyAPI 获取新的 token
+      useRequest(() => verifyAPI(verifyData.value), {
+        onSuccess(res) {
+          if (res.code === 200) {
+            // 更新 token 和 timestamp
+            localStorage.setItem('token', res.data.token);
+            localStorage.setItem('timestamp', String(Date.now()));
+            submit();
+          } else {
+            ElNotification.error(res.msg);
+          }
         }
-      }
-    })
-  }
+      });
+    } else {
+      // 如果 timestamp 存在且未过期，直接调用 submit
+      submit();
+    }
+  };
+
+
   watch(question, (newQuestions) => {
       newQuestions.forEach(q => {
           if (q.answer) {
               questionnaireStore.updateAnswer(decryptedId.value, q.serial_num, q.answer);
-              console.log(questionnaireStore.userAnswer)
           }
       });
   }, { deep: true });
@@ -292,16 +337,27 @@
       serial_num: q.serial_num,
       answer: q.answer,
     }));
+    submitData.value.token = localStorage.getItem("token")
     useRequest(() => setUserSubmitAPI(submitData.value), {
       onBefore: () => startLoading(),
-      onSuccess(res) {
+      async onSuccess(res) {
         if (res.code === 200 && res.msg === 'OK') {
           const imageStore = useMainStore().useImageStore()
           ElNotification.success('提交成功');
           questionnaireStore.deleteAnswer(decryptedId.value)
           imageStore.clearFiles()
           optionStore.deleteOption(decryptedId.value)
-          router.push('/Thank');
+          if (formData.value.survey_type === 0) {
+            router.push('/Thank');
+          } else {
+            try{
+              const res = await getStatistic({id: Number(decryptedId.value)})
+              resultData.value = res.data.statistics[0].options
+              console.log(resultData.value)
+            } catch (e) {
+              ElNotification.error(e)
+            }
+          }
         } else {
           ElNotification.error(res.msg);
         }
@@ -319,7 +375,6 @@
 
 
 
-
   </script>
 
 
diff --git a/src/pages/View/vote.vue b/src/pages/View/vote.vue
new file mode 100644
index 0000000..19b2f82
--- /dev/null
+++ b/src/pages/View/vote.vue
@@ -0,0 +1,154 @@
+<template>
+  <div class="rounded mx-5 mt-30">
+    <div class="flex justify-between">
+      <div class="flex-col">
+        <div class="flex items-center gap-20">
+          <span class="lg:text-xl md:text-md">{{ props.serial_num }}</span>
+          <span class="lg:text-xl md:text-md flex gap-5 items-center" >{{ props.title }}
+            <el-tag type="primary" class="ml-5">投票</el-tag>
+            <el-tag type="warning" v-if="!required">选答</el-tag>
+            <el-tag type="danger" v-if="localUnique">唯一</el-tag>
+          </span>
+        </div>
+        <div class="flex items-center mt-15 ml-10">
+          <pre  class="text-sm text-gray-500 break-all">{{ props.describe }}</pre>
+        </div>
+      </div>
+      <div class="flex-col justify-center items-center">
+      </div>
+    </div>
+    <div class="divider my-5"></div>
+    <span class="dark:opacity-80 text-gray-700 dark:text-gray-400 text-sm my-5" v-if="props.minimum_option !== 0">最少选 {{ props.minimum_option }} 个&ensp;</span>
+    <span class="dark:opacity-80 text-gray-700 dark:text-gray-400 text-sm my-5" v-if="props.maximum_option !== 0">最多选 {{ props.maximum_option }} 个</span>
+    <div class="flex p-5 h-auto flex-wrap">
+      <div v-for="(item, index) in localOptions" :key="item.serial_num" class="flex items-center justify-center my-10 w-1/2">
+
+        <div class="  rounded" style="width: 90%" >
+          <div class="border-red-300 border-2 dark:border-0 ">
+            <img v-if="item.img" :src="item.img" alt="Preview" style="width: 100%" />
+          <span class="flex gap-8 items-center justify-center border-t-2 border-red-300 dark:border-0 bg-red-100 dark:bg-customGray_shallow" style="flex: 0.5">
+            <input type="checkbox" :name="props.serial_num" class="my-5" style="zoom: 140%" :value="item.content" v-model="answerArr"/>
+            <span v-if="item.content" class="text-sm ">{{ item.content }}</span>
+          </span>
+          </div>
+          <span class="text-sm text-gray-400 flex items-center gap-20 justify-center mt-5" v-if="count !== undefined">
+            <span>排名: {{ props.count[index].rank }}</span>
+            <span>当前票数: {{ props.count[index].count }}</span>
+          </span>
+        </div>
+      </div>
+      <div class="flex gap-10 mt-10" v-if="localOtherOption">
+        <input ref="otherCheckbox" type="checkbox" :name="props.serial_num" class="my-5" style="zoom: 140%" :value="otherAnswer" v-model="otherAnswerChecked"/>
+        <input type="text" class="input-sm w-150" placeholder="其他" v-model="otherAnswer" @input="updateOtherAnswer"  />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useMainStore } from '@/stores';
+import { ref, watch, defineProps, defineEmits, computed, onMounted } from 'vue'
+
+const optionStore = useMainStore().useOptionStore()
+
+
+const props = defineProps<{
+  questionnaireID:string
+  serial_num: number,
+  title?: string,
+  required: boolean,
+  unique: boolean,
+  otherOption: boolean,
+  describe: string,
+  answer: string,
+  count: any
+  maximum_option: number,
+  minimum_option: number,
+  options?: {
+    content: string;
+    img: string;
+    serial_num: number;
+  }[]
+}>();
+
+const localUnique = ref<boolean>(props.unique);
+const localOtherOption = ref<boolean>(props.otherOption);
+const localOptions = ref(props.options ? [...props.options] : []);
+const otherAnswer = ref<string>(optionStore.search(props.questionnaireID,props.serial_num));
+const answerArr = ref<string[]>(props.answer ? props.answer.split('┋') : []);
+// console.log(answerArr)
+const emits = defineEmits(['update:answer']);
+const otherAnswerChecked = ref(false)
+const otherCheckbox = ref<HTMLInputElement | null>(null);
+
+// console.log(answerArr.value + ' '+ otherAnswer.value)
+
+onMounted(() => {
+      if(answerArr.value.includes(otherAnswer.value)){
+        // console.log("111")
+        otherAnswerChecked.value = true
+      }
+    }
+)
+
+// console.log(otherAnswerChecked.value)
+const deleteOldAnswer = () => {
+  const otherIndex = answerArr.value.indexOf(otherAnswer.value);
+  if (otherIndex !== -1) {
+    answerArr.value.splice(otherIndex, 1);
+  }
+}
+
+const updateOtherAnswer = (event: Event) => {
+  if (otherCheckbox.value && otherCheckbox.value.checked) {
+    const value = (event.target as HTMLInputElement).value;
+    deleteOldAnswer();
+    otherAnswer.value = value;
+    answerArr.value.push(otherAnswer.value);
+  }
+};
+
+const filteredAnswerArr = computed(() => {
+  return answerArr.value.filter(answer => answer !== '');
+})
+
+watch(filteredAnswerArr, () => {
+  if (otherCheckbox.value && otherCheckbox.value.checked && !answerArr.value.includes(otherAnswer.value)) {
+    answerArr.value.push(otherAnswer.value)
+  }
+  // console.log(filteredAnswerArr.value)
+  // console.log(otherAnswerChecked.value)
+  const combinedAnswers = filteredAnswerArr.value.join('┋');
+  emits('update:answer', combinedAnswers);
+});
+
+
+watch(otherAnswer, (newOtherAnswer, oldOtherAnswer) => {
+  if(newOtherAnswer){
+    optionStore.update(props.questionnaireID,props.serial_num,newOtherAnswer)
+  }
+  if (newOtherAnswer !== oldOtherAnswer && otherCheckbox.value && otherCheckbox.value.checked) {
+    const otherIndex = answerArr.value.indexOf(oldOtherAnswer);
+    if (otherIndex !== -1) {
+      answerArr.value.splice(otherIndex, 1);
+    }
+    answerArr.value.push(newOtherAnswer);
+  }
+})
+
+watch(otherAnswerChecked,() => {
+  if(otherAnswerChecked.value) {
+    if (!answerArr.value.includes(otherAnswer.value)) {
+      answerArr.value.push(otherAnswer.value);
+    }
+  }
+  if (!otherAnswerChecked.value) {
+    if (answerArr.value.includes(otherAnswer.value)) {
+      deleteOldAnswer()
+    }
+  }
+})
+</script>
+
+<style scoped>
+</style>