临时提交 -- 订舱详情
parent
708a196e23
commit
408d5de5ef
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,69 @@
|
||||
<template>
|
||||
<div class="booking-detail">
|
||||
<!-- 基本信息 -->
|
||||
<basicInfo :type="type"></basicInfo>
|
||||
<!-- 收发通信息 -->
|
||||
<mailingInfo></mailingInfo>
|
||||
<!-- 货物信息 -->
|
||||
<cargoInfo></cargoInfo>
|
||||
<!-- 签单信息 -->
|
||||
<billInfo></billInfo>
|
||||
<!-- 备注信息 -->
|
||||
<remarksInfo></remarksInfo>
|
||||
<!-- 箱型 -->
|
||||
<goodsTable></goodsTable>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import basicInfo from '../modules/basicInfo'
|
||||
import mailingInfo from '../modules/mailingInfo'
|
||||
import cargoInfo from '../modules/cargoInfo'
|
||||
import billInfo from '../modules/billInfo'
|
||||
import remarksInfo from '../modules/remarksInfo'
|
||||
import goodsTable from '../modules/goodsTable'
|
||||
export default {
|
||||
components: {
|
||||
basicInfo,
|
||||
mailingInfo,
|
||||
cargoInfo,
|
||||
billInfo,
|
||||
remarksInfo,
|
||||
goodsTable
|
||||
},
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less">
|
||||
.base-tit {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #666;
|
||||
position: relative;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 3px;
|
||||
height: 30px;
|
||||
background: #ccc;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
i {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<div class="more-edi">
|
||||
<a-form :form="moreEdiFrom">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item
|
||||
label="委托方"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-textarea
|
||||
placeholder="请输入委托方"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入货代代码' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item
|
||||
label="付款方"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入付款方"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入付款方' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="EDI联系人名称"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入EDI联系人名称"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入EDI联系人名称' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="EDI联系人电话"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入EDI联系人电话"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入EDI联系人电话' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="EDI联系人邮箱"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入EDI联系人邮箱"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入EDI联系人邮箱' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="SCAC代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入SCAC代码"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入SCAC代码' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="ITN编号"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入ITN编号"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入ITN编号' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="SOC箱"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-select
|
||||
default-value="1"
|
||||
style="width: 120px"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请选择' }] }]"
|
||||
>
|
||||
<a-select-option value="1"> 是 </a-select-option>
|
||||
<a-select-option value="0"> 否 </a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<div class="bottom-btn">
|
||||
<a-button class="btn" > 关闭 </a-button>
|
||||
<a-button class="btn" type="primary"> 保存 </a-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 订舱等表单
|
||||
moreEdiFrom: this.$form.createForm(this),
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
<style lang="less">
|
||||
.more-edi {
|
||||
padding: 60px 20px;
|
||||
background: #ffffff;
|
||||
}
|
||||
.bottom-btn{
|
||||
text-align: right;
|
||||
padding-right:20px;
|
||||
.btn{
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,89 @@
|
||||
<template>
|
||||
<div class="more-edi">
|
||||
<a-form :form="moreEdiFrom">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="销售人员"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 7 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入销售人员"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入销售人员' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="操作人员"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 7 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入操作人员"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入操作人员' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="单证人员"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 7 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入单证人员"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入单证人员' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item
|
||||
label="客服人员"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 7 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
>
|
||||
<a-input
|
||||
placeholder="请输入客服人员"
|
||||
v-decorator="['code', { rules: [{ required: true, message: '请输入客服人员' }] }]"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<div class="bottom-btn">
|
||||
<a-button class="btn"> 关闭 </a-button>
|
||||
<a-button class="btn" type="primary"> 保存 </a-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 订舱等表单
|
||||
moreEdiFrom: this.$form.createForm(this),
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
<style lang="less">
|
||||
.more-edi {
|
||||
padding: 60px 20px;
|
||||
background: #ffffff;
|
||||
}
|
||||
.bottom-btn {
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
.btn {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue