|
@@ -3,432 +3,379 @@
|
|
|
<el-row>
|
|
|
<el-col :span="14">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="SHIPPER/EXPORTER:" prop="hshipperDetails" >
|
|
|
- <el-input type="textarea" :rows="4" style="width: 100%;" v-model="documentForm.hshipperDetails"
|
|
|
- size="small" autocomplete="off" clearable placeholder=" " >
|
|
|
+ <el-form-item label="Shippper" prop="hshipperDetails">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;" v-model="documentForm.hshipperDetails"
|
|
|
+ size="small" autocomplete="off" clearable placeholder=" ">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="CONSIGNEE:" prop="hconsigneeDetails" >
|
|
|
- <el-input type="textarea" :rows="4" style="width: 100%;" v-model="documentForm.hconsigneeDetails"
|
|
|
- size="small" autocomplete="off" clearable placeholder=" " >
|
|
|
+ <el-form-item label="Consignee" prop="hconsigneeDetails">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;"
|
|
|
+ v-model="documentForm.hconsigneeDetails" size="small" autocomplete="off" clearable
|
|
|
+ placeholder=" ">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="NOTIFY PARTY (lt is agreed that no responsibility shall be attached to the Carrier or its Agents for failure to notify"
|
|
|
- prop="hnotifyDetails" >
|
|
|
- <el-input type="textarea" :rows="4" style="width: 100%;" v-model="documentForm.hnotifyDetails"
|
|
|
- size="small" autocomplete="off" clearable
|
|
|
- placeholder=" " >
|
|
|
+ <el-form-item label="Notify party" prop="hnotifyDetails">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;" v-model="documentForm.hnotifyDetails"
|
|
|
+ size="small" autocomplete="off" clearable placeholder=" ">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="PRE-CARRIAGE BY" prop="value1" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.value1"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Pre-Carriage by" prop="value1">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;" v-model="documentForm.value1"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="PLACE OF RECEIPT" prop="placeReceiptNamePrint" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.placeReceiptNamePrint"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="place of Receipt" prop="placeReceiptNamePrint">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ v-model="documentForm.placeReceiptNamePrint" size="small" autocomplete="off"
|
|
|
+ clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="10">
|
|
|
<el-row>
|
|
|
- <el-col :span="12" >
|
|
|
+ <el-col :span="12">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="BOOKING NO." prop="bookingNo" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.bookingNo"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Ocean Vessel Voy No." prop="vesselCnName">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ v-model="documentForm.vesselCnName" size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" >
|
|
|
+ <el-col :span="12">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="BILLOF LADING NO." prop="mblno" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.mblno"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Port of Loading" prop="polEnName">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ v-model="documentForm.polEnName" size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div style="border: 1px solid #000;">
|
|
|
+ <el-form-item label="Port of Discharge" prop="destinationNamePrint">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ v-model="documentForm.destinationNamePrint" size="small" autocomplete="off"
|
|
|
+ clearable>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <div style="border: 1px solid #000;">
|
|
|
+ <el-form-item label="Place of Delivery" prop="podEnName">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ v-model="documentForm.podEnName" size="small" autocomplete="off" clearable>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="EXPORT REFERENCES(for the Merchant's and/or Carrier's reference only. See back clause 8. (4).)"
|
|
|
- prop="value2" >
|
|
|
- <el-input type="textarea" :rows="3" style="width: 100%;" v-model="documentForm.value2"
|
|
|
- size="small" autocomplete="off" clearable>
|
|
|
+ <el-form-item label=" " prop="">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;" disabled size="small"
|
|
|
+ autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="FORWARDING AGENT-REFERENCESFMC NO." prop="forwarding" >
|
|
|
- <el-input type="textarea" :rows="3" style="width: 100%;" v-model="documentForm.forwarding"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label=" " prop="">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;" disabled size="small"
|
|
|
+ autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="7">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="OCEAN VESSELVOYAGE NO,FLAG" prop="vesselCnName" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.vesselCnName"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label=" " prop="">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;" disabled size="small"
|
|
|
+ autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="7">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="PORT OF LOADING" prop="polEnName" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.polEnName"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="For delivery please apply to" prop="mshipperDetails">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;" v-model="documentForm.mshipperDetails"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="10">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="FINAL DESTINATION(for the Merchant's reference only" prop="value3" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.value3"
|
|
|
- size="small" autocomplete="off" clearable
|
|
|
- placeholder="" >
|
|
|
+ <el-form-item label="Final Destination(for the Merchant's reference)" prop="">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable placeholder="">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="7">
|
|
|
+ <el-col :span="6">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="PORT OF DISCHARGE" prop="destinationNamePrint" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.destinationNamePrint"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Marks and Numbers Conatainer No." prop="marks">
|
|
|
+ <el-input type="textarea" :rows="15" style="width: 100%;" v-model="documentForm.marks"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="7">
|
|
|
+ <el-col :span="3">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="PLACE OF DELIVERY" prop="podEnName" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.podEnName"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Seal No." prop="cntrSealNo">
|
|
|
+ <el-input type="textarea" :rows="15" style="width: 100%;" v-model="documentForm.cntrSealNo"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="10">
|
|
|
+ <el-col :span="3">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="TYPE OF MOVEMENTUIF MIXED.USE DESCRIPTION OF PACKAGESAND GOODS FIELDI" prop="value4" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.value4"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="No. of containers or packages" prop="quantityCntrDescr">
|
|
|
+ <el-input type="textarea" :rows="14" style="width: 100%;"
|
|
|
+ v-model="documentForm.quantityCntrDescr" size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <div style="border-bottom: 1px solid #000;border-top: 1px solid #000;padding: 5px;">
|
|
|
- <span>(CHECK"HM'"COLUMN IF HAZARDOUS MATERIAL)</span>
|
|
|
- <span style="font-weight: 500;">PARTICULARS DECLARED BY SHIPPER BUT NOT ACKNOWLEDGED BY THE CARRIER</span>
|
|
|
- </div>
|
|
|
- <el-row>
|
|
|
<el-col :span="6">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="CNTR.NOS.W/SEAL NOS.MARKS & NUMBERS" prop="marks" >
|
|
|
- <el-input type="textarea" :rows="5" style="width: 100%;" v-model="documentForm.marks"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
- </el-input>
|
|
|
- <el-input type="textarea" :rows="5" style="width: 100%;" v-model="documentForm.cntryString"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="7">
|
|
|
- <div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="QUANTITY(FOR CUSTOMS DECLARATION ONLY)" prop="quantity" >
|
|
|
- <el-input type="textarea" :rows="10" style="width: 100%;" v-model="documentForm.quantity"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4">
|
|
|
- <div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="DESCRIPTION OF GOODS" prop="commodityDescr" >
|
|
|
- <el-input type="textarea" :rows="10" style="width: 100%;" v-model="documentForm.commodityDescr"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Kind of packages,description of goods" prop="commodityDescr">
|
|
|
+ <el-input type="textarea" :rows="15" style="width: 100%;" v-model="documentForm.commodityDescr"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="GROSS WEIGHT" prop="grossWeight" >
|
|
|
- <el-input type="textarea" :rows="10" style="width: 100%;" v-model="documentForm.grossWeight"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Gross Weight" prop="grossWeight">
|
|
|
+ <el-input type="textarea" :rows="15" style="width: 100%;" v-model="documentForm.grossWeight"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="4">
|
|
|
+ <el-col :span="3">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="GROSS MEASUREMENT" prop="measurement" >
|
|
|
- <el-input type="textarea" :rows="10" style="width: 100%;" v-model="documentForm.measurement"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Measurement" prop="measurement">
|
|
|
+ <el-input type="textarea" :rows="15" style="width: 100%;" v-model="documentForm.measurement"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
+ <el-row>
|
|
|
+ <div style="border: 1px solid #000;">
|
|
|
+ <el-form-item label="Total No. of Containaers or Packages(in words)" prop="quantityPackingDescr">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="18">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;" v-model="documentForm.quantityPackingDescr"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ v-model="documentForm.quantityCntrTypesDescr" size="small" autocomplete="off" clearable>
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
- <div style="margin-top: 5px;">
|
|
|
- <span>Declared Cargo Value US $</span>
|
|
|
- <el-input style="width: 10%" v-model="documentForm.value5" size="small" autocomplete="off" clearable ></el-input>
|
|
|
- <span>. If Merchant enters a value. Carrier's limitation of liability shall not apply and the ad valorem rate will be charged.</span>
|
|
|
- </div>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="2">
|
|
|
+ <el-col :span="6">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="FREIGHT" prop="hpaymode" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.hpaymode"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Freight and charges" prop="">
|
|
|
+ <el-input type="textarea" :rows="2" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="4">
|
|
|
+ <el-col :span="5">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="CHARGES PAYABLE AT / BY:" prop="hpayplace" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.hpayplace"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Revenue Tons" prop="">
|
|
|
+ <el-input type="textarea" :rows="2" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="4">
|
|
|
+ <el-col :span="5">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="SERVICE CONTRACT NO." prop="serviceTerms" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.serviceTerms"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Rate Per" prop="">
|
|
|
+ <el-input type="textarea" :rows="2" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="DOC FROM NO." prop="value6" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.value6"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Prepaid" prop="">
|
|
|
+ <el-input type="textarea" :rows="2" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="3">
|
|
|
+ <el-col :span="4">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="COMMODITY CODE" prop="hscode" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.hscode"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Collect" prop="">
|
|
|
+ <el-input type="textarea" :rows="2" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="3">
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="EXCHANGE RATE" prop="value7" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.value7"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Ex.Rate" prop="">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="20">
|
|
|
+ <el-col :span="12">
|
|
|
<el-row>
|
|
|
- <el-col :span="4" >
|
|
|
- <div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="COOE TARIFF ITEM" prop="value8" >
|
|
|
- <el-input type="textarea" :rows="13" style="width: 100%;" v-model="documentForm.value8"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" >
|
|
|
+ <el-col :span="12">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="FREIGHTED AS" prop="value9" >
|
|
|
- <el-input type="textarea" :rows="13" style="width: 100%;" v-model="documentForm.value9"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Prepaid at" prop="prepaidAt">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;" v-model="documentForm.prepaidAt"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="4" >
|
|
|
+ <el-col :span="12">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="RATE" prop="value10" >
|
|
|
- <el-input type="textarea" :rows="13" style="width: 100%;" v-model="documentForm.value10"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Payable at" prop="payableAt">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;" v-model="documentForm.payableAt"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="4" >
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="PREPAID" prop="value11" >
|
|
|
- <el-input type="textarea" :rows="13" style="width: 100%;" v-model="documentForm.value11"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Total Prepaid in Local Currency" prop="">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="5" >
|
|
|
+ <el-col :span="12">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="COLLECT" prop="value12" >
|
|
|
- <el-input type="textarea" :rows="13" style="width: 100%;" v-model="documentForm.value12"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="No. of original B(s)L" prop="">
|
|
|
+ <el-input type="textarea" :rows="1" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
- <el-col :span="4">
|
|
|
- <div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="DATE CARGO RECEIVED" prop="corpCnName" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.value13"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="DATE LADEN ON BOARD" prop="etd" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.etd"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="PLACE OF BILL(S)ISSUE" prop="issueAt" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.issueAt"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
+ <el-col :span="6">
|
|
|
<div style="border: 1px solid #000;">
|
|
|
- <el-form-item label="DATED" prop="etd" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.etd"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
+ <el-form-item label="Place and date of issue" prop="">
|
|
|
+ <el-input type="textarea" :rows="5" style="width: 100%;"
|
|
|
+ size="small" autocomplete="off" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-row>
|
|
|
- <el-col :span="6">
|
|
|
- <span>The printed terms and conditions on this Bill are available at its website at www.one-line.com</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4">
|
|
|
- <div style="border: 1px solid #000;height: 80px;"></div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4">
|
|
|
- <div style="border: 1px solid #000;height: 80px;"></div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <el-form-item label="SIGNED BY:" prop="value14" >
|
|
|
- <el-input type="textarea" :rows="2" style="width: 100%;" v-model="documentForm.value14"
|
|
|
- size="small" autocomplete="off" clearable >
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <span>.as agent for and on behalf of</span>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
</el-form>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
|
|
|
- import {bportsList} from "@/api/iosBasicData/bports";
|
|
|
- import {getDeptTree} from "@/api/system/dept";
|
|
|
- import TreeSelect from "@/components/iosbasic-data/TreeSelect.vue";
|
|
|
+import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
|
|
|
+import { bportsList } from "@/api/iosBasicData/bports";
|
|
|
+import { getDeptTree } from "@/api/system/dept";
|
|
|
+import TreeSelect from "@/components/iosbasic-data/TreeSelect.vue";
|
|
|
|
|
|
- export default {
|
|
|
- components: {TreeSelect, SearchQuery},
|
|
|
- data(){
|
|
|
- return {
|
|
|
- destinationData:[], // 目的港数据
|
|
|
- departmentData:[], // 部门
|
|
|
- }
|
|
|
+export default {
|
|
|
+ components: { TreeSelect, SearchQuery },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ destinationData: [], // 目的港数据
|
|
|
+ departmentData: [], // 部门
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ // 表单对象
|
|
|
+ documentForm: {
|
|
|
+ type: Object,
|
|
|
+ default: {}
|
|
|
},
|
|
|
- props:{
|
|
|
- // 表单对象
|
|
|
- documentForm:{
|
|
|
- type:Object,
|
|
|
- default:{}
|
|
|
- },
|
|
|
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getLazylistfun()
|
|
|
- },
|
|
|
- methods:{
|
|
|
- corpChange(value,name){
|
|
|
- if (name == 'destinationName') {
|
|
|
- for(let item of this.destinationData) {
|
|
|
- if (item.enName == value) {
|
|
|
- this.$set(this.documentForm,'destinationId',item.id)
|
|
|
- this.$set(this.documentForm,'destinationName',item.enName)
|
|
|
- this.$set(this.documentForm,'destinationCode',item.code)
|
|
|
- this.$set(this.documentForm,'destinationNamePrint',item.enName)
|
|
|
- }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getLazylistfun()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ corpChange(value, name) {
|
|
|
+ if (name == 'destinationName') {
|
|
|
+ for (let item of this.destinationData) {
|
|
|
+ if (item.enName == value) {
|
|
|
+ this.$set(this.documentForm, 'destinationId', item.id)
|
|
|
+ this.$set(this.documentForm, 'destinationName', item.enName)
|
|
|
+ this.$set(this.documentForm, 'destinationCode', item.code)
|
|
|
+ this.$set(this.documentForm, 'destinationNamePrint', item.enName)
|
|
|
}
|
|
|
- }else {
|
|
|
- this.$set(this.documentForm,name,value)
|
|
|
}
|
|
|
- },
|
|
|
- // 目的地
|
|
|
- destinationBportsListfun(enName){
|
|
|
- bportsList(1,10,{enName}).then(res=>{
|
|
|
- this.destinationData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取机构管理接口
|
|
|
- getLazylistfun(){
|
|
|
- getDeptTree().then(res=>{
|
|
|
- this.departmentData = res.data.data
|
|
|
- })
|
|
|
- },
|
|
|
+ } else {
|
|
|
+ this.$set(this.documentForm, name, value)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 目的地
|
|
|
+ destinationBportsListfun(enName) {
|
|
|
+ bportsList(1, 10, { enName }).then(res => {
|
|
|
+ this.destinationData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取机构管理接口
|
|
|
+ getLazylistfun() {
|
|
|
+ getDeptTree().then(res => {
|
|
|
+ this.departmentData = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- }
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
::v-deep.el-form-item {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
+
|
|
|
::v-deep.el-form--label-top .el-form-item__label {
|
|
|
padding: 0;
|
|
|
line-height: 20px;
|