医美小程序实战教程-提交事件

Posted 2021-12-04 低代码布道师

上一节我们介绍了表单的内容改变事件，本节我们介绍表单的提交事件。登录低码控制台，找到应用，找到医美-管理平台，点击编辑应用

编辑器中找到更多，点击低代码编辑器

在低码编辑器，点击handler旁边的+号，输入onSubmit

输入如下代码：

import funcs from './funcs';

export default async function({event, data}) {
    const { formContent } = $page.dataset.state;
    let params = {},
        errNum = 0;
    for (let prop in formContent) {
        switch(prop) {
            case 'location': 
            params.location = {};
            if (formContent[prop].region.length == 0 || formContent[prop].address == '' || formContent[prop].status == 'error') {
                errNum++;
            }
            if(formContent[prop].region.length == 3) {
                params.location.province = formContent[prop].region[0];
                params.location.city = formContent[prop].region[1];
                params.location.district = formContent[prop].region[2];
            }
            params.location.address = formContent[prop].address;
            break;
            case 'workTime': 
                params.workTime = funcs().transferWorkTime.bind(this)(formContent[prop]);
            break;
            case 'id':
                params._id = formContent[prop];
            break;
            default: 
                if (formContent[prop].value === '' || formContent[prop].status == 'error') {
                    errNum++;
                }
                params[prop] =  formContent[prop].value;
            break;
        }        
    }
    if (errNum > 0) {
        app.showToast({
            title: '请检查必填项'
        });
        return;
    }
    let ret = await funcs().updateShop(params);
    if(ret.code != 0) {
        app.showToast({
            title: `修改失败：${ret.message}`
        });
        return;
    }
    
    app.showToast({
        title: '修改成功'
    });
    app.navigateTo({
        pageId: 'shop'
    });
}

我们还需要在funcs模块里再增加一个更新店铺的函数

async function updateShop(params) {
    console.log(params);
    const ret = await app.dataSources.shop_8cp2v9w.wedaUpdate(params);
    return ret;
}

这样我们就可以调用数据源的更新方法做信息的更新，更新功能也就完成了。