Merge branch 'dev' of http://60.209.125.238:20010/lijingjia/ds-wms-client-web into dev
commit
2beec57366
@ -0,0 +1,201 @@
|
|||||||
|
import { def } from '@vue/shared'
|
||||||
|
import { BasicColumn, FormSchema } from '/@/components/Table'
|
||||||
|
import { Tag } from 'ant-design-vue'
|
||||||
|
export const columns: BasicColumn[] = [
|
||||||
|
{
|
||||||
|
title: '结算单号',
|
||||||
|
dataIndex: 'applicationNO',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: 'isLocked',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '结算单位',
|
||||||
|
dataIndex: 'customerName',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '结算类别',
|
||||||
|
dataIndex: 'modeText',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '结算方式',
|
||||||
|
dataIndex: 'settlementTypeName',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '币别',
|
||||||
|
dataIndex: 'currency',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'RMB',
|
||||||
|
dataIndex: 'rmbAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'USD',
|
||||||
|
dataIndex: 'usdAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '其他币别',
|
||||||
|
dataIndex: 'otherAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '未开票',
|
||||||
|
dataIndex: 'unInvoiceAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '结算日期',
|
||||||
|
dataIndex: 'settlementDate',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '结算人',
|
||||||
|
dataIndex: 'createByName',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '结算账户',
|
||||||
|
dataIndex: 'customerAccount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '银行账户',
|
||||||
|
dataIndex: 'customerBank',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '是否导出凭证',
|
||||||
|
dataIndex: 'isExportVoucher',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '禁止生成凭证',
|
||||||
|
dataIndex: 'isVoucherDisabled',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备注',
|
||||||
|
dataIndex: 'note',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '发票号',
|
||||||
|
dataIndex: 'invoiceNO',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '相关号码',
|
||||||
|
dataIndex: 'relativeNO',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '原始金额',
|
||||||
|
dataIndex: 'originalAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '总账凭证号',
|
||||||
|
dataIndex: 'ledgerVoucherNO',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '所属分部',
|
||||||
|
dataIndex: 'saleDeptName',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '记账资料',
|
||||||
|
dataIndex: 'accountAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预收支资料',
|
||||||
|
dataIndex: 'advanceAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '实收支资料',
|
||||||
|
dataIndex: 'ahsrAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '财务费用',
|
||||||
|
dataIndex: 'financialAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预收支取用资料',
|
||||||
|
dataIndex: 'advanceAmount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '创建日期',
|
||||||
|
dataIndex: 'createTime',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请单号',
|
||||||
|
dataIndex: 'applicationNO',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '发票申请单号',
|
||||||
|
dataIndex: 'applicationNO',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '结算单位银行',
|
||||||
|
dataIndex: 'customerBank',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '结算单位账户',
|
||||||
|
dataIndex: 'customerAccount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '锁定时间',
|
||||||
|
dataIndex: 'lockTime',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '锁定人',
|
||||||
|
dataIndex: 'lockUser',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '撤销锁定时间',
|
||||||
|
dataIndex: 'unlockTime',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '撤销锁定人',
|
||||||
|
dataIndex: 'unlockUser',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export const searchFormSchema: FormSchema[] = [
|
||||||
|
{
|
||||||
|
field: 'mode',
|
||||||
|
component: 'Input',
|
||||||
|
defaultValue: '2',
|
||||||
|
show: false,
|
||||||
|
colProps: { span: 6 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'mblno',
|
||||||
|
label: '主提单号',
|
||||||
|
component: 'Input',
|
||||||
|
colProps: { span: 6 },
|
||||||
|
},
|
||||||
|
]
|
||||||
@ -0,0 +1,242 @@
|
|||||||
|
<template>
|
||||||
|
<BasicTable @row-dbClick="(e) => { GoDetailed(e) }" class="ds-table" @register="registerTable">
|
||||||
|
<template #tableTitle>
|
||||||
|
<div class="ds-h-aciton-btns">
|
||||||
|
<a-tooltip placement="top" :mouseEnterDelay="0.5">
|
||||||
|
<template #title>
|
||||||
|
<span>复制</span>
|
||||||
|
</template>
|
||||||
|
<span class="ds-action-svg-btn">
|
||||||
|
<img src="../../../assets/svg/infoclient/fuzhi.svg" class="SvgImg" />
|
||||||
|
</span>
|
||||||
|
</a-tooltip>
|
||||||
|
<a-tooltip placement="top" :mouseEnterDelay="0.5">
|
||||||
|
<template #title>
|
||||||
|
<span>删除</span>
|
||||||
|
</template>
|
||||||
|
<a-popconfirm title="确定删除当前选中数据？" @confirm="FnDel" ok-text="是" cancel-text="否">
|
||||||
|
<span class="ds-action-svg-btn">
|
||||||
|
<img src="../../../assets/svg/infoclient/shanchu.svg" class="SvgImg" />
|
||||||
|
</span>
|
||||||
|
</a-popconfirm>
|
||||||
|
</a-tooltip>
|
||||||
|
<a-tooltip placement="top" :mouseEnterDelay="0.5">
|
||||||
|
<template #title>
|
||||||
|
<span>提交锁定</span>
|
||||||
|
</template>
|
||||||
|
<span class="ds-action-svg-btn">
|
||||||
|
<img src="../../../assets/icons/lock.svg" class="SvgImg" />
|
||||||
|
</span>
|
||||||
|
</a-tooltip>
|
||||||
|
<a-tooltip placement="top" :mouseEnterDelay="0.5">
|
||||||
|
<template #title>
|
||||||
|
<span>解除锁定</span>
|
||||||
|
</template>
|
||||||
|
<span class="ds-action-svg-btn">
|
||||||
|
<img src="../../../assets/icons/openLock.svg" class="SvgImg" />
|
||||||
|
</span>
|
||||||
|
</a-tooltip>
|
||||||
|
<a-tooltip placement="top" :mouseEnterDelay="0.5">
|
||||||
|
<template #title>
|
||||||
|
<span>导出excel</span>
|
||||||
|
</template>
|
||||||
|
<span class="ds-action-svg-btn">
|
||||||
|
<SvgIcon size="18" name="export" />
|
||||||
|
</span>
|
||||||
|
</a-tooltip>
|
||||||
|
</div>
|
||||||
|
<a-button v-repeat type="link" @click="goDetail('free')">
|
||||||
|
<span class="iconfont icon-touzijilu"></span>
|
||||||
|
新建自由结算
|
||||||
|
</a-button>
|
||||||
|
<a-button v-repeat type="link" @click="goDetail('apply')">
|
||||||
|
<span class="iconfont icon-dingdan"></span>
|
||||||
|
新建申请结算
|
||||||
|
</a-button>
|
||||||
|
<a-button v-repeat type="link" @click="goDetail('apply')">
|
||||||
|
<span class="iconfont icon-dingdan"></span>
|
||||||
|
新建发票结算
|
||||||
|
</a-button>
|
||||||
|
<a-button v-repeat type="link" @click="goDetail('apply')">
|
||||||
|
<span class="iconfont icon-dingdan"></span>
|
||||||
|
生成凭证
|
||||||
|
</a-button>
|
||||||
|
</template>
|
||||||
|
<template v-slot:bodyCell="{ column, record }">
|
||||||
|
<template v-if="column.key === 'action'">
|
||||||
|
<TableAction :actions="[
|
||||||
|
{
|
||||||
|
icon: 'clarity:note-edit-line',
|
||||||
|
tooltip: '编辑',
|
||||||
|
onClick: () => {
|
||||||
|
GoDetailed(true, record)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]" />
|
||||||
|
</template>
|
||||||
|
<template v-if="column.key === 'isLocked'">
|
||||||
|
<span v-if="record.isLocked">是</span>
|
||||||
|
<span v-else>否</span>
|
||||||
|
</template>
|
||||||
|
<template v-if="column.key === 'isPrinted'">
|
||||||
|
<span v-if="record.isPrinted">是</span>
|
||||||
|
<span v-else>否</span>
|
||||||
|
</template>
|
||||||
|
<template v-if="column.key === 'isSettled'">
|
||||||
|
<span v-if="record.isSettled">是</span>
|
||||||
|
<span v-else>否</span>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</BasicTable>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, reactive, onMounted, defineExpose, computed } from 'vue'
|
||||||
|
import { PaymentSettlementGetList } from './api.js'
|
||||||
|
import { BasicTable, useTable, TableAction } from '/@/components/Table'
|
||||||
|
import { formatParams } from '/@/hooks/web/common'
|
||||||
|
import { columns, searchFormSchema, detailColumns, feeColumns, feeColumnsSum } from './columns'
|
||||||
|
import { useMessage } from '/@/hooks/web/useMessage'
|
||||||
|
import { SvgIcon } from '/@/components/Icon'
|
||||||
|
const { createMessage } = useMessage()
|
||||||
|
import { useGo } from '/@/hooks/web/usePage'
|
||||||
|
const go = useGo()
|
||||||
|
const [registerTable, { reload, setLoading, getSelectRows, getRawDataSource }] = useTable({
|
||||||
|
api: async (p) => {
|
||||||
|
const res: API.DataResult = await PaymentSettlementGetList(p)
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
resolve({ data: [...res.data.list], total: res.count })
|
||||||
|
})
|
||||||
|
},
|
||||||
|
beforeFetch: (p) => {
|
||||||
|
return formatParams(p)
|
||||||
|
},
|
||||||
|
columns,
|
||||||
|
formConfig: {
|
||||||
|
labelWidth: 120,
|
||||||
|
schemas: searchFormSchema,
|
||||||
|
useAdvancedSearch: true,
|
||||||
|
},
|
||||||
|
isTreeTable: false,
|
||||||
|
pagination: true,
|
||||||
|
striped: true,
|
||||||
|
useSearchForm: true,
|
||||||
|
showTableSetting: true,
|
||||||
|
bordered: true,
|
||||||
|
showIndexColumn: true,
|
||||||
|
indexColumnProps: {
|
||||||
|
width: 60,
|
||||||
|
},
|
||||||
|
canResize: true,
|
||||||
|
immediate: true,
|
||||||
|
actionColumn: {
|
||||||
|
width: 80,
|
||||||
|
title: '操作',
|
||||||
|
dataIndex: 'action',
|
||||||
|
fixed: 'right',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
function FnDel() {
|
||||||
|
let ids = []
|
||||||
|
ids = getSelectRows().map((item) => {
|
||||||
|
return item.id
|
||||||
|
})
|
||||||
|
if (ids.length == 0) {
|
||||||
|
createMessage.error('请选择数据')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
const data = {
|
||||||
|
ids: [...ids]
|
||||||
|
}
|
||||||
|
setLoading(true)
|
||||||
|
GeneralInvoiceDelete(data).then(res => {
|
||||||
|
if (res.succeeded) {
|
||||||
|
createMessage.success('删除成功')
|
||||||
|
reload()
|
||||||
|
}
|
||||||
|
setLoading(false)
|
||||||
|
}).catch(() => {
|
||||||
|
setLoading(false)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function goDetail(type) {
|
||||||
|
go(`/invoiceIssueDetail?type=` + type)
|
||||||
|
}
|
||||||
|
function handleLock() {
|
||||||
|
let ids = []
|
||||||
|
ids = getSelectRows().map((item) => {
|
||||||
|
return item.id
|
||||||
|
})
|
||||||
|
if (ids.length == 0) {
|
||||||
|
createMessage.error('请选择数据')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
const data = {
|
||||||
|
ids: [...ids]
|
||||||
|
}
|
||||||
|
setLoading(true)
|
||||||
|
GeneralInvoiceSetLock(data).then(res => {
|
||||||
|
if (res.succeeded) {
|
||||||
|
createMessage.success('操作成功')
|
||||||
|
reload()
|
||||||
|
}
|
||||||
|
setLoading(false)
|
||||||
|
}).catch(() => {
|
||||||
|
setLoading(false)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function GoDetailed(row) {
|
||||||
|
if (row.modeText == '申请发票') {
|
||||||
|
go("/invoiceIssueDetail?id=" + row.id + '&type=apply')
|
||||||
|
} else {
|
||||||
|
go("/invoiceIssueDetail?id=" + row.id + '&type=free')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.tableTitleBox {
|
||||||
|
.ant-btn-link {
|
||||||
|
// border-radius: 2px;
|
||||||
|
// background: rgba(245, 249, 252, 1);
|
||||||
|
margin-left: 13px;
|
||||||
|
color: #000;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.SvgImg {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
margin: 6.8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ds-h-aciton-btns {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 48px;
|
||||||
|
padding: 8px 0;
|
||||||
|
|
||||||
|
.ds-action-svg-btn {
|
||||||
|
display: inline-block;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-right: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.next {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ds-action-svg-btn:hover {
|
||||||
|
box-shadow: 0px 2px 4px #cad1db;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vben-svg-icon {
|
||||||
|
margin: 6.8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue