|
@@ -7,7 +7,7 @@
|
|
|
<div
|
|
|
v-for="(item, index) in shipmentInstructionLists"
|
|
|
:key="index"
|
|
|
- style="margin-top:40px"
|
|
|
+ style="margin-top: 40px"
|
|
|
>
|
|
|
<div class="title">
|
|
|
<i class="titleText" align="center">装船通知</i>
|
|
@@ -18,14 +18,12 @@
|
|
|
border="0"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="margin: auto;font-size:20px;"
|
|
|
+ style="margin: auto; font-size: 20px;font-family: FangSong;line-height: 50px"
|
|
|
width="1000px"
|
|
|
class="tablePart0"
|
|
|
>
|
|
|
<tr>
|
|
|
- <td style="width :100%">
|
|
|
- TO:{{ item.piername}}有限公司:
|
|
|
- </td>
|
|
|
+ <td style="width: 100%">TO:{{ item.piername }}有限公司:</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
@@ -35,36 +33,36 @@
|
|
|
border="0"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="margin-top: 5px;"
|
|
|
+ style="margin-top: 5px;font-family: FangSong;line-height: 40px;"
|
|
|
width="1000px"
|
|
|
class="tablePart1"
|
|
|
>
|
|
|
<tr>
|
|
|
- <td style="width :100%" padding-right="20px">
|
|
|
+ <td style="width: 100%" padding-right="20px;">
|
|
|
兹委任{{ item.carrierName }}有限公司
|
|
|
- 代表我司到贵港办理:海轮"{{item.foreignShipName}}"{{item.numberOfLoans}}湿吨
|
|
|
- {{item.materialName}}的提货、数量、清场、交接等相关事宜。恳请给予办理为盼!!
|
|
|
- 谢谢!!(传真件与原件具有同等法律效应)。
|
|
|
+ 代表我司到贵港办理:海轮"{{ item.foreignShipName }}"{{
|
|
|
+ item.numberOfLoans
|
|
|
+ }}湿吨
|
|
|
+ {{
|
|
|
+ item.materialName
|
|
|
+ }}的提货、数量、清场、交接等相关事宜。恳请给予办理为盼!
|
|
|
+ 谢谢!(传真件与原件具有同等法律效应)。
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
|
|
|
-
|
|
|
<!-- tablePart2 -->
|
|
|
<table
|
|
|
border="0"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="
|
|
|
- border-top:0px"
|
|
|
+ style="border-top: 0px;font-family: FangSong;line-height: 40px"
|
|
|
width="1000px"
|
|
|
class="tablePart2"
|
|
|
>
|
|
|
<tr>
|
|
|
- <th style="width:0.6%"></th>
|
|
|
- <th style="width:20.5%">具体提货船舶信息如下:</th>
|
|
|
-
|
|
|
+ <th style="width: 1.1%"></th>
|
|
|
+ <th style="width: 20.5%">具体提货船舶信息如下:</th>
|
|
|
</tr>
|
|
|
</table>
|
|
|
|
|
@@ -73,15 +71,17 @@
|
|
|
border="0"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="
|
|
|
- border-top: 0px"
|
|
|
+ style="border-top: 0px;font-family: FangSong;line-height: 40px"
|
|
|
width="1000px"
|
|
|
class="tablePart3"
|
|
|
>
|
|
|
<tr>
|
|
|
- <th style="width:0.6%"></th>
|
|
|
- <th style="width :10.5%">船名:{{item.capacityNumber}}({{item.instruct}}吨)航次{{item.capacityBookingNumber}}</th>
|
|
|
-
|
|
|
+ <th style="width: 0.6%"></th>
|
|
|
+ <th style="width: 10.5%">
|
|
|
+ 船名:{{ item.capacityNumber }}({{ item.instruct }}吨)航次{{
|
|
|
+ item.capacityBookingNumber
|
|
|
+ }}
|
|
|
+ </th>
|
|
|
</tr>
|
|
|
</table>
|
|
|
|
|
@@ -90,58 +90,58 @@
|
|
|
border="1"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="
|
|
|
- border-top: 0px"
|
|
|
+ style="border-top: 0px;font-family: FangSong;line-height: 40px"
|
|
|
width="1000px"
|
|
|
class="tablePart4"
|
|
|
>
|
|
|
<tr>
|
|
|
- <th style="width:0.6%"></th>
|
|
|
- <th style="width :10.5%">船舶联系方式:{{item.capacityTel}}</th>
|
|
|
+ <th style="width: 0.6%"></th>
|
|
|
+ <th style="width: 10.5%">船舶联系方式:{{ item.capacityTel }}</th>
|
|
|
+
|
|
|
</tr>
|
|
|
</table>
|
|
|
+
|
|
|
|
|
|
<table
|
|
|
border="1"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="
|
|
|
- border-top: 0px"
|
|
|
+ style="border-top: 0px;font-family: FangSong;line-height: 40px"
|
|
|
width="1000px"
|
|
|
class="tablePart5"
|
|
|
>
|
|
|
<tr>
|
|
|
- <th style="width:0.6%"></th>
|
|
|
- <th style="width :10.5%">中转港:{{item.transitPort}} 目的港口{{item.arriveName}}</th>
|
|
|
+ <th style="width: 0.6%"></th>
|
|
|
+ <th style="width: 10.5%">
|
|
|
+ 中转港:{{ item.transitPort }}, 目的港:{{ item.arriveName }}
|
|
|
+ </th>
|
|
|
</tr>
|
|
|
</table>
|
|
|
- <table
|
|
|
+ <table
|
|
|
border="1"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="
|
|
|
- border-top: 0px"
|
|
|
+ style="border-top: 0px;font-family: FangSong;line-height: 40px"
|
|
|
width="1000px"
|
|
|
class="tablePart6"
|
|
|
>
|
|
|
<tr>
|
|
|
- <th style="width:0.6%"></th>
|
|
|
- <th style="width :10.5%">收货人:{{item.shipperName}}</th>
|
|
|
+ <th style="width: 0.6%"></th>
|
|
|
+ <th style="width: 10.5%">收货人:{{ item.shipperName }}</th>
|
|
|
</tr>
|
|
|
</table>
|
|
|
|
|
|
- <table
|
|
|
+ <table
|
|
|
border="1"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="
|
|
|
- border-top: 0px"
|
|
|
+ style="border-top: 0px;font-family: FangSong;line-height: 40px"
|
|
|
width="1000px"
|
|
|
class="tablePart7"
|
|
|
>
|
|
|
<tr>
|
|
|
- <th style="width:0.6%"></th>
|
|
|
- <th style="width :10.5%">交接方式:{{item.havdoverMode}}</th>
|
|
|
+ <th style="width: 0.6%"></th>
|
|
|
+ <th style="width: 10.5%">交接方式:{{ item.havdoverMode }}</th>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
@@ -151,13 +151,13 @@
|
|
|
border="0"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="margin: auto;margin-top: 5px;font-size:20px;"
|
|
|
+ style="margin: auto; margin-top: 5px; font-size: 20px;font-family: FangSong;line-height: 40px"
|
|
|
width="1000px"
|
|
|
class="tablePart6"
|
|
|
>
|
|
|
<tr>
|
|
|
- <th style="width:50px;"></th>
|
|
|
- <td style="width :33%">{{ item.shipperName }}</td>
|
|
|
+ <th style="width: 50px"></th>
|
|
|
+ <td style="width: 33%">{{ item.shipperName }}</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
@@ -167,18 +167,19 @@
|
|
|
border="0"
|
|
|
cellpadding="10"
|
|
|
cellspacing="0"
|
|
|
- style="margin: auto;margin-top: 5px;font-size:20px;"
|
|
|
+ style="margin: auto; margin-top: 5px; font-size: 20px;font-family: FangSong;line-height: 40px"
|
|
|
width="1000px"
|
|
|
class="tablePart7"
|
|
|
>
|
|
|
<tr>
|
|
|
- <td style="width :63%"></td>
|
|
|
- <td style="width :4%">{{ item.year }}</td>
|
|
|
- <th style="width :7%">年</th>
|
|
|
- <td style="width :3%">{{ item.month }}</td>
|
|
|
- <th style="width :7%">月</th>
|
|
|
- <td style="width :3%">{{ item.date }}</td>
|
|
|
- <th style="width :7%">日</th>
|
|
|
+ <td style="width: 63%"></td>
|
|
|
+ <td style="width: 1%">{{ item.year }}</td>
|
|
|
+ <th style="width: 3%">年</th>
|
|
|
+ <td style="width: 0.6%">{{ item.month }}</td>
|
|
|
+ <th style="width: 3%">月</th>
|
|
|
+ <td style="width: 0.5%">{{ item.date }}</td>
|
|
|
+ <th style="width: 3%">日</th>
|
|
|
+ <th style="width:7%"></th>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
@@ -187,7 +188,7 @@
|
|
|
<div class="buttns">
|
|
|
<el-button class="buttn" type="primary" @click="getPdf()">
|
|
|
<i class="el-icon-download">{{ "\xa0\xa0" }}</i
|
|
|
- >导出(pdf)
|
|
|
+ >导出(装船指令pdf)
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -203,7 +204,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
shipmentInstructionLists: [],
|
|
|
- htmlTitle: "装船通知单"
|
|
|
+ htmlTitle: "装船通知单",
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -214,20 +215,20 @@ export default {
|
|
|
this.$router.go(-2);
|
|
|
},
|
|
|
getwts() {
|
|
|
- console.log(this.$route.params.text)
|
|
|
+ console.log(this.$route.params.text);
|
|
|
this.shipmentInstructionLists = JSON.parse(
|
|
|
this.$route.params.text
|
|
|
).shipmentInstructionList;
|
|
|
console.log(this.shipmentInstructionLists);
|
|
|
// this.amsShipDeliveryNameLists = this.$route.params.test;
|
|
|
console.log(this.shipmentInstructionLists);
|
|
|
- this.shipmentInstructionLists.forEach(e => {
|
|
|
+ this.shipmentInstructionLists.forEach((e) => {
|
|
|
e.year = e.instructionTime.split("-")[0];
|
|
|
e.month = e.instructionTime.split("-")[1];
|
|
|
e.date = e.instructionTime.split("-")[2].split(" ")[0];
|
|
|
});
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
@@ -237,6 +238,9 @@ export default {
|
|
|
margin-bottom: 30px;
|
|
|
.titleText {
|
|
|
font-size: 30px;
|
|
|
+ font-family: SimSun;
|
|
|
+ font-weight: 900;
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
}
|
|
|
.buttns {
|
|
@@ -246,7 +250,7 @@ export default {
|
|
|
margin-left: 465px;
|
|
|
.buttn {
|
|
|
margin-left: 10px;
|
|
|
- width: 130px;
|
|
|
+ width: 270px;
|
|
|
}
|
|
|
}
|
|
|
.tableBody {
|
|
@@ -276,6 +280,10 @@ export default {
|
|
|
th {
|
|
|
border-top: 0px;
|
|
|
}
|
|
|
+ .tablePart8 td,
|
|
|
+ th {
|
|
|
+ border-top: 0px;
|
|
|
+ }
|
|
|
}
|
|
|
.blank {
|
|
|
width: 100%;
|