改bug
parent
041bef0e4d
commit
31444a5723
@ -0,0 +1,257 @@
|
|||||||
|
import { ref } from 'vue'
|
||||||
|
import { BasicColumn, FormSchema } from '/@/components/Table'
|
||||||
|
import { getOptions } from '/@/hooks/dict'
|
||||||
|
export const billTypeData = [
|
||||||
|
{ value: '', label: '全部' },
|
||||||
|
{ value: 1, label: '待审核' },
|
||||||
|
{ value: 2, label: '已审核' },
|
||||||
|
]
|
||||||
|
export const searchFormSchema: FormSchema[] = [
|
||||||
|
{
|
||||||
|
field: 'applicationNO',
|
||||||
|
label: '编号检索',
|
||||||
|
component: 'Input',
|
||||||
|
colProps: { span: 4 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'applicationNO',
|
||||||
|
label: '购方抬头',
|
||||||
|
component: 'Input',
|
||||||
|
colProps: { span: 4 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'createByName',
|
||||||
|
label: '销方公司',
|
||||||
|
component: 'Input',
|
||||||
|
colProps: { span: 4 },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'applyDate',
|
||||||
|
label: '开票日期',
|
||||||
|
component: 'RangePicker',
|
||||||
|
required: false,
|
||||||
|
dynamicDisabled: false,
|
||||||
|
colProps: { span: 4 },
|
||||||
|
componentProps: {
|
||||||
|
allowClear: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
//列表
|
||||||
|
export const columns: BasicColumn[] = [
|
||||||
|
{
|
||||||
|
title: '申请单号',
|
||||||
|
dataIndex: 'applicationNO',
|
||||||
|
width: 120,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '状态',
|
||||||
|
dataIndex: 'statusText',
|
||||||
|
width: 70,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '委托单位',
|
||||||
|
dataIndex: 'customerName',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '发票抬头',
|
||||||
|
dataIndex: 'invoiceHeader',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '发票币别',
|
||||||
|
dataIndex: 'currency',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请方式',
|
||||||
|
dataIndex: 'categoryText',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '原币金额',
|
||||||
|
dataIndex: 'originalAmount',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请人',
|
||||||
|
dataIndex: 'createByName',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请开票日期',
|
||||||
|
dataIndex: 'applyDate',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请类型',
|
||||||
|
dataIndex: 'categoryText',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请时间',
|
||||||
|
dataIndex: 'createTime',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '开票税率',
|
||||||
|
dataIndex: 'taxRate',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '发票号',
|
||||||
|
dataIndex: 'invoiceNO',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
|
||||||
|
//列表
|
||||||
|
export const detailColumns: BasicColumn[] = [
|
||||||
|
{
|
||||||
|
title: '货物或业务应税劳动名称',
|
||||||
|
dataIndex: 'name',
|
||||||
|
width: 120,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '规格型号',
|
||||||
|
dataIndex: 'specification',
|
||||||
|
width: 70,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '单位',
|
||||||
|
dataIndex: 'unit',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '数量',
|
||||||
|
dataIndex: 'quantity',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '含税单价',
|
||||||
|
dataIndex: 'taxUnitPrice',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '单价',
|
||||||
|
dataIndex: 'unitPrice',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '金额',
|
||||||
|
dataIndex: 'amount',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '税率',
|
||||||
|
dataIndex: 'taxRate',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '税额',
|
||||||
|
dataIndex: 'taxAmount',
|
||||||
|
width: 100,
|
||||||
|
align: 'left',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
export const feeColumns: BasicColumn[] = [
|
||||||
|
{
|
||||||
|
title: '委托编号',
|
||||||
|
dataIndex: 'customerNo',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '主提单号',
|
||||||
|
dataIndex: 'mblno',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '委托单位',
|
||||||
|
dataIndex: 'customerName',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '开船日期',
|
||||||
|
dataIndex: 'etd',
|
||||||
|
width: 150,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '业务来源',
|
||||||
|
dataIndex: 'sourceName',
|
||||||
|
width: 80,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '费用名称',
|
||||||
|
dataIndex: 'feeName',
|
||||||
|
width: 80,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '收付',
|
||||||
|
dataIndex: 'feeType',
|
||||||
|
width: 50,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '申请金额',
|
||||||
|
dataIndex: 'amount',
|
||||||
|
width: 80,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '原始币别',
|
||||||
|
dataIndex: 'originalCurrency',
|
||||||
|
width: 80,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '原始汇率',
|
||||||
|
dataIndex: 'originalRate',
|
||||||
|
width: 80,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '折算汇率',
|
||||||
|
dataIndex: 'exchangeRate',
|
||||||
|
width: 80,
|
||||||
|
},
|
||||||
|
|
||||||
|
]
|
||||||
|
|
||||||
|
export const feeColumnsSum: BasicColumn[] = [
|
||||||
|
{
|
||||||
|
title: '收付',
|
||||||
|
dataIndex: 'feeType',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '币别',
|
||||||
|
dataIndex: 'currency',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '金额',
|
||||||
|
dataIndex: 'amount',
|
||||||
|
width: 100,
|
||||||
|
},
|
||||||
|
]
|
||||||
@ -1,3 +1,74 @@
|
|||||||
<template>
|
<template>
|
||||||
123
|
<div class="main">
|
||||||
|
<BasicTable class="ds-table" @register="registerTable">
|
||||||
|
<template #tableTitle>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</BasicTable>
|
||||||
|
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, reactive, onMounted, defineExpose, computed } from 'vue'
|
||||||
|
import { GetList, InvoiceApplicationGet, Audit } 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'
|
||||||
|
const { createMessage } = useMessage()
|
||||||
|
const [registerTable, { reload, getPaginationRef, getSelectRows, getRawDataSource }] = useTable({
|
||||||
|
api: async (p) => {
|
||||||
|
const res: API.DataResult = await GetList(p)
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
resolve({ data: [...res.data], 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',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue