|
...
|
...
|
@@ -23,6 +23,8 @@ |
|
|
|
<el-date-picker
|
|
|
|
v-model="arrival.flightDate"
|
|
|
|
type="date"
|
|
|
|
value-format="yyyyMMdd"
|
|
|
|
format="yyyyMMdd"
|
|
|
|
style="width:275px"
|
|
|
|
placeholder="选择日期">
|
|
|
|
</el-date-picker>
|
|
...
|
...
|
@@ -30,22 +32,32 @@ |
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-form-item label="出发港" prop="departurePort" label-width="120px">
|
|
|
|
<el-input v-model="arrival.departurePort"></el-input>
|
|
|
|
<el-input v-model="arrival.departurePort" @input="e => arrival.departurePort=inputMe(e)"
|
|
|
|
maxLength='3'></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-form-item label="目的港" prop="arrivalPort" label-width="120px">
|
|
|
|
<el-input v-model="arrival.arrivalPort"></el-input>
|
|
|
|
<el-input v-model="arrival.arrivalPort" @input="e => arrival.arrivalPort=inputMe(e)"
|
|
|
|
maxLength='3'></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
|
|
|
|
<el-input v-model="arrival.customDistrictNo"></el-input>
|
|
|
|
<el-input v-model="arrival.customDistrictNo" oninput="value=value.replace(/[^\d]/g,'')"
|
|
|
|
maxLength='4'></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="预计离港时间" prop="departuredatetime" label-width="120px">
|
|
|
|
<el-input v-model="arrival.departuredatetime"></el-input>
|
|
|
|
<el-date-picker
|
|
|
|
v-model="arrival.departuredatetime"
|
|
|
|
type="date"
|
|
|
|
format="yyyyMMdd"
|
|
|
|
value-format="yyyyMMdd"
|
|
|
|
style="width:100%"
|
|
|
|
placeholder="任意时间点">
|
|
|
|
</el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
...
|
...
|
@@ -55,12 +67,26 @@ |
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="完成装卸时间" prop="dischargecompleteddatetime" label-width="120px">
|
|
|
|
<el-input v-model="arrival.dischargecompleteddatetime"></el-input>
|
|
|
|
<el-date-picker
|
|
|
|
v-model="arrival.dischargecompleteddatetime"
|
|
|
|
type="date"
|
|
|
|
format="yyyyMMdd"
|
|
|
|
value-format="yyyyMMdd"
|
|
|
|
style="width:100%"
|
|
|
|
placeholder="任意时间点">
|
|
|
|
</el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="预计抵港时间" prop="arrivaldatetime" label-width="140px">
|
|
|
|
<el-input v-model="arrival.arrivaldatetime"></el-input>
|
|
|
|
<el-date-picker
|
|
|
|
v-model="arrival.arrivaldatetime"
|
|
|
|
type="date"
|
|
|
|
format="yyyyMMdd"
|
|
|
|
value-format="yyyyMMdd"
|
|
|
|
style="width:100%"
|
|
|
|
placeholder="任意时间点">
|
|
|
|
</el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
...
|
...
|
@@ -74,6 +100,20 @@ |
|
|
|
<el-col :span="24"> <el-button type="primary" @click="submitForm('arrival')">保 存</el-button>
|
|
|
|
<el-button type="success">保存并发送</el-button></el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--对话提示框-->
|
|
|
|
<el-row>
|
|
|
|
<el-dialog
|
|
|
|
title="系统提示"
|
|
|
|
:visible.sync="centerDialogVisible"
|
|
|
|
width="30%"
|
|
|
|
center>
|
|
|
|
<span>{{msg}}</span>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
<el-button @click="centerDialogVisible = false">取 消</el-button>
|
|
|
|
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
|
|
|
|
</span>
|
|
|
|
</el-dialog>
|
|
|
|
</el-row>
|
|
|
|
</el-main>
|
|
|
|
</el-container>
|
|
|
|
</template>
|
|
...
|
...
|
@@ -96,6 +136,8 @@ |
|
|
|
.el-col{margin-right: 0px;}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
import {addPrediction} from "../../api/transport";
|
|
|
|
|
|
|
|
export default {
|
|
|
|
data(){
|
|
|
|
return{
|
|
...
|
...
|
@@ -121,7 +163,7 @@ |
|
|
|
{required: true, message: '请输入', trigger: 'blur'}
|
|
|
|
],
|
|
|
|
flightDate: [
|
|
|
|
{type: 'date',required: true, message: '请选择', trigger: 'change'}
|
|
|
|
{required: true, message: '请选择', trigger: 'change'}
|
|
|
|
],
|
|
|
|
departurePort: [
|
|
|
|
{required: true, message: '请输入(三字码)', trigger: 'blur'},
|
|
...
|
...
|
@@ -135,7 +177,7 @@ |
|
|
|
{required: true, message: '请选择', trigger: 'blur'}
|
|
|
|
],
|
|
|
|
departuredatetime: [
|
|
|
|
{required: true, message: '请选择', trigger: 'blur'}
|
|
|
|
{required: true, message: '请选择', trigger: 'change'}
|
|
|
|
],
|
|
|
|
stayid: [
|
|
|
|
{required: true, message: '请输入', trigger: 'blur'}
|
|
...
|
...
|
@@ -147,31 +189,45 @@ |
|
|
|
{required: true, message: '请选择', trigger: 'blur'}
|
|
|
|
],
|
|
|
|
},
|
|
|
|
tableData:[]
|
|
|
|
tableData:[],
|
|
|
|
centerDialogVisible:false,
|
|
|
|
msg:undefined,
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods:{
|
|
|
|
//新增进港预报申报（保存按钮）
|
|
|
|
submitForm(formName) {
|
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
|
if (valid) {
|
|
|
|
alert('submit!');
|
|
|
|
addPrediction(this.arrival).then(res=>{
|
|
|
|
let response=res.data;
|
|
|
|
if(response.code=='200'){
|
|
|
|
this.centerDialogVisible=true;
|
|
|
|
this.msg=response.msg;
|
|
|
|
this.$router.push({path:'/queryArrival',query:{flightNo:JSON.stringify(this.arrival.flightNo),flightDate:JSON.stringify(this.arrival.flightDate)},});
|
|
|
|
}else{
|
|
|
|
this.msg=response.msg;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
console.log('error submit!!');
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
submitPerson(formName){
|
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
|
if (valid) {
|
|
|
|
alert('submit!');
|
|
|
|
} else {
|
|
|
|
console.log('error submit!!');
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
//加载默认值
|
|
|
|
defaultData(){
|
|
|
|
if(this.$route.query!=null){
|
|
|
|
let ob=Object.assign(this.arrival, this.$route.query);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
// 过滤中英文
|
|
|
|
inputMe(e){
|
|
|
|
return e.replace(/[^a-zA-Z]/g,'').toUpperCase();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
mounted(){
|
|
|
|
this.defaultData();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script> |
|
|
\ No newline at end of file |
...
|
...
|
|
