|
|
@@ -10,7 +10,20 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="container-title df aic jcsb">
|
|
|
- <div>航次信息</div>
|
|
|
+ <div class="df aic">
|
|
|
+ <div class="mr30">航次信息</div>
|
|
|
+ <el-tooltip
|
|
|
+ v-if="blockchainInfo"
|
|
|
+ class="box-item"
|
|
|
+ effect="light"
|
|
|
+ :content="blockchainInfo.hash"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <div class="pointer" style="font-size: 14px; font-weight: normal">
|
|
|
+ 汇很多科技区块链认证
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
<el-button
|
|
|
v-auth="'DOWNLOADSHIPTRACK'"
|
|
|
style="width: 220px; margin-right: 20px"
|
|
|
@@ -342,7 +355,153 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <hr class="hr m30-0" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="container-title">卸货信息</div>
|
|
|
+ <div class="line-container-p24">
|
|
|
+ <div v-auth="'SHIPDISCHARGE'">
|
|
|
+ <div class="container-second-title df aic jcsb">
|
|
|
+ <div>{{ voyage.dischargeProt }} - 天气信息</div>
|
|
|
+ </div>
|
|
|
+ <el-table style="width: 800px" :data="weatherTableData" stripe>
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ min-width="120"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="weather"
|
|
|
+ label="天气"
|
|
|
+ min-width="120"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="temperature"
|
|
|
+ label="温度"
|
|
|
+ min-width="100"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="winddirection"
|
|
|
+ label="风向"
|
|
|
+ min-width="100"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="windpower"
|
|
|
+ label="风力"
|
|
|
+ min-width="100"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="reporttime"
|
|
|
+ label="记录时间"
|
|
|
+ min-width="100"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="width: 800px; text-align: right; margin-top: 43px">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :total="weatherTotal"
|
|
|
+ @current-change="weatherPageChange"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ <div class="hr m30-0"></div>
|
|
|
+ </div>
|
|
|
+ <div v-auth="'SHIPDISCHARGE'">
|
|
|
+ <div class="container-second-title df aic jcsb">
|
|
|
+ <div>提单信息</div>
|
|
|
+ </div>
|
|
|
+ <el-table :data="labTableData" stripe style="width: 800px">
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ min-width="120"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="billingDate"
|
|
|
+ label="开单日期"
|
|
|
+ min-width="120"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="billingNum"
|
|
|
+ label="开单数量"
|
|
|
+ min-width="100"
|
|
|
+ align="center"
|
|
|
+ ></el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="单据" min-width="150" align="center">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <el-button
|
|
|
+ @click="showLab(scope.row, scope.$index, '查看提单')"
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ 查看
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="text-align: right; margin-top: 43px">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :total="labTotal"
|
|
|
+ @current-change="labPageChange"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ <el-dialog
|
|
|
+ v-model="isAddLabVisable"
|
|
|
+ :title="labModalType"
|
|
|
+ width="780px"
|
|
|
+ center
|
|
|
+ @close="cancelUploadLab"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ :model="labForm"
|
|
|
+ inline
|
|
|
+ style="margin-bottom: 20px"
|
|
|
+ label-width="100px"
|
|
|
+ >
|
|
|
+ <el-form-item label="开单日期">
|
|
|
+ <el-date-picker
|
|
|
+ class="info-line-text"
|
|
|
+ v-model="labForm.billingDate"
|
|
|
+ type="date"
|
|
|
+ format="YYYY/MM/DD"
|
|
|
+ value-format="YYYY/MM/DD"
|
|
|
+ placeholder="开单日期"
|
|
|
+ disabled
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开单数量">
|
|
|
+ <el-input
|
|
|
+ style="width: 240px"
|
|
|
+ v-model="labForm.billingNum"
|
|
|
+ placeholder="开单数量"
|
|
|
+ disabled
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="提单">
|
|
|
+ <Uploader
|
|
|
+ disabled
|
|
|
+ :actionUrl="store.state.wayBillUrl"
|
|
|
+ :uploaderId="'labLoad'"
|
|
|
+ :params="labParams"
|
|
|
+ @onSendFileList="getLabBillList"
|
|
|
+ :fileList="labBillList"
|
|
|
+ uploadText="上传提单"
|
|
|
+ :limit="1"
|
|
|
+ ></Uploader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+ <div class="hr m30-0"></div>
|
|
|
</div>
|
|
|
<div v-auth="'SHIPDISCHARGE'">
|
|
|
<div class="container-second-title df aic jcsb">
|
|
|
@@ -623,7 +782,17 @@
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
<div v-auth="'BILLINFO'">
|
|
|
- <div class="container-title">单据信息</div>
|
|
|
+ <div class="container-title df aic jcsb">
|
|
|
+ 单据信息
|
|
|
+ <el-button
|
|
|
+ style="margin-right: 30px"
|
|
|
+ size="medium"
|
|
|
+ type="primary"
|
|
|
+ @click="downloadBillZip"
|
|
|
+ :loading="billZipLoading"
|
|
|
+ >下载单据</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
<div class="line-container-p24" style="padding-left: 60px">
|
|
|
<div class="df aic">
|
|
|
<div class="info-line-title">保险单:</div>
|
|
|
@@ -666,8 +835,11 @@
|
|
|
{{ item.shipName }} 拍摄于
|
|
|
<br />
|
|
|
{{ item.createTime }}
|
|
|
+ <br />
|
|
|
+ 天气 : {{ item.weather.weather }} - 气温 :
|
|
|
+ {{ item.weather.temperature }}℃
|
|
|
</div>
|
|
|
- <div class="medias-box" style="position: relative">
|
|
|
+ <div class="medias-box mb10" style="position: relative">
|
|
|
<el-image
|
|
|
v-if="item.mediaType == 1"
|
|
|
style="width: 100%; height: 100%"
|
|
|
@@ -817,7 +989,7 @@ async function getVoyageDetail(type) {
|
|
|
title: res.data.msg,
|
|
|
});
|
|
|
}
|
|
|
-
|
|
|
+ blockchainInfo.value = res.data.result.blockChain;
|
|
|
coordinates.value = res.data.result.coordinates;
|
|
|
voyage.value = res.data.result.voyage;
|
|
|
medias.value = res.data.result.medias;
|
|
|
@@ -1256,11 +1428,81 @@ function showTruckRecord(item, index, text) {
|
|
|
|
|
|
let truckLoadParams = ref({});
|
|
|
function getTruckLoadBillList() {}
|
|
|
+let blockchainInfo = ref("");
|
|
|
+
|
|
|
+let billZipLoading = ref(false);
|
|
|
+async function downloadBillZip() {
|
|
|
+ billZipLoading.value = true;
|
|
|
+ let res = await downloadBlobFile(
|
|
|
+ `${url.baseurl}/voyage/exportBillZip`,
|
|
|
+ { voyageId: route.query.id },
|
|
|
+ "单据文件",
|
|
|
+ "post",
|
|
|
+ "application/zip"
|
|
|
+ );
|
|
|
+
|
|
|
+ billZipLoading.value = false;
|
|
|
+}
|
|
|
+
|
|
|
+let weatherTableData = ref([]);
|
|
|
+let weatherCurrentPage = ref(1);
|
|
|
+let weatherTotal = ref(0);
|
|
|
+async function getPortWeatherList() {
|
|
|
+ let res = await api.getPortWeatherList({
|
|
|
+ voyageId: route.query.id,
|
|
|
+ size: 10,
|
|
|
+ currentPage: weatherCurrentPage.value,
|
|
|
+ });
|
|
|
+ weatherTableData.value = res.data.result;
|
|
|
+ for (let i of weatherTableData.value) {
|
|
|
+ i.reporttime = i.reporttime.substring(0, 10);
|
|
|
+ }
|
|
|
+ weatherTotal.value = res.data.total;
|
|
|
+}
|
|
|
+
|
|
|
+function weatherPageChange(e) {
|
|
|
+ weatherCurrentPage.value = e;
|
|
|
+ getPortWeatherList();
|
|
|
+}
|
|
|
+
|
|
|
+let labTableData = ref([]);
|
|
|
+let labTotal = ref(0);
|
|
|
+let labCurrentPage = ref(1);
|
|
|
+
|
|
|
+async function getLabList() {
|
|
|
+ let res = await api.getLabList({
|
|
|
+ voyageId: route.query.id,
|
|
|
+ currentPage: labCurrentPage.value,
|
|
|
+ size: 10,
|
|
|
+ });
|
|
|
+ labTableData.value = res.data.result;
|
|
|
+ labTotal.value = res.data.total;
|
|
|
+}
|
|
|
+function labPageChange(e) {
|
|
|
+ labCurrentPage.value = e;
|
|
|
+ getLabList();
|
|
|
+}
|
|
|
+let isAddLabVisable = ref(false);
|
|
|
+let labBillList = ref([]);
|
|
|
+let labForm = ref({});
|
|
|
+function showLab(item) {
|
|
|
+ isAddLabVisable.value = true;
|
|
|
+ if (item.file) {
|
|
|
+ labBillList.value[0] = {
|
|
|
+ ...item.file,
|
|
|
+ url: item.file.viewUrl,
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ labForm.value = { ...item };
|
|
|
+}
|
|
|
|
|
|
onMounted(() => {
|
|
|
getVoyageDetail(1);
|
|
|
getDischargeList(1);
|
|
|
getTruckLoadRecord();
|
|
|
+ getLabList();
|
|
|
+ getPortWeatherList();
|
|
|
});
|
|
|
</script>
|
|
|
<style scoped>
|
wzh