import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime'
import * as SupplierApi from '@/api/wms/supplier'
import { Supplier } from '@/views/wms/basicDataManage/supplierManage/supplier/supplier.data'
import { formatDate } from '@/utils/formatTime'

// 表单校验
export const DeliveryCalendarRules = reactive({
  day: [required],
  shift: [required],
  concurrencyStamp: [required]
})

export const DeliveryCalendar = 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: Supplier.allSchemas, // 查询弹窗所需类
          searchPage: SupplierApi.getSupplierPage, // 查询弹窗所需分页方法
          searchCondition: [
            {
              key: 'available',
              value: 'TRUE',
              isMainValue: false
            }
          ],
          verificationParams: [
            {
              key: 'code',
              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
    },
    {
      label: '受入号',
      field: 'model',
      sort: 'custom',
      isSearch: true
    },
     {
        label: '日期',
        field: 'yearAndMonth',
        sort: 'custom',
        isTable: false,
        isForm: false,
        isSearch: true,
        search: {
          component: 'DatePicker',
          value: formatDate(new Date(),'YYYYMM'),
          componentProps: {
            type: 'month',
            valueFormat: 'YYYYMM',
          }
        }
      },
    {
      label: '操作',
      field: 'action',
      isForm: false,
      table: {
        width: 150,
        fixed: 'right'
      }
    }
  ])
)