合并应付应收

boyang
1 parent 35752d89
Showing 49 changed files with 4461 additions and 66 deletions
src/api/project/global.ts
src/api/project/invoice.ts
src/router/routes/modules/project/finance.ts
src/store/modules/data.ts
src/utils/pdfShow.ts
src/views/project/approve/FieldPanel.vue
src/views/project/approve/PayPanel.vue
src/views/project/approve/ReceivePanel.vue
src/views/project/approve/data.ts
src/views/project/finance/CheckDetailCheck.vue
src/views/project/finance/CheckSumCheck.vue
src/views/project/finance/Commit.vue
src/views/project/finance/CommitCheck.vue
src/views/project/finance/DeductShow.vue
src/views/project/finance/DeductShowCheck.vue
src/views/project/finance/EditRefundTime.vue
src/views/project/finance/EditRefundTimeCheck.vue
src/views/project/finance/FinanceEdit.vue
src/views/project/finance/FinanceEditCheck.vue
src/views/project/finance/InvoiceAnalysis.vue
@@ -12,6 +12,5 @@ export const getApiData = async () =&gt; {
 export const getChartData = async () => {
   const res = await defHttp.get<any>({ url: Api.CHART_DATA });
-  console.log(res, '5656reschatdata');
   return res;
 };
@@ -16,6 +16,7 @@ enum Api {
   REUPLOADBGURL = '/order/erp/invoice_bill/reUploadBgUrl', //更新报关单
   INVOICEEXPORTRECEIPT = '/order/erp/invoice_bill/exportReceipt', //收款单导出
   SETBACKREFUNDDATE = '/order/erp/invoice_bill/setBackRefundDate', //必须回款日期
+  NOTE = '/order/erp/invoice_bill/notes', //备注
   PRODUCT_CREATE = '/order/erp/check_bill/create', //创建生产科应付单据
   PAYED_DATE = '/order/erp/check_bill/get_payed_date', //获取生产科应回款日期
@@ -32,6 +33,7 @@ enum Api {
   GETINVOICEURL_BY_ID = '/order/erp/check_bill/getInvoiceUrl_by_id', //获取扣款信息
   EXPORTRECEIPT = '/order/erp/check_bill/exportReceipt', //付款单导出
   SETPADYEDDATE = '/order/erp/check_bill/setPayedDate', //修改应付款日期
+  CHECKNOTE = '/order/erp/check_bill/notes', //备注
 }
 export const getRefundDate = async (params: any, data?: any) => {
@@ -266,3 +268,17 @@ export const getSetPayedDate = async (params: any) =&gt; {
     params,
   });
 };
+
+export const getInvoiceNote = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.NOTE,
+    params,
+  });
+};
+
+export const getCheckNote = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.CHECKNOTE,
+    params,
+  });
+};
@@ -8,8 +8,9 @@ const finance: AppRouteModule = {
   path: '/finance',
   name: 'Finance',
   component: LAYOUT,
-  redirect: '/finance/receive',
+  redirect: '/finance',
   meta: {
+    hideChildrenInMenu: true,
     orderNo: 3,
     icon: 'ant-design:pay-circle-outlined',
     title: '财务管理',
@@ -23,32 +24,42 @@ const finance: AppRouteModule = {
   },
   children: [
     {
-      path: 'receive',
+      path: '',
       name: 'Receive',
       meta: {
-        title: '应收款',
+        title: '财务管理',
         roles: [RoleEnum.ADMIN, RoleEnum.FINANCE, RoleEnum.TRACKER, RoleEnum.BUSINESS],
         ignoreKeepAlive: false,
       },
-      component: () => import('/@/views/project/finance/receive/index.vue'),
-    },
-    {
-      path: 'pay',
-      name: 'Pay',
-      meta: {
-        title: '应付款',
-        ignoreKeepAlive: true,
-        roles: [
-          RoleEnum.ADMIN,
-          RoleEnum.FINANCE,
-          RoleEnum.TRACKER,
-          RoleEnum.BUSINESS,
-          RoleEnum.PRODUCE,
-          RoleEnum.DATA_REPORT_USER,
-        ],
-      },
-      component: () => import('/@/views/project/finance/pay/index.vue'),
+      component: () => import('/@/views/project/finance/index.vue'),
     },
+    // {
+    //   path: 'receive',
+    //   name: 'Receive',
+    //   meta: {
+    //     title: '应收款',
+    //     roles: [RoleEnum.ADMIN, RoleEnum.FINANCE, RoleEnum.TRACKER, RoleEnum.BUSINESS],
+    //     ignoreKeepAlive: false,
+    //   },
+    //   component: () => import('/@/views/project/finance/receive/index.vue'),
+    // },
+    // {
+    //   path: 'pay',
+    //   name: 'Pay',
+    //   meta: {
+    //     title: '应付款',
+    //     ignoreKeepAlive: true,
+    //     roles: [
+    //       RoleEnum.ADMIN,
+    //       RoleEnum.FINANCE,
+    //       RoleEnum.TRACKER,
+    //       RoleEnum.BUSINESS,
+    //       RoleEnum.PRODUCE,
+    //       RoleEnum.DATA_REPORT_USER,
+    //     ],
+    //   },
+    //   component: () => import('/@/views/project/finance/pay/index.vue'),
+    // },
   ],
 };
@@ -50,7 +50,6 @@ export const useDataStore = defineStore({
     async getFetchChartData(): Promise<any> {
       try {
         const data = await getChartData();
-        console.log(data, '5656chartData');
         const x = [],
           y = [];
         data.forEach((value) => {
@@ -58,7 +57,6 @@ export const useDataStore = defineStore({
           y.push(value.orderCount);
         });
         this.chartData = { x, y };
-        console.log(this.getChartData, '5656 this.chartData');
       } catch (error) {
         return Promise.reject(error);
       }
@@ -27,7 +27,7 @@ export async function downloadAndPreviewPDF(url) {
 export const view = (url) => {
   const { VITE_ALIYUN_OSS_DOMAIN } = getAppEnvConfig();
   if (url) {
-    url = url.replace('https://test-alterego.oss-cn-qingdao.aliyuncs.com', '/aliyun-oss-pdf');
+    url = url.replace('https://alterego.oss-cn-qingdao.aliyuncs.com', '/aliyun-oss-pdf');
   }
   downloadAndPreviewPDF(url);
 };
@@ -173,7 +173,7 @@
         searchInfo: { type: 0 },
         columns,
         useSearchForm: true,
-        formConfig: getFormConfig(true),
+        formConfig: getFormConfig('true'),
         rowKey: 'id',
         actionColumn: {
           width: 160,
@@ -6,8 +6,8 @@
         <img
           :width="50"
           :height="50"
-          :src="record?.orderBaseInfo?.smallPicUrl"
-          @click="handlePreview(record?.orderBaseInfo?.picUrl)"
+          :src="record?.producePaymentCheckBillFieldVO?.smallPicUrl"
+          @click="handlePreview(record?.producePaymentCheckBillFieldVO?.picUrl)"
         />
       </template>
       <template v-if="column.key === 'action'">
@@ -229,9 +229,9 @@
           customRender: (column) => {
             const { record } = column || {};
             if (record?.type === 40) {
-              return record?.fieldInfos?.checkBillOrderDO?.financePerson;
+              return record?.fieldInfos?.producePaymentCheckBillFieldVO?.financePerson;
             } else if (record?.type == 50) {
-              return record?.fieldInfos?.checkBillOrderDO?.productionName;
+              return record?.fieldInfos?.producePaymentCheckBillFieldVO?.productionName;
             }
           },
         },
@@ -241,7 +241,13 @@
           width: 150,
           customRender: (column) => {
             const { record } = column || {};
-            return record?.orderBaseInfo?.innerNo;
+            console.log(record, '565656565');
+            const extractedValues = ref<string[]>(
+              record?.fieldInfos?.producePaymentCheckBillFieldVO?.innerNo.map((item) => item),
+            );
+            // projectNo.value = extractedValues.value.join(',');
+            // return record?.fieldInfos?.producePaymentCheckBillFieldVO?.innerNo[0];
+            return extractedValues.value.join(',');
           },
         },
         {
@@ -263,7 +269,7 @@
           width: 150,
           customRender: (column) => {
             const { record } = column || {};
-            return record?.fieldInfos?.checkBillOrderDO?.productionName;
+            return record?.fieldInfos?.producePaymentCheckBillFieldVO?.productionName;
           },
         },
       ];
@@ -292,7 +298,7 @@
         // },
         columns,
         useSearchForm: true,
-        formConfig: getFormConfig(),
+        formConfig: getFormConfig('checkNo'),
         rowKey: 'id',
         actionColumn: {
           width: 160,
@@ -334,7 +340,7 @@
         openModal(true, { data });
         id.value = data.id;
         itemArray.value = [];
-        mockData.value = data.fieldInfos.checkBillOrderDO;
+        mockData.value = data.fieldInfos.producePaymentCheckBillFieldVO;
         actualPayCalculate.value = mockData.value.actualPayCalculate?.toFixed(2); // 实际付款金额计算
         checkNo.value = mockData.value.checkNo; // 对账单号
         actualPayedAmount.value = mockData.value.actualPayedAmount?.toFixed(2); // 实际应付金额
@@ -6,8 +6,8 @@
         <img
           :width="50"
           :height="50"
-          :src="record?.orderBaseInfo?.smallPicUrl"
-          @click="handlePreview(record?.orderBaseInfo?.picUrl)"
+          :src="record?.invoiceFieldVo?.smallPicUrl"
+          @click="handlePreview(record?.invoiceFieldVo?.picUrl)"
         />
       </template>
       <template v-if="column.key === 'action'">
@@ -209,7 +209,7 @@
           width: 150,
           customRender: (column) => {
             const { record } = column || {};
-            return record?.fieldInfos?.invoiceBillOrderDO?.invoiceNo;
+            return record?.fieldInfos?.invoiceFieldVO?.invoiceNo;
           },
         },
         {
@@ -218,18 +218,13 @@
           width: 150,
           customRender: (column) => {
             const { record } = column || {};
-            return record?.orderBaseInfo?.innerNo;
+            const extractedValues = ref<string[]>(
+              record?.fieldInfos?.invoiceFieldVO?.innerNo?.map((item) => item),
+            );
+            // return record?.invoiceFieldVo?.innerNo;
+            return extractedValues?.value?.join(',');
           },
         },
-        // {
-        //   title: '内部编号',
-        //   dataIndex: 'innerNo',
-        //   width: 150,
-        //   customRender: (column) => {
-        //     const { record } = column || {};
-        //     return record?.fieldInfos?.invoiceBillOrderDO?.innerNo;
-        //   },
-        // },
       ];
       if (props.isApproved) {
@@ -256,7 +251,7 @@
         // },
         columns,
         useSearchForm: true,
-        formConfig: getFormConfig(),
+        formConfig: getFormConfig('invoiceNo'),
         rowKey: 'id',
         actionColumn: {
           width: 160,
@@ -274,7 +269,7 @@
         }
       }
       function onSelectAll(selected, selectedRows, changeRows) {
-        const changeIds = changeRows.map((item) => item.id);
+        const changeIds = changeRows?.map((item) => item.id);
         if (selected) {
           checkedKeys.value = [...checkedKeys.value, ...changeIds];
         } else {
@@ -292,7 +287,7 @@
       async function handleDetail(data) {
         openModal(true, { data });
-        mockData.value = data.fieldInfos.invoiceBillOrderDO;
+        mockData.value = data.fieldInfos.invoiceFieldVO;
         id.value = data.id;
         totalPayAmount.value = mockData.value.totalPayAmount?.toFixed(2);
         totalCustomerAmount.value = mockData.value.totalCustomerAmount?.toFixed(2);
 import { ref } from 'vue';
 import { queryNoOptions } from '../../../api/project/order';
-export function getFormConfig(showFieldConfig: boolean) {
+export function getFormConfig(showFieldConfig: string) {
   const innerNoOptions = ref([]);
   return {
     labelWidth: 100,
@@ -9,21 +9,21 @@ export function getFormConfig(showFieldConfig: boolean) {
       {
         field: `innerNo`,
         label: `内部编号`,
-        component: 'Select',
+        component: 'Input',
         colProps: {
           span: 6,
         },
         labelWidth: 70,
-        componentProps: {
-          options: innerNoOptions,
-          showSearch: true,
-          mode: 'multiple',
-          onSearch: async (value: any) => {
-            innerNoOptions.value = await queryNoOptions('innerNo', value);
-          },
-        },
+        // componentProps: {
+        //   options: innerNoOptions,
+        //   showSearch: true,
+        //   mode: 'multiple',
+        //   onSearch: async (value: any) => {
+        //     innerNoOptions.value = await queryNoOptions('innerNo', value);
+        //   },
+        // },
       },
-      ...(showFieldConfig
+      ...(showFieldConfig == 'true'
         ? [
             {
               field: `auditType`,
@@ -42,6 +42,32 @@ export function getFormConfig(showFieldConfig: boolean) {
             },
           ]
         : []),
+      ...(showFieldConfig == 'invoiceNo'
+        ? [
+            {
+              field: `invoiceNo`,
+              label: `invoice编号`,
+              component: 'Input',
+              colProps: {
+                span: 6,
+              },
+              labelWidth: 140,
+            },
+          ]
+        : []),
+      ...(showFieldConfig == 'checkNo'
+        ? [
+            {
+              field: `checkNo`,
+              label: `checkNo编号`,
+              component: 'Input',
+              colProps: {
+                span: 6,
+              },
+              labelWidth: 140,
+            },
+          ]
+        : []),
     ],
   };
 }
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="订单信息"
+      width="60%"
+      :isDetail="true"
+      :showDetailBack="false"
+      :destroyOnClose="true"
+    >
+      <div class="p-4">
+        <BasicTable @register="registerTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'action'"> </template>
+            <template v-if="column.key === 'picUrl'">
+              <img :z-index="100000" :width="50" :height="50" :src="record?.smallPicUrl" />
+            </template>
+          </template>
+        </BasicTable>
+      </div>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { defineComponent, ref, computed, unref, toRaw, reactive } from 'vue';
+  import { BasicColumn, useTable, BasicTable, ColumnChangeParam } from '/@/components/Table';
+  import { checkDetail } from '/@/api/project/invoice';
+  import { useDesign } from '@/hooks/web/useDesign';
+
+  // const handlePreview = (url) => {
+  //   createImgPreview({ imageList: [url], defaultWidth: 500 });
+  //   return false;
+  // };
+  const columns: BasicColumn[] = [
+    {
+      title: '客户编码',
+      dataIndex: 'customerCode',
+      width: 100,
+    },
+    {
+      title: '项目号',
+      dataIndex: 'projectNo',
+      width: 100,
+    },
+    {
+      title: '内部编码',
+      dataIndex: 'innerNo',
+      width: 100,
+    },
+    {
+      title: '客户po号',
+      dataIndex: 'customerPo',
+      width: 100,
+    },
+    {
+      title: '客户STYLE',
+      width: 150,
+      dataIndex: 'customerStyle',
+    },
+    {
+      title: 'Model(REFERENCE)',
+      width: 150,
+      dataIndex: 'modeleLo',
+    },
+    {
+      title: '订单图片',
+      width: 150,
+      dataIndex: 'picUrl',
+    },
+    {
+      title: '数量',
+      width: 150,
+      dataIndex: 'orderCount',
+    },
+    {
+      title: '生产科单价￥',
+      width: 150,
+      dataIndex: 'productionDepartmentPrice',
+      customRender: (column) => {
+        const { record } = column || {};
+        return record?.profitAnalysisInfo?.productionDepartmentPrice?.toFixed(2);
+        // ? `¥ ${record?.profitAnalysisInfo?.productionDepartmentPrice}`
+        // : '';
+      },
+    },
+    {
+      title: '生产科总价￥',
+      width: 150,
+      dataIndex: 'productionDepartmentTotalPrice',
+      customRender: (column) => {
+        const { record } = column || {};
+        return record?.profitAnalysisInfo?.productionDepartmentTotalPrice?.toFixed(2);
+        // ? `¥ ${record?.profitAnalysisInfo?.productionDepartmentTotalPrice}`
+        // : '';
+      },
+    },
+  ];
+  const checkNo = ref();
+
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    // 方式1
+    checkNo.value = data.data.checkNo;
+    // checkDetail({ checkNo: checkNo.value });
+  });
+  const params = ref({
+    checkNo: checkNo.value,
+  });
+  const [registerTable] = useTable({
+    api: () => {
+      const res = checkDetail({ checkNo: checkNo.value });
+      return res;
+    },
+    columns: columns,
+    bordered: true,
+  });
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="应付款汇总"
+    width="60%"
+    okText="导出"
+    :isDetail="true"
+    :showDetailBack="false"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    <div class="p-4">
+      <BasicTable @register="registerTable">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'action'"> </template>
+        </template>
+      </BasicTable>
+    </div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import { checkAnalysis, exportCheckAnalysis } from '@/api/project/invoice';
+  import { BasicColumn, useTable, BasicTable, ColumnChangeParam } from '/@/components/Table';
+  // 处理弹窗的确定按钮点击事件
+  import axios from 'axios';
+
+  const columnsAnalysis: BasicColumn[] = [
+    {
+      title: '生产科名称',
+      dataIndex: 'productionDepartment',
+      width: 150,
+      customRender: (res) => {
+        return res.record.exportVOS[0].productionDepartment;
+      },
+    },
+    {
+      title: '生产科总价汇总￥',
+      dataIndex: 'checkProductionDepartmentTotalPrice',
+      width: 150,
+      customRender: (res) => {
+        return res.record.productionDepartmentTotalPrice.toFixed(2);
+      },
+    },
+    {
+      title: '生产科扣款金额汇总￥',
+      dataIndex: 'deductAmount',
+      width: 160,
+      customRender: (res) => {
+        return res.record.deductAmount.toFixed(2);
+      },
+    },
+    {
+      title: '生产科实际应付金额￥',
+      dataIndex: 'calculateActualPayedAmount',
+      width: 160,
+      customRender: (res) => {
+        return res.record.calculateActualPayedAmount.toFixed(2);
+      },
+    },
+    {
+      title: '实际付款金额汇总￥',
+      dataIndex: 'actualPayedAmount',
+      width: 160,
+      customRender: (res) => {
+        return res.record.actualPayedAmount.toFixed(2);
+      },
+    },
+    {
+      title: '未付金额￥',
+      dataIndex: 'unPayedAmount',
+      width: 150,
+      customRender: (res) => {
+        return res.record.unPayedAmount.toFixed(2);
+      },
+    },
+  ];
+  // const ids = ref<number[]>([]);
+  const ids = ref();
+  // const res = ref();
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    // ids.value = data.data;
+    ids.value = data.data;
+    setTimeout(() => {
+      reload();
+    }, 50);
+  });
+  const [registerTable, { reload }] = useTable({
+    // api: () => invoiceAnalysis({ ids: ids.value }),
+    api: async () => {
+      const res = await checkAnalysis({ ids: ids.value });
+      // 计算合计行
+      const sum = {
+        productionDepartmentTotalPrice: 0,
+        deductAmount: 0,
+        calculateActualPayedAmount: 0,
+        actualPayedAmount: 0,
+        unPayedAmount: 0,
+        exportVOS: res[0].exportVOS ? JSON.parse(JSON.stringify(res[0].exportVOS)) : [],
+      };
+
+      res.forEach((item: any) => {
+        sum.productionDepartmentTotalPrice += item.productionDepartmentTotalPrice || 0;
+        sum.deductAmount += item.deductAmount || 0;
+        sum.calculateActualPayedAmount += item.calculateActualPayedAmount || 0;
+        sum.actualPayedAmount += item.actualPayedAmount || 0;
+        sum.unPayedAmount += item.unPayedAmount || 0;
+      });
+      if (sum.exportVOS && sum.exportVOS[0]) {
+        sum.exportVOS[0].productionDepartment = '合计';
+      }
+      res.push(sum);
+      return res;
+    },
+    columns: columnsAnalysis,
+    bordered: true,
+  });
+  function handleShow(visible: boolean) {
+    reload();
+  }
+  const searchData = ref({});
+  async function handleOk() {
+    // 构造符合 API 要求的参数
+    // const ids = [23];
+    // const requestData = {
+    //   ids: ids.value,
+    // };
+    const idss = ids.value;
+    // await exportCheckAnalysis({ ids: ids });
+    axios
+      .post(
+        '/basic-api/order/erp/check_bill/export',
+        { ids: idss },
+        {
+          responseType: 'blob', // 设置响应类型为 'blob'
+        },
+      )
+      .then((response) => {
+        // 创建一个 Blob 对象来保存二进制数据
+        const blob = new Blob([response.data], { type: 'application/zip' });
+        const getFormattedDate = (): string => {
+          const date = new Date();
+
+          const year = date.getFullYear();
+          const month = String(date.getMonth() + 1).padStart(2, '0');
+          const day = String(date.getDate()).padStart(2, '0');
+
+          const hours = String(date.getHours()).padStart(2, '0');
+          const minutes = String(date.getMinutes()).padStart(2, '0');
+          const seconds = String(date.getSeconds()).padStart(2, '0');
+
+          return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+        };
+        const date = getFormattedDate();
+        // 创建一个链接元素用于下载
+        const link = document.createElement('a');
+        link.href = window.URL.createObjectURL(blob);
+        link.download = `应付款分析${date}.xlsx`; // 你可以为文件命名
+        document.body.appendChild(link);
+        link.click(); // 自动点击链接，触发下载
+        document.body.removeChild(link); // 下载完成后移除链接
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+    reload();
+    closeModal();
+  }
+</script>
+<style scoped>
+  .divAll {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+</style>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="提交审核"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    请选择日期：
+    <a-date-picker v-model:value="date" />
+    <div style="height: 10px"></div>
+    请选择收款单位：
+    <a-select v-model:value="payee" style="width: 100%; padding: 5px; border-radius: 4px">
+      <option value="翱特建行城阳支行-美元(5107)">翱特建行城阳支行-美元(5107)</option>
+      <option value="吉庆建行城阳支行-美元(4820)">吉庆建行城阳支行-美元(4820)</option>
+    </a-select>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { commit } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const payee = ref();
+  const date = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    // id.value = data.checkedKeys;
+    id.value = data.data;
+  });
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      date.value = null;
+      payee.value = null;
+    }
+  }
+  function formatDate(input: string): string {
+    // 创建一个 Date 对象
+    const date = new Date(input);
+
+    // 获取年月日
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，所以要加 1
+    const day = String(date.getDate()).padStart(2, '0');
+
+    // 返回格式化后的日期字符串
+    return `${year}-${month}-${day}`;
+  }
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    const formattedDate = formatDate(date.value);
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    commit({ id: id.value, actualRefundDate: formattedDate, payee: payee.value });
+    emit('success');
+    closeModal();
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="提交审核"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    请选择日期：
+    <a-date-picker v-model:value="date" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { checkCommit } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const date = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    id.value = data.data;
+  });
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      date.value = null;
+    }
+  }
+  function formatDate(input: string): string {
+    // 创建一个 Date 对象
+    const date = new Date(input);
+
+    // 获取年月日
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，所以要加 1
+    const day = String(date.getDate()).padStart(2, '0');
+
+    // 返回格式化后的日期字符串
+    return `${year}-${month}-${day}`;
+  }
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    const formattedDate = formatDate(date.value);
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    checkCommit({ id: id.value, actualPayedDate: formattedDate });
+    emit('success');
+    closeModal();
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="扣款单"
+    width="700px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+  >
+    <a-list item-layout="horizontal" :data-source="itemArray">
+      <template #renderItem="{ item }">
+        <a-list-item>
+          <a-list-item-meta>
+            <template #title>
+              <!-- <a :href="item.url" target="_blank" rel="noopener noreferrer">{{ item.name }}</a> -->
+              <!-- <a @click="openPic(item.url)">{{ item.name }}</a> -->
+              <a
+                v-if="isImageUrl(item.url)"
+                @click="openPic(item.url)"
+                style="display: flex; align-items: center"
+              >
+                <img
+                  :src="item.url"
+                  alt="Image"
+                  style="max-width: 150px; max-height: 150px; margin-right: 10px"
+                />
+                {{ item.name }}
+              </a>
+              <a v-else @click="openPic(item.url)">{{ item.name }}</a>
+            </template>
+          </a-list-item-meta>
+        </a-list-item>
+      </template>
+    </a-list>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import type { UploadProps, UploadChangeParam } from 'ant-design-vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import { getInvoiceDeductUrlById } from '@/api/project/invoice';
+  import { view } from '@/utils/pdfShow';
+
+  interface Item {
+    name: string;
+    url: string;
+  }
+
+  const list = ref();
+  const id = ref();
+  const itemArray = ref<Item[]>([]);
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    itemArray.value = [];
+    const res = await getInvoiceDeductUrlById({ id: data.data.invoiceId });
+    for (let item in res) {
+      const url = res[item];
+      const name = item;
+      // 将 name 和 url 放入对象并添加到数组中
+      itemArray.value.push({ name, url });
+    }
+  });
+
+  async function handleOk() {
+    itemArray.value = [];
+    closeModal();
+  }
+  // function openPic(url) {
+  //   window.open('', '', '').document.write(`<!DOCTYPE html>
+  //         <html>
+  //           <body
+  //               style="display: flex;
+  //               justify-content: center;
+  //               align-items: center;">
+  //             <img src='${url}' width="500px" height="500px"/>
+  //           </body>
+  //         </html>`);
+  // }
+  // 新增的函数：判断 URL 是否为图片格式
+  function isImageUrl(url: string): boolean {
+    const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'];
+    const baseUrl = url.split('?')[0];
+    return imageExtensions.some((ext) => baseUrl.toLowerCase().endsWith(ext));
+  }
+  // 检查 URL 是否为 PDF 格式
+  function isPdfUrl(url: string): boolean {
+    return url.toLowerCase().endsWith('.pdf');
+  }
+  // 打开图片或 PDF
+  function openPic(url: string) {
+    const baseUrl = url.split('?')[0]; // 获取问号前的部分
+    if (isImageUrl(baseUrl)) {
+      window.open('', '', '').document.write(`<!DOCTYPE html>
+      <html>
+        <body style="display: flex; justify-content: center; align-items: center;">
+          <img src='${url}' width="300px" height="auto"/>
+        </body>
+      </html>`);
+    } else if (isPdfUrl(baseUrl)) {
+      view(url); // 新标签页打开 PDF
+    } else {
+      console.log('不支持的文件类型');
+    }
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="扣款单"
+    width="700px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+  >
+    <a-list item-layout="horizontal" :data-source="itemArray">
+      <template #renderItem="{ item }">
+        <a-list-item>
+          <a-list-item-meta>
+            <template #title>
+              <!-- <a :href="item.url" target="_blank" rel="noopener noreferrer">{{ item.name }}</a> -->
+              <a
+                v-if="isImageUrl(item.url)"
+                @click="openPic(item.url)"
+                style="display: flex; align-items: center"
+              >
+                <img
+                  :src="item.url"
+                  alt="Image"
+                  style="max-width: 150px; max-height: 150px; margin-right: 10px"
+                />
+                {{ item.name }}
+              </a>
+              <a v-else @click="openPic(item.url)">{{ item.name }}</a>
+              <!-- <a @click="openPic(item.url)">{{ item.name }}</a> -->
+            </template>
+          </a-list-item-meta>
+        </a-list-item>
+      </template>
+    </a-list>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import type { UploadProps, UploadChangeParam } from 'ant-design-vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import { getDeductUrlById } from '@/api/project/invoice';
+  import { view } from '@/utils/pdfShow';
+
+  interface Item {
+    name: string;
+    url: string;
+  }
+
+  const list = ref();
+  const id = ref();
+  const itemArray = ref<Item[]>([]);
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    itemArray.value = [];
+    const res = await getDeductUrlById({ id: data.data.checkId });
+    for (let item in res) {
+      const url = res[item];
+      const name = item;
+      // 将 name 和 url 放入对象并添加到数组中
+      itemArray.value.push({ name, url });
+    }
+  });
+
+  async function handleOk() {
+    itemArray.value = [];
+    closeModal();
+  }
+
+  // 新增的函数：判断 URL 是否为图片格式
+  function isImageUrl(url: string): boolean {
+    const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'];
+    const baseUrl = url.split('?')[0];
+    return imageExtensions.some((ext) => baseUrl.toLowerCase().endsWith(ext));
+  }
+  // 检查 URL 是否为 PDF 格式
+  function isPdfUrl(url: string): boolean {
+    return url.toLowerCase().endsWith('.pdf');
+  }
+  // 打开图片或 PDF
+  function openPic(url: string) {
+    const baseUrl = url.split('?')[0]; // 获取问号前的部分
+    if (isImageUrl(baseUrl)) {
+      window.open('', '', '').document.write(`<!DOCTYPE html>
+      <html>
+        <body style="display: flex; justify-content: center; align-items: center;">
+          <img src='${url}' width="300px" height="auto"/>
+        </body>
+      </html>`);
+    } else if (isPdfUrl(baseUrl)) {
+      view(url); // 新标签页打开 PDF
+    } else {
+      console.log('不支持的文件类型');
+    }
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="修改必须回款日期"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    请选择日期：
+    <a-date-picker v-model:value="date" />
+    <div style="height: 10px"></div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { getSetBackRefundDate } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const date = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    id.value = data.data.invoiceId;
+  });
+  function formatDate(input: string): string {
+    // 创建一个 Date 对象
+    const date = new Date(input);
+
+    // 获取年月日
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，所以要加 1
+    const day = String(date.getDate()).padStart(2, '0');
+
+    // 返回格式化后的日期字符串
+    return `${year}-${month}-${day}`;
+  }
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    const formattedDate = formatDate(date.value);
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    getSetBackRefundDate({ id: id.value, backRefundDate: formattedDate });
+    emit('success');
+    closeModal();
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      date.value = null;
+    }
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="修改应付款日期"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @visible-change="handleShow"
+    @ok="handleOk"
+  >
+    请选择日期：
+    <a-date-picker v-model:value="date" />
+    <div style="height: 10px"></div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { getSetPayedDate } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const date = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    id.value = data.data.checkId;
+  });
+  function formatDate(input: string): string {
+    // 创建一个 Date 对象
+    const date = new Date(input);
+
+    // 获取年月日
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，所以要加 1
+    const day = String(date.getDate()).padStart(2, '0');
+
+    // 返回格式化后的日期字符串
+    return `${year}-${month}-${day}`;
+  }
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    const formattedDate = formatDate(date.value);
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    getSetPayedDate({ id: id.value, payedDate: formattedDate });
+    emit('success');
+    closeModal();
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      date.value = null;
+    }
+  }
+</script>
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="收入款单"
+      width="30%"
+      :isDetail="true"
+      @ok="handleSubmit"
+      :showDetailBack="false"
+      okText="保存"
+      showFooter
+      :destroyOnClose="true"
+    >
+      <!-- <div>
+        <BasicForm @register="registerForm" />
+      </div> -->
+      <div style="font-size: 15px">实际收款金额1$</div>
+      <a-input v-model:value="input1" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">实际收款金额2$</div>
+      <a-input v-model:value="input2" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">实际收款金额3$</div>
+      <a-input v-model:value="input3" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">其他费用金额$</div>
+      <a-input v-model:value="input4" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+
+      <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+      <template #appendFooter>
+        <!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
+      </template>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form';
+  import { defineComponent, ref, computed, unref, toRaw, reactive } from 'vue';
+  import { getEmailList } from '/@/api/sys/config';
+  import { updateAmount } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { ROLE } from './type.d';
+
+  const emit = defineEmits(['success']);
+  const role = computed(() => {
+    return user?.roleSmallVO?.code;
+  });
+  const schemas: FormSchema[] = [
+    // {
+    //   field: 'totalPayAmount',
+    //   component: 'InputNumber',
+    //   labelWidth: 250,
+    //   colProps: {
+    //     span: 23,
+    //   },
+    //   label: '实际应收金额',
+    // },
+    {
+      field: 'actualPayedAmount1',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+      label: '实际应收金额1$',
+    },
+    {
+      field: 'actualPayedAmount2',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+      label: '实际应收金额2$',
+    },
+    {
+      field: 'actualPayedAmount3',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+      label: '实际应收金额3$',
+    },
+    {
+      field: 'otherAmount',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+      label: '其他费用金额$',
+    },
+  ];
+  const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+    labelWidth: 120,
+    schemas,
+    layout: 'vertical',
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 24,
+    },
+  });
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+
+  const update = ref();
+  const status = ref();
+
+  const input1 = ref();
+  const input2 = ref();
+  const input3 = ref();
+  const input4 = ref();
+  const id = ref();
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    // 方式1
+    status.value = data.data.invoiceStatus;
+    id.value = data.data.invoiceId;
+    input1.value = data.data.invoiceActualPayedAmount1;
+    input2.value = data.data.invoiceActualPayedAmount2;
+    input3.value = data.data.invoiceActualPayedAmount3;
+    input4.value = data.data.invoiceOtherAmount;
+    resetFields();
+    setDrawerProps({ confirmLoading: false });
+    setFieldsValue({
+      ...toRaw(data.data),
+    });
+    update.value = data;
+  });
+  //完成编辑
+  async function handleSubmit() {
+    // const values = await validate();
+    // const updatedValues = {
+    //   ...values,
+    //   id: update.value.data.id,
+    //   bgUrl: update.value.data.bgUrl,
+    // };
+    if (!input1.value || !input2.value || !input3.value || !input4.value) {
+      error('选项不能为空');
+    } else {
+      await updateAmount({
+        id: id.value,
+        actualPayedAmount1: input1.value,
+        actualPayedAmount2: input2.value,
+        actualPayedAmount3: input3.value,
+        otherAmount: input4.value,
+      });
+      emit('success');
+      closeDrawer();
+    }
+  }
+</script>
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="编辑"
+      width="30%"
+      :isDetail="true"
+      @ok="handleSubmit"
+      :showDetailBack="false"
+      okText="保存"
+      showFooter
+      :destroyOnClose="true"
+    >
+      <!-- <div>
+        <BasicForm @register="registerForm" />
+      </div> -->
+      <div style="font-size: 15px">实际付款金额1￥</div>
+      <a-input v-model:value="input1" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">实际付款金额2￥</div>
+      <a-input v-model:value="input2" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">实际付款金额3￥</div>
+      <a-input v-model:value="input3" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+
+      <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+      <template #appendFooter>
+        <!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
+      </template>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form';
+  import { defineComponent, ref, computed, unref, toRaw, reactive } from 'vue';
+  import { getEmailList } from '/@/api/sys/config';
+  import { updateAmountInfo } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const emit = defineEmits(['success']);
+  const schemas: FormSchema[] = [
+    // {
+    //   field: 'actualPayedAmount',
+    //   component: 'InputNumber',
+    //   labelWidth: 250,
+    //   colProps: {
+    //     span: 23,
+    //   },
+    //   label: '生产科实际应付金额',
+    // },
+    {
+      field: 'actualPayedAmount1',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      label: '实际应付金额1￥',
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+    },
+    {
+      field: 'actualPayedAmount2',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      label: '实际应付金额2￥',
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+    },
+    {
+      field: 'actualPayedAmount3',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      label: '实际应付金额3￥',
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+    },
+  ];
+  const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+    labelWidth: 120,
+    schemas,
+    layout: 'vertical',
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 24,
+    },
+  });
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const update = ref();
+  const status = ref();
+  const input1 = ref();
+  const input2 = ref();
+  const input3 = ref();
+  const id = ref();
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    // 方式1
+    resetFields();
+    status.value = data.data.checkStatus;
+    id.value = data.data.checkId;
+    input1.value = data.data.checkActualPayedAmount1;
+    input2.value = data.data.checkActualPayedAmount2;
+    input3.value = data.data.checkActualPayedAmount3;
+    setDrawerProps({ confirmLoading: false });
+    // 将金额格式化为两位小数
+    // setFieldsValue({
+    //   actualPayedAmount1:
+    //     data.data.actualPayedAmount1 !== null ? data.data.actualPayedAmount1.toFixed(2) : undefined,
+    //   actualPayedAmount2:
+    //     data.data.actualPayedAmount2 !== null ? data.data.actualPayedAmount2.toFixed(2) : undefined,
+    //   actualPayedAmount3:
+    //     data.data.actualPayedAmount3 !== null ? data.data.actualPayedAmount3.toFixed(2) : undefined,
+    //   ...toRaw(data.data), // 其他字段
+    // });
+    setFieldsValue({
+      ...toRaw(data.data),
+    });
+    update.value = data;
+  });
+  //完成编辑
+  async function handleSubmit() {
+    // const values = await validate();
+    // const updatedValues = {
+    //   ...values,
+    //   id: update.value.data.id,
+    // };
+    if (!input1.value || !input2.value || !input3.value) {
+      error('选项不能为空');
+    } else {
+      await updateAmountInfo({
+        id: id.value,
+        actualPayedAmount1: input1.value,
+        actualPayedAmount2: input2.value,
+        actualPayedAmount3: input3.value,
+      });
+      emit('success');
+      closeDrawer();
+    }
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="收款单分析"
+    width="60%"
+    okText="导出"
+    :isDetail="true"
+    :showDetailBack="false"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    <div class="p-4">
+      <BasicTable @register="registerTable">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'action'"> </template>
+        </template>
+      </BasicTable>
+    </div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import { invoiceAnalysis, exportAnalysis } from '@/api/project/invoice';
+  import { BasicColumn, useTable, BasicTable, ColumnChangeParam } from '/@/components/Table';
+  // 处理弹窗的确定按钮点击事件
+  import axios from 'axios';
+
+  const columnsAnalysis: BasicColumn[] = [
+    {
+      title: '客户编码',
+      dataIndex: 'actualPayedAmount',
+      width: 50,
+      customRender: (res) => {
+        return res?.record?.exportVOS[0]?.customerCode;
+      },
+    },
+    {
+      title: '客户总金额汇总$',
+      dataIndex: 'customerTotalPrice',
+      width: 50,
+      customRender: (res) => {
+        return res?.record?.customerTotalPrice.toFixed(2);
+      },
+    },
+    {
+      title: '客户扣款金额汇总$',
+      dataIndex: 'deductAmount',
+      width: 50,
+      customRender: (res) => {
+        return res?.record?.deductAmount.toFixed(2);
+      },
+    },
+    {
+      title: '实际应收款$',
+      dataIndex: 'otherAmount',
+      width: 50,
+      customRender: (res) => {
+        return res?.record?.otherAmount.toFixed(2);
+      },
+    },
+    {
+      title: '实际收款金额汇总$',
+      dataIndex: 'actualReceivableAmount',
+      width: 50,
+      customRender: (res) => {
+        return res?.record?.actualReceivableAmount.toFixed(2);
+      },
+    },
+    {
+      title: '其他费用金额汇总$',
+      dataIndex: 'otherTotalAmount',
+      width: 50,
+      customRender: (res) => {
+        return res?.record?.otherTotalAmount.toFixed(2);
+      },
+    },
+    {
+      title: '未收金额合计$',
+      dataIndex: 'actualPayedAmount',
+      width: 50,
+      customRender: (res) => {
+        return res?.record?.actualPayedAmount.toFixed(2);
+      },
+    },
+  ];
+  // const ids = ref<number[]>([]);
+  const ids = ref();
+  const tableData = ref([]);
+  // const res = ref();
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    ids.value = data.data;
+    setTimeout(() => {
+      reload();
+    }, 50);
+  });
+  const [registerTable, { reload }] = useTable({
+    // api: () => invoiceAnalysis({ ids: ids.value }),
+    api: async () => {
+      const res = await invoiceAnalysis({ ids: ids.value });
+      // 计算合计行
+      const sum = {
+        customerTotalPrice: 0,
+        deductAmount: 0,
+        otherAmount: 0,
+        actualReceivableAmount: 0,
+        otherTotalAmount: 0,
+        actualPayedAmount: 0,
+        exportVOS: res[0].exportVOS ? JSON.parse(JSON.stringify(res[0].exportVOS)) : [],
+      };
+
+      res.forEach((item: any) => {
+        sum.customerTotalPrice += item.customerTotalPrice || 0;
+        sum.deductAmount += item.deductAmount || 0;
+        sum.otherAmount += item.otherAmount || 0;
+        sum.actualReceivableAmount += item.actualReceivableAmount || 0;
+        sum.otherTotalAmount += item.otherTotalAmount || 0;
+        sum.actualPayedAmount += item.actualPayedAmount || 0;
+      });
+      if (sum.exportVOS && sum.exportVOS[0]) {
+        sum.exportVOS[0].customerCode = '合计';
+      }
+      res.push(sum);
+      return res;
+    },
+    columns: columnsAnalysis,
+    bordered: true,
+  });
+  function handleShow(visible: boolean) {
+    reload();
+  }
+  const searchData = ref({});
+  async function handleOk() {
+    // 构造符合 API 要求的参数
+    const idss = ids.value;
+    // await exportAnalysis({ ids: ids });
+    axios
+      .post(
+        '/basic-api/order/erp/invoice_bill/export',
+        { ids: idss },
+        {
+          responseType: 'blob', // 设置响应类型为 'blob'
+        },
+      )
+      .then((response) => {
+        // 创建一个 Blob 对象来保存二进制数据
+        const blob = new Blob([response.data], { type: 'application/zip' });
+        const getFormattedDate = (): string => {
+          const date = new Date();
+
+          const year = date.getFullYear();
+          const month = String(date.getMonth() + 1).padStart(2, '0');
+          const day = String(date.getDate()).padStart(2, '0');
+
+          const hours = String(date.getHours()).padStart(2, '0');
+          const minutes = String(date.getMinutes()).padStart(2, '0');
+          const seconds = String(date.getSeconds()).padStart(2, '0');
+
+          return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+        };
+        const date = getFormattedDate();
+        // 创建一个链接元素用于下载
+        const link = document.createElement('a');
+        link.href = window.URL.createObjectURL(blob);
+        link.download = `收款单分析${date}.xlsx`; // 你可以为文件命名
+        document.body.appendChild(link);
+        link.click(); // 自动点击链接，触发下载
+        document.body.removeChild(link); // 下载完成后移除链接
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+    closeModal();
+  }
+</script>
+<style scoped>
+  .divAll {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+</style>
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="订单信息"
+      width="60%"
+      :isDetail="true"
+      :showDetailBack="false"
+      :destroyOnClose="true"
+    >
+      <div class="p-4">
+        <BasicTable @register="registerTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'action'"> </template>
+            <template v-if="column.key === 'picUrl'">
+              <img :z-index="100000" :width="50" :height="50" :src="record?.smallPicUrl" />
+            </template>
+          </template>
+        </BasicTable>
+      </div>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form';
+  import { defineComponent, ref, computed, unref, toRaw, reactive } from 'vue';
+  import { demoListApi } from '/@/api/demo/table';
+  import { BasicColumn, useTable, BasicTable, ColumnChangeParam } from '/@/components/Table';
+  import { getBaseInvoice } from '/@/api/project/invoice';
+
+  const columns: BasicColumn[] = [
+    {
+      title: '客户编码',
+      dataIndex: 'customerCode',
+      width: 100,
+    },
+    {
+      title: '项目号',
+      dataIndex: 'projectNo',
+      width: 100,
+    },
+    {
+      title: '内部编码',
+      dataIndex: 'innerNo',
+      width: 100,
+    },
+    {
+      title: '客户po号',
+      dataIndex: 'customerPo',
+      width: 100,
+    },
+    {
+      title: '客户STYLE',
+      width: 150,
+      dataIndex: 'customerStyle',
+    },
+    {
+      title: 'Model(REFERENCE)',
+      width: 150,
+      dataIndex: 'modeleLo',
+    },
+    {
+      title: '订单图片',
+      width: 150,
+      dataIndex: 'picUrl',
+    },
+    {
+      title: '数量',
+      width: 150,
+      dataIndex: 'orderCount',
+    },
+    {
+      title: '客户单价$',
+      width: 150,
+      dataIndex: 'customerPrice',
+    },
+    {
+      title: '客户总价$',
+      width: 150,
+      dataIndex: 'customerTotalPrice',
+    },
+  ];
+  const invoiceNo = ref();
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    // 方式1
+    invoiceNo.value = data.data.invoiceNo;
+    // getBaseInvoice({ invoiceNo: invoiceNo.value });
+  });
+  const params = ref({
+    invoiceNo: invoiceNo.value,
+  });
+  const [registerTable] = useTable({
+    api: () => {
+      const res = getBaseInvoice({ invoiceNo: invoiceNo.value });
+      return res;
+    },
+    columns: columns,
+    bordered: true,
+  });
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="生产科发票"
+    width="700px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+  >
+    <a-list item-layout="horizontal" :data-source="itemArray">
+      <template #renderItem="{ item }">
+        <a-list-item>
+          <a-list-item-meta>
+            <template #title>
+              <!-- <a :href="item.url" target="_blank" rel="noopener noreferrer">{{ item.name }}</a> -->
+              <a @click="view(item.url)">{{ item.name }}</a>
+            </template>
+          </a-list-item-meta>
+        </a-list-item>
+      </template>
+    </a-list>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import type { UploadProps, UploadChangeParam } from 'ant-design-vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import { getDeductUrlById, getInvoiceUrlById } from '@/api/project/invoice';
+  import { view } from '@/utils/pdfShow';
+
+  interface Item {
+    name: string;
+    url: string;
+  }
+
+  const list = ref();
+  const id = ref();
+  const itemArray = ref<Item[]>([]);
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    itemArray.value = [];
+    const res = await getInvoiceUrlById({ id: data.data.checkId });
+    for (let item in res) {
+      const url = res[item];
+      const name = item;
+      // 将 name 和 url 放入对象并添加到数组中
+      itemArray.value.push({ name, url });
+    }
+  });
+
+  async function handleOk() {
+    itemArray.value = [];
+    closeModal();
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="发票上传"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    ><a-upload-dragger
+      v-model:fileList="fileList"
+      name="file"
+      :beforeUpload="beforeUpload"
+      :max-count="1"
+      :multiple="true"
+      :action="updateInvoiceUrl"
+      @change="handleChange"
+      @drop="handleDrop"
+      :disabled="status === 10"
+    >
+      <p class="ant-upload-drag-icon">
+        <inbox-outlined></inbox-outlined>
+      </p>
+      <p class="ant-upload-text">点击或将文件拖拽到这里上传</p>
+    </a-upload-dragger>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import type { UploadProps, UploadChangeParam } from 'ant-design-vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import { updateInvoiceInfo } from '@/api/project/invoice';
+
+  const emit = defineEmits(['success']);
+  const uploadUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const updateInvoiceUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const invoiceUrl = ref();
+  const id = ref();
+  const status = ref();
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    console.log(data);
+    status.value = data.data.checkStatus;
+    // fileList.value = [];
+    fileList.value = [];
+    invoiceUrl.value = data.data.invoiceUrl;
+    id.value = data.data.checkId;
+  });
+
+  const handleChange = (info) => {
+    if (info.file.status == 'done') {
+      updateInvoiceUrl.value = info.file.response.data.fileUrl;
+      invoiceUrl.value = updateInvoiceUrl.value;
+    }
+  };
+  function beforeUpload(info) {
+    updateInvoiceUrl.value = uploadUrl.value + info.name;
+  }
+  function handleDrop(e: DragEvent) {
+    console.log(e);
+  }
+  const fileList = ref<UploadProps['fileList']>([]);
+
+  async function handleOk() {
+    await updateInvoiceInfo({
+      id: id.value,
+      invoiceUrl: invoiceUrl.value,
+    });
+    fileList.value = [];
+    emit('success');
+    closeModal();
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="添加备注"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    备注：
+    <a-textarea v-model:value="notes" placeholder="请输入" :rows="6" />
+    <div style="height: 10px"></div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { getInvoiceNote } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const notes = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    id.value = data.data.invoiceId;
+  });
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    getInvoiceNote({ id: id.value, notes: notes.value });
+    emit('success');
+    closeModal();
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      notes.value = null;
+    }
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="添加备注"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    备注：
+    <a-textarea v-model:value="notes" placeholder="请输入" :rows="6" />
+    <div style="height: 10px"></div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { getCheckNote } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const notes = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    id.value = data.data.checkId;
+  });
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    getCheckNote({ id: id.value, notes: notes.value });
+    emit('success');
+    closeModal();
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      notes.value = null;
+    }
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="更新报关单"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    <div>报关单(请上传PDF格式)</div
+    ><a-space direction="vertical" style="width: 100%" size="large">
+      <a-upload
+        v-model:file-list="fileList"
+        :beforeUpload="beforeUpload"
+        list-type="picture"
+        :max-count="1"
+        :action="updateUrl"
+        @change="handleChange"
+      >
+        <a-button> 上传报关单 </a-button>
+      </a-upload>
+    </a-space>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import type { UploadProps } from 'ant-design-vue';
+  import { reUploadBgUrl } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const fileList = ref<UploadProps['fileList']>([]);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const emit = defineEmits(['success']);
+
+  const id = ref();
+  const uploadUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const updateUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const bgUrl = ref();
+  const urlOld = ref();
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    id.value = data.data.invoiceId;
+  });
+  function handleChange(info) {
+    if (info.file.status == 'done') {
+      updateUrl.value = info.file.response.data.fileUrl;
+      bgUrl.value = updateUrl.value;
+    }
+    if (info.fileList.length == 0) {
+      info.file = null;
+      bgUrl.value = '';
+    }
+  }
+  function beforeUpload(info) {
+    updateUrl.value += uploadUrl.value + info.name;
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      updateUrl.value = '';
+      fileList.value = null;
+    }
+  }
+
+  async function handleOk() {
+    reUploadBgUrl({ id: id.value, bgUrl: bgUrl.value });
+    emit('success');
+    closeModal();
+  }
+</script>
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="收入款单"
+      width="30%"
+      :isDetail="true"
+      @ok="handleSubmit"
+      @visible-change="handleShow"
+      :showDetailBack="false"
+      okText="保存"
+      showFooter
+      :destroyOnClose="true"
+    >
+      <div>
+        <div style="font-size: 15px">客户扣款金额$</div>
+        <a-input v-model:value="input1" placeholder="请输入" :disabled="status === 10" auto-size />
+        <div style="margin: 16px 0"></div>
+        <div>上传扣款单</div
+        ><a-space direction="vertical" style="width: 100%" size="large">
+          <a-upload
+            v-model:file-list="fileList"
+            :beforeUpload="beforeUpload"
+            list-type="picture"
+            :max-count="1"
+            :action="updateDeductUrl"
+            @change="handleChange"
+            :disabled="status === 10"
+          >
+            <a-button> 上传扣款单 </a-button>
+          </a-upload>
+        </a-space>
+      </div>
+      <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+      <template #appendFooter>
+        <!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
+      </template>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { defineComponent, ref, computed, unref, toRaw, reactive } from 'vue';
+  import { getEmailList } from '/@/api/sys/config';
+  import { UploadOutlined } from '@ant-design/icons-vue';
+  import type { UploadProps } from 'ant-design-vue';
+  import { updateDeduct } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const emit = defineEmits(['success']);
+  const fileList = ref<UploadProps['fileList']>([]);
+
+  const input1 = ref(0);
+  const deductUrl = ref();
+  const id = ref();
+  const invoiceNo = ref();
+  const uploadUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  // const uploadUrl = ref('');
+  const updateDeductUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  // const updateDeductUrl = ref('');
+  const deductUrlOld = ref();
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const status = ref();
+
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    status.value = data.data.invoiceStatus;
+    id.value = data.data.invoiceId;
+    invoiceNo.value = data.data.invoiceNo;
+    input1.value = data.data.invoiceDeductAmount;
+    deductUrl.value = data.data.invoiceDeductUrl;
+    deductUrlOld.value = data.data.invoiceDeductUrl;
+  });
+
+  function handleChange(info) {
+    if (info.file.status == 'done') {
+      updateDeductUrl.value = info.file.response.data.fileUrl;
+      deductUrl.value = updateDeductUrl.value;
+    }
+    if (info.fileList.length == 0) {
+      info.file = null;
+      deductUrl.value = '';
+    }
+  }
+  function beforeUpload(info) {
+    updateDeductUrl.value = uploadUrl.value + info.name;
+  }
+  function handleShow() {
+    // if (!visible) {
+    // input1.value = 0;
+    // deductUrl.value = '';
+    // updateDeductUrl.value = '';
+    // fileList.value = [];
+    // }
+    // input1.value = '';
+    // deductUrl.value = '';
+    // updateDeductUrl.value = '';
+    // fileList.value = [];
+  }
+
+  //完成编辑
+  async function handleSubmit() {
+    if (!input1.value) {
+      error('选项不能为空');
+    } else {
+      await updateDeduct({
+        id: id.value,
+        invoiceNo: invoiceNo.value,
+        deductAmount: input1.value,
+        deductUrl: deductUrl.value,
+      });
+      fileList.value = [];
+      emit('success');
+      closeDrawer();
+    }
+  }
+</script>
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="跟单编辑"
+      width="30%"
+      :isDetail="true"
+      @ok="handleSubmit"
+      :showDetailBack="false"
+      @visible-change="handleShow"
+      okText="保存"
+      showFooter
+      :destroyOnClose="true"
+    >
+      <div>
+        <div style="font-size: 15px">生产科扣款金额￥</div>
+        <a-input v-model:value="input1" placeholder="请输入" :disabled="status === 10" auto-size />
+        <div style="margin: 16px 0"></div>
+        <div style="font-size: 15px">扣款责任部门</div>
+        <a-input
+          v-model:value="deductDept"
+          placeholder="请输入"
+          :disabled="status === 10"
+          auto-size
+        />
+        <!-- <a-select
+          ref="select"
+          style="width: 60%"
+          v-model:value="selectedProductionDepartment"
+          :options="productionDepartmentOptions"
+        /> -->
+        <!-- <a-select
+          ref="select"
+          style="width: 100%"
+          v-model:value="productionDepartment"
+          :options="productDepartmentOptions"
+        /> -->
+        <div style="margin: 16px 0"></div>
+        <div>上传扣款单</div
+        ><a-space direction="vertical" style="width: 100%" size="large">
+          <a-upload
+            v-model:file-list="fileList"
+            :beforeUpload="beforeUpload"
+            list-type="picture"
+            :max-count="1"
+            :disabled="status === 10"
+            :action="updateDeductUrl"
+            @change="handleChange"
+          >
+            <a-button> 上传扣款单 </a-button>
+          </a-upload>
+        </a-space>
+      </div>
+      <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+      <template #appendFooter>
+        <!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
+      </template>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { defineComponent, ref, computed, unref, toRaw, reactive, onMounted } from 'vue';
+  import { getEmailList } from '/@/api/sys/config';
+  import { UploadOutlined } from '@ant-design/icons-vue';
+  import type { UploadProps } from 'ant-design-vue';
+  import { updateDeductInfo } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useOrderInfo } from '/@/hooks/component/order';
+  import { useOrderStoreWithOut } from '/@/store/modules/order';
+
+  const emit = defineEmits(['success']);
+  const fileList = ref<UploadProps['fileList']>([]);
+  // const orderStore = useOrderStoreWithOut();
+  // const { productionDepartment: productionDepartmentOptions } = useOrderInfo(orderStore);
+  // console.log(productionDepartmentOptions.value, '565656565665orderStore');
+  // onMounted(() => {
+  //   const { productionDepartment } = useOrderInfo(orderStore);
+  //   console.log(productionDepartment.value, '565656565665orderStore1');
+  // });
+  const orderStore = useOrderStoreWithOut();
+  const { productionDepartment: productDepartmentOptions } = useOrderInfo(orderStore);
+  const productionDepartment = ref();
+  const input1 = ref(0);
+  const deductUrl = ref();
+  const id = ref();
+  const checkNo = ref();
+  const deductDept = ref();
+  const uploadUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const updateDeductUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  // const uploadUrl = ref('');
+  // const updateDeductUrl = ref('');
+  const deductUrlOld = ref();
+  const selectedProductionDepartment = ref(); // 新增: 用于存储选中的生产科
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const status = ref();
+
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    status.value = data.data.checkStatus;
+    id.value = data.data.checkId;
+    checkNo.value = data.data.checkNo;
+    input1.value = data.data.checkDeductAmount;
+    deductDept.value = data.data.checkDeductDept;
+    deductUrl.value = data.data.checkDeductUrl;
+    deductUrlOld.value = data.data.checkDeductUrl;
+  });
+  function handleChange(info) {
+    if (info.file.status == 'done') {
+      updateDeductUrl.value = info.file.response.data.fileUrl;
+      deductUrl.value = updateDeductUrl.value;
+    }
+    if (info.fileList.length == 0) {
+      info.file = null;
+      deductUrl.value = '';
+    }
+  }
+  function beforeUpload(info) {
+    updateDeductUrl.value = uploadUrl.value + info.name;
+  }
+  function handleShow() {
+    // input1.value = '';
+    // deductUrl.value = '';
+    // deductDept.value = '';
+    // updateDeductUrl.value = '';
+    // fileList.value = [];
+  }
+  //完成编辑
+  async function handleSubmit() {
+    if (!input1.value || !deductDept.value) {
+      error('选项不能为空');
+    } else {
+      await updateDeductInfo({
+        id: id.value,
+        checkNo: checkNo.value,
+        deductAmount: input1.value,
+        deductDept: deductDept.value,
+        deductUrl: deductUrl.value,
+      });
+      // productionDepartment: selectedProductionDepartment.value,
+      fileList.value = [];
+      emit('success');
+      closeDrawer();
+    }
+  }
+</script>
+import { FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+import { icon } from 'ant-design-vue';
+import { FolderAddOutlined, FilePptOutlined } from '@ant-design/icons-vue';
+import { size } from 'lodash-es';
+import { view } from '@/utils/pdfShow';
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'invoiceNo',
+    label: '发票单号',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'checkNo',
+    label: '生产科对账单号',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'invoiceStatus',
+    label: '发票状态',
+    component: 'Select',
+    colProps: { span: 8 },
+    componentProps: {
+      options: [
+        { label: '未创建', value: -1 },
+        { label: '未收款', value: 0 },
+        { label: '已收款', value: 10 },
+      ],
+    },
+  },
+  {
+    field: 'checkNoStatus',
+    label: '对账单号状态',
+    component: 'Select',
+    colProps: { span: 8 },
+    componentProps: {
+      options: [
+        { label: '未创建', value: -1 },
+        { label: '未收款', value: 0 },
+        { label: '已收款', value: 10 },
+      ],
+    },
+  },
+  {
+    field: 'customerCode',
+    label: '客户编码',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'projectNo',
+    label: '项目号',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'productionDepartment',
+    label: '生产科',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'innerNo',
+    label: '内部编号',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'customerPo',
+    label: '客户PO号',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'invoiceStartTime',
+    label: '发票开始时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'invoiceEndTime',
+    label: '发票结束时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'checkStartTime',
+    label: '对账开始时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'checkEndTime',
+    label: '对账结束时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'createStartTime',
+    label: '订单开始时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'createEndTime',
+    label: '订单结束时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'productionDepartmentConsignStartTime',
+    label: '生产科拖货开始时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'productionDepartmentConsignEndTime',
+    label: '生产科拖货结束时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'orderHodStartTime',
+    label: 'HOD开始时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+  {
+    field: 'orderHodEndTime',
+    label: 'HOD结束时间',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+    labelWidth: 150,
+  },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    title: '客户编码',
+    dataIndex: 'customerCode',
+    width: 100,
+  },
+  {
+    title: '项目号',
+    dataIndex: 'projectNo',
+    width: 100,
+  },
+  {
+    title: '生产科',
+    dataIndex: 'productionDepartment',
+    width: 100,
+  },
+  {
+    title: '内部编码',
+    dataIndex: 'innerNo',
+    width: 100,
+  },
+  {
+    title: '订单图片',
+    width: 150,
+    dataIndex: 'picUrl',
+  },
+  {
+    title: '数量',
+    width: 150,
+    dataIndex: 'orderCount',
+  },
+  {
+    title: '生产科拖货时间',
+    width: 150,
+    dataIndex: 'productionDepartmentConsignTime',
+    customRender: (column) => {
+      return formatDate(column.record?.productionDepartmentConsignTime);
+    },
+  },
+  {
+    title: '订单上HOD时间',
+    width: 150,
+    dataIndex: 'orderHodTime',
+    customRender: (column) => {
+      return formatDate(column.record?.orderHodTime);
+    },
+  },
+  {
+    title: '客户单价$',
+    width: 150,
+    dataIndex: 'customerPrice',
+    customRender: (column) => {
+      return column.record.customerPrice?.toFixed(2);
+    },
+  },
+  {
+    title: '客户总价$',
+    width: 150,
+    dataIndex: 'customerTotalPrice',
+    customRender: (column) => {
+      return column.record.customerTotalPrice?.toFixed(2);
+    },
+  },
+  {
+    title: 'Invoice编号',
+    dataIndex: 'invoiceNo',
+    width: 180,
+  },
+  {
+    title: '报关单',
+    dataIndex: 'invoiceBgUrl',
+    width: 80,
+    customRender: (column) => {
+      const bgUrl = column.record.invoiceBgUrl;
+      if (bgUrl == undefined) {
+        return;
+      }
+      return <FilePptOutlined style="font-size:25px" onClick={() => view(bgUrl)} />;
+    },
+  },
+  {
+    title: '必须回款日期',
+    dataIndex: 'invoiceBackRefundDate',
+    width: 120,
+  },
+  {
+    title: '发生扣款金额$',
+    dataIndex: 'invoiceDeductAmount',
+    width: 120,
+    customRender: (column) => {
+      return column.record.invoiceDeductAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '上传扣款单',
+    dataIndex: 'invoiceDeductUrl',
+    width: 80,
+    customRender: (column) => {
+      const deductUrl = column.record.invoiceDeductUrl;
+      if (deductUrl == undefined) {
+        return;
+      }
+      // return <FilePptOutlined style="font-size:25px" onClick={() => window.open(deductUrl[0])} />;
+      return <FilePptOutlined style="font-size:25px" />;
+    },
+  },
+  {
+    title: '实际应收金额$',
+    dataIndex: 'invoiceActualReceivableAmount',
+    width: 120,
+    customRender: (column) => {
+      return column.record.invoiceActualReceivableAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '实际收款金额1$',
+    dataIndex: 'invoiceActualPayedAmount1',
+    width: 120,
+    customRender: (column) => {
+      return column.record.invoiceActualPayedAmount1?.toFixed(2);
+    },
+  },
+  {
+    title: '实际收款金额2$',
+    dataIndex: 'invoiceActualPayedAmount2',
+    width: 120,
+    customRender: (column) => {
+      return column.record.invoiceActualPayedAmount2?.toFixed(2);
+    },
+  },
+  {
+    title: '实际收款金额3$',
+    dataIndex: 'invoiceActualPayedAmount3',
+    width: 120,
+    customRender: (column) => {
+      return column.record.invoiceActualPayedAmount3?.toFixed(2);
+    },
+  },
+  {
+    title: '其他费用$',
+    dataIndex: 'invoiceOtherAmount',
+    width: 120,
+    customRender: (column) => {
+      return column.record.invoiceOtherAmount?.toFixed(2);
+    },
+  },
+  {
+    title: 'invoice备注',
+    dataIndex: 'invoiceNotes',
+    width: 200,
+  },
+  {
+    title: 'INVOICE状态',
+    dataIndex: 'invoiceStatus',
+    width: 120,
+    customRender: (column) => {
+      if (column.record.invoiceStatus == null || column.record.invoiceStatus == undefined) {
+        return '未创建';
+      } else if (column.record.invoiceStatus == 0) {
+        return '未收款';
+      } else if (column.record.invoiceStatus == 10) {
+        return '已收款';
+      }
+    },
+  },
+  {
+    title: 'Action',
+    key: 'action', // 对应 #bodyCell 中的 column.key
+    width: 280,
+  },
+  {
+    title: '生产科单价￥',
+    dataIndex: 'productionDepartmentPrice',
+    width: 120,
+    customRender: (column) => {
+      return column.record.productionDepartmentPrice?.toFixed(2);
+    },
+  },
+  {
+    title: '生产科总价￥',
+    dataIndex: 'productionDepartmentTotalPrice',
+    width: 120,
+    customRender: (column) => {
+      return column.record.productionDepartmentTotalPrice?.toFixed(2);
+    },
+  },
+  {
+    title: 'CheckNo编号',
+    dataIndex: 'checkNo',
+    width: 120,
+  },
+  {
+    title: '生产科应付款日期',
+    dataIndex: 'checkPayedDate',
+    width: 140,
+  },
+  {
+    title: '生产科扣款金额￥',
+    dataIndex: 'checkDeductAmount',
+    width: 160,
+    customRender: (column) => {
+      return column.record.checkDeductAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '扣款责任部门',
+    dataIndex: 'checkDeductDept',
+    width: 120,
+  },
+  {
+    title: '上传扣款单',
+    dataIndex: 'checkDeductUrl',
+    width: 120,
+    customRender: (column) => {
+      const deductUrl = column.record.checkDeductUrl;
+      if (deductUrl == undefined) {
+        return;
+      }
+      return <FilePptOutlined style="font-size:25px" />;
+    },
+  },
+  {
+    title: '生产科实际应付金额￥',
+    dataIndex: 'checkActualPayedAmount',
+    width: 180,
+    customRender: (column) => {
+      return column.record.checkActualPayedAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '生产科发票上传',
+    dataIndex: 'checkInvoiceUrl',
+    width: 80,
+    customRender: (column) => {
+      const deductUrl = column.record.checkInvoiceUrl;
+      if (deductUrl == undefined) {
+        return;
+      }
+      return <FilePptOutlined style="font-size:25px" />;
+    },
+  },
+  {
+    title: '实际付款金额1￥',
+    dataIndex: 'checkActualPayedAmount1',
+    width: 160,
+    customRender: (column) => {
+      return column.record.checkActualPayedAmount1?.toFixed(2);
+    },
+  },
+  {
+    title: '实际付款金额2￥',
+    dataIndex: 'checkActualPayedAmount2',
+    width: 160,
+    customRender: (column) => {
+      return column.record.checkActualPayedAmount2?.toFixed(2);
+    },
+  },
+  {
+    title: '实际付款金额3￥',
+    dataIndex: 'checkActualPayedAmount3',
+    width: 160,
+    customRender: (column) => {
+      return column.record.checkActualPayedAmount3?.toFixed(2);
+    },
+  },
+  {
+    title: '生产科发票审核',
+    dataIndex: 'checkDepartmentInvoiceStatus',
+    width: 120,
+    customRender: (column) => {
+      if (column.record.checkDepartmentInvoiceStatus == 0) {
+        return '待审核';
+      } else if (column.record.checkDepartmentInvoiceStatus == 10) {
+        return '审核通过';
+      } else if (column.record.checkDepartmentInvoiceStatus == 20) {
+        return '审核驳回';
+      }
+    },
+  },
+  {
+    title: '生产科对账单号备注',
+    dataIndex: 'checkNotes',
+    width: 200,
+  },
+  {
+    title: 'CHECKNO状态',
+    dataIndex: 'checkPayStatus',
+    width: 120,
+    customRender: (column) => {
+      if (column.record.checkPayStatus == null || column.record.checkPayStatus == undefined) {
+        return '未创建';
+      } else if (column.record.checkPayStatus == 0) {
+        return '未收款';
+      } else if (column.record.checkPayStatus == 10) {
+        return '已收款';
+      }
+    },
+  },
+  {
+    title: 'Action',
+    key: 'action2', // 对应 #bodyCell 中的 column.key
+    width: 280,
+  },
+];
+function formatDate(input: string): string {
+  // 创建一个 Date 对象
+  const date = new Date(input);
+
+  // 获取年月日
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，所以要加 1
+  const day = String(date.getDate()).padStart(2, '0');
+
+  // 返回格式化后的日期字符串
+  return `${year}-${month}-${day}`;
+}
 \ No newline at end of file
+<template>
+  <div class="p-4">
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button
+          type="primary"
+          @click="handleCommit"
+          v-if="role == ROLE.ADMIN || role == ROLE.FINANCE"
+          :style="{ borderRadius: '5px 5px 5px 5px' }"
+          >提交应收审核</a-button
+        >
+        <a-button
+          type="primary"
+          @click="handleCommitCheck"
+          v-if="role == ROLE.ADMIN || role == ROLE.FINANCE"
+          :style="{ borderRadius: '5px 5px 5px 5px' }"
+          >提交应付审核</a-button
+        >
+        <a-button
+          type="primary"
+          @click="handleInvoiceAnalysis"
+          :style="{ borderRadius: '5px 5px 5px 5px' }"
+          v-if="role == ROLE.ADMIN || role == ROLE.FINANCE"
+          >收款单分析</a-button
+        >
+        <a-button
+          type="primary"
+          @click="handleCheckSumCheck"
+          v-if="role == ROLE.ADMIN || role == ROLE.FINANCE"
+          :style="{ borderRadius: '5px 5px 5px 5px' }"
+          >应付款汇总</a-button
+        >
+        <a-popconfirm
+          title="请确认是否删除？"
+          ok-text="是"
+          cancel-text="否"
+          @confirm="handleDeleteInvoiceIds"
+        >
+          <a-button type="primary" :style="{ borderRadius: '5px 5px 5px 5px' }"
+            >应付款删除</a-button
+          >
+        </a-popconfirm>
+        <a-popconfirm
+          title="请确认是否删除？"
+          ok-text="是"
+          cancel-text="否"
+          @confirm="handleDeleteCheckIds"
+        >
+          <a-button type="primary" :style="{ borderRadius: '5px 5px 5px 5px' }"
+            >应收款删除</a-button
+          >
+        </a-popconfirm>
+        <FinanceEdit @register="registerFinanceEdit" @success="handleSuccess" />
+        <InvoiceAnalysis @register="registerInvoiceAnalysis" />
+        <TrackEdit @register="registerTrackEdit" @success="handleSuccess" />
+        <InvoiceDetail @register="registerInvoiceDetail" />
+        <DeductShow @register="registerDeductShow" />
+        <Commit @register="registerCommit" @success="handleSuccess" />
+        <EditRefundTime @register="registerEditRefundTime" @success="handleSuccess" />
+        <ReUploadBgUrl @register="registerReUploadBgUrl" @success="handleSuccess" />
+        <Note @register="registerNote" @success="handleSuccess" />
+        <FinanceEditCheck @register="registerFinanceEditCheck" @success="handleSuccess" />
+        <TrackEditCheck @register="registerTrackEditCheck" @success="handleSuccess" />
+        <CheckSumCheck @register="registerCheckSumCheck" />
+        <InvoiceUploadCheck @register="registerInvoiceUploadCheck" @success="handleSuccess" />
+        <CheckDetailCheck @register="registerInvoiceDetailCheck" />
+        <DeductShowCheck @register="registerDeductShowCheck" />
+        <InvoiceShowCheck @register="registerInvoiceShowCheck" />
+        <CommitCheck @register="registerCommitCheck" @success="handleSuccess" />
+        <EditRefundTimeCheck @register="registerEditRefundTimeCheck" @success="handleSuccess" />
+        <NoteCheck @register="registerNoteCheck" @success="handleSuccess" />
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'picUrl'">
+          <img :z-index="100000" :width="50" :height="50" :src="record?.smallPicUrl" />
+        </template>
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              // {
+              //   label: '财务编辑',
+              //   onClick: handleFinanceEdit.bind(null, record),
+              // },
+              ...(role == ROLE.ADMIN || role == ROLE.FINANCE
+                ? [
+                    {
+                      label: '财务编辑',
+                      onClick: handleFinanceEdit.bind(null, record),
+                    },
+                  ]
+                : []),
+              {
+                label: '跟单编辑',
+                onClick: handleTrackEdit.bind(null, record),
+              },
+              // ...(role == ROLE.ADMIN || role == ROLE.FINANCE
+              //   ? [
+              //       {
+              //         label: '提交审核',
+              //         onClick: handleCommit.bind(null, record),
+              //       },
+              //     ]
+              //   : []),
+            ]"
+            :dropDownActions="[
+              {
+                label: '订单信息',
+                onClick: handleInvoiceDetail.bind(null, record),
+              },
+              {
+                label: '更新报关单',
+                onClick: handleReUploadBgUrl.bind(null, record),
+              },
+              // {
+              //   label: '删除',
+              //   popConfirm: {
+              //     title: '是否确认删除',
+              //     placement: 'left',
+              //     confirm: handleDelete.bind(null, record),
+              //   },
+              //   // onClick: handleDelete.bind(null, record),
+              // },
+              {
+                label: '扣款单',
+                onClick: handleDeductShow.bind(null, record),
+              },
+              ...(role == ROLE.ADMIN
+                ? [
+                    {
+                      label: '修改必须回款日期',
+                      onClick: handleEditRefundTime.bind(null, record),
+                    },
+                  ]
+                : []),
+              {
+                label: '添加备注',
+                onClick: handleNote.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+        <template v-if="column.key === 'action2'">
+          <TableAction
+            v-if="
+              role == ROLE.ADMIN ||
+              role == ROLE.FINANCE ||
+              role == ROLE.TRACKER ||
+              role == ROLE.BUSINESS
+            "
+            :actions="[
+              ...(role == ROLE.ADMIN || role == ROLE.FINANCE
+                ? [
+                    {
+                      label: '财务编辑',
+                      onClick: handleFinanceEditCheck.bind(null, record),
+                    },
+                  ]
+                : []),
+              {
+                label: '跟单编辑',
+                onClick: handleTrackEditCheck.bind(null, record),
+              },
+              {
+                label: '发票上传',
+                onClick: handleInvoiceUploadCheck.bind(null, record),
+              },
+            ]"
+            :dropDownActions="[
+              // ...(role == ROLE.ADMIN || role == ROLE.FINANCE
+              //   ? [
+              //       {
+              //         label: '提交审核',
+              //         onClick: handleCommitCheck.bind(null, record),
+              //       },
+              //     ]
+              //   : []),
+              {
+                label: '订单信息',
+                onClick: handleDetail.bind(null, record),
+              },
+              // {
+              //   label: '删除',
+              //   popConfirm: {
+              //     title: '是否确认删除',
+              //     placement: 'left',
+              //     confirm: handleDelete.bind(null, record),
+              //   },
+              //   // onClick: handleDelete.bind(null, record),
+              // },
+              {
+                label: '生产科发票',
+                onClick: handleInvoiceShowCheck.bind(null, record),
+              },
+              {
+                label: '扣款单',
+                onClick: handleDeductShowCheck.bind(null, record),
+              },
+              ...(role == ROLE.ADMIN
+                ? [
+                    {
+                      label: '修改应付款日期',
+                      onClick: handleEditRefundTimeCheck.bind(null, record),
+                    },
+                  ]
+                : []),
+              {
+                label: '添加备注',
+                onClick: handleNoteCheck.bind(null, record),
+              },
+            ]"
+          />
+          <TableAction
+            v-if="role == ROLE.PRODUCE"
+            :actions="[
+              {
+                label: '发票上传',
+                onClick: handleInvoiceUploadCheck.bind(null, record),
+              },
+              {
+                label: '生产科发票',
+                onClick: handleInvoiceShowCheck.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { computed, defineComponent, ref } from 'vue';
+  import { BasicTable, useTable, BasicColumn, TableAction } from '/@/components/Table';
+  // import { searchFormSchema, columns } from './receive.data';
+  import { searchFormSchema, columns } from './finance.data';
+  import FinanceEdit from './FinanceEdit.vue';
+  import TrackEdit from './TrackEdit.vue';
+  import InvoiceAnalysis from './InvoiceAnalysis.vue';
+  import InvoiceDetail from './InvoiceDetail.vue';
+  import DeductShow from './DeductShow.vue';
+  import Commit from './Commit.vue';
+  import EditRefundTime from './EditRefundTime.vue';
+  import ReUploadBgUrl from './ReUploadBgUrl.vue';
+  import Note from './Note.vue';
+  import TrackEditCheck from './TrackEditCheck.vue';
+  import FinanceEditCheck from './FinanceEditCheck.vue';
+  import InvoiceUploadCheck from './InvoiceUploadCheck.vue';
+  import CheckDetailCheck from './CheckDetailCheck.vue';
+  import CheckSumCheck from './CheckSumCheck.vue';
+  import DeductShowCheck from './DeductShowCheck.vue';
+  import InvoiceShowCheck from './InvoiceShowCheck.vue';
+  import CommitCheck from './CommitCheck.vue';
+  import EditRefundTimeCheck from './EditRefundTimeCheck.vue';
+  import NoteCheck from './NoteCheck.vue';
+  import { useDrawer } from '/@/components/Drawer';
+  import {
+    getCheck,
+    checkDelete,
+    checkCommit,
+    checkDetail,
+    getInvoice,
+    deleteInvoice,
+    commit,
+    getBaseInvoice,
+  } from '@/api/project/invoice';
+  import { useModal } from '/@/components/Modal';
+  import { CheckOutlined, FilePptOutlined } from '@ant-design/icons-vue';
+  import { icon } from 'ant-design-vue';
+  import { ROLE } from './type.d';
+  import { useUserStoreWithOut } from '/@/store/modules/user';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const [registerInvoiceAnalysis, { openModal: openInvoiceAnalysis }] = useModal();
+  const [registerFinanceEdit, { openDrawer: openFinanceEdit }] = useDrawer();
+  const [registerTrackEdit, { openDrawer: openTrackEdit }] = useDrawer();
+  const [registerInvoiceDetail, { openDrawer: openInvoiceDetail }] = useDrawer();
+  const [registerCommit, { openModal: openCommit }] = useModal();
+  const [registerEditRefundTime, { openModal: openEditRefundTime }] = useModal();
+  const [registerReUploadBgUrl, { openModal: openReUploadBgUrl }] = useModal();
+  const [registerNote, { openModal: openNote }] = useModal();
+  const [registerDeductShow, { openModal: openDeductShow }] = useModal();
+  const [registerCheckSumCheck, { openModal: openCheckSumCheck }] = useModal();
+  const [registerFinanceEditCheck, { openDrawer: openFinanceEditCheck }] = useDrawer();
+  const [registerTrackEditCheck, { openDrawer: openTrackEditCheck }] = useDrawer();
+  const [registerInvoiceUploadCheck, { openModal: openInvoiceUploadCheck }] = useModal();
+  const [registerDeductShowCheck, { openModal: openDeductShowCheck }] = useModal();
+  const [registerCommitCheck, { openModal: openCommitCheck }] = useModal();
+  const [registerEditRefundTimeCheck, { openModal: openEditRefundTimeCheck }] = useModal();
+  const [registerInvoiceShowCheck, { openModal: openInvoiceShowCheck }] = useModal();
+  const [registerNoteCheck, { openModal: openNoteCheck }] = useModal();
+  const [registerInvoiceDetailCheck, { openDrawer: openCheckDetailCheck }] = useDrawer();
+  const checkedKeys = ref<Array<string | number>>([]);
+  const invoiceIdKeys = ref<Array<string | number>>([]);
+  const checkIdKeys = ref<Array<string | number>>([]);
+  const userStore = useUserStoreWithOut();
+  const user = userStore.getUserInfo;
+  const role = computed(() => {
+    return user?.roleSmallVO?.code;
+  });
+  const [registerTable, { reload: reloadTable }] = useTable({
+    title: '',
+    api: getInvoice,
+    columns: columns,
+    bordered: true,
+    clickToRowSelect: false,
+    rowKey: 'id',
+    rowSelection: {
+      type: 'checkbox',
+      selectedRowKeys: checkedKeys,
+      onSelect,
+      onSelectAll,
+    },
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+      autoSubmitOnEnter: true,
+    },
+    useSearchForm: true,
+    showTableSetting: true,
+    showIndexColumn: false,
+    tableSetting: {
+      setting: false,
+    },
+    // actionColumn: {
+    //   width: 330,
+    //   title: 'Action',
+    //   dataIndex: 'action',
+    //   // slots: { customRender: 'action' },
+    // },
+  });
+
+  // 单选函数
+  async function onSelect(record, selected: boolean) {
+    console.log(record, '5656565656record');
+
+    if (selected) {
+      checkedKeys.value = [...checkedKeys.value, record.id];
+
+      // 仅当 invoiceId 不为 undefined 时，才加入
+      if (record.invoiceId !== undefined) {
+        invoiceIdKeys.value = [...invoiceIdKeys.value, record.invoiceId];
+      }
+
+      // 仅当 checkId 不为 undefined 时，才加入
+      if (record.checkId !== undefined) {
+        checkIdKeys.value = [...checkIdKeys.value, record.checkId];
+      }
+    } else {
+      checkedKeys.value = checkedKeys.value.filter((id) => id !== record.id);
+
+      // 仅当 invoiceId 不为 undefined 时，才删除
+      if (record.invoiceId !== undefined) {
+        invoiceIdKeys.value = invoiceIdKeys.value.filter(
+          (invoiceId) => invoiceId !== record.invoiceId,
+        );
+      }
+
+      // 仅当 checkId 不为 undefined 时，才删除
+      if (record.checkId !== undefined) {
+        checkIdKeys.value = checkIdKeys.value.filter((checkId) => checkId !== record.checkId);
+      }
+    }
+
+    console.log(checkedKeys.value, 565666666); // 输出当前的 checkedKeys 值
+    console.log(invoiceIdKeys.value, 565666666); // 输出当前的 selectedCustomCodes 值
+    console.log(checkIdKeys.value, 565666666); // 输出当前的 selectedProductionDepartment 值
+  }
+
+  // 全选函数
+  async function onSelectAll(selected: boolean, selectedRows: any[], changeRows: any[]) {
+    const changeIds = changeRows.map((item) => item.id);
+    const invoiceIds = changeRows.map((item) => item.invoiceId);
+    const checkIds = changeRows.map((item) => item.checkId);
+
+    if (selected) {
+      checkedKeys.value = [...checkedKeys.value, ...changeIds];
+
+      // 过滤掉 undefined 的 invoiceId 和 checkId
+      invoiceIdKeys.value = [
+        ...invoiceIdKeys.value,
+        ...invoiceIds.filter((invoiceId) => invoiceId !== undefined),
+      ];
+      checkIdKeys.value = [
+        ...checkIdKeys.value,
+        ...checkIds.filter((checkId) => checkId !== undefined),
+      ];
+    } else {
+      checkedKeys.value = checkedKeys.value.filter((id) => !changeIds.includes(id));
+
+      // 仅当 invoiceId 不为 undefined 时，才删除
+      invoiceIdKeys.value = invoiceIdKeys.value.filter(
+        (invoiceId) => invoiceIds.indexOf(invoiceId) === -1,
+      );
+
+      // 仅当 checkId 不为 undefined 时，才删除
+      checkIdKeys.value = checkIdKeys.value.filter((checkId) => checkIds.indexOf(checkId) === -1);
+    }
+
+    console.log(checkedKeys.value, 565666666); // 输出当前的 checkedKeys 值
+    console.log(invoiceIdKeys.value, 565666666); // 输出当前的 selectedCustomCodes 值
+    console.log(checkIdKeys.value, 565666666); // 输出当前的 selectedProductionDepartment 值
+  }
+
+  function handleFinanceEdit(record) {
+    openFinanceEdit(true, {
+      data: record,
+    });
+  }
+  function handleTrackEdit(record) {
+    openTrackEdit(true, {
+      data: record,
+    });
+  }
+  function handleDelete(record) {
+    const id: string[] = Array.isArray(record.id) ? record.id : [record.id];
+    deleteInvoice({ ids: id });
+    setTimeout(() => {
+      reloadTable();
+    }, 50);
+  }
+  function handleDeleteInvoiceIds() {
+    // console.log(checkedKeys.value, '5656checkedKeys.value');
+    deleteInvoice({ ids: invoiceIdKeys.value });
+    setTimeout(() => {
+      reloadTable();
+    }, 50);
+  }
+  function handleDeleteCheckIds() {
+    // console.log(checkedKeys.value, '5656checkedKeys.value');
+    deleteInvoice({ ids: checkIdKeys.value });
+    setTimeout(() => {
+      reloadTable();
+    }, 50);
+  }
+  function handleDeductShow(record) {
+    openDeductShow(true, {
+      data: record,
+    });
+  }
+  function handleCommit(record) {
+    openCommit(true, {
+      data: invoiceIdKeys.value,
+    });
+  }
+  function handleEditRefundTime(record) {
+    openEditRefundTime(true, {
+      data: record,
+    });
+  }
+  function handleInvoiceDetail(record) {
+    openInvoiceDetail(true, {
+      data: record,
+    });
+  }
+  function handleReUploadBgUrl(record) {
+    openReUploadBgUrl(true, {
+      data: record,
+    });
+  }
+  function handleNote(record) {
+    openNote(true, {
+      data: record,
+    });
+  }
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  function handleInvoiceAnalysis(record) {
+    if (invoiceIdKeys.value.length == 0) {
+      error('请选择订单');
+      return;
+    }
+    openInvoiceAnalysis(true, {
+      data: invoiceIdKeys.value,
+    });
+  }
+
+  function handleSuccess() {
+    setTimeout(() => {
+      reloadTable();
+    }, 50);
+  }
+
+  function handleFinanceEditCheck(record) {
+    openFinanceEditCheck(true, {
+      data: record,
+    });
+  }
+  function handleTrackEditCheck(record) {
+    openTrackEditCheck(true, {
+      data: record,
+    });
+  }
+  function handleInvoiceUploadCheck(record) {
+    openInvoiceUploadCheck(true, {
+      data: record,
+    });
+  }
+  function handleInvoiceShowCheck(record) {
+    openInvoiceShowCheck(true, {
+      data: record,
+    });
+  }
+  function handleNoteCheck(record) {
+    openNoteCheck(true, {
+      data: record,
+    });
+  }
+  function handleDeductShowCheck(record) {
+    openDeductShowCheck(true, {
+      data: record,
+    });
+  }
+  function handleDetail(record) {
+    openCheckDetailCheck(true, {
+      data: record,
+    });
+  }
+  function handleCommitCheck(record) {
+    openCommitCheck(true, {
+      data: checkIdKeys.value,
+    });
+  }
+  function handleEditRefundTimeCheck(record) {
+    openEditRefundTimeCheck(true, {
+      data: record,
+    });
+  }
+  function handleCheckSumCheck(record) {
+    if (checkIdKeys.value.length == 0) {
+      error('请选择订单');
+      return;
+    }
+    openCheckSumCheck(true, {
+      data: checkIdKeys.value,
+    });
+  }
+</script>
@@ -98,6 +98,7 @@
       const res = await checkAnalysis({ ids: ids.value });
       const arrayRes = ref([]);
       arrayRes.value.push(res);
+      console.log(res, '5656payana');
       return res;
     },
     columns: columnsAnalysis,
