修复取消按钮功能，比对功能暂时不上

src/views/message/sysnotion-config/SysnotionConfig.vue

@@ -32,7 +32,7 @@
   import { useRoute, useRouter } from 'vue-router';
   import { ref, reactive, onMounted } from 'vue';
   import { storeToRefs } from 'pinia';
-  import { ElMessage } from 'element-plus';
+  import { ElMessage, ElMessageBox } from 'element-plus';
   import { useUserStore } from '@/store/modules/user';
   import {
     addSystemMessage,
@@ -68,9 +68,9 @@
   });
 
   // 原始数据副本
-  let originalData: RuleFormView = {
-    ...ruleForm,
-  };
+  // let originalData: RuleFormView = {
+  //   ...ruleForm,
+  // };
 
   const router = useRouter();
   const rollback = () => {
@@ -104,35 +104,26 @@
   };
 
   /**
-   * 取消。 
-   * TODO：功能是否上线暂定
+   * 取消按钮
    */
   const onCancel = () => {
-    // 比对数据
-    const changes = compareData(ruleForm, originalData);
-    console.log('Object.keys(changes): ', Object.keys(changes));
-
-    // ElMessageBox.confirm(
-    //   '您对系统通知的额操作尚未保存，请问是否暂存?',
-    //   '提示',
-    //   {
-    //     confirmButtonText: '暂存',
-    //     cancelButtonText: '取消',
-    //     type: 'warning',
-    //   }
-    // )
-    //   .then(() => {
-    //     ElMessage({
-    //       type: 'success',
-    //       message: '暂存成功',
-    //     })
-    //   })
-    //   .catch(() => {
-    //     ElMessage({
-    //       type: 'info',
-    //       message: '取消暂存',
-    //     })
-    //   })
+    // TODO：比对数据。 暂时不上
+    // const changes = compareData(ruleForm, originalData);
+    // console.log('Object.keys(changes): ', Object.keys(changes));
+
+    ElMessageBox.confirm(
+      '你填写的数据若未及时保存，离开页面后将会丢失',
+      '提示',
+      {
+        confirmButtonText: '确认取消',
+        cancelButtonText: '继续留在页面',
+        type: 'warning',
+      }
+    )
+    .then(() => {
+      router.push('/message/systemNotifications');
+    })
+    .catch(() => {})
   };