客户对账 样式调整

src/views/operation/CustomerReconciliation/columns.tsx

@@ -166,14 +166,14 @@ export const columns: BasicColumn[] = [
     //   return RData
     // },
   },
-  { title: '应收RMB', dataIndex: 'rmbdr', align: 'left', width: 100 },
+  { title: '应收RMB', dataIndex: 'rmbdr', align: 'right', width: 100 },
-  { title: '未收RMB', dataIndex: 'balrmbdr', align: 'left', width: 100 },
+  { title: '未收RMB', dataIndex: 'balrmbdr', align: 'right', width: 100 },
-  { title: '应收USD', dataIndex: 'usddr', align: 'left', width: 100 },
+  { title: '应收USD', dataIndex: 'usddr', align: 'right', width: 100 },
-  { title: '未收USD', dataIndex: 'balusddr', align: 'left', width: 100 },
+  { title: '未收USD', dataIndex: 'balusddr', align: 'right', width: 100 },
-  { title: '应付RMB', dataIndex: 'rmbcr', align: 'left', width: 100 },
+  { title: '应付RMB', dataIndex: 'rmbcr', align: 'right', width: 100 },
-  { title: '未付RMB', dataIndex: 'balrmbcr', align: 'left', width: 100 },
+  { title: '未付RMB', dataIndex: 'balrmbcr', align: 'right', width: 100 },
-  { title: '应付USD', dataIndex: 'usdcr', align: 'left', width: 100 },
+  { title: '应付USD', dataIndex: 'usdcr', align: 'right', width: 100 },
-  { title: '未付USD', dataIndex: 'balusdcr', align: 'left', 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 },

src/views/operation/CustomerReconciliation/index.vue

@@ -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">
+          <TableButton :show="{ add: null, del: null }" @add="GoDetailed(false, null)" @del="FnDel">
-          <a-tooltip placement="top" :mouseEnterDelay="0.5">
+            <span class="iconfont icon-daochu-hei" @click="ExportExcel">导出excel</span>
-            <template #title>
+            <span class="iconfont icon-tijiaoshenhe-danse" @click="Lock">提交锁定</span>
-              <span>新增</span>
+            <span class="iconfont icon-chexiaoshenqingshenhe-danse" @click="UnLock">解除锁定</span>
-            </template>
+          </TableButton>
-            <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>
           <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 }] =
+  const [registerTable, { reload, getVxeSelectRows, getRawDataSource }] = useTable({
-    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: {
+    autoHeight: window.innerHeight - 416.5,
-        width: 60,
+    id: '0',
-        title: '操作',
-        dataIndex: 'action',
-        fixed: 'right',
-      },
   })
   // 复制对账编号
   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 {
+  .ds-sea-export-table {
-    // height: calc(100vh - 145px);
+    height: 100%;
-    .static-box {
+    .ds-table {
-      position: fixed;
+      .ant-table-body {
-      bottom: 0;
+        min-height: calc(100vh - 430px);
-      padding-left: 20px;
+      }
     }
   }
   .ds-h-aciton-btns-fee {