|
|
@@ -103,6 +103,18 @@
|
|
|
label="船东"
|
|
|
min-width="120"
|
|
|
/>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="warning"
|
|
|
+ link
|
|
|
+ @click="openMapDrawer(scope.row)"
|
|
|
+ >
|
|
|
+ 查看轨迹
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
<div
|
|
|
v-show="currentRow.Name?.length"
|
|
|
@@ -458,12 +470,34 @@
|
|
|
:scene="'QC'"
|
|
|
/>
|
|
|
</el-drawer>
|
|
|
+ <el-drawer
|
|
|
+ v-model:model-value="mapDrawerVisible"
|
|
|
+ :size="'1050px'"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ :destroy-on-close="true"
|
|
|
+ :with-header="false"
|
|
|
+ header-class="mb-1"
|
|
|
+ >
|
|
|
+ <div class="relative h-[20px]">
|
|
|
+ <span
|
|
|
+ @click="closeMapDrawer"
|
|
|
+ class="absolute top-[-16px] right-0 text-gray-600 text-sm cursor-pointer"
|
|
|
+ >
|
|
|
+ 关闭地图窗口
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ id="mapDrawer"
|
|
|
+ class="h-[100%]"
|
|
|
+ ></div>
|
|
|
+ </el-drawer>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
-import { defineComponent, ref, watch, computed } from 'vue'
|
|
|
+import { defineComponent, ref, watch, computed, nextTick } from 'vue'
|
|
|
import {
|
|
|
ElButton,
|
|
|
ElForm,
|
|
|
@@ -1043,6 +1077,26 @@ let computedTotalFOB = computed(() => {
|
|
|
return t
|
|
|
}, 0)
|
|
|
})
|
|
|
+
|
|
|
+// 订单轨迹地图插件
|
|
|
+let mapDrawerVisible = ref(false)
|
|
|
+const openMapDrawer = (row: any) => {
|
|
|
+ mapDrawerVisible.value = true
|
|
|
+ console.log(row.Carrier, 'row.value.Carrier')
|
|
|
+ console.log(row.Booking_Number, 'row.value.Booking_Number')
|
|
|
+ if (window.Sgld) {
|
|
|
+ nextTick(() => {
|
|
|
+ window.Sgld.createContainerTrack({
|
|
|
+ id: 'mapDrawer',
|
|
|
+ carrierCode: row.Carrier, // 船公司代码
|
|
|
+ billNo: row.Booking_Number, // 提单号
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+}
|
|
|
+const closeMapDrawer = () => {
|
|
|
+ mapDrawerVisible.value = false
|
|
|
+}
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
.page-cargo-consolidation {
|
