前端通用submit方法

/**

  • 封装公共的submit方法(适配场景中)

  • Tong

    */

    export const handleSubmit = (

    form: any,

    record: any,

    onCallback: any,

    setVisibleModal: any,

    saveModel: any,

    dateFields?: string[], // 添加日期字段名数组参数

    labelInValueFields?: string[], // 添加 labelInValue 字段名数组参数

    multipleFields?: string[], // 添加多选字段名数组参数

    ) => {

    form.validateFields().then((formParams: any) => {

    let formattedParams = { ...formParams };

    // 处理日期类型字段

    if (dateFields && Array.isArray(dateFields)) {

    formattedParams = convertStringsToDates(formattedParams, dateFields)

    // dateFields.forEach(field => {

    // if (formattedParams[field]) {

    // // 假设使用 moment 进行日期格式化,您可以根据实际情况调整

    // formattedParams[field] = moment(formattedParams[field]).format('YYYY-MM-DD HH:mm:ss');

    // }

    // });

    }

    // 处理 labelInValue 格式字段

    if (labelInValueFields && Array.isArray(labelInValueFields)) {

    formattedParams = stringFieldsFromRecord(formattedParams, labelInValueFields)

    // labelInValueFields.forEach(field => {

    // if (formattedParams[field] && Object.prototype.toString.call(formattedParams[field]) === "[object Object]") {

    // formattedParams[field] = JSON.stringify(formattedParams[field]);

    // }

    // });

    }

    // 处理多选字段

    if (multipleFields && Array.isArray(multipleFields)) {

    formattedParams = multipleFieldsFromRecords(formattedParams, multipleFields)

    // multipleFields.forEach(field => {

    // if (formattedParams[field] && Array.isArray(formattedParams[field])) {

    // // 如果是多选字段且值为数组,则转换为逗号分隔的字符串

    // formattedParams[field] = formattedParams[field].join(',');

    // }

    // });

    }

    const params = {

    ...formattedParams,

    id: record?.id,

    };

    saveModel(params).then((res: any) => {

    if (res && res.status === 0) {

    setVisibleModal(false)

    message.success('操作成功');

    form.resetFields();

    if(onCallback) onCallback();

    } else {

    message.error(res.message || '操作失败');

    }

    });

    });

    };

相关推荐
JienDa37 分钟前
JienDa聊PHP:起卦、卜卦平台实战中PHP框架的协同架构方略
开发语言·架构·php
Le1Yu39 分钟前
订单优化(状态机、分库分表、覆盖索引、缓存优化查询)
java·开发语言·数据库
可爱又迷人的反派角色“yang”39 分钟前
LVS+Keepalived群集
linux·运维·服务器·前端·nginx·lvs
han_39 分钟前
前端高频面试题之CSS篇(二)
前端·css·面试
JIngJaneIL41 分钟前
书店销售|书屋|基于SprinBoot+vue书店销售管理设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·书店销售管理设计与实现
徐同保42 分钟前
n8n CLI 项目结构全面分析(node后端)
前端
豆豆plus43 分钟前
C++实现文件操作类
开发语言·c++
j***29481 小时前
对基因列表中批量的基因进行GO和KEGG注释
开发语言·数据库·golang
墨雪不会编程1 小时前
C++基础语法篇五 ——类和对象
java·前端·c++