信息提示bug

src/views/AIStation/VoiceCommandPage.vue

 <script setup>
-import {reactive, ref, watch} from "vue";
+import {nextTick, reactive, ref, watch} from "vue";
 import zhCn from "element-plus/dist/locale/zh-cn.mjs"
 import store from "../../store/index.js";
 import {
@@ -141,30 +141,78 @@ const resetSearch = () => {
   }
   loadData();
 };
+console.log('===============',queryParams.value.endTime,queryParams.value.beginTime)
+// watch(
+//     () => queryParams.value.endTime,
+//     async() => {
+//       console.log('endTime:',queryParams.value.endTime)
+//       if (queryParams.value.endTime && queryParams.value.beginTime && queryParams.value.endTime < queryParams.value.beginTime) {
+//         ElMessage.error({
+//           message: '结束时间不能早于开始时间!'
+//         })
+//         queryParams.value.endTime = '';
+//         await nextTick();
+//         queryParams.value.beginTime = '';
+//       }
+//       console.log('===============',queryParams.value.endTime,'-=-=',queryParams.value.beginTime)
+//     },
+// )
+// watch(
+//     () => queryParams.value.beginTime,
+//     async() => {
+//       console.log('beginTime:',queryParams.value.beginTime)
+//       if (queryParams.value.endTime && queryParams.value.beginTime && queryParams.value.endTime < queryParams.value.beginTime) {
+//         ElMessage.error({
+//           message: '结束时间不能早于开始时间!'
+//         })
+//         queryParams.value.beginTime = '';
+//         await nextTick();
+//         queryParams.value.endTime = '';
+//       }
+//     }
+// )
+let isErrorDisplayed = false;
 
 watch(
     () => queryParams.value.endTime,
-    () => {
-      if (queryParams.value.endTime && queryParams.value.beginTime && queryParams.value.endTime < queryParams.value.beginTime) {
+    async () => {
+      const beginTime = new Date(queryParams.value.beginTime).getTime();
+      const endTime = new Date(queryParams.value.endTime).getTime();
+
+      if (queryParams.value.beginTime && endTime < beginTime && !isErrorDisplayed) {
+        isErrorDisplayed = true; // 设置标志
         ElMessage.error({
-          message: '结束时间不能早于开始时间!'
-        })
+          message: '结束时间不能早于开始时间1!'
+        });
+        queryParams.value.beginTime = '';
         queryParams.value.endTime = '';
-
+        await nextTick();
+        queryParams.value.endTime = '';
+        isErrorDisplayed = false; // 重置标志
       }
     }
-)
+);
+
 watch(
     () => queryParams.value.beginTime,
-    () => {
-      if (queryParams.value.endTime && queryParams.value.beginTime && queryParams.value.endTime < queryParams.value.beginTime) {
+    async () => {
+      const beginTime = new Date(queryParams.value.beginTime).getTime();
+      const endTime = new Date(queryParams.value.endTime).getTime();
+
+      if (queryParams.value.endTime && endTime < beginTime && !isErrorDisplayed) {
+        isErrorDisplayed = true; // 设置标志
         ElMessage.error({
-          message: '结束时间不能早于开始时间!'
-        })
+          message: '结束时间不能早于开始时间2!'
+        });
         queryParams.value.beginTime = '';
+        queryParams.value.endTime = '';
+        await nextTick();
+        queryParams.value.beginTime = '';
+        isErrorDisplayed = false; // 重置标志
       }
     }
-)
+);
+
 getEnterprise();
 function getEnterprise(){
   const result = store.getters.getEnterprise();