Sfoglia il codice sorgente

feat: 设备告警计划的统计时间交互优化(允许跨天选择时间);

liujia 1 settimana fa
parent
commit
ace6398

+ 1 - 0
components.d.ts

@@ -57,6 +57,7 @@ declare module 'vue' {
     ASwitch: typeof import('ant-design-vue/es')['Switch']
     ATable: typeof import('ant-design-vue/es')['Table']
     ATag: typeof import('ant-design-vue/es')['Tag']
+    ATimePicker: typeof import('ant-design-vue/es')['TimePicker']
     ATimeRangePicker: typeof import('ant-design-vue/es')['TimeRangePicker']
     ATooltip: typeof import('ant-design-vue/es')['Tooltip']
     ATree: typeof import('ant-design-vue/es')['Tree']

+ 23 - 6
src/views/device/detail/components/alarmPlanModal/index.vue

@@ -127,12 +127,25 @@
                   name="statisticsTime"
                   :rules="[{ required: true, message: '请选择统计时间' }]"
                 >
-                  <a-time-range-picker
-                    v-model:value="formState.statisticsTime"
-                    valueFormat="HH:mm"
-                    format="HH:mm"
-                    style="width: 100%"
-                  />
+                  <a-form-item-rest>
+                    <a-space>
+                      <a-time-picker
+                        v-model:value="formState.statisticsTime[0]"
+                        valueFormat="HH:mm"
+                        format="HH:mm"
+                        placeholder="开始时间"
+                        style="width: 100px"
+                      />
+                      <div> - </div>
+                      <a-time-picker
+                        v-model:value="formState.statisticsTime[1]"
+                        valueFormat="HH:mm"
+                        format="HH:mm"
+                        placeholder="结束时间"
+                        style="width: 100px"
+                      />
+                    </a-space>
+                  </a-form-item-rest>
                 </a-form-item>
               </div>
 
@@ -1036,6 +1049,10 @@ const submit = () => {
         },
       }
       console.log('🚀🚀🚀提交参数', params)
+      if (!formState.statisticsTime[0] || !formState.statisticsTime[1]) {
+        message.warn('统计时间不完整')
+        return
+      }
       if (formState.effectTimeFrames.length === 0) {
         message.warn('请添加生效时段')
         return