lijingjia
/
ds-wms-client-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提单

Browse Source
feature-JimuReport-1106-yjl
sunzehua 4 weeks ago
parent d94402c5c9
commit 39db3c7e4d
2 changed files with 116 additions and 44 deletions
Show Stats Download Patch File Download Diff File

156
src/views/operation/bill/index.vue
Unescape Escape View File

@ -27,16 +27,91 @@
<a-dropdown> <a-dropdown>
<template #overlay> <template #overlay>
<a-menu> <a-menu>
<a-menu-item>现舱</a-menu-item> <a-menu-item>提单签入</a-menu-item>
<a-menu-item>取消签入</a-menu-item>
</a-menu> </a-menu>
</template> </template>
<a-button type="link"> <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> <span class="iconfont icon-30jiantouxiangxiafill"></span>
</a-button> </a-button>
</a-dropdown> </a-dropdown>
</div> </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>
<template v-slot:bodyCell="{ column, record }"> <template v-slot:bodyCell="{ column, record }">
<template v-if="column.dataIndex == 'statusText'"> <template v-if="column.dataIndex == 'statusText'">
@ -44,13 +119,13 @@
{{ record.statusText }}</span> {{ record.statusText }}</span>
<span v-else-if="record.status == 1" class="ds-green-tag">{{ <span v-else-if="record.status == 1" class="ds-green-tag">{{
record.statusText record.statusText
}}</span> }}</span>
<span v-else-if="/^2|3$/.test(record.status)" class="ds-orange-tag">{{ <span v-else-if="/^2|3$/.test(record.status)" class="ds-orange-tag">{{
record.statusText record.statusText
}}</span> }}</span>
<span v-else-if="/^4|5$/.test(record.status)" class="ds-red-tag">{{ <span v-else-if="/^4|5$/.test(record.status)" class="ds-red-tag">{{
record.statusText record.statusText
}}</span> }}</span>
<span v-else class="ds-purple-tag">{{ record.statusText }}</span> <span v-else class="ds-purple-tag">{{ record.statusText }}</span>
</template> </template>
</template> </template>
@ -58,20 +133,20 @@
</div> </div>
<div style="padding-left: 20px;"> <div style="padding-left: 20px;">
<a-spin :spinning="loading"> <a-spin :spinning="loading">
<a-tabs @change="tabChange" v-model:activeKey="activeKey"> <div style="display: flex;">
<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 class="left"> <div class="left">
<div class="title-bold" >日志</div>
<BasicTable class="ds-mini-table-detail pay-table" @register="registerTable2"> <BasicTable class="ds-mini-table-detail pay-table" @register="registerTable2">
</BasicTable> </BasicTable>
</div> </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 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"> <div class="row">
<span class="text">发票抬头：</span> <span class="text">发票抬头：</span>
<span class="bold">{{ feeData.invoiceHeader }}</span> <span class="bold">{{ feeData.invoiceHeader }}</span>
@ -120,30 +195,7 @@
</div> </div>
</div> </div>
</div> </div>
<div style="display: flex;" v-if="activeKey == 1"> <!-- <div style="display: flex;" v-if="activeKey == 2">
<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">
<a-table size="small" :pagination="false" rowKey="id" :columns="columnsFile" :data-source="fileData" <a-table size="small" :pagination="false" rowKey="id" :columns="columnsFile" :data-source="fileData"
bordered> bordered>
<template v-slot:bodyCell="{ column, record }"> <template v-slot:bodyCell="{ column, record }">
@ -155,7 +207,7 @@
</template> </template>
</template> </template>
</a-table> </a-table>
</div> </div> -->
</a-spin> </a-spin>
</div> </div>
<a-modal width="600px" @cancel="refuseFlag = false" @ok="sureRefuse" :visible="refuseFlag" title="驳回原因"> <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 loading = ref(false)
const fileData = ref([]) as any const fileData = ref([]) as any
const remark = ref('') const remark = ref('')
const value = ref('')
function download(item) { function download(item) {
DownloadOpFile({ id: item.id }).then(res => { DownloadOpFile({ id: item.id }).then(res => {
const pdfUrl = window.URL.createObjectURL(new Blob([res.data], { type: 'application/txt;charset=utf-8' })) const pdfUrl = window.URL.createObjectURL(new Blob([res.data], { type: 'application/txt;charset=utf-8' }))
@ -405,14 +458,19 @@ function sureRefuse() {
} }
.left { .left {
width: 58%; width: 29%;
margin-right: 1%; padding-right: 10px;
border-right: 1px solid #ebebeb;
}
.middle{
width: 38%;
margin:0 1%;
padding-right: 10px; padding-right: 10px;
border-right: 1px solid #ebebeb; border-right: 1px solid #ebebeb;
} }
.right { .right {
width: 40%; width: 30%;
padding-top: 5px; padding-top: 5px;
font-size: 12px; font-size: 12px;
} }
@ -523,5 +581,19 @@ function sureRefuse() {
margin: 6.8px; 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>
<style lang="less"></style> <style lang="less"></style>

4
src/views/taskmanage/index.vue
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save