前端通用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 || '操作失败');

    }

    });

    });

    };

相关推荐
打瞌睡的朱尤5 小时前
Vue day10 完整购物网页(登录页,首页,搜索)
前端·javascript·vue.js
光泽雨5 小时前
C# 中 Assembly 类详解
开发语言·c#
少控科技5 小时前
C#基础训练营 - 02 - 运算器
开发语言·c#
扶苏10026 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
Riemann~~6 小时前
C语言嵌入式风格
c语言·开发语言
zmzb01037 小时前
C++课后习题训练记录Day104
开发语言·c++
未来龙皇小蓝8 小时前
RBAC前端架构-05:引入Element-UI及相关逻辑
前端·ui
zmzb01038 小时前
C++课后习题训练记录Day105
开发语言·c++·算法
wjs20248 小时前
Vue3 条件语句
开发语言
_codemonster8 小时前
JavaWeb开发系列(六)JSP基础
java·开发语言