فهرست منبع

fix: 下载选取时间段限制

sunhongyao341504 1 سال پیش
والد
کامیت
4a65f34042
1فایلهای تغییر یافته به همراه17 افزوده شده و 1 حذف شده
  1. 17 1
      src/views/datamanager/playback/components/NvrTimeSelect.vue

+ 17 - 1
src/views/datamanager/playback/components/NvrTimeSelect.vue

@@ -49,8 +49,10 @@
           type="datetime"
           format="YYYY-MM-DD HH:mm:ss"
           value-format="YYYY-MM-DD HH:mm:ss"
+          :disabled="!startTime.length"
           :clearable="true"
           placeholder="拖动进度条选择时间"
+          @change="judgeDate"
         />
         <!-- <el-input
           v-model="endTime"
@@ -89,9 +91,10 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
-  import { ElInput } from 'element-plus';
+  // import { ElInput } from 'element-plus';
   import { Refresh } from '@element-plus/icons-vue';
   import { ElIcon, ElTooltip } from 'element-plus';
+  import { ElMessage } from 'element-plus';
 
   const isCallingDownload = ref(false);
   const startTime = ref('');
@@ -111,6 +114,19 @@
     endTime.value = '';
   };
 
+  const judgeDate = (value) => {
+    const startTimeStamp = new Date(startTime.value).getTime();
+    const endTimeStamp = new Date(value).getTime();
+    if (endTimeStamp <= startTimeStamp) {
+      ElMessage.warning('结束时间不能小于开始时间');
+      endTime.value = '';
+    }
+    if (endTimeStamp - startTimeStamp > 10 * 60 * 1000) {
+      ElMessage.warning('视频下载时间不能超过10分钟');
+      endTime.value = '';
+    }
+  };
+
   defineExpose({ isCallingDownload, startTime, endTime, clearTime });
 </script>