sfms3.0-ui/src/views/wms/basicDataManage/supplierManage/supplier/supplier.data.ts

import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime'
const { t } = useI18n() // 国际化

import {validateHanset,validateFax,validatePostCode,validateEmail,validateYS} from '@/utils/validator'

/**
 * @returns {Array} 供应商
 */
export const Supplier = useCrudSchemas(reactive<CrudSchema[]>([
  {
    label: '代码',
    field: 'code',
    sort: 'custom',
    isSearch: true,
    table: {
      width: 150,
      fixed: 'left'
    }
  },
  {
    label: '名称',
    field: 'name',
    sort: 'custom',
    isSearch: true,
    table: {
      width: 150
    }
  },
  {
    label: '简称',
    field: 'shortName',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '地址',
    field: 'address',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '国家',
    field: 'country',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '城市',
    field: 'city',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '电话',
    field: 'phone',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '传真',
    field: 'fax',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '邮编',
    field: 'postId',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '联系人',
    field: 'contacts',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '联系人邮件',
    field: 'email',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label:'银行',
    field: 'bank',
    sort: 'custom',
    table: {
      width: 150
    }
  },
  {
    label: '币种',
    field: 'currency',
    sort: 'custom',
    dictType: DICT_TYPE.CURRENCY,
    dictClass: 'string',
    isSearch: false,
    isTable: true,
    table: {
      width: 150
    }
  },
  {
    label: '税率',
    field: 'taxRate',
    sort: 'custom',
    form: {
      component: 'InputNumber',
      componentProps: {
        min: 0,
        max: 1,
        precision: 6
      }
    },
    table: {
      width: 150
    }
  },
  {
    label: '类型',
    field: 'type',
    sort: 'custom',
    dictType: DICT_TYPE.SUPPLIER_TYPE,
    dictClass: 'string',
    isSearch: true,
    isTable: true,
    table: {
      width: 150
    }
  },
  {
    label: '是否可用',
    field: 'available',
    sort: 'custom',
    isSearch:true,
    isForm: false,
    dictType: DICT_TYPE.TRUE_FALSE,
    dictClass: 'string', // 默认都是字符串类型其他暂不考虑
    search: {
      value: 'TRUE',
    },
    form: {
      component: 'Switch',
      value: 'TRUE',
      componentProps: {
        inactiveValue: 'FALSE',
        activeValue: 'TRUE'
      }
    },
    table: {
      width: 110
    }
  },
  {
    label: '生效时间',
    field: 'activeTime',
    sort: 'custom',
    isTable: true,
    formatter: dateFormatter,
    detail: {
      dateFormat: 'YYYY-MM-DD HH:mm:ss'
    },
    form: {
      component: 'DatePicker',
      componentProps: {
        style: {width:'100%'},
        type: 'datetime',
        dateFormat: 'YYYY-MM-DD HH:mm:ss',
        valueFormat: 'x',
      }
    },
    table: {
      width: 180
    }
  },
  {
    label: '失效时间',
    field: 'expireTime',
    sort: 'custom',
    isTable: true,
    formatter: dateFormatter,
    detail: {
      dateFormat: 'YYYY-MM-DD HH:mm:ss'
    },
    form: {
      component: 'DatePicker',
      componentProps: {
        style: {width:'100%'},
        type: 'datetime',
        dateFormat: 'YYYY-MM-DD HH:mm:ss',
        valueFormat: 'x',
      }
    },
    table: {
      width: 180
    }
  },
  {
    label: '备注',
    field: 'remark',
    sort: 'custom',
    isTable: false,
    isForm: false,
  },
  {
    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: 'creator',
    isForm: false,
    isTable: true,
    table: {
      width: 150
    },
  },
  {
    label: '最后更新时间',
    field: 'updateTime',
    sort: 'custom',
    isDetail: true,
    isForm: false,
    isTable: true,
    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: 'updater',
    isDetail: true,
    isForm: false,
    isTable: true,
    table: {
      width: 150
    }
  },
  {
    label: '操作',
    field: 'action',
    isDetail: false,
    isForm: false ,
    table: {
      width: 150,
      fixed: 'right'
    }
  }
]))

//表单校验
export const SupplierRules = reactive({
  code: [
    { required: true, message: '请输入代码', trigger: 'blur' },
    { max: 50, message: '不得超过50个字符', trigger: 'blur' },
    { validator:validateYS, message: '请输入正确的代码', trigger: 'blur'}
  ],
  name: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' }
  ],
  shortName: [
    { required: true, message: '请输入简称', trigger: 'blur' },
    { max: 50, message: '不得超过50个字符', trigger: 'blur' }
  ],
  address: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' }
  ],
  country: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' }
  ],
  city: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' }
  ],
  phone: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' },
    { validator:validateHanset, message: '请输入正确的手机号', trigger: 'blur'}
  ],
  fax: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' },
    { validator:validateFax, message: '请输入正确的传真', trigger: 'blur'}
  ],
  postId: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' },
    { validator:validatePostCode, message: '请输入正确的邮编', trigger: 'blur'}
  ],
  contacts: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' }
  ],
  email:  [
    { required: true, message: '请输入邮箱', trigger: 'blur' },
    { max: 128, message: '不得超过128个字符', trigger: 'blur' },
    { validator:validateEmail, message: '请输入正确的邮箱格式', trigger: 'blur'}
  ],
  bank: [
    { max: 50, message: '不得超过50个字符', trigger: 'blur' }
  ],
  available:  [
    { required: true, message: '请选择是否可用', trigger: 'change' }
  ],
})