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

import { DICT_TYPE } from '@vben/constants';
import { getDictOptions } from '@vben/hooks';
import { markRaw } from 'vue';

import { AreaCascader } from '#/components/area';

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

/** 入会申请状态（对应字典 ums_application_status） */
export const ApplicationStatus = {
  DRAFT: 0, // 草稿
  APPROVING: 15, // 审批中
  APPROVED: 20, // 已通过
  REJECTED: 35, // 已驳回
} as const;

/** 会员类型（对应字典 ums_member_type） */
export const MemberType = {
  PERSONAL: 1, // 个人会员
  UNIT: 2, // 单位会员
} as const;

/** 根据会员类型获取等级字典选项 */
export function getGradeDictOptions(memberType?: number) {
  return getDictOptions(
    memberType === MemberType.UNIT
      ? DICT_TYPE.UMS_UNIT_GRADE
      : DICT_TYPE.UMS_PERSONAL_GRADE,
    'string',
  );
}

/** 表单配置 */
export function useFormSchema(formType: FormType): VbenFormSchema[] {
  return [
    {
      fieldName: 'id',
      component: 'Input',
      dependencies: {
        triggerFields: [''],
        show: () => false,
      },
    },
    {
      fieldName: 'no',
      label: '申请编号',
      component: 'Input',
      componentProps: {
        placeholder: '申请编号由系统自动生成',
        disabled: true,
      },
    },
    {
      fieldName: 'memberType',
      label: '会员类型',
      component: 'Select',
      componentProps: (_values, form) => ({
        options: getDictOptions(DICT_TYPE.UMS_MEMBER_TYPE, 'number'),
        placeholder: '请选择会员类型',
        allowClear: true,
        disabled: formType === 'detail',
        onChange: () => {
          // 切换会员类型后清空已选等级（个人与单位使用不同等级字典）
          form.setFieldValue('memberGrade', undefined);
        },
      }),
      rules: 'required',
    },
    {
      fieldName: 'applicantName',
      label: '申请人/单位名称',
      component: 'Input',
      componentProps: {
        placeholder: '个人填写姓名，单位填写单位名称',
        maxlength: 64,
        disabled: formType === 'detail',
      },
      rules: 'required',
    },
    {
      fieldName: 'memberGrade',
      label: '申请等级',
      component: 'Select',
      componentProps: (values) => ({
        options: getGradeDictOptions(values.memberType),
        placeholder: '请选择申请等级',
        allowClear: true,
        disabled: formType === 'detail',
      }),
      rules: 'required',
    },
    {
      fieldName: 'contactPhone',
      label: '联系电话（登录账号）',
      component: 'Input',
      componentProps: {
        placeholder: '请输入联系电话，将作为会员系统登录账号',
        maxlength: 20,
        disabled: formType === 'detail',
      },
      help: '审批通过后将自动创建系统登录账号：用户名与初始密码均为联系电话，请务必填写准确',
    },
    {
      fieldName: 'contactEmail',
      label: '邮箱',
      component: 'Input',
      componentProps: {
        placeholder: '请输入邮箱',
        maxlength: 128,
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'workUnit',
      label: '工作单位',
      component: 'Input',
      componentProps: {
        placeholder: '请输入工作单位（个人会员填写）',
        maxlength: 128,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.PERSONAL,
      },
    },
    {
      fieldName: 'title',
      label: '职称',
      component: 'Input',
      componentProps: {
        placeholder: '请输入职称（个人会员填写）',
        maxlength: 64,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.PERSONAL,
      },
    },
    {
      fieldName: 'legalPerson',
      label: '法定代表人',
      component: 'Input',
      componentProps: {
        placeholder: '请输入法定代表人（单位会员填写）',
        maxlength: 64,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.UNIT,
      },
    },
    {
      fieldName: 'organizationCode',
      label: '统一社会信用代码',
      component: 'Input',
      componentProps: {
        placeholder: '请输入统一社会信用代码（单位会员填写）',
        maxlength: 64,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.UNIT,
      },
    },
    {
      fieldName: 'researchDirection',
      label: '研究方向',
      component: 'Textarea',
      componentProps: {
        placeholder: '请输入研究方向',
        autoSize: { minRows: 2, maxRows: 3 },
        disabled: formType === 'detail',
      },
      formItemClass: 'col-span-2',
    },
    {
      fieldName: 'regionCode',
      label: '地区',
      component: markRaw(AreaCascader),
      componentProps: {
        placeholder: '请选择地区',
        allowClear: true,
        class: '!w-full',
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'industry',
      label: '行业',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_INDUSTRY, 'string'),
        placeholder: '请选择行业',
        allowClear: true,
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'status',
      label: '状态',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_APPLICATION_STATUS, 'number'),
        disabled: true,
      },
      dependencies: {
        triggerFields: [''],
        show: () => formType !== 'create',
      },
    },
    {
      fieldName: 'remark',
      label: '备注',
      component: 'Textarea',
      componentProps: {
        placeholder: '请输入备注',
        autoSize: { minRows: 2, maxRows: 3 },
        disabled: formType === 'detail',
      },
      formItemClass: 'col-span-2',
    },
    {
      fieldName: 'blobIds',
      label: '附件',
      component: 'FileUpload',
      componentProps: {
        valueKey: 'id',
        maxNumber: 10,
        multiple: true,
        showDescription: formType !== 'detail',
        disabled: formType === 'detail',
      },
      formItemClass: 'col-span-2',
    },
  ];
}

/** 列表搜索表单 */
export function useGridFormSchema(): VbenFormSchema[] {
  return [
    {
      fieldName: 'no',
      label: '申请编号',
      component: 'Input',
      componentProps: {
        placeholder: '请输入申请编号',
        allowClear: true,
      },
    },
    {
      fieldName: 'status',
      label: '状态',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_APPLICATION_STATUS, 'number'),
        placeholder: '请选择状态',
        allowClear: true,
      },
    },
    {
      fieldName: 'memberType',
      label: '会员类型',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_MEMBER_TYPE, 'number'),
        placeholder: '请选择会员类型',
        allowClear: true,
      },
    },
  ];
}

/** 列表列配置 */
export function useGridColumns(): VxeTableGridOptions['columns'] {
  return [
    {
      type: 'checkbox',
      width: 50,
      fixed: 'left',
    },
    {
      field: 'no',
      title: '申请编号',
      width: 180,
      fixed: 'left',
    },
    {
      field: 'applicantName',
      title: '申请人/单位',
      minWidth: 140,
    },
    {
      field: 'memberType',
      title: '会员类型',
      minWidth: 100,
      cellRender: {
        name: 'CellDict',
        props: { type: DICT_TYPE.UMS_MEMBER_TYPE },
      },
    },
    {
      field: 'memberGrade',
      title: '申请等级',
      minWidth: 100,
      slots: { default: 'memberGrade' },
    },
    {
      field: 'status',
      title: '状态',
      minWidth: 95,
      cellRender: {
        name: 'CellDict',
        props: { type: DICT_TYPE.UMS_APPLICATION_STATUS },
      },
    },
    {
      field: 'hasAttachment',
      title: '附件',
      minWidth: 80,
      slots: { default: 'hasAttachment' },
    },
    {
      field: 'creatorName',
      title: '创建人',
      minWidth: 100,
    },
    {
      field: 'createTime',
      title: '创建时间',
      width: 165,
      formatter: 'formatDateTime',
    },
    {
      title: '操作',
      width: 290,
      fixed: 'right',
      slots: { default: 'actions' },
    },
  ];
}