hjq/aircraft-pilot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增订单弹窗调整

Browse Source
This commit is contained in:
Double-_-Z 2025-07-29 01:03:38 +08:00
parent 616ec2baa0
commit 0cb68fb371
1 changed files with 90 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
aircraft/server/order/detail.vue
View File

@ -92,38 +92,79 @@
<view class="action-popup"> <view class="action-popup">
<view class="action-top"> <view class="action-top">
<view class="action-close" /> <view class="action-close" />
<view class="action-title">新增任务</view> <view class="action-title">{{current===0?'新增任务':'注意事项'}}</view>
<u-icon class="action-close" :name="fileUrl+closeIcon" size="32" @click="showAddAction=false" /> <u-icon class="action-close" :name="fileUrl+closeIcon" size="32" @click="showAddAction=false" />
</view> </view>
<view class="action-lam" style="margin-top: 72rpx;"> <view v-if="current === 0">
<view class="lam-title">执行设备</view> <view class="action-lam" style="margin-top: 72rpx;">
<u-input class="lam-input" placeholder-style="font-size:32rpx;color:#B3B3B3;" <view class="lam-title">执行设备</view>
custom-style="font-size:32rpx;" <u-input class="lam-input" placeholder-style="font-size:32rpx;color:#B3B3B3;"
v-model="form.equipmentName" @click="handleClickPick" custom-style="font-size:32rpx;"
placeholder="请选择设备" type="select" :clearable="false" /> v-model="form.equipmentName" @click="handleClickPick"
</view> placeholder="请选择设备" type="select" :clearable="false" />
<view class="action-lam"> </view>
<view class="lam-title">载货重量</view> <view class="action-lam">
<u-input class="lam-input" placeholder-style="font-size:32rpx;color:#B3B3B3;" <view class="lam-title">载货重量</view>
custom-style="font-size:32rpx;" v-model.number="form.weight" <u-input class="lam-input" placeholder-style="font-size:32rpx;color:#B3B3B3;"
placeholder="请填写重量" type="number" :clearable="false" /> custom-style="font-size:32rpx;" v-model.number="form.weight"
<view class="lam-input-right">KG</view> placeholder="请填写重量" type="number" :clearable="false" />
</view> <view class="lam-input-right">KG</view>
<view class="action-lamx"> </view>
<view class="lam-title">货物图片</view> <view class="action-lamx">
<view class="lam-upload"> <view class="lam-title">货物图片</view>
<u-upload :action="uploadApi" max-count="1" :file-list="fileList" <view class="lam-upload">
width="200" height="200" custom-btn :multiple="false" :header="uploadFileHeader" <u-upload :action="uploadApi" max-count="1" :file-list="fileList"
@on-success="uploadFile" @on-remove="removeFile" name="file"> width="200" height="200" custom-btn :multiple="false" :header="uploadFileHeader"
<view slot="addBtn" class="lam-upload-btn"> @on-success="uploadFile" @on-remove="removeFile" name="file">
<u-icon :name="fileUrl+uploadIcon" size="60"></u-icon> <view slot="addBtn" class="lam-upload-btn">
<view class="lam-upload-btn-text">上传图片</view> <u-icon :name="fileUrl+uploadIcon" size="60"></u-icon>
</view> <view class="lam-upload-btn-text">上传图片</view>
</u-upload> </view>
</u-upload>
</view>
</view> </view>
</view> </view>
<view class="action-save"> <view v-else-if="current === 1">
保存 <view class="action-attention">
<view class="attention-title">
1. 乘客管理<br/>准入条件<br/>
</view>
<view class="attention-content">
✅ 身高/体重限制（如：40kg-100kg，需明确公示）；<br/>
✅ 禁止孕妇、心血管疾病患者、醉酒者乘机；<br/>
✅ 签署《风险告知书》并购买保险。<br/>
</view>
<view class="attention-title">
行为规范<br/>
</view>
<view class="attention-content">
❗ 全程系紧安全带，禁止触碰舱门/舷窗；<br/>
❗ 禁止携带易燃易爆物品（含充电宝＞100Wh）；<br/>
❗ 飞行中禁用电子设备（防信号干扰）。<br/>
</view>
<view class="attention-title">
2. 飞行安全<br/>气象红线<br/>
</view>
<view class="attention-content">
🔸 风速＞8m/s、能见度＜1km、雷雨天气立即停飞；<br/>
🔸 高原景区需额外监测空气密度（影响升力）。<br/>
</view>
</view>
</view>
<view v-else-if="current === 2">
<view class="action-attention">
<view class="attention-title">
应急程序<br/>
</view>
<view class="attention-content">
✅ 每架次配应急降落伞（需定期检修）；<br/>
✅ 预设迫降点（避开人群/水域，景区地图标注）；<br/>
✅ 乘客紧急通话按钮直连指挥中心。
</view>
</view>
</view>
<view class="action-save" @click="handleSave">
{{current === 0 ? '保存' : current === 1 ? '下一页' : '我已知晓'}}
</view> </view>
</view> </view>
</u-popup> </u-popup>
@ -199,7 +240,9 @@ export default {
equipmentId: '', equipmentId: '',
weight: '', weight: '',
photo: '' photo: ''
} },
// 当前页
current: 0
} }
}, },
onPageScroll(e) { onPageScroll(e) {
@ -226,6 +269,14 @@ export default {
const val = this.equipments[index[0]]; const val = this.equipments[index[0]];
this.form.equipmentId = val?.id || ''; this.form.equipmentId = val?.id || '';
this.form.equipmentName = val?.name || ''; this.form.equipmentName = val?.name || '';
},
// 保存任务
handleSave(){
if(this.current === 2){
this.showAddAction = false;
this.current = 0;
}
this.current += 1;
} }
} }
} }
@ -394,6 +445,16 @@ export default {
margin-right: 52rpx; margin-right: 52rpx;
} }
} }
.action-attention{
margin: 44rpx 0 72rpx;
font-family: Source Han Sans SC;
font-size: 30rpx;
color: #333333;
line-height: 60rpx;
.attention-title{
font-weight: bold;
}
}
.action-lam{ .action-lam{
border-bottom: 2rpx solid #D9D9D9; border-bottom: 2rpx solid #D9D9D9;
margin-bottom: 34rpx; margin-bottom: 34rpx;