fix 只能在进入路由之前判断，不然很多组件数据不渲染

 /*
  * @Date: 2022-05-26 13:57:28
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-12-23 18:00:57
+ * @LastEditTime: 2024-12-23 18:26:41
  * @FilePath: /data-table/src/router.js
  * @Description: 文件描述
  */
@@ -51,7 +51,30 @@ router.beforeEach((to, from, next) => {
       next({ ...to.redirectedFrom, replace: true });
     }, 1000);
   } else {
-    next()
+    if (to.query.page_type === 'add' || to.query.page_type === undefined) { // 表单为新增状态, 检查是否有未完成的表单信息
+      const existingCookie = Cookies.get(to.query.code);
+      if (existingCookie && to.query.force_back !== '1') {
+        // TAG: 只能在进入路由之前判断，不然很多组件数据不渲染
+        showConfirmDialog({
+          title: '温馨提示',
+          message: '您还未完成的表单，是否继续？',
+          confirmButtonColor: styleColor.baseColor,
+          cancelButtonText: '删除',
+          closeOnPopstate: false,
+        })
+          .then(() => { // 通过后把数据绑定上去
+            next();
+          })
+          .catch(() => { // 删除cookie
+            Cookies.remove(to.query.code);
+            next();
+          });
+      } else {
+        next();
+      }
+    } else {
+      next()
+    }
   }
 })
 

 <!--
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-12-23 18:02:25
+ * @LastEditTime: 2024-11-27 16:23:08
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
 -->
@@ -514,30 +514,18 @@ onMounted(async () => {
   // TAG：不同类型提交表单处理
   if (page_type === 'add' || page_type === undefined) { // 表单为新增状态, 检查是否有未完成的表单信息
     const existingCookie = Cookies.get($route.query.code);
-    if (existingCookie && !force_back) {
-      showConfirmDialog({
-        title: '温馨提示',
-        message: '您还未完成的表单，是否继续？',
-        confirmButtonColor: styleColor.baseColor,
-        cancelButtonText: '删除',
-        closeOnPopstate: false,
-      })
-        .then(() => { // 通过后把数据绑定上去
-          // 如果Cookie存在，更新它
-          let object = JSON.parse(existingCookie);
-          // 默认值
-          const objectMap = new Map(Object.entries(object)); // 将 object 转换为 Map，Object.entries() 方法用于返回一个给定对象自身可枚举属性的键值对数组，数组中的每个元素是一个包含键值对的数组，[ ["name", "Alice"], ["age", 30], ["city", "New York"] ]
-          formData.value.forEach((item) => {
-            if (objectMap.has(item.key)) {
-              // 适配双重json字符串问题，比如地址
-              const value = isJSON(objectMap.get((item.key))) ? JSON.parse(objectMap.get((item.key))) : objectMap.get((item.key));
-              item.component_props.default = value;
-            }
-          });
-        })
-        .catch(() => { // 删除cookie
-          Cookies.remove($route.query.code);
-        });
+    if (existingCookie) {
+      // 如果Cookie存在，更新它
+      let object = JSON.parse(existingCookie);
+      // 默认值
+      const objectMap = new Map(Object.entries(object)); // 将 object 转换为 Map，Object.entries() 方法用于返回一个给定对象自身可枚举属性的键值对数组，数组中的每个元素是一个包含键值对的数组，[ ["name", "Alice"], ["age", 30], ["city", "New York"] ]
+      formData.value.forEach((item) => {
+        if (objectMap.has(item.key)) {
+          // 适配双重json字符串问题，比如地址
+          const value = isJSON(objectMap.get((item.key))) ? JSON.parse(objectMap.get((item.key))) : objectMap.get((item.key));
+          item.component_props.default = value;
+        }
+      });
     }
   }
   if (page_type === 'add' && !force_back) { // 表单为新增状态, 非后台打开状态