|
@@ -64,9 +64,15 @@
|
|
|
</div>
|
|
|
</van-popup>
|
|
|
|
|
|
+ <!-- 选择日期 -->
|
|
|
<van-popup v-model:show="showDatePicker" destroy-on-close position="bottom" :style="{ height: '50%' }">
|
|
|
<van-date-picker v-model="showDatePickerVal" @confirm="showPickerConfirm" :min-date="timeJudgment" @cancel="showDatePicker = false" />
|
|
|
</van-popup>
|
|
|
+
|
|
|
+ <!-- 选择时间 -->
|
|
|
+ <van-popup v-model:show="showDateTimePicker" destroy-on-close position="bottom" :style="{ height: '50%' }">
|
|
|
+ <van-time-picker v-model="showDatePickerTimeVal" @confirm="showPickerTimeConfirm" @cancel="showDateTimePicker = false" />
|
|
|
+ </van-popup>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -99,8 +105,10 @@ const routingInformation = routingInfos['tasks']
|
|
|
const infoData = ref(props.info);
|
|
|
const timeout = ref(null);
|
|
|
const showDelay = ref(false);
|
|
|
-const showDatePicker = ref(false);
|
|
|
-const showDatePickerVal = ref([])
|
|
|
+const showDatePicker = ref(false)
|
|
|
+const showDateTimePicker = ref(false)
|
|
|
+const showDatePickerVal = ref(dayjs().format("YYYY-MM-DD").split("-"))
|
|
|
+const showDatePickerTimeVal = ref(dayjs().format("HH:mm").split(":"))
|
|
|
const todaySDate = dayjs(new Date()).format('YYYY-MM-DD')
|
|
|
const showStartDelayData = ref('');
|
|
|
const showEndtDelayData = ref('');
|
|
@@ -114,32 +122,39 @@ watch(() => props.info, (newValue) => {
|
|
|
initializeData(newValue.id)
|
|
|
})
|
|
|
|
|
|
-function showPickerConfirm({ selectedValues }) {
|
|
|
- const dates = selectedValues.join('-')
|
|
|
+function showPickerTimeConfirm({ selectedValues }) {
|
|
|
if(showDateType.value == 'showStartDelayData') {
|
|
|
- showStartDelayData.value = dates
|
|
|
+ showStartDelayData.value = `${showDatePickerVal.value.join('-')} ${selectedValues.join(':')}`
|
|
|
showEndtDelayData.value = ''
|
|
|
}
|
|
|
|
|
|
if(showDateType.value == 'showEndtDelayData') {
|
|
|
- showEndtDelayData.value = dates
|
|
|
+ showEndtDelayData.value = `${showDatePickerVal.value.join('-')} ${selectedValues.join(':')}`
|
|
|
}
|
|
|
- console.log(showStartDelayData.value)
|
|
|
- console.log(showEndtDelayData.value)
|
|
|
+
|
|
|
+ showDateTimePicker.value = false
|
|
|
+}
|
|
|
+
|
|
|
+function showPickerConfirm({ selectedValues }) {
|
|
|
showDatePicker.value = false
|
|
|
+ showDateTimePicker.value = true
|
|
|
}
|
|
|
|
|
|
function showDatePickerCli(type) {
|
|
|
showDateType.value = type
|
|
|
const types = type == 'showStartDelayData' ? showStartDelayData.value : showEndtDelayData.value
|
|
|
timeJudgment.value = type == 'showStartDelayData' ? new Date : new Date(showStartDelayData.value)
|
|
|
- showDatePickerVal.value = types.split('-')
|
|
|
+
|
|
|
+ const nemDate = dayjs().format("YYYY-MM-DD HH:mm")
|
|
|
+
|
|
|
+ showDatePickerVal.value = types ? types.split(' ')[0].split('-') : nemDate.split(' ')[0].split('-')
|
|
|
+ showDatePickerTimeVal.value = types ? types.split(' ')[1].split(':') : nemDate.split(' ')[1].split(':')
|
|
|
showDatePicker.value = true
|
|
|
}
|
|
|
|
|
|
function restartTask() {
|
|
|
- showStartDelayData.value = infoData.value.startDate ? infoData.value.startDate : dayjs().format("YYYY-MM-DD")
|
|
|
- showEndtDelayData.value = infoData.value.endDate ? infoData.value.endDate : dayjs().format("YYYY-MM-DD")
|
|
|
+ showStartDelayData.value = infoData.value.startDate ? infoData.value.startDate : dayjs().format("YYYY-MM-DD HH:mm")
|
|
|
+ showEndtDelayData.value = infoData.value.endDate ? infoData.value.endDate : dayjs().format("YYYY-MM-DD HH:mm")
|
|
|
showDelay.value = true
|
|
|
}
|
|
|
function delayTimeEvent() {
|