改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>
|
||||
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>
|
||||
<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