|
|
@@ -31,10 +31,10 @@
|
|
|
size="small" @click="allClick('撤销订舱')">撤销订舱
|
|
|
</el-button>
|
|
|
<el-button v-if="form.issueStatus == 1 || form.issueStatus == 2" class="el-button--small-yh"
|
|
|
- style="margin-left: 6px;" type="danger" size="small" @click="allClick('提单修改')">提单修改
|
|
|
+ style="margin-left: 6px;" type="danger" size="small" @click="allClick('提单修改')">截单SI修改
|
|
|
</el-button>
|
|
|
<el-button v-if="form.issueStatus == 1 || form.issueStatus == 2" class="el-button--small-yh"
|
|
|
- style="margin-left: 6px;" type="success" size="small" :disabled="flxDisabled" @click="allClick('提单确认')">提单确认
|
|
|
+ style="margin-left: 6px;" type="success" size="small" :disabled="flxDisabled" @click="allClick('提单确认')">确认提交
|
|
|
</el-button>
|
|
|
<!-- <el-button v-if="form.id" class="el-button--small-yh" style="margin-left: 6px;" type="success" size="small"
|
|
|
:disabled="form.status != 0 || form.issueStatus == 1" @click="application">提单确认
|
|
|
@@ -85,21 +85,21 @@
|
|
|
<el-row>
|
|
|
<el-form-item label="发货人" prop="hshipperDetails">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="form.detail.hshipperDetails"
|
|
|
- size="small" autocomplete="off" :disabled="editDisabled" :rows="5" clearable
|
|
|
+ size="small" autocomplete="off" :disabled="editDisabled" :rows="6" clearable
|
|
|
placeholder="请输入发货人提单描述" @change="textareaBlur('hshipperDetails', $event)"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-form-item label="收货人" prop="hconsigneeDetails">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="form.detail.hconsigneeDetails"
|
|
|
- size="small" autocomplete="off" :disabled="editDisabled" :rows="5" clearable
|
|
|
+ size="small" autocomplete="off" :disabled="editDisabled" :rows="6" clearable
|
|
|
placeholder="请输入收货人提单描述" @change="textareaBlur('hconsigneeDetails', $event)"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-form-item label="通知人" prop="hnotifyDetails">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="form.detail.hnotifyDetails"
|
|
|
- size="small" autocomplete="off" :disabled="editDisabled" :rows="5" clearable
|
|
|
+ size="small" autocomplete="off" :disabled="editDisabled" :rows="6" clearable
|
|
|
placeholder="请输入通知人提单描述" @change="textareaBlur('hnotifyDetails', $event)"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
@@ -109,7 +109,7 @@
|
|
|
<el-form-item label="唛头" prop="marks"
|
|
|
:rules="[{ required: true, message: ' ', trigger: 'blur' }]">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="form.marks" size="small"
|
|
|
- autocomplete="off" :disabled="editDisabled" :rows="7" clearable placeholder="请输入唛头"
|
|
|
+ autocomplete="off" :disabled="editDisabled" :rows="10" clearable placeholder="请输入唛头"
|
|
|
@change="textareaBlur2('marks', $event)"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
@@ -117,7 +117,7 @@
|
|
|
<el-form-item label="货物" prop="commodityDescr"
|
|
|
:rules="[{ required: true, message: ' ', trigger: 'blur' }]">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="form.commodityDescr" size="small"
|
|
|
- autocomplete="off" :disabled="editDisabled" :rows="9" clearable placeholder="请输入提单上货物描述"
|
|
|
+ autocomplete="off" :disabled="editDisabled" :rows="10" clearable placeholder="请输入提单上货物描述"
|
|
|
@change="textareaBlur2('commodityDescr', $event)"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
@@ -126,22 +126,93 @@
|
|
|
</el-col>
|
|
|
<el-col span="12">
|
|
|
<el-row>
|
|
|
+ <el-col span="8">
|
|
|
+ <el-form-item label="B/L NO" prop="hblno">
|
|
|
+ <el-input style="width: 100%;" v-model="form.hblno" size="small" :disabled="true" clearable
|
|
|
+ placeholder="B/L NO"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="8">
|
|
|
+ <el-form-item label="船名" prop="vesselCnName">
|
|
|
+ <el-input style="width: 100%;" v-model="form.vesselCnName" size="small" :disabled="true" clearable
|
|
|
+ placeholder="船名"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="8">
|
|
|
+ <el-form-item label="航次" prop="voyageNo">
|
|
|
+ <el-input style="width: 100%;" v-model="form.voyageNo" size="small" :disabled="true" clearable
|
|
|
+ placeholder="航次"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="起运港" prop="polCnName"
|
|
|
:rules="[{ required: true, message: ' ', trigger: 'blur' }]">
|
|
|
- <dic-select v-model="form.polCnName" placeholder="起运港" key="id" label="cnName" res="records"
|
|
|
- url="/blade-los/bports/list?current=1&size=5" :filterable="true" :remote="true"
|
|
|
- dataName="cnName" @selectChange="dicChange('polCnName', $event)" :disabled="editDisabled"
|
|
|
- :slotRight="true" rightLabel="code"></dic-select>
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <dic-select v-model="form.polCnName" placeholder="起运港" key="id" label="cnName" res="records"
|
|
|
+ url="/blade-los/bports/list?current=1&size=5" :filterable="true" :remote="true"
|
|
|
+ dataName="cnName" @selectChange="dicChange('polCnName', $event)" :disabled="editDisabled"
|
|
|
+ :slotRight="true" rightLabel="code"></dic-select>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-input style="width: 100%;" v-model="form.polNamePrint" size="small"
|
|
|
+ :disabled="editDisabled" clearable placeholder="装货港"
|
|
|
+ @change="textareaBlur2('polNamePrint', $event)"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="卸货港" prop="podCnName"
|
|
|
:rules="[{ required: true, message: ' ', trigger: 'blur' }]">
|
|
|
- <dic-select v-model="form.podCnName" placeholder="卸货港" key="id" label="cnName" res="records"
|
|
|
- url="/blade-los/bports/list?current=1&size=5" :filterable="true" :remote="true"
|
|
|
- dataName="cnName" @selectChange="dicChange('podCnName', $event)" :disabled="editDisabled"
|
|
|
- :slotRight="true" rightLabel="code"></dic-select>
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <dic-select v-model="form.podCnName" placeholder="卸货港" key="id" label="cnName" res="records"
|
|
|
+ url="/blade-los/bports/list?current=1&size=5" :filterable="true" :remote="true"
|
|
|
+ dataName="cnName" @selectChange="dicChange('podCnName', $event)" :disabled="editDisabled"
|
|
|
+ :slotRight="true" rightLabel="code"></dic-select>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-input style="width: 100%;" v-model="form.podNamePrint" size="small"
|
|
|
+ :disabled="editDisabled" clearable placeholder="卸货港"
|
|
|
+ @change="textareaBlur2('podNamePrint', $event)"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-form-item label="交货地" prop="polCnName">
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <dic-select v-model="form.placeDeliveryName" placeholder="交货地" key="id" label="cnName"
|
|
|
+ res="records" url="/blade-los/bports/list?current=1&size=5" :filterable="true"
|
|
|
+ :remote="true" dataName="cnName" @selectChange="dicChange('placeDeliveryName', $event)"
|
|
|
+ :disabled="editDisabled" :slotRight="true" rightLabel="code"></dic-select>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-input style="width: 100%;" v-model="form.placeDeliveryNamePrint" size="small"
|
|
|
+ :disabled="editDisabled" clearable placeholder="交货地"
|
|
|
+ @change="textareaBlur2('placeDeliveryNamePrint', $event)"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-form-item label="HS CODE" prop="hscode">
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-input style="width: 100%;" v-model="form.hscode" size="small" :disabled="editDisabled"
|
|
|
+ clearable placeholder="HS CODE"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-input style="width: 100%;" v-model="form.commodityCnName" size="small"
|
|
|
+ :disabled="editDisabled" clearable placeholder="英文名称"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -183,7 +254,7 @@
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col span="12">
|
|
|
- <el-form-item label="件数" prop="quantity"
|
|
|
+ <el-form-item label="总件数" prop="quantity"
|
|
|
:rules="[{ required: true, message: ' ', trigger: 'blur' }]">
|
|
|
<el-input style="width: 100%;" v-model="form.quantity" size="small" autocomplete="off" min="1"
|
|
|
:disabled="editDisabled" clearable placeholder="请输入 件数">
|
|
|
@@ -202,24 +273,25 @@
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col span="12">
|
|
|
- <el-form-item label="毛重(KGS)" prop="grossWeight"
|
|
|
+ <el-form-item label="总重量(KGS)" prop="grossWeight"
|
|
|
:rules="[{ required: true, message: ' ', trigger: 'blur' }]">
|
|
|
<el-input style="width: 100%;" v-model="form.grossWeight" size="small" autocomplete="off"
|
|
|
- :disabled="editDisabled" clearable placeholder="请输入 毛重">
|
|
|
+ :disabled="editDisabled" clearable placeholder="请输入 总重量">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col span="12">
|
|
|
- <el-form-item label="尺码(CBM)" prop="measurement"
|
|
|
+ <el-form-item label="总体积(CBM)" prop="measurement"
|
|
|
:rules="[{ required: true, message: ' ', trigger: 'blur' }]">
|
|
|
<el-input style="width: 100%;" v-model="form.measurement" size="small" autocomplete="off"
|
|
|
- :disabled="editDisabled" clearable placeholder="请输入 尺码(CBM)">
|
|
|
+ :disabled="editDisabled" clearable placeholder="请输入 总体积(CBM)">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
-<!-- <el-col span="12">
|
|
|
+
|
|
|
+ <!--
|
|
|
<el-form-item label="所属公司" prop="branchName">
|
|
|
<dic-select v-model="form.branchName" placeholder="所属公司" key="id" label="deptName"
|
|
|
url="/blade-system/dept/top-list" :filterable="true" :remote="true" dataName="deptName"
|
|
|
@@ -228,16 +300,34 @@
|
|
|
</el-form-item>
|
|
|
</el-col>-->
|
|
|
<el-col span="24">
|
|
|
- <el-form-item label="货类" prop="cargoType">
|
|
|
- <el-select v-model="form.cargoType" placeholder="请选择 货类" :disabled="editDisabled" size="small">
|
|
|
- <el-option v-for="item in cargoTypeData" :key="item.value" :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-form-item label="货类" prop="cargoType">
|
|
|
+ <el-select v-model="form.cargoType" placeholder="请选择 货类" :disabled="editDisabled"
|
|
|
+ size="small" style="width: 100%;">
|
|
|
+ <el-option v-for="item in cargoTypeData" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-form-item label="签单方式" prop="podCnName">
|
|
|
+ <dic-select v-model="form.issueType" placeholder="签单方式" key="dictKey" label="dictValue"
|
|
|
+ keyValue="dictKey" url="/blade-system/dict-biz/dictionary?code=issue_type_F"
|
|
|
+ :filterable="true" :disabled="detailData.seeDisabled" :initData="true"></dic-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
+ <el-form-item label="邮箱" prop="fileEmail">
|
|
|
+ <el-input style="width: 100%;" size="small" v-model="form.fileEmail" :disabled="editDisabled"
|
|
|
+ placeholder="文件联络人邮箱"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-form-item label="订舱备注" prop="cyRemarks">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="form.cyRemarks" size="small"
|
|
|
autocomplete="off" :disabled="editDisabled" :rows="2" clearable placeholder="请输入场站备注"
|
|
|
@@ -548,12 +638,22 @@ export default {
|
|
|
businessTypeCode: 'KHTS',
|
|
|
boxBelongsTo: 'SOC',
|
|
|
cargoType: 'dry',
|
|
|
+ issueType: "TER", // 签单方式 默认 正本提单
|
|
|
bookingDate: dateFormat(new Date()),
|
|
|
polId: null,
|
|
|
polCode: null,
|
|
|
polEnName: null,
|
|
|
polCnName: null,
|
|
|
polNamePrint: null,
|
|
|
+ podId: null,
|
|
|
+ podCode: null,
|
|
|
+ podEnName: null,
|
|
|
+ podCnName: null,
|
|
|
+ podNamePrint: null,
|
|
|
+ placeDeliveryId: null,
|
|
|
+ placeDeliveryCode: null,
|
|
|
+ placeDeliveryName: null,
|
|
|
+ placeDeliveryNamePrint: null,
|
|
|
serviceTerms: 'CY-CY',
|
|
|
mpaymode: 'PP',
|
|
|
srcType: 'SALES',
|
|
|
@@ -582,21 +682,21 @@ export default {
|
|
|
prop: "billNo",
|
|
|
disabled: true,
|
|
|
},
|
|
|
- {
|
|
|
- label: 'B/L NO',
|
|
|
- prop: "hblno",
|
|
|
- disabled: true,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '船名',
|
|
|
- prop: "vesselCnName",
|
|
|
- disabled: true,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '航次',
|
|
|
- prop: "voyageNo",
|
|
|
- disabled: true,
|
|
|
- },
|
|
|
+ // {
|
|
|
+ // label: 'B/L NO',
|
|
|
+ // prop: "hblno",
|
|
|
+ // disabled: true,
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // label: '船名',
|
|
|
+ // prop: "vesselCnName",
|
|
|
+ // disabled: true,
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // label: '航次',
|
|
|
+ // prop: "voyageNo",
|
|
|
+ // disabled: true,
|
|
|
+ // },
|
|
|
{
|
|
|
label: '截单日期',
|
|
|
prop: "cyTrailerTime",
|
|
|
@@ -1301,6 +1401,20 @@ export default {
|
|
|
this.form.podNamePrint = null
|
|
|
}
|
|
|
}
|
|
|
+ if (name == 'placeDeliveryName') {
|
|
|
+ if (row) {
|
|
|
+ this.form.placeDeliveryId = row.id
|
|
|
+ this.form.placeDeliveryCode = row.code
|
|
|
+ // this.form.podEnName = row.enName
|
|
|
+ this.form.placeDeliveryNamePrint = row.enName
|
|
|
+ } else {
|
|
|
+ this.form.placeDeliveryId = null
|
|
|
+ this.form.placeDeliveryCode = null
|
|
|
+ // this.form.podEnName = null
|
|
|
+ this.form.placeDeliveryName = null
|
|
|
+ this.form.placeDeliveryNamePrint = null
|
|
|
+ }
|
|
|
+ }
|
|
|
if (name == 'srcType') {
|
|
|
this.form.srcId = null
|
|
|
this.form.srcEnName = null
|
|
|
@@ -1746,8 +1860,8 @@ export default {
|
|
|
this.optionForm.disabled = false
|
|
|
}
|
|
|
if (name == '提单确认') {
|
|
|
- if(this.form.containersList.length==0){
|
|
|
- return this.$message.error("配箱信息不能为空");
|
|
|
+ if (this.form.containersList.length == 0) {
|
|
|
+ return this.$message.error("配箱信息不能为空");
|
|
|
}
|
|
|
for (let item of this.form.containersList) {
|
|
|
let textList = []
|
|
|
@@ -1760,13 +1874,13 @@ export default {
|
|
|
if (!item.sealNo) {
|
|
|
textList.push('封号')
|
|
|
}
|
|
|
- if (!item.quantity||Number(item.quantity)==0) {
|
|
|
+ if (!item.quantity || Number(item.quantity) == 0) {
|
|
|
textList.push('件数')
|
|
|
}
|
|
|
- if (!item.grossWeight||Number(item.grossWeight)==0) {
|
|
|
+ if (!item.grossWeight || Number(item.grossWeight) == 0) {
|
|
|
textList.push('毛重')
|
|
|
}
|
|
|
- if (!item.measurement||Number(item.measurement)==0) {
|
|
|
+ if (!item.measurement || Number(item.measurement) == 0) {
|
|
|
textList.push('尺码/体积')
|
|
|
}
|
|
|
if (textList.length) {
|
|
|
@@ -1795,8 +1909,16 @@ export default {
|
|
|
},
|
|
|
submit(type) {
|
|
|
this.$refs["form"].validate((valid) => {
|
|
|
- console.log(valid, this.form)
|
|
|
if (valid) {
|
|
|
+ if (!this.form.detail.hshipperDetails) {
|
|
|
+ return this.$message.error("请输入发货人提单描述");
|
|
|
+ }
|
|
|
+ if (!this.form.detail.hconsigneeDetails) {
|
|
|
+ return this.$message.error("请输入收货人提单描述");
|
|
|
+ }
|
|
|
+ if (!this.form.detail.hnotifyDetails) {
|
|
|
+ return this.$message.error("请输入通知人提单描述");
|
|
|
+ }
|
|
|
for (let row of this.form.preContainersList) {
|
|
|
if (!row.cntrTypeCode || !row.quantity) {
|
|
|
this.$refs.crud.rowCell(row, row.$index)
|