|
|
|
|
@ -13,7 +13,17 @@
|
|
|
|
|
<button><span class="iconfont icon-shuaxin"></span>刷新</button>
|
|
|
|
|
</a-popconfirm>
|
|
|
|
|
<button><span class="iconfont icon-fuzhi1"></span>复制</button>
|
|
|
|
|
<button><span class="iconfont icon-icon_baocun"></span>保存</button>
|
|
|
|
|
<a-popconfirm
|
|
|
|
|
placement="bottom"
|
|
|
|
|
title="是否保存当前数据？"
|
|
|
|
|
ok-text="是"
|
|
|
|
|
cancel-text="否"
|
|
|
|
|
@confirm="saveFun"
|
|
|
|
|
@cancel="cancelRefresh"
|
|
|
|
|
>
|
|
|
|
|
<button><span class="iconfont icon-icon_baocun"></span>保存</button>
|
|
|
|
|
</a-popconfirm>
|
|
|
|
|
<!-- <button @click="saveFun"><span class="iconfont icon-icon_baocun"></span>保存</button> -->
|
|
|
|
|
<button><span class="iconfont icon-printing"></span>打印</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn-list more-view-1">
|
|
|
|
|
@ -24,10 +34,12 @@
|
|
|
|
|
<button @click="openModel('paper')"><span class="iconfont icon-zhizhishu"></span>下货纸</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn-list more-view-2">
|
|
|
|
|
<button @click="openModel('initCabin')"><span class="iconfont icon-chuanfanguanli-chuanfanshenqing"></span>放舱</button>
|
|
|
|
|
<button @click="openModel('initCabin')">
|
|
|
|
|
<span class="iconfont icon-chuanfanguanli-chuanfanshenqing"></span>放舱
|
|
|
|
|
</button>
|
|
|
|
|
<button @click="openModel('ladingBill')"><span class="iconfont icon-zhcc_tidan"></span>提单确认</button>
|
|
|
|
|
<button @click="openModel('vgm')"><span class="iconfont icon-lianjie"></span>VGM链接</button>
|
|
|
|
|
<button><span class="iconfont icon-dayinxiaopiao"></span>提箱小票</button>
|
|
|
|
|
<button @click="openModel('vgmlink')"><span class="iconfont icon-lianjie"></span>VGM链接</button>
|
|
|
|
|
<button @click="TxxpLink"><span class="iconfont icon-dayinxiaopiao"></span>提箱小票</button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="btn-list more-view-3">
|
|
|
|
|
<button @click="openTab('sonMenu')"><span class="iconfont icon-a-xiaopiaofapiao-01"></span>分票</button>
|
|
|
|
|
@ -40,7 +52,7 @@
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="btn-list single-view-4">
|
|
|
|
|
<button><span class="iconfont icon-OCR"></span>OCR</button>
|
|
|
|
|
<button><span class="iconfont icon-jinggao"></span>校验</button>
|
|
|
|
|
<button @click="checkFun"><span class="iconfont icon-jinggao"></span>校验</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn-list single-view-1">
|
|
|
|
|
<button><span class="iconfont icon-shang"></span>上一票</button>
|
|
|
|
|
@ -58,36 +70,40 @@
|
|
|
|
|
@cancel="handleModelCancel"
|
|
|
|
|
>
|
|
|
|
|
<template v-if="['bookingSpace', 'cutOff'].includes(modelType)">
|
|
|
|
|
<a-form :form="bookingModelFrom">
|
|
|
|
|
<a-form>
|
|
|
|
|
<a-row :gutter="16">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="使用货代代码" :labelCol="{xs: { span: 24 }, sm: { span: 7 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入货代代码"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入货代代码' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-col :span="11" class="book-model-box">
|
|
|
|
|
<a-checkbox class="book-check" @change="bookingCheckChange" />
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="使用货代代码"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入货代代码" v-model="bookingModelFrom.forwarderCode" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="货代称呼" :labelCol="{xs: { span: 24 }, sm: { span: 5 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入货代称呼"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入货代称呼' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="货代称呼"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入货代称呼" v-model="bookingModelFrom.forwarderName" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="文件功能" :labelCol="{xs: { span: 24 }, sm: { span: 5 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-radio-group v-decorator="['label']">
|
|
|
|
|
<a-radio :style="radioStyle" :value="1">
|
|
|
|
|
原始
|
|
|
|
|
</a-radio>
|
|
|
|
|
<a-radio :style="radioStyle" :value="2">
|
|
|
|
|
更新
|
|
|
|
|
</a-radio>
|
|
|
|
|
<a-radio :style="radioStyle" :value="3">
|
|
|
|
|
退舱
|
|
|
|
|
</a-radio>
|
|
|
|
|
<a-col :span="10">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="文件功能"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-radio-group v-model="bookingModelFrom.fileRole">
|
|
|
|
|
<a-radio :style="radioStyle" :value="9"> 原始 </a-radio>
|
|
|
|
|
<a-radio :style="radioStyle" :value="1"> 更新 </a-radio>
|
|
|
|
|
<a-radio :style="radioStyle" :value="5"> 退舱 </a-radio>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
@ -95,128 +111,142 @@
|
|
|
|
|
</a-form>
|
|
|
|
|
<template slot="footer">
|
|
|
|
|
<a-button @click="handleModelCancel">关闭</a-button>
|
|
|
|
|
<a-button type="primary" @click="handleModelSubmit">保存EDI文件</a-button>
|
|
|
|
|
<a-button type="primary" @click="handleModelUpLoad">上传EDT</a-button>
|
|
|
|
|
<a-button type="primary" @click="handleModelSubmit('save')">保存EDI文件</a-button>
|
|
|
|
|
<a-button type="primary" @click="handleModelSubmit('send')">上传EDT</a-button>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-else-if="['initCabin', 'ladingBill', 'vgm'].includes(modelType)">
|
|
|
|
|
<a-form :form="initCabinFrom">
|
|
|
|
|
<template v-else-if="['initCabin', 'ladingBill', 'vgmlink'].includes(modelType)">
|
|
|
|
|
<a-form>
|
|
|
|
|
<a-row :gutter="16">
|
|
|
|
|
<div class="item-box">
|
|
|
|
|
<!-- to -->
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item label="TO" :labelCol="{xs: { span: 24 }, sm: { span: 2 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入内容"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入内容' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="TO"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 2 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入内容" v-model="initCabinFrom.toName" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item label="ATTN" :labelCol="{xs: { span: 24 }, sm: { span: 5 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入ATTN"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入ATTN' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="ATTN"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入ATTN" v-model="initCabinFrom.attn" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item label="电话" :labelCol="{xs: { span: 24 }, sm: { span: 5 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入电话"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入电话' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="电话"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入电话" v-model="initCabinFrom.attnTel" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item label="邮箱" :labelCol="{xs: { span: 24 }, sm: { span: 5 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入邮箱"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入邮箱' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="邮箱"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入邮箱" v-model="initCabinFrom.attnMail" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<!-- from -->
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item label="FROM" :labelCol="{xs: { span: 24 }, sm: { span: 2 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入内容"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入内容' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item label="ATTN" :labelCol="{xs: { span: 24 }, sm: { span: 5 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入ATTN"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入ATTN' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="FROM"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入内容" v-model="initCabinFrom.fromName" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item label="电话" :labelCol="{xs: { span: 24 }, sm: { span: 5 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入电话"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入电话' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="电话"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入电话" v-model="initCabinFrom.fromTel" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item label="邮箱" :labelCol="{xs: { span: 24 }, sm: { span: 5 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入邮箱"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入邮箱' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="邮箱"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 5 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入邮箱" v-model="initCabinFrom.fromMail" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</div>
|
|
|
|
|
<template v-if="modelType === 'initCabin'">
|
|
|
|
|
<div class="item-box">
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item label="提箱小票链接" :labelCol="{xs: { span: 24 }, sm: { span: 3 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="提箱小票链接"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<div class="box-flex">
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入提箱小票链接"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入提箱小票链接' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<span>复制</span>
|
|
|
|
|
<a-input placeholder="请输入提箱小票链接" v-model="initCabinFrom.orderUrl.urlTxxp" />
|
|
|
|
|
<span @click="copyFun(initCabinFrom.orderUrl.urlTxxp)">复制</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item label="VGM链接" :labelCol="{xs: { span: 24 }, sm: { span: 3 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="VGM链接"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<div class="box-flex">
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入VGM链接"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入VGM链接' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<span>复制</span>
|
|
|
|
|
<a-input placeholder="请输入VGM链接" v-model="initCabinFrom.orderUrl.urlVgm" />
|
|
|
|
|
<span @click="copyFun(initCabinFrom.orderUrl.urlVgm)">复制</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item label="SI&VGM链接" :labelCol="{xs: { span: 24 }, sm: { span: 3 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="SI&VGM链接"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<div class="box-flex">
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入SI&VGM链接"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入SI&VGM链接' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<span>复制</span>
|
|
|
|
|
<a-input placeholder="请输入SI&VGM链接" v-model="initCabinFrom.orderUrl.urlVgmSi" />
|
|
|
|
|
<span @click="copyFun(initCabinFrom.orderUrl.urlVgmSi)">复制</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="modelType === 'vgm'">
|
|
|
|
|
<template v-if="modelType === 'vgmlink'">
|
|
|
|
|
<div class="item-box">
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item label="VGM提交地址" :labelCol="{xs: { span: 24 }, sm: { span: 3 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="VGM提交地址"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<div class="box-flex">
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入VGM提交地址"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入VGM提交地址' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-input placeholder="请输入VGM提交地址" v-model="initCabinFrom.orderUrl.urlVgm" />
|
|
|
|
|
<span>复制</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
@ -224,120 +254,248 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-box vgm-info">
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="主提单号" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="主提单号"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="分提单号" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="分提单号"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="船名航次" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="船名航次"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="开船日期" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="开船日期"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="截港时间" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截港时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="截单时间" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截单时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="截VGM时间" :labelCol="{xs: { span: 24 }, sm: { span: 4 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截VGM时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 4 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="装货港" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="装货港"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="卸货港" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="卸货港"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="目的地" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="目的地"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="件重尺" :labelCol="{xs: { span: 24 }, sm: { span: 8 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="件重尺"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
4234465464
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-box vgm-remarks">
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item label="备注" :labelCol="{xs: { span: 24 }, sm: { span: 3 }}" :wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }" has-feedback>
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="备注"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<div class="box-flex">
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入备注"
|
|
|
|
|
v-decorator="['code', { rules: [{ required: true, message: '请输入备注' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
<a-input placeholder="请输入备注" v-model="initCabinFrom.remark" />
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="modelType === 'ladingBill'">
|
|
|
|
|
<iframe class="pdf-view" src="billPdf" width="100%" height="100%" v-if="hsaBillPdf"></iframe>
|
|
|
|
|
<div class="no-pdf" v-else>{{ billPdfTip }}</div>
|
|
|
|
|
</template>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-form>
|
|
|
|
|
<template slot="footer">
|
|
|
|
|
<a-button >保存</a-button>
|
|
|
|
|
<a-button type="primary">发送</a-button>
|
|
|
|
|
<a-button type="primary">删除</a-button>
|
|
|
|
|
<a-button @click="saveModel">保存</a-button>
|
|
|
|
|
<a-button type="primary" @click="sendModel">发送</a-button>
|
|
|
|
|
<a-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="removeModel"
|
|
|
|
|
v-if="['initCabin', 'vgmlink'].includes(modelType)"
|
|
|
|
|
>
|
|
|
|
|
删除
|
|
|
|
|
</a-button>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
</a-modal>
|
|
|
|
|
<!-- 弹窗部分 end -->
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
SendBookingOrClosingEDI,
|
|
|
|
|
SendXHZ,
|
|
|
|
|
VgmSend,
|
|
|
|
|
LetterYard,
|
|
|
|
|
SampleBill,
|
|
|
|
|
VgmLink,
|
|
|
|
|
SendLetterYard,
|
|
|
|
|
SaveBookingLetteryard,
|
|
|
|
|
SaveBookingSampleBill,
|
|
|
|
|
SampleBillPdf,
|
|
|
|
|
TxxpLink,
|
|
|
|
|
ExcuteRulesOceanBooking
|
|
|
|
|
} from '@/api/modular/main/BookingLedger'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
details: {
|
|
|
|
|
type: Object,
|
|
|
|
|
default: () => {
|
|
|
|
|
return {}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
id: this.$route.query.id,
|
|
|
|
|
modelType: '',
|
|
|
|
|
bookingModelvisible: false,
|
|
|
|
|
bookingModelconfirm: false,
|
|
|
|
|
// 订舱等表单
|
|
|
|
|
bookingModelFrom: this.$form.createForm(this),
|
|
|
|
|
bookingModelFrom: {
|
|
|
|
|
id: this.$route.query.id,
|
|
|
|
|
orderNo: this.details.mblno,
|
|
|
|
|
useForwarderCode: false,
|
|
|
|
|
forwarderCode: '',
|
|
|
|
|
forwarderName: '',
|
|
|
|
|
fileRole: '',
|
|
|
|
|
sendType: 'B',
|
|
|
|
|
send: false,
|
|
|
|
|
},
|
|
|
|
|
radioStyle: {
|
|
|
|
|
display: 'block',
|
|
|
|
|
height: '30px',
|
|
|
|
|
lineHeight: '30px'
|
|
|
|
|
lineHeight: '30px',
|
|
|
|
|
},
|
|
|
|
|
// 放舱表单
|
|
|
|
|
initCabinFrom: this.$form.createForm(this)
|
|
|
|
|
initCabinFrom: {
|
|
|
|
|
toName: '',
|
|
|
|
|
attn: '',
|
|
|
|
|
attnTel: '',
|
|
|
|
|
attnMail: '',
|
|
|
|
|
fromName: '',
|
|
|
|
|
fromTel: '',
|
|
|
|
|
fromMail: '',
|
|
|
|
|
orderUrl: {
|
|
|
|
|
urlTxxp: '',
|
|
|
|
|
urlVgm: '',
|
|
|
|
|
urlVgmSi: '',
|
|
|
|
|
},
|
|
|
|
|
remark: '',
|
|
|
|
|
},
|
|
|
|
|
// 样单
|
|
|
|
|
hsaBillPdf: false,
|
|
|
|
|
billPdf: '',
|
|
|
|
|
billPdfTip: ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getLetterYard()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
refreshPage () {
|
|
|
|
|
refreshPage() {
|
|
|
|
|
this.$emit('refresh')
|
|
|
|
|
},
|
|
|
|
|
cancelRefresh() {
|
|
|
|
|
return false
|
|
|
|
|
},
|
|
|
|
|
openModel(type) {
|
|
|
|
|
if (['bookingSpace', 'cutOff', 'initCabin', 'ladingBill', 'vgm'].includes(type)) {
|
|
|
|
|
if (['bookingSpace', 'cutOff', 'initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
|
|
|
|
|
// 订舱 / 截单
|
|
|
|
|
this.modelType = type
|
|
|
|
|
this.bookingModelvisible = true
|
|
|
|
|
} else if (['vgm', 'paper'].includes(type)) {
|
|
|
|
|
this.openDialog(type)
|
|
|
|
|
}
|
|
|
|
|
if (type === 'initCabin') {
|
|
|
|
|
this.getLetterYard()
|
|
|
|
|
} else if (type === 'ladingBill') {
|
|
|
|
|
this.getSampleBill()
|
|
|
|
|
this.sampleBillPdf()
|
|
|
|
|
} else if (type === 'vgmlink') {
|
|
|
|
|
this.getVgmLink()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
emnuHeader(type) {
|
|
|
|
|
let title = ''
|
|
|
|
|
@ -354,49 +512,339 @@ export default {
|
|
|
|
|
case 'ladingBill':
|
|
|
|
|
title = '样单'
|
|
|
|
|
break
|
|
|
|
|
case 'vgm':
|
|
|
|
|
case 'vgmlink':
|
|
|
|
|
title = 'vgm链接'
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return title
|
|
|
|
|
},
|
|
|
|
|
// 订舱 / 截单
|
|
|
|
|
handleModelSubmit () {
|
|
|
|
|
// 保存EDI
|
|
|
|
|
this.handleModelCancel()
|
|
|
|
|
handleModelSubmit(type) {
|
|
|
|
|
if (this.modelType === 'bookingSpace') {
|
|
|
|
|
this.bookingModelFrom.sendType = 'B'
|
|
|
|
|
} else if (this.modelType === 'cutOff') {
|
|
|
|
|
this.bookingModelFrom.sendType = '' // 问下这里的参数
|
|
|
|
|
}
|
|
|
|
|
this.bookingModelFrom.send = type === 'send'
|
|
|
|
|
this.bookingModelFrom.orderNo = this.details.mblno
|
|
|
|
|
debugger
|
|
|
|
|
SendBookingOrClosingEDI(this.bookingModelFrom)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
// 未完成
|
|
|
|
|
debugger
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success(`${type === 'send' ? '发送' : '保存'}成功`)
|
|
|
|
|
this.handleModelCancel()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleModelCancel () {
|
|
|
|
|
handleModelCancel() {
|
|
|
|
|
this.modelType = ''
|
|
|
|
|
this.bookingModelvisible = false
|
|
|
|
|
},
|
|
|
|
|
handleModelUpLoad () {
|
|
|
|
|
// 上传EDI
|
|
|
|
|
this.handleModelCancel()
|
|
|
|
|
this.bookingModelFrom = {
|
|
|
|
|
id: this.$route.query.id,
|
|
|
|
|
orderNo: this.details.mblno,
|
|
|
|
|
useForwarderCode: false,
|
|
|
|
|
forwarderCode: '',
|
|
|
|
|
forwarderName: '',
|
|
|
|
|
fileRole: '',
|
|
|
|
|
sendType: 'B',
|
|
|
|
|
send: false,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// vgm / 下货纸
|
|
|
|
|
openDialog (type) {
|
|
|
|
|
openDialog(type) {
|
|
|
|
|
let content = null
|
|
|
|
|
const _this = this
|
|
|
|
|
if (type === 'vgm') {
|
|
|
|
|
content = h => <div>确认发送VGM吗?</div>
|
|
|
|
|
content = (h) => <div>确认发送VGM吗?</div>
|
|
|
|
|
} else if (type === 'paper') {
|
|
|
|
|
content = h => <div>确认发送下货纸吗?</div>
|
|
|
|
|
content = (h) => <div>确认发送下货纸吗?</div>
|
|
|
|
|
}
|
|
|
|
|
this.$confirm({
|
|
|
|
|
title: '温馨提示',
|
|
|
|
|
content: content,
|
|
|
|
|
onOk() {
|
|
|
|
|
console.log('OK');
|
|
|
|
|
console.log('OK')
|
|
|
|
|
debugger
|
|
|
|
|
if (type === 'vgm') {
|
|
|
|
|
_this.vgmSend()
|
|
|
|
|
} else if (type === 'paper') {
|
|
|
|
|
_this.sendXHZ()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onCancel() {
|
|
|
|
|
console.log('Cancel');
|
|
|
|
|
console.log('Cancel')
|
|
|
|
|
},
|
|
|
|
|
class: 'test'
|
|
|
|
|
});
|
|
|
|
|
class: 'test',
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
sendXHZ() {
|
|
|
|
|
SendXHZ({
|
|
|
|
|
bookingId: this.id,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
debugger
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success(`下货纸发送成功`)
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
vgmSend() {
|
|
|
|
|
VgmSend({
|
|
|
|
|
bookingId: this.id,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
debugger
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success(`VGM发送成功`)
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 获取放舱信息
|
|
|
|
|
getLetterYard() {
|
|
|
|
|
LetterYard({
|
|
|
|
|
bookingId: this.id,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
console.log('== 放舱信息 ==', res.data)
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.initCabinFrom = res.data
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 获取样单信息
|
|
|
|
|
getSampleBill() {
|
|
|
|
|
SampleBill({
|
|
|
|
|
bookingId: this.id,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
console.log('== 样单信息 ==', res.data)
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.initCabinFrom = res.data
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 获取VGM信息
|
|
|
|
|
getVgmLink() {
|
|
|
|
|
VgmLink({
|
|
|
|
|
bookingId: this.id,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
console.log('== VGM信息 ==', res.data)
|
|
|
|
|
if (res.success) {
|
|
|
|
|
// this.initCabinFrom = res.data
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
sampleBillPdf () {
|
|
|
|
|
SampleBillPdf({
|
|
|
|
|
bookingId: this.id
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.hsaBillPdf = true
|
|
|
|
|
this.billPdf = res.data.description
|
|
|
|
|
} else {
|
|
|
|
|
this.hsaBillPdf = false
|
|
|
|
|
this.billPdfTip = res.message
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
copyFun(data) {
|
|
|
|
|
const copyInput = document.createElement('input')
|
|
|
|
|
document.body.appendChild(copyInput)
|
|
|
|
|
copyInput.setAttribute('value', data)
|
|
|
|
|
copyInput.select()
|
|
|
|
|
document.execCommand('Copy', false, null)
|
|
|
|
|
this.$message.success('复制成功')
|
|
|
|
|
copyInput.remove()
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 主页打开TAB
|
|
|
|
|
openTab (type) {
|
|
|
|
|
openTab(type) {
|
|
|
|
|
this.$emit('openTab', { type: type })
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 保存
|
|
|
|
|
saveFun() {
|
|
|
|
|
this.$emit('save')
|
|
|
|
|
},
|
|
|
|
|
bookingCheckChange(e) {
|
|
|
|
|
this.bookingModelFrom.useForwarderCode = e.target.checked
|
|
|
|
|
console.log(e.target.checked)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 放舱 vgm 等保存按钮
|
|
|
|
|
saveModel() {
|
|
|
|
|
// 手机号/ 邮箱 验证未加
|
|
|
|
|
if (this.modelType === 'initCabin') {
|
|
|
|
|
// 放舱
|
|
|
|
|
this.saveBookingLetteryard()
|
|
|
|
|
} else if (this.modelType === 'vgmlink') {
|
|
|
|
|
// VGM 链接
|
|
|
|
|
console.log('暂无接口')
|
|
|
|
|
} else {
|
|
|
|
|
// 样单
|
|
|
|
|
this.saveBookingSampleBill()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
sendModel() {
|
|
|
|
|
if (this.modelType === 'initCabin') {
|
|
|
|
|
// 放舱
|
|
|
|
|
this.sendLetterYard()
|
|
|
|
|
} else if (this.modelType === 'vgmlink') {
|
|
|
|
|
// VGM 链接
|
|
|
|
|
console.log('暂无接口')
|
|
|
|
|
} else {
|
|
|
|
|
// 样单
|
|
|
|
|
console.log('暂无接口')
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
removeModel() {
|
|
|
|
|
if (this.modelType === 'initCabin') {
|
|
|
|
|
// 放舱
|
|
|
|
|
console.log('暂无接口')
|
|
|
|
|
} else if (this.modelType === 'vgmlink') {
|
|
|
|
|
// VGM 链接
|
|
|
|
|
console.log('暂无接口')
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 保存放舱
|
|
|
|
|
saveBookingLetteryard() {
|
|
|
|
|
if (!this.id) {
|
|
|
|
|
this.initCabinFrom = {
|
|
|
|
|
...this.initCabinFrom,
|
|
|
|
|
...{
|
|
|
|
|
closeDocTime: this.details.closedocdate,
|
|
|
|
|
closingTime: this.details.closingdate,
|
|
|
|
|
vgmTime: this.details.closevgmdate
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
SaveBookingLetteryard(this.initCabinFrom)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
debugger
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('保存成功')
|
|
|
|
|
// this.initCabinFrom = res.data
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 保存 / 发送 样单
|
|
|
|
|
saveBookingSampleBill() {
|
|
|
|
|
SaveBookingSampleBill(this.initCabinFrom)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('保存成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 发送放舱
|
|
|
|
|
sendLetterYard() {
|
|
|
|
|
SendLetterYard({
|
|
|
|
|
bookingId: this.id
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
debugger
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('发送成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
TxxpLink() {
|
|
|
|
|
TxxpLink({
|
|
|
|
|
bookingId: this.id
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
console.log(res.data)
|
|
|
|
|
this.copyFun(res.data)
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
checkFun () {
|
|
|
|
|
ExcuteRulesOceanBooking({
|
|
|
|
|
bookingId: this.id
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
debugger
|
|
|
|
|
if (res.success) {
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
@ -487,10 +935,10 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.box-flex{
|
|
|
|
|
.box-flex {
|
|
|
|
|
display: flex;
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
span{
|
|
|
|
|
span {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 60px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
@ -501,15 +949,34 @@ export default {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.item-box{
|
|
|
|
|
.item-box {
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
border-bottom: 1px dashed #ccc;
|
|
|
|
|
&:nth-last-of-type(1){
|
|
|
|
|
&:nth-last-of-type(1) {
|
|
|
|
|
border: none;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.book-model-box {
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-left: 50px;
|
|
|
|
|
.book-check {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 50px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.pdf-view{
|
|
|
|
|
height: 400px;
|
|
|
|
|
}
|
|
|
|
|
.no-pdf{
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin: 20px 0;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
