|
|
@@ -18,29 +18,37 @@
|
|
|
@click="submit"
|
|
|
>保 存
|
|
|
</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">提单确认
|
|
|
- </el-button> -->
|
|
|
- <!-- <el-button v-if="form.status == 1" class="el-button--small-yh" style="margin-left: 6px;" type="danger"
|
|
|
- size="small" @click="revokeApplication">撤销单据请核
|
|
|
- </el-button> -->
|
|
|
- <!-- <el-dropdown style="line-height: 0">
|
|
|
- <el-button class="el-button--small-yh" style="margin-left: 6px;" type="warning" :disabled="!form.id"
|
|
|
- size="small">
|
|
|
+ <el-button
|
|
|
+ v-if="form.id && form.billStatus == 0"
|
|
|
+ class="el-button--small-yh"
|
|
|
+ style="margin-left: 6px;"
|
|
|
+ type="success"
|
|
|
+ size="small"
|
|
|
+ @click="application"
|
|
|
+ >提交
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="form.billStatus == 1"
|
|
|
+ class="el-button--small-yh"
|
|
|
+ style="margin-left: 6px;"
|
|
|
+ type="danger"
|
|
|
+ size="small"
|
|
|
+ @click="revokeApplication"
|
|
|
+ >撤销提交
|
|
|
+ </el-button>
|
|
|
+ <el-dropdown style="line-height: 0">
|
|
|
+ <el-button class="el-button--small-yh" style="margin-left: 6px;" type="warning" :disabled="!form.id" size="small">
|
|
|
审 批<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
</el-button>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item @click.native="checkScheduleDialog = true, checkId = form.id">审核进度
|
|
|
- </el-dropdown-item>
|
|
|
+ <el-dropdown-item @click.native="(checkScheduleDialog = true), (checkId = form.id)">审核进度 </el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
- </el-dropdown> -->
|
|
|
+ </el-dropdown>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="margin-top: 50px">
|
|
|
- <trade-card title="单据信息">
|
|
|
- <avue-form :option="optionForm" v-model="form" ref="form"> </avue-form>
|
|
|
- </trade-card>
|
|
|
- <trade-card title="提单信息">
|
|
|
+ <div style="margin-top: 60px">
|
|
|
+ <el-card>
|
|
|
+ <avue-form class="diy-form" :option="optionForm" v-model="form" ref="form"> </avue-form>
|
|
|
<el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm" :disabled="editDisabled">
|
|
|
<el-row>
|
|
|
<el-col span="12">
|
|
|
@@ -63,6 +71,16 @@
|
|
|
placeholder="请输入发货人提单描述"
|
|
|
@change="textareaBlur('deadlineShipperDetails', $event)"
|
|
|
></el-input>
|
|
|
+ <div style="color:#F56C6C">原发货人:</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.shipperDetails"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="true"
|
|
|
+ :autosize="true"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
<span style="font-size: 12px;color: #1e9fff; text-decoration: underline;cursor: pointer;" slot="reference">{{
|
|
|
$t("sea118n.shipper")
|
|
|
@@ -79,6 +97,7 @@
|
|
|
:rows="5"
|
|
|
clearable
|
|
|
placeholder="请输入发货人提单描述"
|
|
|
+ :class="{ 'error-style': form.deadlineShipperDetails != form.shipperDetails }"
|
|
|
@change="textareaBlur('deadlineShipperDetails', $event)"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -95,11 +114,19 @@
|
|
|
size="small"
|
|
|
autocomplete="off"
|
|
|
:disabled="editDisabled"
|
|
|
- :rows="6"
|
|
|
clearable
|
|
|
placeholder="请输入收货人提单描述"
|
|
|
@change="textareaBlur('deadlineConsigneeDetails', $event)"
|
|
|
></el-input>
|
|
|
+ <div style="color:#F56C6C">原收货人:</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.consigneeDetails"
|
|
|
+ size="small"
|
|
|
+ :disabled="true"
|
|
|
+ :autosize="true"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
<span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">{{
|
|
|
$t("sea118n.cnee")
|
|
|
@@ -116,6 +143,7 @@
|
|
|
:rows="5"
|
|
|
clearable
|
|
|
placeholder="请输入收货人提单描述"
|
|
|
+ :class="{ 'error-style': form.deadlineConsigneeDetails != form.consigneeDetails }"
|
|
|
@change="textareaBlur('deadlineConsigneeDetails', $event)"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -137,6 +165,15 @@
|
|
|
placeholder="请输入通知人提单描述"
|
|
|
@change="textareaBlur('deadlineNotifyDetails', $event)"
|
|
|
></el-input>
|
|
|
+ <div style="color:#F56C6C">原通知人:</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.notifyDetails"
|
|
|
+ size="small"
|
|
|
+ :disabled="true"
|
|
|
+ :autosize="true"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
<span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">{{
|
|
|
$t("sea118n.notify")
|
|
|
@@ -153,6 +190,7 @@
|
|
|
:rows="5"
|
|
|
clearable
|
|
|
placeholder="请输入通知人提单描述"
|
|
|
+ :class="{ 'error-style': form.deadlineNotifyDetails != form.notifyDetails }"
|
|
|
@change="textareaBlur('deadlineNotifyDetails', $event)"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -161,53 +199,6 @@
|
|
|
<el-col span="12">
|
|
|
<el-row>
|
|
|
<el-form-item
|
|
|
- label="国外代理"
|
|
|
- prop="deadlineForeignAgencyDetails"
|
|
|
- :rules="[
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: ' ',
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ]"
|
|
|
- >
|
|
|
- <span slot="label">
|
|
|
- <el-popover placement="bottom-start" width="700" trigger="click">
|
|
|
- <div>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- style="width: 100%;"
|
|
|
- v-model="form.deadlineForeignAgencyDetails"
|
|
|
- size="small"
|
|
|
- autocomplete="off"
|
|
|
- :disabled="editDisabled"
|
|
|
- :rows="6"
|
|
|
- clearable
|
|
|
- placeholder="请输入国外代理"
|
|
|
- @change="textareaBlur2('deadlineForeignAgencyDetails', $event)"
|
|
|
- ></el-input>
|
|
|
- </div>
|
|
|
- <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">{{
|
|
|
- $t("sea118n.agent")
|
|
|
- }}</span>
|
|
|
- </el-popover>
|
|
|
- </span>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- style="width: 100%;"
|
|
|
- v-model="form.deadlineForeignAgencyDetails"
|
|
|
- size="small"
|
|
|
- autocomplete="off"
|
|
|
- :disabled="editDisabled"
|
|
|
- :rows="5"
|
|
|
- clearable
|
|
|
- placeholder="请输入国外代理"
|
|
|
- @change="textareaBlur2('deadlineForeignAgencyDetails', $event)"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-form-item
|
|
|
label="唛头"
|
|
|
prop="deadlineMarks"
|
|
|
:rules="[
|
|
|
@@ -233,6 +224,15 @@
|
|
|
placeholder="请输入唛头"
|
|
|
@change="textareaBlur2('deadlineMarks', $event)"
|
|
|
></el-input>
|
|
|
+ <div style="color:#F56C6C">原唛头:</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.marks"
|
|
|
+ size="small"
|
|
|
+ :disabled="true"
|
|
|
+ :autosize="true"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
<span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">{{
|
|
|
$t("sea118n.marks")
|
|
|
@@ -249,6 +249,7 @@
|
|
|
:rows="5"
|
|
|
clearable
|
|
|
placeholder="请输入唛头"
|
|
|
+ :class="{ 'error-style': form.deadlineMarks != form.marks }"
|
|
|
@change="textareaBlur2('deadlineMarks', $event)"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -280,6 +281,15 @@
|
|
|
placeholder="请输入提单上货物描述"
|
|
|
@change="textareaBlur2('deadlineCommodityDescr', $event)"
|
|
|
></el-input>
|
|
|
+ <div style="color:#F56C6C">原货物:</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.commodityDescr"
|
|
|
+ size="small"
|
|
|
+ :disabled="true"
|
|
|
+ :autosize="true"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
<span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">{{
|
|
|
$t("sea118n.descOfGoods")
|
|
|
@@ -296,10 +306,60 @@
|
|
|
:rows="5"
|
|
|
clearable
|
|
|
placeholder="请输入提单上货物描述"
|
|
|
+ :class="{ 'error-style': form.deadlineCommodityDescr != form.commodityDescr }"
|
|
|
@change="textareaBlur2('deadlineCommodityDescr', $event)"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-form-item label="国外代理" prop="deadlineForeignAgencyDetails">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="700" trigger="click">
|
|
|
+ <div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.deadlineForeignAgencyDetails"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editDisabled"
|
|
|
+ :rows="6"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入国外代理"
|
|
|
+ @change="textareaBlur2('deadlineForeignAgencyDetails', $event)"
|
|
|
+ ></el-input>
|
|
|
+ <div style="color:#F56C6C">原国外代理:</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.foreignAgencyDetails"
|
|
|
+ size="small"
|
|
|
+ :disabled="true"
|
|
|
+ :autosize="true"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">{{
|
|
|
+ $t("sea118n.agent")
|
|
|
+ }}</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="form.deadlineForeignAgencyDetails"
|
|
|
+ size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="editDisabled"
|
|
|
+ :rows="5"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入国外代理"
|
|
|
+ :class="{ 'error-style': form.deadlineForeignAgencyDetails != form.foreignAgencyDetails }"
|
|
|
+ @change="textareaBlur2('deadlineForeignAgencyDetails', $event)"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-row>
|
|
|
+ </el-row>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
@@ -307,6 +367,15 @@
|
|
|
<el-row>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="船名" prop="deadlineVesselEnName">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原船名:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.vesselEnName" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">船名</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<dic-select
|
|
|
v-model="form.deadlineVesselEnName"
|
|
|
placeholder="船名"
|
|
|
@@ -318,11 +387,21 @@
|
|
|
dataName="enName"
|
|
|
@selectChange="dicChange('deadlineVesselEnName', $event)"
|
|
|
:disabled="editDisabled"
|
|
|
+ :class="{ 'error-style': form.deadlineVesselEnName != form.vesselEnName }"
|
|
|
></dic-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="航次" prop="deadlineVoyageNo">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原航次:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.voyageNo" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">航次</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<el-input
|
|
|
style="width: 100%;"
|
|
|
v-model="form.deadlineVoyageNo"
|
|
|
@@ -330,6 +409,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
clearable
|
|
|
placeholder="航次"
|
|
|
+ :class="{ 'error-style': form.deadlineVoyageNo != form.voyageNo }"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -347,6 +427,15 @@
|
|
|
}
|
|
|
]"
|
|
|
>
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原起运港:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.polCnName" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">起运港</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<dic-select
|
|
|
ref="pol"
|
|
|
v-model="form.deadlinePolCnName"
|
|
|
@@ -362,6 +451,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
:slotRight="true"
|
|
|
rightLabel="code"
|
|
|
+ :class="{ 'error-style': form.deadlinePolCnName != form.polCnName }"
|
|
|
></dic-select>
|
|
|
<el-input
|
|
|
style="width: 100%;"
|
|
|
@@ -371,6 +461,7 @@
|
|
|
clearable
|
|
|
placeholder="装货港"
|
|
|
@change="textareaBlur2('deadlinePolNamePrint', $event)"
|
|
|
+ :class="{ 'error-style': form.deadlinePolNamePrint != form.polNamePrint }"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -386,6 +477,15 @@
|
|
|
}
|
|
|
]"
|
|
|
>
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原卸货港:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.podCnName" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">卸货港</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<dic-select
|
|
|
ref="pod"
|
|
|
v-model="form.deadlinePodCnName"
|
|
|
@@ -401,6 +501,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
:slotRight="true"
|
|
|
rightLabel="code"
|
|
|
+ :class="{ 'error-style': form.deadlinePodCnName != form.podCnName }"
|
|
|
></dic-select>
|
|
|
<el-input
|
|
|
style="width: 100%;"
|
|
|
@@ -409,6 +510,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
clearable
|
|
|
placeholder="卸货港"
|
|
|
+ :class="{ 'error-style': form.deadlinePodNamePrint != form.podNamePrint }"
|
|
|
@change="textareaBlur2('deadlinePodNamePrint', $event)"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -417,6 +519,15 @@
|
|
|
<el-row>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="交货地" prop="deadlinePlaceDeliveryName">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原交货地:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.placeDeliveryName" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">交货地</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<dic-select
|
|
|
ref="placeDelivery"
|
|
|
v-model="form.deadlinePlaceDeliveryName"
|
|
|
@@ -432,6 +543,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
:slotRight="true"
|
|
|
rightLabel="code"
|
|
|
+ :class="{ 'error-style': form.deadlinePlaceDeliveryName != form.placeDeliveryName }"
|
|
|
></dic-select>
|
|
|
<el-input
|
|
|
style="width: 100%;"
|
|
|
@@ -441,11 +553,21 @@
|
|
|
clearable
|
|
|
placeholder="交货地"
|
|
|
@change="textareaBlur2('deadlinePlaceDeliveryNamePrint', $event)"
|
|
|
+ :class="{ 'error-style': form.deadlinePlaceDeliveryNamePrint != form.placeDeliveryNamePrint }"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="承运人" prop="deadlineCarrierCnName">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原承运人:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.carrierCnName" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">承运人</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<dic-select
|
|
|
v-model="form.deadlineCarrierCnName"
|
|
|
placeholder="承运人"
|
|
|
@@ -459,6 +581,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
:slotRight="true"
|
|
|
rightLabel="shortName"
|
|
|
+ :class="{ 'error-style': form.deadlineCarrierCnName != form.carrierCnName }"
|
|
|
></dic-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -476,6 +599,15 @@
|
|
|
}
|
|
|
]"
|
|
|
>
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原件数:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.quantity" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">件数</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<el-input
|
|
|
style="width: 100%;"
|
|
|
v-model="form.deadlineQuantity"
|
|
|
@@ -485,6 +617,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
clearable
|
|
|
placeholder="请输入 件数"
|
|
|
+ :class="{ 'error-style': form.deadlineQuantity != form.quantity }"
|
|
|
>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -501,6 +634,15 @@
|
|
|
}
|
|
|
]"
|
|
|
>
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原包装:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.packingUnit" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">包装</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<dic-select
|
|
|
v-model="form.deadlinePackingUnit"
|
|
|
placeholder="包装"
|
|
|
@@ -515,6 +657,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
:slotRight="true"
|
|
|
rightLabel="code"
|
|
|
+ :class="{ 'error-style': form.deadlinePackingUnit != form.packingUnit }"
|
|
|
></dic-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -532,6 +675,15 @@
|
|
|
}
|
|
|
]"
|
|
|
>
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原重量(KGS):</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.grossWeight" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">重量(KGS)</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<el-input
|
|
|
style="width: 100%;"
|
|
|
v-model="form.deadlineGrossWeight"
|
|
|
@@ -540,6 +692,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
clearable
|
|
|
placeholder="请输入 总重量"
|
|
|
+ :class="{ 'error-style': form.deadlineGrossWeight != form.grossWeight }"
|
|
|
>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -556,6 +709,15 @@
|
|
|
}
|
|
|
]"
|
|
|
>
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原体积(CBM):</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.measurement" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">体积(CBM)</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<el-input
|
|
|
style="width: 100%;"
|
|
|
v-model="form.deadlineMeasurement"
|
|
|
@@ -564,6 +726,7 @@
|
|
|
:disabled="editDisabled"
|
|
|
clearable
|
|
|
placeholder="请输入 总体积(CBM)"
|
|
|
+ :class="{ 'error-style': form.deadlineMeasurement != form.measurement }"
|
|
|
>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -572,6 +735,15 @@
|
|
|
<el-row>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="签单方式" prop="deadlineIssueType">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原签单方式:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.issueType" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">签单方式</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<dic-select
|
|
|
v-model="form.deadlineIssueType"
|
|
|
placeholder="签单方式"
|
|
|
@@ -580,11 +752,21 @@
|
|
|
url="/blade-system/dict-biz/dictionary?code=issue_type_F"
|
|
|
:disabled="editDisabled"
|
|
|
:initData="true"
|
|
|
+ :class="{ 'error-style': form.deadlineIssueType != form.issueType }"
|
|
|
></dic-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="签单日期" prop="deadlineIssueDate">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原签单日期:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.issueDate" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">签单日期</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<el-date-picker
|
|
|
style="width: 100%;"
|
|
|
v-model="form.deadlineIssueDate"
|
|
|
@@ -593,8 +775,9 @@
|
|
|
size="small"
|
|
|
:disabled="editDisabled"
|
|
|
format="yyyy-MM-dd"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd 00:00:00"
|
|
|
placeholder="选择日期"
|
|
|
+ :class="{ 'error-style': form.deadlineIssueDate != form.issueDate }"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
@@ -603,6 +786,15 @@
|
|
|
<el-row>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="签单地点" prop="deadlineIssueAt">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原签单地点:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.issueAt" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">签单地点</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<dic-select
|
|
|
v-model="form.deadlineIssueAt"
|
|
|
placeholder="签单地点"
|
|
|
@@ -614,11 +806,21 @@
|
|
|
dataName="enName"
|
|
|
@selectChange="dicChange('deadlineIssueAt', $event)"
|
|
|
:disabled="editDisabled"
|
|
|
+ :class="{ 'error-style': form.deadlineIssueAt != form.issueAt }"
|
|
|
></dic-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col span="12">
|
|
|
<el-form-item label="我司截单" prop="deadlineCyTrailerTime">
|
|
|
+ <span slot="label">
|
|
|
+ <el-popover placement="bottom-start" width="300" trigger="click">
|
|
|
+ <div>
|
|
|
+ <div style="color:#F56C6C">原我司截单:</div>
|
|
|
+ <el-input style="width: 100%;" v-model="form.cyTrailerTime" size="small" :disabled="true"></el-input>
|
|
|
+ </div>
|
|
|
+ <span style="font-size: 12px;color: #1e9fff;text-decoration: underline;cursor: pointer;" slot="reference">我司截单</span>
|
|
|
+ </el-popover>
|
|
|
+ </span>
|
|
|
<el-date-picker
|
|
|
style="width: 100%;"
|
|
|
v-model="form.deadlineCyTrailerTime"
|
|
|
@@ -629,6 +831,7 @@
|
|
|
format="yyyy-MM-dd HH:mm:ss"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
placeholder="选择日期"
|
|
|
+ :class="{ 'error-style': form.deadlineCyTrailerTime != form.cyTrailerTime }"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
@@ -637,23 +840,24 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
- </trade-card>
|
|
|
- <trade-card title="配箱信息">
|
|
|
+ </el-card>
|
|
|
+ <el-card style="margin: 10px 0;">
|
|
|
<DistributionBox
|
|
|
:assemblyForm="form"
|
|
|
:detailData="detailData"
|
|
|
:pleasereviewType="editDisabled"
|
|
|
@billsAddfun="billsAddfun"
|
|
|
@billsDetailfun="getDetails(form.id, true)"
|
|
|
+ @submit="submit"
|
|
|
>
|
|
|
</DistributionBox>
|
|
|
- </trade-card>
|
|
|
- <trade-card title="操作记录">
|
|
|
+ </el-card>
|
|
|
+ <el-card title="操作记录">
|
|
|
<avue-form :option="optionForm2" v-model="form" ref="form2"> </avue-form>
|
|
|
- </trade-card>
|
|
|
+ </el-card>
|
|
|
</div>
|
|
|
- <business-reports :id="form.id" ref="print" businessValue="KHTS" :type="true" :upDateType="false"></business-reports>
|
|
|
- <reports :id="form.id" :assemblyForm="form" businessValue="KHTS" ref="report" :upDateType="false"></reports>
|
|
|
+ <business-reports :id="form.id" ref="print" businessValue="TDXG" :type="true" :upDateType="false"></business-reports>
|
|
|
+ <reports :id="form.id" :assemblyForm="form" businessValue="TDXG" ref="report" :upDateType="false"></reports>
|
|
|
<!--审核弹窗-->
|
|
|
<el-dialog
|
|
|
append-to-body
|
|
|
@@ -697,12 +901,12 @@ export default {
|
|
|
editButton: false,
|
|
|
editDisabled: false,
|
|
|
form: {
|
|
|
- containersList: []
|
|
|
+ deadlineContainersList: []
|
|
|
},
|
|
|
polFeeList: [],
|
|
|
podFeeList: [],
|
|
|
oldForm: {
|
|
|
- containersList: []
|
|
|
+ deadlineContainersList: []
|
|
|
},
|
|
|
optionForm: {
|
|
|
menuBtn: false,
|
|
|
@@ -880,6 +1084,9 @@ export default {
|
|
|
if (this.detailData && this.detailData.id) {
|
|
|
this.getDetails(this.detailData.id);
|
|
|
}
|
|
|
+ if (this.detailData && this.detailData.billId) {
|
|
|
+ this.getDetails(this.detailData.billId);
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
synchronization() {
|
|
|
@@ -1087,7 +1294,6 @@ export default {
|
|
|
this.form.deadlineIssueAt = null;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
if (name == "deadlineVesselEnName") {
|
|
|
if (row) {
|
|
|
this.form.deadlineVesselId = row.id;
|
|
|
@@ -1124,6 +1330,12 @@ export default {
|
|
|
});
|
|
|
getDetail({ id: id })
|
|
|
.then(res => {
|
|
|
+ if (res.data.data.billStatus != 0) {
|
|
|
+ this.editDisabled = true;
|
|
|
+ }
|
|
|
+ if (res.data.data.billStatus == 0) {
|
|
|
+ this.editDisabled = false;
|
|
|
+ }
|
|
|
this.oldForm = this.deepClone(res.data.data);
|
|
|
this.form = res.data.data;
|
|
|
})
|
|
|
@@ -1152,6 +1364,8 @@ export default {
|
|
|
if (lineQuantityVerification(this.form.deadlineNotifyDetails, this.lineLength)) {
|
|
|
return this.$message.error(`通知人详情超长,请手动断行,否则影响打印`);
|
|
|
}
|
|
|
+ this.form.billNoFormat = "TDXG";
|
|
|
+ this.form.businessTypeCode = "TDXG";
|
|
|
const loading = this.$loading({
|
|
|
lock: true,
|
|
|
text: "加载中",
|
|
|
@@ -1175,20 +1389,17 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
application() {
|
|
|
- if (!this.form.preContainersList.length) {
|
|
|
- return this.$message.error("集装箱明细不能为空");
|
|
|
- }
|
|
|
- this.$confirm("是否提单确认?", {
|
|
|
+ this.$confirm("是否提交?", {
|
|
|
confirmButtonText: "确定",
|
|
|
cancelButtonText: "取消",
|
|
|
type: "warning"
|
|
|
}).then(() => {
|
|
|
let obj = {};
|
|
|
obj = {
|
|
|
- id: this.form.id,
|
|
|
- url: "/iosBasicData/businessCenter/customerBooking/index",
|
|
|
+ ...this.form,
|
|
|
+ url: "/iosBasicData/billModify/index",
|
|
|
pageStatus: "",
|
|
|
- pageLabel: "客户订舱 "
|
|
|
+ pageLabel: "提单修改"
|
|
|
};
|
|
|
const loading = this.$loading({
|
|
|
lock: true,
|
|
|
@@ -1270,7 +1481,7 @@ export default {
|
|
|
return back;
|
|
|
},
|
|
|
goBack(type) {
|
|
|
- if (contrastObj(this.form, this.oldForm) || contrastList(this.form.containersList, this.oldForm.containersList)) {
|
|
|
+ if (contrastObj(this.form, this.oldForm) || contrastList(this.form.deadlineContainersList, this.oldForm.deadlineContainersList)) {
|
|
|
this.$confirm("是否需要保存?", "提示", {
|
|
|
confirmButtonText: "确定",
|
|
|
cancelButtonText: "取消",
|
|
|
@@ -1296,7 +1507,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
::v-deep .el-form-item {
|
|
|
- margin-bottom: 8px !important;
|
|
|
+ margin-bottom: 2px !important;
|
|
|
}
|
|
|
|
|
|
::v-deep .el-table .cell {
|
|
|
@@ -1310,7 +1521,9 @@ export default {
|
|
|
::v-deep .avue-crud .el-table .el-form-item__label {
|
|
|
left: -1px;
|
|
|
}
|
|
|
-
|
|
|
+.diy-form ::v-deep .avue-form .avue-form__group {
|
|
|
+ background-color: #d9ecff;
|
|
|
+}
|
|
|
// ::v-deep#out-table .back-one {
|
|
|
// background: #ecf5ff !important;
|
|
|
// }
|
|
|
@@ -1357,4 +1570,10 @@ export default {
|
|
|
font-size: 16px;
|
|
|
color: #54bcbd;
|
|
|
}
|
|
|
+.error-style ::v-deep .el-input__inner {
|
|
|
+ color: #ff0000 !important;
|
|
|
+}
|
|
|
+.error-style ::v-deep .el-textarea__inner {
|
|
|
+ color: #ff0000 !important;
|
|
|
+}
|
|
|
</style>
|