客户对账 样式调整

frame-financialTax-yjl-1204
张同海 2 weeks ago
parent 74821e3f74
commit b8a6422687

@ -166,14 +166,14 @@ export const columns: BasicColumn[] = [
// return RData
// },
},
{ title: '应收RMB', dataIndex: 'rmbdr', align: 'left', width: 100 },
{ title: '未收RMB', dataIndex: 'balrmbdr', align: 'left', width: 100 },
{ title: '应收USD', dataIndex: 'usddr', align: 'left', width: 100 },
{ title: '未收USD', dataIndex: 'balusddr', align: 'left', width: 100 },
{ title: '应付RMB', dataIndex: 'rmbcr', align: 'left', width: 100 },
{ title: '未付RMB', dataIndex: 'balrmbcr', align: 'left', width: 100 },
{ title: '应付USD', dataIndex: 'usdcr', align: 'left', width: 100 },
{ title: '未付USD', dataIndex: 'balusdcr', align: 'left', width: 100 },
{ title: '应收RMB', dataIndex: 'rmbdr', align: 'right', width: 100 },
{ title: '未收RMB', dataIndex: 'balrmbdr', align: 'right', width: 100 },
{ title: '应收USD', dataIndex: 'usddr', align: 'right', width: 100 },
{ title: '未收USD', dataIndex: 'balusddr', align: 'right', width: 100 },
{ title: '应付RMB', dataIndex: 'rmbcr', align: 'right', width: 100 },
{ title: '未付RMB', dataIndex: 'balrmbcr', align: 'right', width: 100 },
{ title: '应付USD', dataIndex: 'usdcr', align: 'right', width: 100 },
{ title: '未付USD', dataIndex: 'balusdcr', align: 'right', width: 100 },
{ title: '对账时间', dataIndex: 'createTime', align: 'left', width: 150 },
{ title: '对账人', dataIndex: 'createByName', align: 'left', width: 100 },
{ title: '备注', dataIndex: 'note', align: 'left', width: 150 },

@ -1,7 +1,7 @@
<template>
<div class="topTable">
<div class="ds-sea-export-table p20">
<div class="ds-table">
<BasicTable
class="ds-table"
@register="registerTable"
@row-dbClick="
(e) => {
@ -10,71 +10,12 @@
"
>
<template #tableTitle>
<div class="ds-h-aciton-btns-fee">
<a-tooltip placement="top" :mouseEnterDelay="0.5">
<template #title>
<span>新增</span>
</template>
<span @click="GoDetailed(false, null)" class="ds-action-svg-btn">
<img src="../../../assets/svg/infoclient/xinjian.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 @click="printFee" class="ds-action-svg-btn">
<img src="../../../assets/svg/infoclient/dayin.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/svg/infoclient/tijiao.svg" class="SvgImg" />
</span>
</a-tooltip> -->
<a-tooltip placement="top" :mouseEnterDelay="0.5">
<template #title>
<span>导出excel</span>
</template>
<span @click="ExportExcel" class="ds-action-svg-btn" style="padding-top: 4px">
<SvgIcon size="16" name="export" />
</span>
</a-tooltip>
<a-tooltip placement="top" :mouseEnterDelay="0.5">
<template #title>
<span>提交锁定</span>
</template>
<span @click="Lock" 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 @click="UnLock" class="ds-action-svg-btn">
<img src="../../../assets/icons/openLock.svg" class="SvgImg" />
</span>
</a-tooltip>
</div>
<TableButton :show="{ add: null, del: null }" @add="GoDetailed(false, null)" @del="FnDel">
<span class="iconfont icon-daochu-hei" @click="ExportExcel">excel</span>
<span class="iconfont icon-tijiaoshenhe-danse" @click="Lock"></span>
<span class="iconfont icon-chexiaoshenqingshenhe-danse" @click="UnLock"></span>
</TableButton>
<div class="buttonGroup">
<!-- <a-button v-repeat type="link" @click="generated">
<span class="iconfont icon-renwu_ IconColor"></span>
@ -137,19 +78,17 @@
/>
</template> -->
</BasicTable>
<!-- 合计 -->
<div class="static-box">
<a-table
class="ds-table"
class="static-box"
:columns="calcColumns"
:data-source="calcData"
:pagination="false"
></a-table>
</div>
<!-- <DsPrint ref="dsPrint" name="客户对账"></DsPrint> -->
</div>
<!-- <DsPrint ref="dsPrint" name="客户对账"></DsPrint> -->
</template>
<script lang="ts" setup>
<script lang="ts" setup name="客户对账">
import { ref } from 'vue'
import {
GetCheckBillList,
@ -159,12 +98,10 @@
} from './api.js'
import { BasicTable, useTable, TableAction } from '/@/components/Table'
import { columns, searchFormSchema, billTypeData } from './columns'
import { GetOpenPrintModuleList } from '/@/views/operation/seaexport/api/BookingLedger.js'
import * as XLSX from 'xlsx'
import DsPrint from '/@/components/Print/index.vue'
import { useMessage } from '/@/hooks/web/useMessage'
const { notification, createMessage } = useMessage()
import { SvgIcon } from '/@/components/Icon'
import { useGo } from '/@/hooks/web/usePage'
const go = useGo()
//
@ -173,8 +110,7 @@
const appStore = useAppStore()
const tbHeight = window.innerHeight - 350
//
const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, getRawDataSource }] =
useTable({
const [registerTable, { reload, getVxeSelectRows, getRawDataSource }] = useTable({
title: '',
api: async (p) => {
const res: API.DataResult = await GetCheckBillList(p)
@ -205,20 +141,12 @@
showTableSetting: true,
bordered: true,
showIndexColumn: true,
indexColumnProps: {
width: 60,
},
canResize: true,
resizeHeightOffset: 90,
autoHeight: tbHeight,
immediate: true,
resizeHeightOffset: 131,
tableComponent: 'vxe',
actionColumn: {
width: 60,
title: '操作',
dataIndex: 'action',
fixed: 'right',
},
autoHeight: window.innerHeight - 416.5,
id: '0',
})
//
function FnCopy(data) {
@ -240,7 +168,7 @@
}
//
function FnDel() {
const select = getSelectRows()
const select = getVxeSelectRows()
let ApiData: any = {
ids: [],
}
@ -265,7 +193,7 @@
let ApiData: any = {
ids: [],
}
getSelectRows().forEach((e) => {
getVxeSelectRows().forEach((e) => {
ApiData.ids.push(e.id)
})
@ -282,7 +210,7 @@
let ApiData: any = {
ids: [],
}
getSelectRows().forEach((e) => {
getVxeSelectRows().forEach((e) => {
ApiData.ids.push(e.id)
})
CheckBillUnLocking(ApiData).then((res) => {
@ -466,12 +394,12 @@
color: #257afa;
cursor: pointer;
}
.topTable {
// height: calc(100vh - 145px);
.static-box {
position: fixed;
bottom: 0;
padding-left: 20px;
.ds-sea-export-table {
height: 100%;
.ds-table {
.ant-table-body {
min-height: calc(100vh - 430px);
}
}
}
.ds-h-aciton-btns-fee {

Loading…
Cancel
Save