canrd-outside / order-erp-front · Files

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: 'invoice单号',
    component: 'Input',
    colProps: { span: 8 },
  },
  {
    field: 'checkNo',
    label: 'checkNo单号',
    component: 'Input',
    colProps: { span: 8 },
  },
  {
    field: 'invoiceStatus',
    label: 'invoice状态',
    component: 'Select',
    colProps: { span: 8 },
    componentProps: {
      options: [
        { label: '未创建', value: -1 },
        { label: '未收款', value: 0 },
        { label: '已收款', value: 10 },
      ],
    },
  },
  {
    field: 'checkNoStatus',
    label: 'checkNo状态',
    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: 'invoice创建时间',
    component: 'DatePicker',
    colProps: { span: 8 },
    labelWidth: 150,
  },
  {
    field: 'invoiceEndTime',
    label: 'invoice结束时间',
    component: 'DatePicker',
    colProps: { span: 8 },
    labelWidth: 150,
  },
  {
    field: 'checkStartTime',
    label: 'checkNo创建时间',
    component: 'DatePicker',
    colProps: { span: 8 },
    labelWidth: 150,
  },
  {
    field: 'checkEndTime',
    label: 'checkNo结束时间',
    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}`;
}