fix: 交通事故管理时间选择器新增时间错误提示

src/views/traffic/accident/components/ManageAccidentItem.vue

@@ -85,6 +85,7 @@
               :disabled-hours="disabledHours"
               :disabled-minutes="disabledMinutes"
               :disabled-seconds="disabledSeconds"
+              @change="handleAccidentTimeChange"
             />
           </el-form-item>
         </el-col>
@@ -119,7 +120,7 @@
 <script setup lang="ts">
   import { ref, reactive, onMounted, computed } from 'vue';
   import { useRoute, onBeforeRouteLeave } from 'vue-router';
-  import { ElForm } from 'element-plus';
+  import { ElForm, ElMessage } from 'element-plus';
   import { Delete, Plus } from '@element-plus/icons-vue';
   import UploadImages from '@/views/disaster/disaster-control/src/components/UploadImages.vue';
   import { useUserInfoHook } from '@/views/disaster/hooks';
@@ -237,6 +238,16 @@
     return arrs;
   };
 
+  const handleAccidentTimeChange = () => {
+    if (
+      formData.value.trafficAccidentRecord.accidentTime &&
+      new Date(formData.value.trafficAccidentRecord.accidentTime) > new Date()
+    ) {
+      ElMessage.error('事故发生时间不可晚于当前时间，请重新选择');
+      formData.value.trafficAccidentRecord.accidentTime = '';
+    }
+  };
+
   // 事故图片
   const uploadImagesRef = ref<InstanceType<typeof UploadImages>>();
   const uploadImages = ref<ImageItem[]>([]);