@@ -33,8 +33,8 @@
   import { updateInvoiceInfo } from '@/api/project/invoice';
   const emit = defineEmits(['success']);
-  const uploadUrl = ref('http://47.104.8.35:8081/api/localStorage/upload_file_oss?name=');
-  const updateInvoiceUrl = ref('http://47.104.8.35:8081/api/localStorage/upload_file_oss?name=');
+  const uploadUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const updateInvoiceUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
   const invoiceUrl = ref();
   const id = ref();
   const status = ref();
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="添加备注"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    备注：
+    <a-textarea v-model:value="notes" placeholder="请输入" :rows="6" />
+    <div style="height: 10px"></div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { getSetBackRefundDate } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const notes = ref();
+  const checkedKeys = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    // id.value = data.data.id;
+    checkedKeys.value = data.checkedKeys;
+  });
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    getSetBackRefundDate({ id: checkedKeys.value, notes: notes.value });
+    emit('success');
+    closeModal();
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      notes.value = null;
+    }
+  }
+</script>
@@ -87,8 +87,10 @@
   const id = ref();
   const checkNo = ref();
   const deductDept = ref();
-  const uploadUrl = ref('http://47.104.8.35:8081/api/localStorage/upload_file_oss?name=');
-  const updateDeductUrl = ref('http://47.104.8.35:8081/api/localStorage/upload_file_oss?name=');
+  const uploadUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const updateDeductUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  // const uploadUrl = ref('');
+  // const updateDeductUrl = ref('');
   const deductUrlOld = ref();
   const selectedProductionDepartment = ref(); // 新增: 用于存储选中的生产科
   const { createMessage } = useMessage();
