From f73bfb0ab36e5fa2b3e7309c5dad8aa042c47c59 Mon Sep 17 00:00:00 2001
From: Jiangchunfu <mrj_kevin@163.com>
Date: Mon, 12 Aug 2024 19:43:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20C=E7=AB=AF=E5=A2=9E=E5=8A=A0=E9=87=8D?=
 =?UTF-8?q?=E6=96=B0=E5=A1=AB=E5=86=99=E5=85=A5=E5=8F=A3,=20#182=20(#392)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: jiangchunfu <jiangchunfu@kaike.la>
---
 web/src/render/pages/IndexPage.vue   |  9 ++++++++-
 web/src/render/pages/RenderPage.vue  |  4 ++--
 web/src/render/pages/SuccessPage.vue | 20 ++++++++++++++++++++
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/web/src/render/pages/IndexPage.vue b/web/src/render/pages/IndexPage.vue
index 38a550c8..c0418ac8 100644
--- a/web/src/render/pages/IndexPage.vue
+++ b/web/src/render/pages/IndexPage.vue
@@ -2,7 +2,7 @@
   <router-view></router-view>
 </template>
 <script setup lang="ts">
-import { onMounted } from 'vue'
+import { onMounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 
 import { getPublishedSurveyInfo, getPreviewSchema } from '../api/survey'
@@ -56,6 +56,13 @@ onMounted(() => {
   getDetail(surveyId as string)
 })
 
+watch(
+  () => route.query.t,
+  () => {
+    location.reload()
+  }
+)
+
 const getDetail = async (surveyPath: string) => {
   const alert = useCommandComponent(AlertDialog)
 
diff --git a/web/src/render/pages/RenderPage.vue b/web/src/render/pages/RenderPage.vue
index 3b3be13b..97f45c68 100644
--- a/web/src/render/pages/RenderPage.vue
+++ b/web/src/render/pages/RenderPage.vue
@@ -16,7 +16,7 @@
         ></SubmitButton>
       </div>
       <LogoIcon :logo-conf="logoConf" :readonly="true" />
-      <VerifyWhiteDialog/>
+      <VerifyWhiteDialog />
     </div>
   </div>
 </template>
@@ -114,7 +114,7 @@ const submitSurver = async () => {
     console.log(params)
     const res: any = await submitForm(params)
     if (res.code === 200) {
-      router.push({ name: 'successPage' })
+      router.replace({ name: 'successPage' })
     } else {
       alert({
         title: res.errmsg || '提交失败'
diff --git a/web/src/render/pages/SuccessPage.vue b/web/src/render/pages/SuccessPage.vue
index c922d031..a6fc73b9 100644
--- a/web/src/render/pages/SuccessPage.vue
+++ b/web/src/render/pages/SuccessPage.vue
@@ -4,6 +4,18 @@
       <div class="result-content">
         <img src="/imgs/icons/success.webp" />
         <div class="msg" v-html="successMsg"></div>
+        <router-link
+          :to="{
+            name: 'renderPage',
+            query: {
+              t: new Date().getTime()
+            }
+          }"
+          replace
+          class="reset-link"
+        >
+          重新填写
+        </router-link>
       </div>
       <LogoIcon :logo-conf="logoConf" :readonly="true" />
     </div>
@@ -65,5 +77,13 @@ const successMsg = computed(() => {
     font-weight: 500;
     margin-top: 0.15rem;
   }
+
+  .reset-link {
+    margin-top: 0.24rem;
+    font-size: 0.27rem;
+    color: #5094f0;
+    text-decoration: underline;
+    display: block;
+  }
 }
 </style>