xjzdyl_h5/static/modular/frame/user_info.js

layui.use(['form', 'upload', 'element', 'ax', 'laydate'], function () {
    var $ = layui.jquery;
    var form = layui.form;
    var upload = layui.upload;
    var element = layui.element;
    var $ax = layui.ax;
    var laydate = layui.laydate;

    //渲染时间选择框
    laydate.render({
        elem: '#birthday'
    });

    //获取用户详情
    var ajax = new $ax(Feng.ctxPath + "/system/currentUserInfo");
    var result = ajax.start();

    //用这个方法必须用在class有layui-form的元素上
    form.val('userInfoForm', result.data);

    //表单提交事件
    form.on('submit(userInfoSubmit)', function (data) {
        var ajax = new $ax(Feng.ctxPath + "/mgr/edit", function (data) {
            Feng.success("修改成功!");
        }, function (data) {
            Feng.error("修改失败!" + data.responseJSON.message + "!");
        });
        ajax.set(data.field);
        ajax.start();
    });

    upload.render({
        elem: '#imgHead',
        url: Feng.ctxPath +'/system/uploadAvatar?'+new Date().getTime(), // 上传接口
        field: "picture",
        done: function (res) {
            Feng.success("上传成功!");
            $("#imgHead img").attr("src",Feng.ctxPath +'/system/previewAvatar?'+new Date().getTime());
            // 上传完毕回调
        },
        error: function () {
            Feng.error("上传失败!" + data.responseJSON.message + "!");
        }
    });
});