@@ -17,6 +17,7 @@
         <InvoiceShow @register="registerInvoiceShow" />
         <Commit @register="registerCommit" @success="handleSuccess" />
         <EditRefundTime @register="registerEditRefundTime" @success="handleSuccess" />
+        <Note @register="registerNote" @success="handleSuccess" />
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
@@ -83,6 +84,10 @@
                     },
                   ]
                 : []),
+              {
+                label: '添加备注',
+                onClick: handleNote.bind(null, record),
+              },
             ]"
           />
           <TableAction
@@ -116,6 +121,7 @@
   import InvoiceShow from './InvoiceShow.vue';
   import Commit from './Commit.vue';
   import EditRefundTime from './EditRefundTime.vue';
+  import Note from './Note.vue';
   import { useDrawer } from '/@/components/Drawer';
   import { useModal } from '/@/components/Modal';
   import { getCheck, checkDelete, checkCommit, checkDetail } from '@/api/project/invoice';
@@ -132,6 +138,7 @@
   const [registerCommit, { openModal: openCommit }] = useModal();
   const [registerEditRefundTime, { openModal: openEditRefundTime }] = useModal();
   const [registerInvoiceShow, { openModal: openInvoiceShow }] = useModal();
+  const [registerNote, { openModal: openNote }] = useModal();
   const [registerInvoiceDetail, { openDrawer: openCheckDetail }] = useDrawer();
   const userStore = useUserStoreWithOut();
   const user = userStore.getUserInfo;
