feature-JimuReport-1106-yjl
sunzehua 4 weeks ago
parent d94402c5c9
commit 39db3c7e4d

@ -27,16 +27,91 @@
<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 }">
<template v-if="column.dataIndex == 'statusText'">
@ -44,13 +119,13 @@
{{ record.statusText }}</span>
<span v-else-if="record.status == 1" class="ds-green-tag">{{
record.statusText
}}</span>
}}</span>
<span v-else-if="/^2|3$/.test(record.status)" class="ds-orange-tag">{{
record.statusText
}}</span>
}}</span>
<span v-else-if="/^4|5$/.test(record.status)" class="ds-red-tag">{{
record.statusText
}}</span>
}}</span>
<span v-else class="ds-purple-tag">{{ record.statusText }}</span>
</template>
</template>
@ -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>

@ -46,9 +46,9 @@
<a-popconfirm title="是否取消当前选择项?" ok-text="" cancel-text="" @confirm="removeFun">
<a-button type="link"> <i class="icon-weiwancheng iconfont"></i> 取消</a-button>
</a-popconfirm>
<a-popconfirm title="确定完成当前选择项?" ok-text="" cancel-text="" @confirm="submitFun">
<!-- <a-popconfirm title="确定完成当前选择项?" ok-text="" cancel-text="" @confirm="submitFun">
<a-button type="link"><i class="icon-yiwancheng2 iconfont"></i>完成</a-button>
</a-popconfirm>
</a-popconfirm> -->
<a-button type="link" @click="openUser"><i class="icon-zhuanfa iconfont"></i>任务转交</a-button>
<a-popconfirm title="确定任务领取吗?" ok-text="" cancel-text="" @confirm="handlePull">
<a-button type="link"><i class="icon-shangchuanziliao iconfont"></i>任务领取</a-button>

Loading…
Cancel
Save