/**
 * 此文件用于统一表单的样式
 */

//一行一个表单
export const formItemLayout1 = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 7 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 12 },
    md: { span: 15 },
  },
};

/*********************小版的表单******************/
//小版的表单
export const minFormItemLayout = {
  labelCol: {
    xs: { span: 12 },
    sm: { span: 6 },
  },
  wrapperCol: {
    xs: { span: 12 },
    sm: { span: 8 },
  },
};
//小版的表单提交按钮
export const minSubmitFormLayout = {
  wrapperCol: {
    xs: { span: 24, offset: 0 },
    sm: { span: 10, offset: 7 },
  },
};
//小版的表单下出现的一些注释标语
export const placeholderFormLayout = {
  wrapperCol: {
    xs: { span: 24, offset: 0 },
    sm: { span: 10, offset: 5 },
  },
};

//防空指挥里的列表
export const commanFormItemLayout = {
  labelCol: {
    xs: {
      span: 7,
    },
    sm: {
      span: 7,
    },
    md: {
      span: 6,
    },
  },
  wrapperCol: {
    xs: {
      span: 24,
    },
    sm: {
      span: 20,
    },
    md: {
      span: 18,
    },
  },
};

//上传图片
export const photoItemLayout = {
  labelCol: {
    xl: {
      span: 12
    },
    xxl: {
      span: 8
    }
  },
  wrapperCol: {
    xl: {
      span: 12
    },
    xxl: {
      span: 16
    }
  }
};
export const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 6 }
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 18 },
    md: { span: 15 }
  }
};
export const formLayout = {
  labelCol: {
    span: 3
  },
  wrapperCol: {
    span: 21
  }
};
export const addressLayout = {
  labelCol: {
    lg: {
      span: 0
    },
    xl: {
      span: 0
    },
    xxl: {
      span: 0
    }
  },
  wrapperCol: {
    lg: {
      span: 24
    },
    xl: {
      span: 24
    },
    xxl: {
      span: 24
    }
  }
};
export const tipLayout = {
  labelCol: {
    span: 3
  },
  wrapperCol: {
    span: 21
  }
};

export const query = {
  'screen-xs': {
    maxWidth: 575
  },
  'screen-sm': {
    minWidth: 576,
    maxWidth: 767
  },
  'screen-md': {
    minWidth: 768,
    maxWidth: 991
  },
  'screen-lg': {
    minWidth: 992,
    maxWidth: 1199
  },
  'screen-xl': {
    minWidth: 1200
  }
};