| | |
| | | <u-popup |
| | | :show="isShowAircraftInfo" |
| | | mode="bottom" |
| | | round="20" |
| | | round="0" |
| | | @close="isShowAircraftInfo = false" |
| | | > |
| | | <scroll-view scroll-y> |
| | | <view class="select-header"> |
| | | <view>请选择飞行器</view> |
| | | <view class="select-header-btn"> |
| | | <view class="cancel-btn" @click="isShowAircraftInfo = false">取消</view> |
| | | <view @click="onPickerAircraftInfo">确定</view> |
| | | </view> |
| | | <!-- <view>请选择飞行器</view> --> |
| | | <view class="cancel-btn" @click="isShowAircraftInfo = false">取消</view> |
| | | <view class="confirm-btn" @click="onPickerAircraftInfo">确定</view> |
| | | </view> |
| | | <view class="select-content"> |
| | | <up-checkbox-group |
| | | <u-checkbox-group |
| | | v-model="formParams.spacecraftId" |
| | | placement="column" |
| | | @change="checkboxChange" |
| | | > |
| | | <up-checkbox |
| | | <u-checkbox |
| | | :customStyle="{marginBottom: '8px'}" |
| | | v-for="(item, index) in aircraftInfoList" |
| | | :key="item.id" |
| | | :label="item.label" |
| | | :name="item.value" |
| | | > |
| | | </up-checkbox> |
| | | </up-checkbox-group> |
| | | </u-checkbox> |
| | | </u-checkbox-group> |
| | | </view> |
| | | </scroll-view> |
| | | </u-popup> |
| | |
| | | <u-popup |
| | | :show="isShowPilotInfo" |
| | | mode="bottom" |
| | | round="20" |
| | | round="0" |
| | | @close="isShowPilotInfo = false" |
| | | > |
| | | <scroll-view scroll-y> |
| | | <view class="select-header"> |
| | | <view>请选择飞手</view> |
| | | <view class="select-header-btn"> |
| | | <view class="cancel-btn" @click="isShowPilotInfo = false">取消</view> |
| | | <view @click="onPickerPilotInfo">确定</view> |
| | | </view> |
| | | <!-- <view>请选择飞手</view> --> |
| | | <view class="cancel-btn" @click="isShowPilotInfo = false">取消</view> |
| | | <view class="confirm-btn" @click="onPickerPilotInfo">确定</view> |
| | | </view> |
| | | <view class="select-content"> |
| | | <up-checkbox-group |
| | | <u-checkbox-group |
| | | v-model="formParams.pilotId" |
| | | placement="column" |
| | | @change="checkboxPilotChange" |
| | | > |
| | | <up-checkbox |
| | | <u-checkbox |
| | | :customStyle="{marginBottom: '8px'}" |
| | | v-for="(item, index) in pilotInfoList" |
| | | :key="item.id" |
| | | :label="item.label" |
| | | :name="item.value" |
| | | > |
| | | </up-checkbox> |
| | | </up-checkbox-group> |
| | | </u-checkbox> |
| | | </u-checkbox-group> |
| | | </view> |
| | | </scroll-view> |
| | | </u-popup> |
| | |
| | | // isShowAircraftInfo.value = false |
| | | // } |
| | | function checkboxChange(val) { |
| | | formParams.value.spacecraftId = val.join(',') |
| | | formParams.value.spacecraftId = val |
| | | formParams.value.spacecraftText = aircraftInfoList.value.filter(item => val.includes(item.value)).map(item => item.label).join(',') |
| | | } |
| | | const onPickerAircraftInfo = () => { |
| | |
| | | }) |
| | | } |
| | | function checkboxPilotChange(val) { |
| | | formParams.value.pilotId = val.join(',') |
| | | formParams.value.pilotId = val |
| | | formParams.value.pilotText = pilotInfoList.value.filter(item => val.includes(item.value)).map(item => item.label).join(',') |
| | | } |
| | | const onPickerPilotInfo = (e) => { |
| | |
| | | const submitForm = async () => { |
| | | await formRef.value.validate() |
| | | isSubmitDisabled.value = true |
| | | formParams.value.pilotId = formParams.value.pilotId.join(',') |
| | | formParams.value.spacecraftId = formParams.value.spacecraftId.join(',') |
| | | flightPlanSaveApi(formParams.value).then(res => { |
| | | if (res.data.code === 200) { |
| | | isSubmitDisabled.value = true |
| | |
| | | padding: 20rpx 20rpx; |
| | | font-size: 32rpx; |
| | | color: #222324; |
| | | .select-header-btn { |
| | | display: flex; |
| | | font-size: 28rpx; |
| | | .cancel-btn { |
| | | color: #86909C; |
| | | margin-right: 20rpx; |
| | | } |
| | | .confirm-btn { |
| | | color: #1D6FE9; |
| | | .cancel-btn { |
| | | color: #86909C; |
| | | margin-right: 20rpx; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .select-content { |
| | | height: 600rpx; |
| | | height: 480rpx; |
| | | text-align: center; |
| | | padding: 20rpx 20rpx; |
| | | } |