提交以及回填

原创已于 2023-02-17 11:18:14 修改 · 98 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

于 2023-02-15 18:04:52 首次发布

引入插件,时间转化

//时间转换
import moment from 'moment';

  // 数据 图片回填
  useEffect(() => {
    if (!Object.values(data).length) return false
    form.setFieldsValue({
      ...data,
      timer1: moment(data.timer1),
      timer2: [moment(data.timer2[0]), moment(data.timer2[1])],
    });
    setFileList([
      {
        uid: '-1',
        name: 'image.png',
        status: 'done',
        url: data.img[0],
      },
    ]);
    setFileList2([
      {
        uid: '-1',
        name: 'image.png',
        status: 'done',
        url: data.img2[0],
      },
    ]);
  }, [data]);
  // 提交事件
  const onFinish = async (values) => {
    // 转化为时间戳格式
    // const timer = moment(values.as._d).valueOf()
    const time1 = new Date(values.timer1).getTime()
    const time2 = [
      new Date(values.timer2[0]).getTime(),
      new Date(values.timer2[1]).getTime(),
    ]
    if (id) {
      await dispatch({
        type: 'form/pushUser',
        payload: {
          token: 'nFzhrtMvdSoBa67rG4GUvlEytGdwJv0j',
          info: {
            ...values,
            img: fileList.map(dt => dt.url),
            img2: fileList2.map(dt => dt.url),
            timer1: time1,
            timer2: time2,
            id,
          }
        }
      })
    } else {
      await dispatch({
        type: 'form/pushUser',
        payload: {
          token: 'nFzhrtMvdSoBa67rG4GUvlEytGdwJv0j',
          info: {
            ...values,
            img: fileList.map(dt => dt.url),
            img2: fileList2.map(dt => dt.url),
            timer1: time1,
            timer2: time2,
          }
        }
      })
    }

  };