|
|
|
@ -27,15 +27,90 @@
|
|
|
|
|
<a-dropdown>
|
|
|
|
|
<template #overlay>
|
|
|
|
|
<a-menu>
|
|
|
|
|
<a-menu-item>现舱</a-menu-item>
|
|
|
|
|
<a-menu-item>提单签入</a-menu-item>
|
|
|
|
|
<a-menu-item>取消签入</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
</template>
|
|
|
|
|
<a-button type="link">
|
|
|
|
|
<span style="font-size: 11px" class="iconfont icon-qudiaozhuanli"></span>
|
|
|
|
|
现舱
|
|
|
|
|
<span style="font-size: 11px" class="iconfont icon-tuihuotuihuo"></span>
|
|
|
|
|
提单签入
|
|
|
|
|
<span class="iconfont icon-30jiantouxiangxiafill"></span>
|
|
|
|
|
</a-button>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
<a-dropdown>
|
|
|
|
|
<template #overlay>
|
|
|
|
|
<a-menu>
|
|
|
|
|
<a-menu-item>提单签出</a-menu-item>
|
|
|
|
|
<a-menu-item>取消签出</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
</template>
|
|
|
|
|
<a-button type="link">
|
|
|
|
|
<span style="font-size: 11px" class="iconfont icon-tuihuotuihuo"></span>
|
|
|
|
|
提单签出
|
|
|
|
|
<span class="iconfont icon-30jiantouxiangxiafill"></span>
|
|
|
|
|
</a-button>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
<a-dropdown>
|
|
|
|
|
<template #overlay>
|
|
|
|
|
<a-menu>
|
|
|
|
|
<a-menu-item>船证签入</a-menu-item>
|
|
|
|
|
<a-menu-item>取消船证签入</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
</template>
|
|
|
|
|
<a-button type="link">
|
|
|
|
|
<span style="font-size: 11px" class="iconfont icon-tuihuotuihuo"></span>
|
|
|
|
|
船证签入
|
|
|
|
|
<span class="iconfont icon-30jiantouxiangxiafill"></span>
|
|
|
|
|
</a-button>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
<a-dropdown>
|
|
|
|
|
<template #overlay>
|
|
|
|
|
<a-menu>
|
|
|
|
|
<a-menu-item>换签(背书)</a-menu-item>
|
|
|
|
|
<a-menu-item>取消换签(背书)</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
</template>
|
|
|
|
|
<a-button type="link">
|
|
|
|
|
<span style="font-size: 11px" class="iconfont icon-tuihuotuihuo"></span>
|
|
|
|
|
换签(背书)
|
|
|
|
|
<span class="iconfont icon-30jiantouxiangxiafill"></span>
|
|
|
|
|
</a-button>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
<a-dropdown>
|
|
|
|
|
<template #overlay>
|
|
|
|
|
<a-menu>
|
|
|
|
|
<a-menu-item>驳回放单通知</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
</template>
|
|
|
|
|
<a-button type="link">
|
|
|
|
|
<span style="font-size: 11px" class="iconfont icon-tuihuotuihuo"></span>
|
|
|
|
|
驳回放单通知
|
|
|
|
|
<span class="iconfont icon-30jiantouxiangxiafill"></span>
|
|
|
|
|
</a-button>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
<a-dropdown>
|
|
|
|
|
<template #overlay>
|
|
|
|
|
<a-menu>
|
|
|
|
|
<a-menu-item>更改提单</a-menu-item>
|
|
|
|
|
<a-menu-item>状态更改</a-menu-item>
|
|
|
|
|
</a-menu>
|
|
|
|
|
</template>
|
|
|
|
|
<a-button type="link">
|
|
|
|
|
<span style="font-size: 11px" class="iconfont icon-tuihuotuihuo"></span>
|
|
|
|
|
其他
|
|
|
|
|
<span class="iconfont icon-30jiantouxiangxiafill"></span>
|
|
|
|
|
</a-button>
|
|
|
|
|
</a-dropdown>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="flex: 2; background: #f5f6f7; padding: 5px 11px;">
|
|
|
|
|
<a-radio-group v-model:value="value">
|
|
|
|
|
<a-radio :value="1">提单查询</a-radio>
|
|
|
|
|
<a-radio :value="2">可签入</a-radio>
|
|
|
|
|
<a-radio :value="3">可签出</a-radio>
|
|
|
|
|
<a-radio :value="4">已签出</a-radio>
|
|
|
|
|
<a-radio :value="4">改签</a-radio>
|
|
|
|
|
<a-radio :value="4">已扣单</a-radio>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:bodyCell="{ column, record }">
|
|
|
|
@ -58,20 +133,20 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div style="padding-left: 20px;">
|
|
|
|
|
<a-spin :spinning="loading">
|
|
|
|
|
<a-tabs @change="tabChange" v-model:activeKey="activeKey">
|
|
|
|
|
<a-tab-pane :key="0" tab="发票明细"></a-tab-pane>
|
|
|
|
|
<a-tab-pane :key="1" tab="费用明细"></a-tab-pane>
|
|
|
|
|
<a-tab-pane :key="2" tab="附件"></a-tab-pane>
|
|
|
|
|
</a-tabs>
|
|
|
|
|
<div style="display: flex;" v-if="activeKey == 0">
|
|
|
|
|
<div style="display: flex;">
|
|
|
|
|
<div class="left">
|
|
|
|
|
|
|
|
|
|
<div class="title-bold" >日志</div>
|
|
|
|
|
<BasicTable class="ds-mini-table-detail pay-table" @register="registerTable2">
|
|
|
|
|
|
|
|
|
|
</BasicTable>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="middle">
|
|
|
|
|
<div class="title-bold" >欠费信息</div>
|
|
|
|
|
<BasicTable class="ds-mini-table-detail pay-table" @register="registerTable2">
|
|
|
|
|
</BasicTable>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<div style="font-size: 12px;color: black;font-weight: bold;margin-bottom: 10px">票面信息</div>
|
|
|
|
|
<div style="font-size: 12px;color: black;font-weight: bold;margin-bottom: 10px">相关信息</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span class="text">发票抬头:</span>
|
|
|
|
|
<span class="bold">{{ feeData.invoiceHeader }}</span>
|
|
|
|
@ -120,30 +195,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex;" v-if="activeKey == 1">
|
|
|
|
|
<div class="left-fee">
|
|
|
|
|
|
|
|
|
|
<BasicTable @register="registerTable3">
|
|
|
|
|
<template v-slot:bodyCell="{ column, record }">
|
|
|
|
|
<template v-if="column.key === 'feeType'">
|
|
|
|
|
<span v-if="record.feeType == 1">收</span>
|
|
|
|
|
<span v-if="record.feeType == 2">付</span>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
</BasicTable>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-fee">
|
|
|
|
|
<BasicTable @register="registerTable4">
|
|
|
|
|
<template v-slot:bodyCell="{ column, record }">
|
|
|
|
|
<template v-if="column.key === 'feeType'">
|
|
|
|
|
<span v-if="record.feeType == 1">收</span>
|
|
|
|
|
<span v-if="record.feeType == 2">付</span>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
</BasicTable>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex;" v-if="activeKey == 2">
|
|
|
|
|
<!-- <div style="display: flex;" v-if="activeKey == 2">
|
|
|
|
|
<a-table size="small" :pagination="false" rowKey="id" :columns="columnsFile" :data-source="fileData"
|
|
|
|
|
bordered>
|
|
|
|
|
<template v-slot:bodyCell="{ column, record }">
|
|
|
|
@ -155,7 +207,7 @@
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</a-spin>
|
|
|
|
|
</div>
|
|
|
|
|
<a-modal width="600px" @cancel="refuseFlag = false" @ok="sureRefuse" :visible="refuseFlag" title="驳回原因">
|
|
|
|
@ -289,6 +341,7 @@ const feeData = ref({}) as any
|
|
|
|
|
const loading = ref(false)
|
|
|
|
|
const fileData = ref([]) as any
|
|
|
|
|
const remark = ref('')
|
|
|
|
|
const value = ref('')
|
|
|
|
|
function download(item) {
|
|
|
|
|
DownloadOpFile({ id: item.id }).then(res => {
|
|
|
|
|
const pdfUrl = window.URL.createObjectURL(new Blob([res.data], { type: 'application/txt;charset=utf-8' }))
|
|
|
|
@ -405,14 +458,19 @@ function sureRefuse() {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.left {
|
|
|
|
|
width: 58%;
|
|
|
|
|
margin-right: 1%;
|
|
|
|
|
width: 29%;
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
border-right: 1px solid #ebebeb;
|
|
|
|
|
}
|
|
|
|
|
.middle{
|
|
|
|
|
width: 38%;
|
|
|
|
|
margin:0 1%;
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
border-right: 1px solid #ebebeb;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.right {
|
|
|
|
|
width: 40%;
|
|
|
|
|
width: 30%;
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
@ -523,5 +581,19 @@ function sureRefuse() {
|
|
|
|
|
margin: 6.8px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.ant-radio-group) {
|
|
|
|
|
display: flex;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.title-bold{
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
margin-bottom: 10px
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style lang="less"></style>
|
|
|
|
|