canrd-outside / order-erp-front · Files

import { FormSchema } from '/@/components/Form';
import { BasicColumn } from '/@/components/Table';
import { FolderAddOutlined, FilePptOutlined, EyeOutlined } from '@ant-design/icons-vue';
import { size } from 'lodash-es';
import { view } from '@/utils/pdfShow';
import { ref } from 'vue';
import { queryNoOptions } from '/@/api/project/order';
import { useOrderStoreWithOut } from '/@/store/modules/order';
import { useOrderInfo } from '/@/hooks/component/order';
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';

const { createMessage } = useMessage();
const innerNoOptions = ref([]);
const projectNoOptions = ref([]);
const orderStore = useOrderStoreWithOut();
const {
  customerCode,
  productionDepartment,
} = useOrderInfo(orderStore);

// 声明一个全局变量来保存回调函数
let viewRichTextCallback: ((richTextId: any) => void) | null = null;

// 设置回调函数的方法
export function setViewRichTextCallback(callback: ((richTextId: any) => void) | null) {
  viewRichTextCallback = callback;
}

// 直接调用回调函数的方法
function callViewRichText(richTextId: any) {
  if (viewRichTextCallback) {
    // 显示加载提示
    createMessage.loading({ content: '正在加载扣款原因详情...', duration: 0, key: 'richTextLoading' });
    
    // 调用回调函数
    viewRichTextCallback(richTextId);
  } else {
    console.error('查看回调函数未设置');
  }
}

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 },
        { label: '已收款（手动确认）', value: 40 },
      ],
    },
  },
  {
    field: 'checkNoStatus',
    label: 'checkNo状态',
    component: 'Select',
    colProps: { span: 8 },
    componentProps: {
      options: [
        { label: '未创建', value: -1 },
        { label: '未付款（已创建未提交审核）', value: 0 },
        { label: '待付款（审核通过,未手动确认）', value: 10 },
        { label: '已付款（手动确认）', value: 40 },
      ],
    },
  },
 
  {
    field: 'customerCode',
    label: '客户编码',
    component: 'Select',
    colProps: { span: 8 },

    componentProps: {
      options: customerCode,
      showSearch: true,
      mode: 'multiple',
    },
  },
  {
    field: 'projectNo',
    label: '项目号',
    component: 'Select',
    colProps: { span: 8 },

    componentProps: {
      options: projectNoOptions,
      showSearch: true,
      mode: 'multiple',
      onSearch: async (value: any) => {
        projectNoOptions.value = await queryNoOptions('projectNo', value);
      },
      // onSearch: async (value: any) => {
      //   projectNoOptions.value = await queryNoOptions('projectNo', value);
      // },
    },
  },
  {
    field: 'productionDepartment',
    label: '生产科',
    component: 'Select',
    colProps: { span: 8 },

    componentProps: {
      mode: 'multiple',

      options: productionDepartment,
      showSearch: true,
    },
  },
  {
    field: 'innerNo',
    label: '内部编号',
    component: 'Select',
    colProps: { span: 8 },

    componentProps: {
      options: innerNoOptions,
      showSearch: true,
      mode: 'multiple',
      onSearch: async (value: any) => {
        innerNoOptions.value = await queryNoOptions('innerNo', value);
      },
    },
  },
  {
    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,
    fixed: 'left',
  },
  {
    title: '项目号',
    dataIndex: 'projectNo',
    width: 100,
    fixed: 'left',
  },
  {
    title: '生产科',
    dataIndex: 'productionDepartment',
    width: 70,
    fixed: 'left',
  },
  {
    title: '内部编码',
    dataIndex: 'innerNo',
    width: 100,
    fixed: 'left',
  },
  {
    title: '订单图片',
    width: 80,
    dataIndex: 'picUrl',
    fixed: 'left',
  },
  {
    title: '数量',
    width: 70,
    dataIndex: 'orderCount',
    fixed: 'left',
  },
  {
    title: 'Model(REFERENCE)',
    width: 140,
    dataIndex: 'modeleLo',
    fixed: 'left',
  },
  {
    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,
    customRender: (column) => {
      return <span style="color: red;">{column.record?.invoiceNo}</span>;
    },
  },
  {
    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 || !deductUrl) {
        return;
      }
      // return <FilePptOutlined style="font-size:25px" onClick={() => window.open(deductUrl[0])} />;
      return <FilePptOutlined style="font-size:25px" />;
    },
  },
  {
    title: '扣款单状态',
    dataIndex: 'invoiceDeductUrlStatus',
    width: 120,
    customRender: (column) => {
      if(column.record.invoiceDeductUrlStatus == 0){
           return '待审核'
      }else if(column.record.invoiceDeductUrlStatus == 10){
           return '已通过'
      }else if(column.record.invoiceDeductUrlStatus == 20){
           return '已驳回'
      }
    },
  },
  {
    title: '扣款原因',
    dataIndex: 'invoiceRichTextId',
    width: 120,
    customRender: ({ record }) => {
      // 如果存在invoiceRichTextId，显示查看按钮
      if (record.invoiceRichTextId) {
        return (
          <a onClick={() => callViewRichText(record.invoiceRichTextId)}>
            <EyeOutlined style="margin-right: 5px" />
            查看
          </a>
        );
      }
    },
  },
  {
    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) => {
      let statusText='';
      let statusColor='blank';
      if (column.record.invoiceStatus == null || column.record.invoiceStatus == undefined) {
        statusText='未创建';
      } else if (column.record.invoiceStatus == 0) {
        statusText= '未收款';
      } else if (column.record.invoiceStatus == 10) {
        statusText= '待收款';
        statusColor='red';
      }else if (column.record.invoiceStatus == 40) {
        statusText= '已收款';
        statusColor='green';
      }
      return <span style={{color:statusColor}}>{statusText}</span>
    },
  },

  {
    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,
    customRender: (column) => {
      return <span style="color: red;">{column.record?.checkNo}</span>;
    },
  },
  {
    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 || !deductUrl) {
        return;
      }
      return <FilePptOutlined style="font-size:25px" />;
    },
  },
  {
    title: '扣款单状态',
    dataIndex: 'checkDeductUrlStatus',
    width: 120,
    customRender: (column) => {
      if(column.record.checkDeductUrlStatus == 0){
           return '待审核'
      }else if(column.record.checkDeductUrlStatus == 10){
           return '已通过'
      }else if(column.record.checkDeductUrlStatus == 20){
           return '已驳回'
      }
    },
  },
  {
    title: '扣款原因',
    dataIndex: 'checkRichTextId',
    width: 120,
    customRender: ({ record }) => {
      // 如果存在checkRichTextId，显示查看按钮
      if (record.checkRichTextId) {
        return (
          <a onClick={() => callViewRichText(record.checkRichTextId)}>
            <EyeOutlined style="margin-right: 5px" />
            查看
          </a>
        );
      }
    },
  },
  {
    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) => {
      let statusText='';
      let statusColor='blank';
      if (column.record.checkPayStatus == null || column.record.checkPayStatus == undefined) {
       statusText='未创建';
      } else if (column.record.checkPayStatus == 0) {
        statusText='未付款';
      } else if (column.record.checkPayStatus == 10) {
        statusText='待付款';
        statusColor='red';
      }else if (column.record.checkPayStatus == 40) {
        statusText='已付款';
        statusColor='green';
      }
      return <span style={{color:statusColor}}>{statusText}</span>
    },
  },

  {
    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}`;
}

// 处理富文本查看API请求
export async function handleViewRichText(id: string) {
  if (!id) {
    return null;
  }

  // createMessage.loading({ content: '正在获取数据...', key: 'richTextLoading', duration: 0 });

  try {
    // 使用正确的API路径和POST请求
    const res = await defHttp.post(
      {
        url: '/order/erp/quest/queryRichText_by_id',
        data: { id },
      },
      { errorMessageMode: 'none' }
    );
    
    if (res) {
      // 如果响应中包含data字段，使用该字段内容
      let formattedData = res;
      
      // 确保必要的字段存在
      formattedData.id = formattedData.id || id;
      formattedData.title = formattedData.title || '扣款原因详情';
      
      // 处理内容字段，可能是richText或contentText
      if (!formattedData.contentText && formattedData.richText) {
        formattedData.contentText = formattedData.richText;
      }
      if (formattedData.questType) {
        formattedData.questType = formattedData.questType;
      }
      return formattedData;
    } else {
      return null;
    }
  } catch (error) {
    return null;
  }
}

// 简化版富文本查看函数（作为后备方案）
export async function handleViewRichTextSimple(id: string) {
  // 返回一个基本的模拟数据
  return {
    id: id,
    title: '问题原因被删除或者不存在',
    contentText: `<p>问题原因被删除或者不存在</p>`,
    createTime: new Date().toISOString()
  };
}