import { FormProps, FormSchema } from '/@/components/Form';
import { BasicColumn } from '/@/components/Table';
import { useI18n } from '/@/hooks/web/useI18n';
const { t } = useI18n();
import { h } from 'vue';
import { Tag } from 'ant-design-vue';

export const formConfig = {
  useCustomConfig: false,
};

export const searchFormSchema: FormSchema[] = [
  {
    field: 'shortName',
    label: '银行名称/简称',
    component: 'Input',
  },
  {
    field: 'bankCode',
    label: '联行号',
    component: 'Input',
  },
  {
    field: 'valid',
    label: '有效标志',
    component: 'XjrSelect',
    componentProps: {
      datasourceType: 'dic',
      params: { itemId: '1978057078528327681' },
      labelField: 'name',
      valueField: 'value',

      getPopupContainer: () => document.body,
    },
  },
  {
    field: 'code',
    label: '编码',
    component: 'Input',
  },
  // {
  //   field: 'fullName',
  //   label: '银行名称',
  //   component: 'Input',
  // },
  // {
  //   field: 'code',
  //   label: '所属国家和地区',
  //   component: 'Input',
  // },
  // {
  //   field: 'swift',
  //   label: 'SWIFT',
  //   component: 'Input',
  // },
];

export const columns: BasicColumn[] = [
  {
    dataIndex: 'code',
    title: '编码',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'fullName',
    title: '名称',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
  {
    dataIndex: 'shortName',
    title: '简称',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
  {
    dataIndex: 'bankCode',
    title: '联行号',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
  {
    dataIndex: 'regionName',
    title: '所属国家和地区',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'swift',
    title: 'SWIFT',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'valid',
    title: '有效标志',
    componentType: 'select',
    align: 'left',

    sorter: true,
    // customRender: ({ record }) => {
    //   const enabledMark = record.valid;
    //   const enable = ~~enabledMark === '有效';
    //   const color = enable ? 'green' : 'red';
    //   const text = enable ? t('有效') : t('无效');
    //   return h(Tag, { color: color }, () => text);
    // }
  },
];
//表单事件
export const formEventConfigs = {
  0: [
    {
      type: 'circle',
      color: '#2774ff',
      text: '开始节点',
      icon: '#icon-kaishi',
      bgcColor: '#D8E5FF',
      isUserDefined: false,
    },
    {
      color: '#F6AB01',
      icon: '#icon-chushihua',
      text: '初始化表单',
      bgcColor: '#f9f5ea',
      isUserDefined: false,
      nodeInfo: { processEvent: [] },
    },
  ],
  1: [
    {
      color: '#B36EDB',
      icon: '#icon-shujufenxi',
      text: '获取表单数据',
      detail: '(新增无此操作)',
      bgcColor: '#F8F2FC',
      isUserDefined: false,
      nodeInfo: { processEvent: [] },
    },
  ],
  2: [
    {
      color: '#F8625C',
      icon: '#icon-jiazai',
      text: '加载表单',
      bgcColor: '#FFF1F1',
      isUserDefined: false,
      nodeInfo: { processEvent: [] },
    },
  ],
  3: [
    {
      color: '#6C6AE0',
      icon: '#icon-jsontijiao',
      text: '提交表单',
      bgcColor: '#F5F4FF',
      isUserDefined: false,
      nodeInfo: { processEvent: [] },
    },
  ],
  4: [
    {
      type: 'circle',
      color: '#F8625C',
      text: '结束节点',
      icon: '#icon-jieshuzhiliao',
      bgcColor: '#FFD6D6',
      isLast: true,
      isUserDefined: false,
    },
  ],
};
export const formProps: FormProps = {
  labelCol: { span: 3, offset: 0 },
  labelAlign: 'right',
  layout: 'horizontal',
  size: 'default',
  schemas: [
    {
      key: '1',
      field: 'code',
      label: '编码',
      type: 'input',
      component: 'InputNumber',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '33.3%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: true,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '50%' },
      },
    },
    {
      key: '5fdaec7802364d16a979fc9d3218bbfa',
      field: 'fullName',
      label: '银行名称',
      type: 'input',
      component: 'Input',
      colProps: { span: 16 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入银行名称',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: true,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '2',
      field: 'shortName',
      label: '简称',
      type: 'input',
      component: 'Input',
      colProps: { span: 8 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入银行名称简称',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: true,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '38bd834c265446658be6f9784672e1ae',
      field: 'bankCode',
      label: '联行号',
      type: 'input',
      component: 'Input',
      colProps: { span: 8 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入联行号',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '1485b829c80a493bb55f37d1c839ccc9',
      field: 'regionCode',
      label: '所属国家/地区',
      type: 'areacascader',
      component: 'AreaCascader',
      colProps: { span: 8 },
      componentProps: {
          width: '100%',
          span: '',
          labelWidthMode: 'fix',
          labelFixWidth: 120,
          responsive: false,
          respNewRow: false,
          placeholder: '请选择区域',
          showLabel: true,
          disabled: false,
          allowClear: true,
          clearable: false,
          required: false,
          rules: [],
          events: {},
          isShow: true,
          style: { width: '100%' },
          fieldNames: {label: 'fullName', value: 'code', children: 'children'},
          excludeType: 'CONTINENT'
      }
  },
    {
      key: '6461a5e152124abca28bd2114dd577e6',
      field: 'swift',
      label: 'SWIFT',
      type: 'input',
      component: 'Input',
      colProps: { span: 8 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入SWIFT',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '5',
      field: 'ib',
      label: '中转行',
      type: 'input',
      component: 'Input',
      colProps: { span: 16 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入中转行',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '6',
      field: 'ibSwift',
      label: '中转行SWIFT',
      type: 'input',
      component: 'Input',
      colProps: { span: 8 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入中转行SWIFT',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '7',
      field: 'routing',
      label: 'Routing',
      type: 'input',
      component: 'Input',
      colProps: { span: 8 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入Routing',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '8',
      field: 'sort',
      label: '显示顺序',
      type: 'input',
      component: 'InputNumber',
      colProps: { span: 8 },
      defaultValue: null,
      componentProps: {
        width: '100%',
        span: '',
        min:0,
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入显示顺序',
        maxlength: null,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '714953d458d9402bb507893c92913d44',
      field: 'valid',
      label: '有效标志',
      type: 'select',
      component: 'XjrSelect',
      colProps: { span: 8 },
      componentProps: {
        width: '100%',
        span: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请选择下拉选择',
        sepTextField: '',
        showLabel: true,
        showSearch: false,
        clearable: false,
        disabled: true,
        staticOptions: [
          { key: 1, label: 'Option 1', value: 'Option 1' },
          { key: 2, label: 'Option 2', value: 'Option 2' },
          { key: 3, label: 'Option 3', value: 'Option 3' },
        ],
        defaultSelect: 'Y',
        datasourceType: 'dic',
        params: { itemId: '1978057078528327681' },
        labelField: 'name',
        valueField: 'value',
        apiConfig: {
          path: 'CodeGeneration/selection',
          method: 'GET',
          apiId: '93d735dcb7364a0f8102188ec4d77ac7',
        },
        dicOptions: [],
        required: false,
        rules: [],
        events: {},
        isShow: true,
        itemId: '1978057078528327681',
        style: { width: '100%' },
      },
    },
    {
      key: '9',
      field: 'note',
      label: '备注',
      type: 'input',
      component: 'InputTextArea',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入内容，最多200字',
        maxlength: 200,
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
  ],
  showActionButtonGroup: false,
  buttonLocation: 'center',
  actionColOptions: { span: 24 },
  showResetButton: false,
  showSubmitButton: false,
  hiddenComponent: [],
};