import { FormSchema } from '/@/components/Form';
import { useI18n } from '/@/hooks/web/useI18n';
import {uploadThumbnail} from "/@/api/configuration/center/configurationCenter";
import {createImgPreview} from "/@/components/Preview";

const { t } = useI18n();
const statusOptions = [
  { label: t('repair.order.SCHEDULING'), value: 'SCHEDULING' },
  { label: t('repair.order.REPAIRFINISH'), value: 'REPAIRFINISH' },
  { label: t('repair.order.ACCEPTANCEPASSED'), value: 'ACCEPTANCEPASSED' },
];
const emergencyOptions = [
  { label: '是', value: true },
  { label: '否', value: false },
];
export const formSchema: FormSchema[] = [
  {
    field: 'situationImg',
    label: t('deviceManagement.product.imageText'),
    component: 'ApiUpload',
    changeEvent: 'update:fileList',
    valueField: 'fileList',
    componentProps: ({ formModel }) => {
      return {
        disabled: 'disabled',
        listType: 'picture-card',
        maxFileLimit: 1,
        accept: '.png,.jpg,.jpeg,.gif',
        api: async (file: File) => {
          try {
            const formData = new FormData();
            formData.set('file', file);
            const { fileStaticUri, fileName } = await uploadThumbnail(formData);
            return {
              uid: fileStaticUri,
              name: fileName,
              url: fileStaticUri,
            };
          } catch (error) {
            return {};
          }
        },
        onPreview: (fileList) => {
          createImgPreview({ imageList: [fileList.url!] });
        },
        onDelete(url: string) {
          formModel.deleteUrl = url!;
        },
      };
    },
  },
  {
    field: 'orderCode',
    label: t('repair.order.nameCode'),
    component: 'Input',
    colProps: { span: 21 },
    required: true,
    componentProps: {
      disabled: 'disabled',
      maxLength: 20,
    },
  },
  {
    field: 'deviceId',
    label: t('repair.order.deviceNameText'),
    component: 'Input',
    colProps: { span: 21 },
    required: true,
    componentProps: {
      disabled: 'disabled',
      maxLength: 20,
    },
  },
  {
    field: 'reportBy',
    component: 'Input',
    label: '报修人',
    required: true,
    colProps: { span: 21 },
    componentProps: {
      disabled: 'disabled',
      // 动态加载的选项
      options: [], // 初始为空，后续动态加载
    },
  },
  {
    field: 'reportDate',
    label: t('repair.order.time'),
    component: 'DatePicker',
    componentProps: {
      disabled: 'disabled',
      showTime: true,
      format: 'YYYY-MM-DD HH:mm:ss',
    },
  },
  {
    field: 'status',
    label: t('repair.order.statusText'),
    component: 'RadioButtonGroup',
    defaultValue: 'ENABLE',
    componentProps: {
      disabled: 'disabled',
      options: statusOptions,
    },
  },
  {
    field: 'emergency',
    label: t('repair.order.emergencyText'),
    component: 'Select',
    colProps: { span: 21 },
    required: true,
    componentProps: {
      disabled: 'disabled',
      options: emergencyOptions,
    },
  },
  {
    field: 'description',
    label: '故障描述',
    colProps: { span: 21 },
    component: 'InputTextArea',
    componentProps: {
      disabled: 'disabled',
      maxLength: 255,
      placeholder: '请输入描述',
    },
  },

];