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