import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime'
import * as SupplierAddrDeliTimeApi from '@/api/wms/supplierAddrDeliTime'
import { SupplierAddrDeliTime } from '@/views/wms/basicDataManage/supplierManage/supplierAddrDeliTime/supplierAddrDeliTimeDetail.data'

// 表单校验
export const SupplierAddressModelDeliRules = reactive({
  supplierCode: [required],
  supplierAddress: [required],
  yearAndMonth: [required],
  shift: [required],
  concurrencyStamp: [required],
  modelShow: [required],
})

export const SupplierAddressModelDeli = useCrudSchemas(
  reactive<CrudSchema[]>([
    {
      label: '供应商代码',
      field: 'supplierCode',
      sort: 'custom',
      isSearch: true,
      table: {
        width: 150,
        fixed: 'left'
      },
      form: {
        // labelMessage: '信息提示说明！！！',
        componentProps: {
          enterSearch: true,
          isSearchList: true, // 开启查询弹窗
          searchListPlaceholder: '请选择供应商代码', // 输入框占位文本
          searchField: 'code', // 查询弹窗赋值字段
          searchTitle: '供应商地点便次时间配置信息', // 查询弹窗标题
          searchAllSchemas: SupplierAddrDeliTime.allSchemas, // 查询弹窗所需类
          searchPage: SupplierAddrDeliTimeApi.getSupplierAddrDeliTimeDetailPage, // 查询弹窗所需分页方法
          searchCondition: [
            {
              key: 'available',
              value: 'TRUE',
              isMainValue: false
            }
          ],
          verificationParams: [
            {
              key: 'supplierCode',
              action: '==',
              value: '',
              isMainValue: false,
              isSearch: true,
              isFormModel: true
            }
          ] // 失去焦点校验参数
        }
      }
    },
    {
      label: '供应商名称',
      field: 'supplierName',
      isForm: true,
      form: {
        componentProps: {
          disabled: true
        }
      },
      table: {
        width: 250
      }
    },
    {
      label: '供应商地点',
      field: 'supplierAddress',
      sort: 'custom',
      isSearch: true,
      form: {
        componentProps: {
          disabled: true
        }
      },
    },
    {
      label: '年月',
      field: 'yearAndMonth',
      sort: 'custom',
      isSearch: true,
      form: {
        componentProps: {
          disabled: true
        }
      },
    },
    {
      label: '受入号',
      field: 'modelShow',
      sort: 'custom',
      isSearch: true,
      isTable: false,
      isDetail: false,
      form: {
        component: 'Select',
        componentProps: {
          multiple: true,
          collapseTags: true,
          collapseTagsTooltip: true,
          maxCollapseTags: "2",
          optionsAlias: {
            labelField: 'label',
            valueField: 'value'
          }
        }
      }
    },
    {
      label: '受入号',
      field: 'model',
      sort: 'custom',
      isTable: true,
      isDetail: true,
      isForm: false,
    },
    {
      label: '班次',
      field: 'shift',
      dictType: DICT_TYPE.SHIFT,
      dictClass: 'string',
      isTable: true,
      isDetail: true,
      sort: 'custom',
      table: {
        width: 150
      },
      isTableForm: true,
      form: {
        component: 'Checkbox',
        value: [],
      },
    },
    {
      label: '便次数',
      field: 'deliNo',
      isForm: true,
      form: {
        componentProps: {
          disabled: true
        }
      },
      table: {
        width: 250
      }
    },
    {
      label: '创建时间',
      field: 'createTime',
      isForm: false,
      formatter: dateFormatter,
      detail: {
        dateFormat: 'YYYY-MM-DD HH:mm:ss'
      },
      table: {
        width: 180
      },
      form: {
        component: 'DatePicker',
        componentProps: {
          style: { width: '100%' },
          type: 'datetime',
          dateFormat: 'YYYY-MM-DD HH:mm:ss',
          valueFormat: 'x'
        }
      }
    },
    {
      label: '操作',
      field: 'action',
      isForm: false,
      table: {
        width: 150,
        fixed: 'right'
      }
    }
  ])
)