@@ -350,6 +357,11 @@
       data: record,
     });
   }
+  function handleNote(record) {
+    openNote(true, {
+      data: record,
+    });
+  }
   function handleDeductShow(record) {
     openDeductShow(true, {
       data: record,
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="订单信息"
+      width="60%"
+      :isDetail="true"
+      :showDetailBack="false"
+      :destroyOnClose="true"
+    >
+      <div class="p-4">
+        <BasicTable @register="registerTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'action'"> </template>
+            <template v-if="column.key === 'picUrl'">
+              <img :z-index="100000" :width="50" :height="50" :src="record?.smallPicUrl" />
+            </template>
+          </template>
+        </BasicTable>
+      </div>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { defineComponent, ref, computed, unref, toRaw, reactive } from 'vue';
+  import { BasicColumn, useTable, BasicTable, ColumnChangeParam } from '/@/components/Table';
+  import { checkDetail } from '/@/api/project/invoice';
+  import { useDesign } from '@/hooks/web/useDesign';
+
+  // const handlePreview = (url) => {
+  //   createImgPreview({ imageList: [url], defaultWidth: 500 });
+  //   return false;
+  // };
+  const columns: BasicColumn[] = [
+    {
+      title: '客户编码',
+      dataIndex: 'customerCode',
+      width: 100,
+    },
+    {
+      title: '项目号',
+      dataIndex: 'projectNo',
+      width: 100,
+    },
+    {
+      title: '内部编码',
+      dataIndex: 'innerNo',
+      width: 100,
+    },
+    {
+      title: '客户po号',
+      dataIndex: 'customerPo',
+      width: 100,
+    },
+    {
+      title: '客户STYLE',
+      width: 150,
+      dataIndex: 'customerStyle',
+    },
+    {
+      title: 'Model(REFERENCE)',
+      width: 150,
+      dataIndex: 'modeleLo',
+    },
+    {
+      title: '订单图片',
+      width: 150,
+      dataIndex: 'picUrl',
+    },
+    {
+      title: '数量',
+      width: 150,
+      dataIndex: 'orderCount',
+    },
+    {
+      title: '生产科单价￥',
+      width: 150,
+      dataIndex: 'productionDepartmentPrice',
+      customRender: (column) => {
+        const { record } = column || {};
+        return record?.profitAnalysisInfo?.productionDepartmentPrice?.toFixed(2);
+        // ? `¥ ${record?.profitAnalysisInfo?.productionDepartmentPrice}`
+        // : '';
+      },
+    },
+    {
+      title: '生产科总价￥',
+      width: 150,
+      dataIndex: 'productionDepartmentTotalPrice',
+      customRender: (column) => {
+        const { record } = column || {};
+        return record?.profitAnalysisInfo?.productionDepartmentTotalPrice?.toFixed(2);
+        // ? `¥ ${record?.profitAnalysisInfo?.productionDepartmentTotalPrice}`
+        // : '';
+      },
+    },
+  ];
+  const checkNo = ref();
+
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    // 方式1
+    checkNo.value = data.data.checkNo;
+    // checkDetail({ checkNo: checkNo.value });
+  });
+  const params = ref({
+    checkNo: checkNo.value,
+  });
+  const [registerTable] = useTable({
+    api: () => {
+      const res = checkDetail({ checkNo: checkNo.value });
+      return res;
+    },
+    columns: columns,
+    bordered: true,
+  });
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="应收款汇总"
+    width="60%"
+    okText="导出"
+    :isDetail="true"
+    :showDetailBack="false"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    <div class="p-4">
+      <BasicTable @register="registerTable">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'action'"> </template>
+        </template>
+      </BasicTable>
+    </div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import { checkAnalysis, exportCheckAnalysis } from '@/api/project/invoice';
+  import { BasicColumn, useTable, BasicTable, ColumnChangeParam } from '/@/components/Table';
+  // 处理弹窗的确定按钮点击事件
+  import axios from 'axios';
+
+  const columnsAnalysis: BasicColumn[] = [
+    {
+      title: '生产科名称',
+      dataIndex: 'productionDepartment',
+      width: 150,
+      customRender: (res) => {
+        // console.log(res, 56562);
+        return res.record.exportVOS[0].productionDepartment;
+      },
+    },
+    {
+      title: '生产科总价汇总￥',
+      dataIndex: 'productionDepartmentTotalPrice',
+      width: 150,
+      customRender: (res) => {
+        // console.log(res, 56562);
+        return res.record.productionDepartmentTotalPrice.toFixed(2);
+      },
+    },
+    {
+      title: '生产科扣款金额汇总￥',
+      dataIndex: 'deductAmount',
+      width: 160,
+      customRender: (res) => {
+        // console.log(res, 56562);
+        return res.record.deductAmount.toFixed(2);
+      },
+    },
+    {
+      title: '生产科实际应付金额￥',
+      dataIndex: 'calculateActualPayedAmount',
+      width: 160,
+      customRender: (res) => {
+        return res.record.calculateActualPayedAmount.toFixed(2);
+      },
+    },
+    {
+      title: '实际付款金额汇总￥',
+      dataIndex: 'actualPayedAmount',
+      width: 160,
+      customRender: (res) => {
+        // console.log(res, 56562);
+        return res.record.actualPayedAmount.toFixed(2);
+      },
+    },
+    {
+      title: '未付金额￥',
+      dataIndex: 'unPayedAmount',
+      width: 150,
+      customRender: (res) => {
+        // console.log(res, 56562);
+        return res.record.unPayedAmount.toFixed(2);
+      },
+    },
+  ];
+  // const ids = ref<number[]>([]);
+  const ids = ref();
+  // const res = ref();
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    ids.value = data.data;
+    setTimeout(() => {
+      reload();
+    }, 50);
+  });
+  const [registerTable, { reload }] = useTable({
+    // api: () => invoiceAnalysis({ ids: ids.value }),
+    api: async () => {
+      const res = await checkAnalysis({ ids: ids.value });
+      const arrayRes = ref([]);
+      arrayRes.value.push(res);
+      console.log(res, '5656payana');
+      return res;
+    },
+    columns: columnsAnalysis,
+    bordered: true,
+  });
+  function handleShow(visible: boolean) {
+    reload();
+  }
+  const searchData = ref({});
+  async function handleOk() {
+    // 构造符合 API 要求的参数
+    // const ids = [23];
+    // const requestData = {
+    //   ids: ids.value,
+    // };
+    const idss = ids.value;
+    // await exportCheckAnalysis({ ids: ids });
+    axios
+      .post(
+        '/basic-api/order/erp/check_bill/export',
+        { ids: idss },
+        {
+          responseType: 'blob', // 设置响应类型为 'blob'
+        },
+      )
+      .then((response) => {
+        // 创建一个 Blob 对象来保存二进制数据
+        const blob = new Blob([response.data], { type: 'application/zip' });
+        const getFormattedDate = (): string => {
+          const date = new Date();
+
+          const year = date.getFullYear();
+          const month = String(date.getMonth() + 1).padStart(2, '0');
+          const day = String(date.getDate()).padStart(2, '0');
+
+          const hours = String(date.getHours()).padStart(2, '0');
+          const minutes = String(date.getMinutes()).padStart(2, '0');
+          const seconds = String(date.getSeconds()).padStart(2, '0');
+
+          return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+        };
+        const date = getFormattedDate();
+        // 创建一个链接元素用于下载
+        const link = document.createElement('a');
+        link.href = window.URL.createObjectURL(blob);
+        link.download = `应付款分析${date}.xlsx`; // 你可以为文件命名
+        document.body.appendChild(link);
+        link.click(); // 自动点击链接，触发下载
+        document.body.removeChild(link); // 下载完成后移除链接
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+    reload();
+    closeModal();
+  }
+</script>
+<style scoped>
+  .divAll {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+</style>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="提交审核"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+  >
+    请选择日期：
+    <a-date-picker v-model:value="date" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { checkCommit } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const date = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    id.value = data.data.id;
+  });
+  function formatDate(input: string): string {
+    // 创建一个 Date 对象
+    const date = new Date(input);
+
+    // 获取年月日
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，所以要加 1
+    const day = String(date.getDate()).padStart(2, '0');
+
+    // 返回格式化后的日期字符串
+    return `${year}-${month}-${day}`;
+  }
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    const formattedDate = formatDate(date.value);
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    checkCommit({ id: id.value, actualPayedDate: formattedDate });
+    emit('success');
+    closeModal();
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="扣款单"
+    width="700px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+  >
+    <a-list item-layout="horizontal" :data-source="itemArray">
+      <template #renderItem="{ item }">
+        <a-list-item>
+          <a-list-item-meta>
+            <template #title>
+              <!-- <a :href="item.url" target="_blank" rel="noopener noreferrer">{{ item.name }}</a> -->
+              <a
+                v-if="isImageUrl(item.url)"
+                @click="openPic(item.url)"
+                style="display: flex; align-items: center"
+              >
+                <img
+                  :src="item.url"
+                  alt="Image"
+                  style="max-width: 150px; max-height: 150px; margin-right: 10px"
+                />
+                {{ item.name }}
+              </a>
+              <a v-else @click="openPic(item.url)">{{ item.name }}</a>
+              <!-- <a @click="openPic(item.url)">{{ item.name }}</a> -->
+            </template>
+          </a-list-item-meta>
+        </a-list-item>
+      </template>
+    </a-list>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import type { UploadProps, UploadChangeParam } from 'ant-design-vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import { getDeductUrlById } from '@/api/project/invoice';
+  import { view } from '@/utils/pdfShow';
+
+  interface Item {
+    name: string;
+    url: string;
+  }
+
+  const list = ref();
+  const id = ref();
+  const itemArray = ref<Item[]>([]);
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    itemArray.value = [];
+    const res = await getDeductUrlById({ id: data.data.id });
+    for (let item in res) {
+      const url = res[item];
+      const name = item;
+      // 将 name 和 url 放入对象并添加到数组中
+      itemArray.value.push({ name, url });
+    }
+  });
+
+  async function handleOk() {
+    itemArray.value = [];
+    closeModal();
+  }
+
+  // 新增的函数：判断 URL 是否为图片格式
+  function isImageUrl(url: string): boolean {
+    const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'];
+    const baseUrl = url.split('?')[0];
+    return imageExtensions.some((ext) => baseUrl.toLowerCase().endsWith(ext));
+  }
+  // 检查 URL 是否为 PDF 格式
+  function isPdfUrl(url: string): boolean {
+    return url.toLowerCase().endsWith('.pdf');
+  }
+  // 打开图片或 PDF
+  function openPic(url: string) {
+    const baseUrl = url.split('?')[0]; // 获取问号前的部分
+    if (isImageUrl(baseUrl)) {
+      window.open('', '', '').document.write(`<!DOCTYPE html>
+      <html>
+        <body style="display: flex; justify-content: center; align-items: center;">
+          <img src='${url}' width="300px" height="auto"/>
+        </body>
+      </html>`);
+    } else if (isPdfUrl(baseUrl)) {
+      view(url); // 新标签页打开 PDF
+    } else {
+      console.log('不支持的文件类型');
+    }
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="修改应付款日期"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @visible-change="handleShow"
+    @ok="handleOk"
+  >
+    请选择日期：
+    <a-date-picker v-model:value="date" />
+    <div style="height: 10px"></div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { getSetPayedDate } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const date = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    id.value = data.data.id;
+  });
+  function formatDate(input: string): string {
+    // 创建一个 Date 对象
+    const date = new Date(input);
+
+    // 获取年月日
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，所以要加 1
+    const day = String(date.getDate()).padStart(2, '0');
+
+    // 返回格式化后的日期字符串
+    return `${year}-${month}-${day}`;
+  }
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    const formattedDate = formatDate(date.value);
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    getSetPayedDate({ id: id.value, payedDate: formattedDate });
+    emit('success');
+    closeModal();
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      date.value = null;
+    }
+  }
+</script>
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="编辑"
+      width="30%"
+      :isDetail="true"
+      @ok="handleSubmit"
+      :showDetailBack="false"
+      okText="保存"
+      showFooter
+      :destroyOnClose="true"
+    >
+      <!-- <div>
+        <BasicForm @register="registerForm" />
+      </div> -->
+      <div style="font-size: 15px">实际付款金额1￥</div>
+      <a-input v-model:value="input1" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">实际付款金额2￥</div>
+      <a-input v-model:value="input2" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">实际付款金额3￥</div>
+      <a-input v-model:value="input3" placeholder="请输入" :disabled="status === 10" auto-size />
+      <div style="margin: 16px 0"></div>
+
+      <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+      <template #appendFooter>
+        <!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
+      </template>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form';
+  import { defineComponent, ref, computed, unref, toRaw, reactive } from 'vue';
+  import { getEmailList } from '/@/api/sys/config';
+  import { updateAmountInfo } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const emit = defineEmits(['success']);
+  const schemas: FormSchema[] = [
+    // {
+    //   field: 'actualPayedAmount',
+    //   component: 'InputNumber',
+    //   labelWidth: 250,
+    //   colProps: {
+    //     span: 23,
+    //   },
+    //   label: '生产科实际应付金额',
+    // },
+    {
+      field: 'actualPayedAmount1',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      label: '实际应付金额1￥',
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+    },
+    {
+      field: 'actualPayedAmount2',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      label: '实际应付金额2￥',
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+    },
+    {
+      field: 'actualPayedAmount3',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      label: '实际应付金额3￥',
+      componentProps: () => ({
+        disabled: status.value === 10,
+      }),
+    },
+  ];
+  const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+    labelWidth: 120,
+    schemas,
+    layout: 'vertical',
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 24,
+    },
+  });
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const update = ref();
+  const status = ref();
+  const input1 = ref();
+  const input2 = ref();
+  const input3 = ref();
+  const id = ref();
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    // 方式1
+    resetFields();
+    status.value = data.data.status;
+    id.value = data.data.id;
+    input1.value = data.data.actualPayedAmount1;
+    input2.value = data.data.actualPayedAmount2;
+    input3.value = data.data.actualPayedAmount3;
+    setDrawerProps({ confirmLoading: false });
+    // 将金额格式化为两位小数
+    // setFieldsValue({
+    //   actualPayedAmount1:
+    //     data.data.actualPayedAmount1 !== null ? data.data.actualPayedAmount1.toFixed(2) : undefined,
+    //   actualPayedAmount2:
+    //     data.data.actualPayedAmount2 !== null ? data.data.actualPayedAmount2.toFixed(2) : undefined,
+    //   actualPayedAmount3:
+    //     data.data.actualPayedAmount3 !== null ? data.data.actualPayedAmount3.toFixed(2) : undefined,
+    //   ...toRaw(data.data), // 其他字段
+    // });
+    setFieldsValue({
+      ...toRaw(data.data),
+    });
+    update.value = data;
+  });
+  //完成编辑
+  async function handleSubmit() {
+    // const values = await validate();
+    // const updatedValues = {
+    //   ...values,
+    //   id: update.value.data.id,
+    // };
+    if (!input1.value || !input2.value || !input3.value) {
+      error('选项不能为空');
+    } else {
+      await updateAmountInfo({
+        id: id.value,
+        actualPayedAmount1: input1.value,
+        actualPayedAmount2: input2.value,
+        actualPayedAmount3: input3.value,
+      });
+      emit('success');
+      closeDrawer();
+    }
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="生产科发票"
+    width="700px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+  >
+    <a-list item-layout="horizontal" :data-source="itemArray">
+      <template #renderItem="{ item }">
+        <a-list-item>
+          <a-list-item-meta>
+            <template #title>
+              <!-- <a :href="item.url" target="_blank" rel="noopener noreferrer">{{ item.name }}</a> -->
+              <a @click="view(item.url)">{{ item.name }}</a>
+            </template>
+          </a-list-item-meta>
+        </a-list-item>
+      </template>
+    </a-list>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import type { UploadProps, UploadChangeParam } from 'ant-design-vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import { getDeductUrlById, getInvoiceUrlById } from '@/api/project/invoice';
+  import { view } from '@/utils/pdfShow';
+
+  interface Item {
+    name: string;
+    url: string;
+  }
+
+  const list = ref();
+  const id = ref();
+  const itemArray = ref<Item[]>([]);
+
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    itemArray.value = [];
+    const res = await getInvoiceUrlById({ id: data.data.id });
+    for (let item in res) {
+      const url = res[item];
+      const name = item;
+      // 将 name 和 url 放入对象并添加到数组中
+      itemArray.value.push({ name, url });
+    }
+  });
+
+  async function handleOk() {
+    itemArray.value = [];
+    closeModal();
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="发票上传"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    ><a-upload-dragger
+      v-model:fileList="fileList"
+      name="file"
+      :beforeUpload="beforeUpload"
+      :max-count="1"
+      :multiple="true"
+      :action="updateInvoiceUrl"
+      @change="handleChange"
+      @drop="handleDrop"
+      :disabled="status === 10"
+    >
+      <p class="ant-upload-drag-icon">
+        <inbox-outlined></inbox-outlined>
+      </p>
+      <p class="ant-upload-text">点击或将文件拖拽到这里上传</p>
+    </a-upload-dragger>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { computed, ref } from 'vue';
+  import type { UploadProps, UploadChangeParam } from 'ant-design-vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import { updateInvoiceInfo } from '@/api/project/invoice';
+
+  const emit = defineEmits(['success']);
+  const uploadUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const updateInvoiceUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const invoiceUrl = ref();
+  const id = ref();
+  const status = ref();
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    console.log(data);
+    status.value = data.data.status;
+    // fileList.value = [];
+    fileList.value = [];
+    invoiceUrl.value = data.data.invoiceUrl;
+    id.value = data.data.id;
+  });
+
+  const handleChange = (info) => {
+    if (info.file.status == 'done') {
+      updateInvoiceUrl.value = info.file.response.data.fileUrl;
+      invoiceUrl.value = updateInvoiceUrl.value;
+    }
+  };
+  function beforeUpload(info) {
+    updateInvoiceUrl.value = uploadUrl.value + info.name;
+  }
+  function handleDrop(e: DragEvent) {
+    console.log(e);
+  }
+  const fileList = ref<UploadProps['fileList']>([]);
+
+  async function handleOk() {
+    await updateInvoiceInfo({
+      id: id.value,
+      invoiceUrl: invoiceUrl.value,
+    });
+    fileList.value = [];
+    emit('success');
+    closeModal();
+  }
+</script>
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="添加备注"
+    width="500px"
+    :bodyStyle="{ height: '240px' }"
+    @ok="handleOk"
+    @visible-change="handleShow"
+  >
+    备注：
+    <a-textarea v-model:value="notes" placeholder="请输入" :rows="6" />
+    <div style="height: 10px"></div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { getSetBackRefundDate } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const id = ref();
+  const notes = ref();
+  const checkedKeys = ref();
+  const emit = defineEmits(['success']);
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const [register, { closeModal }] = useModalInner(async (data) => {
+    // id.value = data.data.id;
+    checkedKeys.value = data.checkedKeys;
+  });
+  const isDisabled = ref(false);
+  async function handleOk() {
+    if (isDisabled.value) {
+      error('请勿连续点击生成按钮,需要等待三秒再点击生成');
+      return;
+    }
+    isDisabled.value = true;
+    setTimeout(() => {
+      isDisabled.value = false;
+    }, 3000);
+    getSetBackRefundDate({ id: checkedKeys.value, notes: notes.value });
+    emit('success');
+    closeModal();
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      notes.value = null;
+    }
+  }
+</script>
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="跟单编辑"
+      width="30%"
+      :isDetail="true"
+      @ok="handleSubmit"
+      :showDetailBack="false"
+      @visible-change="handleShow"
+      okText="保存"
+      showFooter
+      :destroyOnClose="true"
+    >
+      <div>
+        <div style="font-size: 15px">生产科扣款金额￥</div>
+        <a-input v-model:value="input1" placeholder="请输入" :disabled="status === 10" auto-size />
+        <div style="margin: 16px 0"></div>
+        <div style="font-size: 15px">扣款责任部门</div>
+        <a-input
+          v-model:value="deductDept"
+          placeholder="请输入"
+          :disabled="status === 10"
+          auto-size
+        />
+        <!-- <a-select
+          ref="select"
+          style="width: 60%"
+          v-model:value="selectedProductionDepartment"
+          :options="productionDepartmentOptions"
+        /> -->
+        <!-- <a-select
+          ref="select"
+          style="width: 100%"
+          v-model:value="productionDepartment"
+          :options="productDepartmentOptions"
+        /> -->
+        <div style="margin: 16px 0"></div>
+        <div>上传扣款单</div
+        ><a-space direction="vertical" style="width: 100%" size="large">
+          <a-upload
+            v-model:file-list="fileList"
+            :beforeUpload="beforeUpload"
+            list-type="picture"
+            :max-count="1"
+            :disabled="status === 10"
+            :action="updateDeductUrl"
+            @change="handleChange"
+          >
+            <a-button> 上传扣款单 </a-button>
+          </a-upload>
+        </a-space>
+      </div>
+      <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+      <template #appendFooter>
+        <!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
+      </template>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { defineComponent, ref, computed, unref, toRaw, reactive, onMounted } from 'vue';
+  import { getEmailList } from '/@/api/sys/config';
+  import { UploadOutlined } from '@ant-design/icons-vue';
+  import type { UploadProps } from 'ant-design-vue';
+  import { updateDeductInfo } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useOrderInfo } from '/@/hooks/component/order';
+  import { useOrderStoreWithOut } from '/@/store/modules/order';
+
+  const emit = defineEmits(['success']);
+  const fileList = ref<UploadProps['fileList']>([]);
+  // const orderStore = useOrderStoreWithOut();
+  // const { productionDepartment: productionDepartmentOptions } = useOrderInfo(orderStore);
+  // console.log(productionDepartmentOptions.value, '565656565665orderStore');
+  // onMounted(() => {
+  //   const { productionDepartment } = useOrderInfo(orderStore);
+  //   console.log(productionDepartment.value, '565656565665orderStore1');
+  // });
+  const orderStore = useOrderStoreWithOut();
+  const { productionDepartment: productDepartmentOptions } = useOrderInfo(orderStore);
+  const productionDepartment = ref();
+  const input1 = ref(0);
+  const deductUrl = ref();
+  const id = ref();
+  const checkNo = ref();
+  const deductDept = ref();
+  const uploadUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  const updateDeductUrl = ref('http://47.104.8.35:80/api/localStorage/upload_file_oss?name=');
+  // const uploadUrl = ref('');
+  // const updateDeductUrl = ref('');
+  const deductUrlOld = ref();
+  const selectedProductionDepartment = ref(); // 新增: 用于存储选中的生产科
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+  const status = ref();
+
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    status.value = data.data.status;
+    id.value = data.data.id;
+    checkNo.value = data.data.checkNo;
+    input1.value = data.data.deductAmount;
+    deductDept.value = data.data.deductDept;
+    deductUrl.value = data.data.deductUrl;
+    deductUrlOld.value = data.data.deductUrl;
+  });
+  function handleChange(info) {
+    if (info.file.status == 'done') {
+      updateDeductUrl.value = info.file.response.data.fileUrl;
+      deductUrl.value = updateDeductUrl.value;
+    }
+    if (info.fileList.length == 0) {
+      info.file = null;
+      deductUrl.value = '';
+    }
+  }
+  function beforeUpload(info) {
+    updateDeductUrl.value = uploadUrl.value + info.name;
+  }
+  function handleShow() {
+    // input1.value = '';
+    // deductUrl.value = '';
+    // deductDept.value = '';
+    // updateDeductUrl.value = '';
+    // fileList.value = [];
+  }
+  //完成编辑
+  async function handleSubmit() {
+    if (!input1.value || !deductDept.value) {
+      error('选项不能为空');
+    } else {
+      await updateDeductInfo({
+        id: id.value,
+        checkNo: checkNo.value,
+        deductAmount: input1.value,
+        deductDept: deductDept.value,
+        deductUrl: deductUrl.value,
+      });
+      // productionDepartment: selectedProductionDepartment.value,
+      fileList.value = [];
+      emit('success');
+      closeDrawer();
+    }
+  }
+</script>
+import { FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+import { icon } from 'ant-design-vue';
+import { FolderAddOutlined, FilePptOutlined } from '@ant-design/icons-vue';
+import { size } from 'lodash-es';
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'checkNo',
+    label: '生产科对账单号',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'productionDepartment',
+    label: '生产科',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    field: 'status',
+    label: '总经理审核',
+    component: 'Select',
+    colProps: { span: 8 },
+    componentProps: {
+      options: [
+        { label: '未提交审核', value: -1 },
+        { label: '待审核', value: 0 },
+        { label: '审核通过', value: 10 },
+        { label: '审核驳回', value: 20 },
+      ],
+    },
+  },
+  {
+    field: 'customerCode',
+    label: '客户编码',
+    component: 'Input',
+    colProps: {
+      span: 8,
+    },
+  },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    title: '生产科对账单号',
+    dataIndex: 'checkNo',
+    width: 120,
+  },
+  {
+    title: '生产科应付款日期',
+    dataIndex: 'payedDate',
+    width: 140,
+  },
+  {
+    title: '生产科扣款金额￥',
+    dataIndex: 'deductAmount',
+    width: 160,
+    // customRender: (column) => {
+    //   return column.record.deductAmount?.toFixed(2);
+    // },
+  },
+  {
+    title: '扣款责任部门',
+    dataIndex: 'deductDept',
+    width: 120,
+  },
+  {
+    title: '上传扣款单',
+    dataIndex: 'deductUrl',
+    width: 120,
+    customRender: (column) => {
+      const deductUrl = column.record.deductUrl;
+      if (deductUrl == undefined) {
+        return;
+      }
+      return <FilePptOutlined style="font-size:25px" />;
+    },
+  },
+  {
+    title: '生产科实际应付金额￥',
+    dataIndex: 'actualPayedAmount',
+    width: 180,
+    // customRender: (column) => {
+    //   return column.record.actualPayedAmount?.toFixed(2);
+    // },
+  },
+  {
+    title: '生产科发票上传',
+    dataIndex: 'invoiceUrl',
+    width: 80,
+    customRender: (column) => {
+      const deductUrl = column.record.invoiceUrl;
+      if (deductUrl == undefined) {
+        return;
+      }
+      return <FilePptOutlined style="font-size:25px" />;
+    },
+  },
+  {
+    title: '实际付款金额1￥',
+    dataIndex: 'actualPayedAmount1',
+    width: 160,
+    // customRender: (column) => {
+    //   console.log(column, '5656ccc');
+    //   return column.record.actualPayedAmount1?.toFixed(2);
+    // },
+  },
+  {
+    title: '实际付款金额2￥',
+    dataIndex: 'actualPayedAmount2',
+    width: 160,
+    // customRender: (column) => {
+    //   return column.record.actualPayedAmount2?.toFixed(2);
+    // },
+  },
+  {
+    title: '实际付款金额3￥',
+    dataIndex: 'actualPayedAmount3',
+    width: 160,
+    // customRender: (column) => {
+    //   return column.record.actualPayedAmount3?.toFixed(2);
+    // },
+  },
+  {
+    title: '生产科发票审核',
+    dataIndex: 'departmentInvoiceStatus',
+    width: 120,
+    customRender: (column) => {
+      if (column.record.departmentInvoiceStatus == 0) {
+        return '待审核';
+      } else if (column.record.departmentInvoiceStatus == 10) {
+        return '审核通过';
+      } else if (column.record.departmentInvoiceStatus == 20) {
+        return '审核驳回';
+      }
+    },
+  },
+  {
+    title: '总经理审核',
+    dataIndex: 'status',
+    width: 120,
+    customRender: (column) => {
+      if (column.record.status == -1) {
+        return '未提交审核';
+      } else if (column.record.status == 0) {
+        return '待审核';
+      } else if (column.record.status == 10) {
+        return '审核通过';
+      } else if (column.record.status == 20) {
+        return '审核驳回';
+      }
+    },
+  },
+];
+export enum ROLE {
+  ADMIN = 'admin', // 超管
+  CUSTOM_ADMIN = 'custom_admin', // 客户管理员
+  DATA_REPORT_USER = 'data_report_user', //数据分析员
+  BUSINESS = 'business_user', // 业务员
+  TRACKER = 'tracker_user', // 跟单员
+  INSPECT = 'inspect_user', // 质检员
+  PRODUCE = 'produce_user', //生产科
+  FINANCE = 'finance_user', //生产科
+}
+import { FormSchema } from '/@/components/Form';
+import { BasicColumn } from '/@/components/Table';
+import { icon } from 'ant-design-vue';
+import { FilePptOutlined } from '@ant-design/icons-vue';
+import { size } from 'lodash-es';
+import { ref } from 'vue';
+import { view } from '@/utils/pdfShow';
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'invoiceNo',
+    label: 'Invoice编号',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'status',
+    label: '总经理审核',
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: [
+        { label: '未提交审核', value: -1 },
+        { label: '待审核', value: 0 },
+        { label: '审核通过', value: 10 },
+        { label: '审核驳回', value: 20 },
+      ],
+    },
+  },
+  {
+    field: 'customerCode',
+    label: '客户编码',
+    component: 'Input',
+    colProps: {
+      span: 6,
+    },
+    // labelWidth: 140,
+  },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    title: 'Invoice编号',
+    dataIndex: 'invoiceNo',
+    width: 180,
+  },
+  {
+    title: '报关单',
+    dataIndex: 'bgUrl',
+    width: 80,
+    customRender: (column) => {
+      const bgUrl = column.record.bgUrl;
+      if (bgUrl == undefined) {
+        return;
+      }
+      return <FilePptOutlined style="font-size:25px" onClick={() => view(bgUrl)} />;
+    },
+  },
+  {
+    title: '必须回款日期',
+    dataIndex: 'backRefundDate',
+    width: 120,
+  },
+  {
+    title: '发生扣款金额$',
+    dataIndex: 'deductAmount',
+    width: 120,
+    // customRender: (column) => {
+    //   return column.record.deductAmount?.toFixed(2);
+    // },
+  },
+  {
+    title: '上传扣款单',
+    dataIndex: 'deductUrl',
+    width: 80,
+    customRender: (column) => {
+      const deductUrl = column.record.deductUrl;
+      if (deductUrl == undefined) {
+        return;
+      }
+      // return <FilePptOutlined style="font-size:25px" onClick={() => window.open(deductUrl[0])} />;
+      return <FilePptOutlined style="font-size:25px" />;
+    },
+  },
+  {
+    title: '实际应收金额$',
+    dataIndex: 'actualReceivableAmount',
+    width: 120,
+    // customRender: (column) => {
+    //   return column.record.actualReceivableAmount?.toFixed(2);
+    // },
+  },
+  {
+    title: '实际收款金额1$',
+    dataIndex: 'actualPayedAmount1',
+    width: 120,
+    // customRender: (column) => {
+    //   return column.record.actualPayedAmount1?.toFixed(2);
+    // },
+  },
+  {
+    title: '实际收款金额2$',
+    dataIndex: 'actualPayedAmount2',
+    width: 120,
+    // customRender: (column) => {
+    //   return column.record.actualPayedAmount2?.toFixed(2);
+    // },
+  },
+  {
+    title: '实际收款金额3$',
+    dataIndex: 'actualPayedAmount3',
+    width: 120,
+    // customRender: (column) => {
+    //   return column.record.actualPayedAmount3?.toFixed(2);
+    // },
+  },
+  {
+    title: '其他费用$',
+    dataIndex: 'otherAmount',
+    width: 120,
+    customRender: (column) => {
+      return column.record.otherAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '总经理审核',
+    dataIndex: 'status',
+    width: 120,
+    customRender: (column) => {
+      if (column.record.status == -1) {
+        return '未提交审核';
+      } else if (column.record.status == 0) {
+        return '待审核';
+      } else if (column.record.status == 10) {
+        return '审核通过';
+      } else if (column.record.status == 20) {
+        return '审核驳回';
+      }
+    },
+  },
+  {
+    title: '操作1',
+    key: 'action', // 对应 #bodyCell 中的 column.key
+    width: 280,
+  },
+  {
+    title: '操作2',
+    key: 'action2', // 对应 #bodyCell 中的 column.key
+    width: 280,
+  },
+];
+
+export const columnsAnalysis: BasicColumn[] = [
+  {
+    title: '实际应付金额总计$',
+    dataIndex: 'actualPayedAmount',
+    width: 50,
+    customRender: (column) => {
+      return column.record.actualPayedAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '实际应收金额总计$',
+    dataIndex: 'actualReceivableAmount',
+    width: 50,
+    customRender: (column) => {
+      return column.record.actualReceivableAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '客户总价$',
+    dataIndex: 'customerTotalPrice',
+    width: 50,
+    customRender: (column) => {
+      return column.record.customerTotalPrice?.toFixed(2);
+    },
+  },
+  {
+    title: '发生扣款金额总计$',
+    dataIndex: 'deductAmount',
+    width: 50,
+    customRender: (column) => {
+      return column.record.deductAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '实际应收金额总计$',
+    dataIndex: 'actualReceivableAmount',
+    width: 50,
+    customRender: (column) => {
+      return column.record.actualReceivableAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '实际应收$',
+    dataIndex: 'otherAmount',
+    width: 50,
+    customRender: (column) => {
+      return column.record.otherAmount?.toFixed(2);
+    },
+  },
+  {
+    title: '其他费用金额汇总$',
+    dataIndex: 'otherTotalAmount',
+    width: 50,
+    customRender: (column) => {
+      return column.record.otherTotalAmount?.toFixed(2);
+    },
+  },
+];
@@ -30,7 +30,7 @@
   const { createMessage } = useMessage();
   const { error } = createMessage;
   const [register, { closeModal }] = useModalInner(async (data) => {
-    id.value = data.data.id;
+    id.value = data.checkedKeys;
   });
   function formatDate(input: string): string {
     // 创建一个 Date 对象