import type { VbenFormSchema } from '#/adapter/form';
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
import type { FinanceReimbursementApi } from '#/api/finance/reimbursement';

import { DICT_TYPE } from '@vben/constants';
import { getDictOptions } from '@vben/hooks';
import { erpPriceInputFormatter } from '@vben/utils';

import { getSimpleUserList } from '#/api/system/user';

/** 表单类型 */
export type FormType = 'create' | 'detail' | 'edit';

/** 报销单状态（对应字典 finance_reimbursement_status） */
export const ReimbursementStatus = {
  DRAFT: 0, // 草稿
  APPROVING: 15, // 审批中
  APPROVED: 20, // 已通过
  REJECTED: 35, // 已驳回
  ARCHIVED: 40, // 已归档
} as const;

/** 表单的配置项 */
export function useFormSchema(formType: FormType): VbenFormSchema[] {
  return [
    {
      fieldName: 'id',
      component: 'Input',
      dependencies: {
        triggerFields: [''],
        show: () => false,
      },
    },
    {
      fieldName: 'no',
      label: '报销单号',
      component: 'Input',
      componentProps: {
        placeholder: '留空则由系统自动生成',
        maxlength: 36,
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'title',
      label: '报销标题',
      component: 'Input',
      componentProps: {
        placeholder: '请输入报销标题',
        disabled: formType === 'detail',
      },
      rules: 'required',
    },
    {
      fieldName: 'applyDate',
      label: '申请日期',
      component: 'DatePicker',
      componentProps: {
        placeholder: '请选择申请日期',
        valueFormat: 'YYYY-MM-DD',
        style: { width: '100%' },
        disabled: formType === 'detail',
      },
      rules: 'required',
    },
    {
      fieldName: 'totalAmount',
      label: '报销总金额',
      component: 'InputNumber',
      componentProps: {
        class: '!w-full',
        placeholder: '由明细金额汇总，可手动修改',
        precision: 2,
        formatter: erpPriceInputFormatter,
        disabled: formType === 'detail',
      },
      rules: 'required',
    },
    {
      fieldName: 'remark',
      label: '备注',
      component: 'Textarea',
      componentProps: {
        placeholder: '请输入备注',
        autoSize: { minRows: 2, maxRows: 3 },
        disabled: formType === 'detail',
      },
      formItemClass: 'col-span-2',
    },
    {
      fieldName: 'blobIds',
      label: '发票附件',
      component: 'FileUpload',
      // 注意：valueKey 为 id，提交时 formApi 会把文件对象提取为 blobId 数组
      componentProps: {
        valueKey: 'id',
        maxNumber: 20,
        multiple: true,
        showDescription: formType !== 'detail',
        disabled: formType === 'detail',
      },
      formItemClass: 'col-span-2',
    },
    {
      fieldName: 'items',
      label: '报销明细',
      component: 'Input',
      formItemClass: 'col-span-2',
    },
  ];
}

/** 报销明细表格列（明细随主表一次性提交，前端可增删行） */
export function useItemColumns(): VxeTableGridOptions['columns'] {
  return [
    { type: 'seq', title: '序号', width: 55, fixed: 'left' },
    {
      field: 'expenseType',
      title: '费用类型',
      minWidth: 120,
      slots: { default: 'expenseType' },
    },
    {
      field: 'invoiceNo',
      title: '发票号码',
      minWidth: 160,
      slots: { default: 'invoiceNo' },
    },
    {
      field: 'invoiceAmount',
      title: '发票金额',
      minWidth: 130,
      slots: { default: 'invoiceAmount' },
    },
    {
      field: 'invoiceDate',
      title: '发票日期',
      minWidth: 140,
      slots: { default: 'invoiceDate' },
    },
    {
      field: 'drawer',
      title: '开票方',
      minWidth: 180,
      slots: { default: 'drawer' },
    },
    {
      field: 'description',
      title: '费用说明',
      minWidth: 180,
      slots: { default: 'description' },
    },
    {
      title: '操作',
      width: 80,
      fixed: 'right',
      slots: { default: 'actions' },
    },
  ];
}

/**
 * 明细行投影为可提交对象：字段白名单，且**一律不带 id / reimbursementId**。
 * 后端保存明细是「先删后增」全量覆盖（软删旧行），若回传原 id 会与已软删行主键冲突。
 * 回显与提交两条路径都必须经过此函数。
 */
export function toSubmitItems(
  items?: FinanceReimbursementApi.ReimbursementItem[],
): FinanceReimbursementApi.ReimbursementItem[] {
  return (items ?? []).map((item) => ({
    expenseType: item.expenseType,
    invoiceNo: item.invoiceNo,
    invoiceAmount: item.invoiceAmount,
    invoiceDate: item.invoiceDate,
    drawer: item.drawer,
    description: item.description,
  }));
}

/** 列表的搜索表单 */
export function useGridFormSchema(): VbenFormSchema[] {
  return [
    {
      fieldName: 'no',
      label: '报销单号',
      component: 'Input',
      componentProps: {
        placeholder: '请输入报销单号',
        allowClear: true,
      },
    },
    {
      fieldName: 'title',
      label: '报销标题',
      component: 'Input',
      componentProps: {
        placeholder: '请输入报销标题',
        allowClear: true,
      },
    },
    {
      fieldName: 'status',
      label: '状态',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.FINANCE_REIMBURSEMENT_STATUS, 'number'),
        placeholder: '请选择状态',
        allowClear: true,
      },
    },
    {
      fieldName: 'applicantId',
      label: '申请人',
      component: 'ApiSelect',
      componentProps: {
        placeholder: '请选择申请人',
        allowClear: true,
        showSearch: true,
        api: getSimpleUserList,
        labelField: 'nickname',
        valueField: 'id',
      },
    },
    {
      fieldName: 'applyDate',
      label: '申请日期',
      component: 'RangePicker',
      componentProps: {
        // 后端 LocalDate[] 只接受 yyyy-MM-dd，不能带时分秒
        valueFormat: 'YYYY-MM-DD',
        allowClear: true,
        style: { width: '100%' },
      },
    },
  ];
}

/** 列表的字段 */
export function useGridColumns(): VxeTableGridOptions['columns'] {
  return [
    {
      type: 'checkbox',
      width: 50,
      fixed: 'left',
    },
    {
      field: 'no',
      title: '报销单号',
      width: 175,
      fixed: 'left',
    },
    {
      field: 'title',
      title: '报销标题',
      minWidth: 160,
    },
    {
      field: 'totalAmount',
      title: '报销总金额',
      minWidth: 120,
      formatter: 'formatAmount2',
    },
    {
      field: 'status',
      title: '状态',
      minWidth: 95,
      cellRender: {
        name: 'CellDict',
        props: { type: DICT_TYPE.FINANCE_REIMBURSEMENT_STATUS },
      },
    },
    {
      field: 'applicantName',
      title: '申请人',
      minWidth: 100,
    },
    {
      field: 'applyDate',
      title: '申请日期',
      width: 115,
      formatter: 'formatDate',
    },
    {
      field: 'hasAttachment',
      title: '是否上传发票',
      minWidth: 110,
      slots: { default: 'hasAttachment' },
    },
    {
      field: 'creatorName',
      title: '创建人',
      minWidth: 100,
    },
    {
      field: 'createTime',
      title: '创建时间',
      width: 165,
      formatter: 'formatDateTime',
    },
    {
      title: '操作',
      width: 300,
      fixed: 'right',
      slots: { default: 'actions' },
    },
  ];
}