| | |
| | | border="none" |
| | | ></u-input> |
| | | </u-form-item> |
| | | <u-popup :show="applyShow" :round="10" mode="center" @close="close" :closeable="true" :mask-close-able="true"> |
| | | <u-form labelPosition="top" :model="formParams" :rules="rules" ref="formRef"> |
| | | <u-form-item |
| | | label="计划申请起飞时间" |
| | | labelWidth="260rpx" |
| | | prop="actualTakeoffTime" |
| | | :borderBottom="true" |
| | | ref="item1" |
| | | @click="isShowStartTime = true" |
| | | required |
| | | > |
| | | <u-input v-model="formParams.actualTakeoffTime" border="none" placeholder="请选择" suffixIcon="calendar"></u-input> |
| | | </u-form-item> |
| | | <u-form-item |
| | | label="计划申请结束时间" |
| | | labelWidth="260rpx" |
| | | prop="actualLandingTime" |
| | | :borderBottom="true" |
| | | ref="item1" |
| | | @click="isShowEndTime = true" |
| | | required |
| | | > |
| | | <u-input v-model="formParams.actualLandingTime" border="none" placeholder="请选择" suffixIcon="calendar"></u-input> |
| | | </u-form-item> |
| | | |
| | | <u-datetime-picker |
| | | :show="isShowStartTime" |
| | | v-model="startTime" |
| | | mode="datetime" |
| | | :min-date="minDate" |
| | | :formatter="formatter" |
| | | @confirm="onConfirmStartTime" |
| | | @cancel="isShowStartTime = false"> |
| | | </u-datetime-picker> |
| | | <u-datetime-picker |
| | | :show="isShowEndTime" |
| | | v-model="endTime" |
| | | mode="datetime" |
| | | :min-date="minDate" |
| | | :formatter="formatter" |
| | | @confirm="onConfirmEndTime" |
| | | @cancel="isShowEndTime = false"> |
| | | </u-datetime-picker> |
| | | </u-form> |
| | | <u-button @click="submitApply" color="#1D6FE9">确定</u-button> |
| | | </u-popup> |
| | | </u-form> |
| | | <u-button v-if="formParams.planApprovalStatus === '99'" @click="submitApply" color="#1D6FE9">申请</u-button> |
| | | </view> |
| | | </template> |
| | | <script setup> |
| | |
| | | const isShowStartTime = ref(false) |
| | | // 是否显示结束时间选择器 |
| | | const isShowEndTime = ref(false) |
| | | // const startTime = ref(Date.now()); // 设置默认值为当前时间戳 |
| | | // const endTime = ref(Date.now()); // 设置默认值为当前时间戳 |
| | | const minDate = ref(Date.now()); // 设置最小日期为当前时间戳 |
| | | const startTime = ref(Date.now()); // 设置默认值为当前时间戳 |
| | | const endTime = ref(Date.now()); // 设置默认值为当前时间戳 |
| | | |
| | | // const onConfirmStartTime = (e) => { |
| | | // formParams.value.flightStartTime = dayjs(e.value).format('YYYY-MM-DD HH:mm:ss') |
| | | // isShowStartTime.value = false |
| | | // } |
| | | // const onConfirmEndTime = (e) => { |
| | | // formParams.value.flightEndTime = dayjs(e.value).format('YYYY-MM-DD HH:mm:ss') |
| | | // isShowEndTime.value = false |
| | | // } |
| | | const onConfirmStartTime = (e) => { |
| | | formParams.value.actualTakeoffTime = dayjs(e.value).format('YYYY-MM-DD HH:mm') |
| | | isShowStartTime.value = false |
| | | } |
| | | const onConfirmEndTime = (e) => { |
| | | formParams.value.actualLandingTime = dayjs(e.value).format('YYYY-MM-DD HH:mm') |
| | | isShowEndTime.value = false |
| | | } |
| | | |
| | | |
| | | const formatter = (type, value) => { |
| | | if (type === 'year') return `${value}年`; |
| | | if (type === 'month') return `${value}月`; |
| | | if (type === 'day') return `${value}日`; |
| | | if (type === 'hour') return `${value}时`; |
| | | if (type === 'minute') return `${value}分`; |
| | | return value; |
| | | }; |
| | | |
| | | |
| | | |
| | |
| | | }) |
| | | } |
| | | |
| | | // 申请 |
| | | const applyShow = ref(false) |
| | | function submitApply() { |
| | | applyShow.value = true |
| | | } |
| | | |
| | | function close() { |
| | | // 清空时间 |
| | | formParams.value.actualTakeoffTime = '' |
| | | formParams.value.actualLandingTime = '' |
| | | applyShow.value = false |
| | | } |
| | | |
| | | onLoad((options) => { |
| | | flightPlanDetailsApi(options.id).then(res => { |
| | | // return |