layui.use(['form', 'mhttp', 'jquery'], function () {
    let form = layui.form;
    let http = layui.mhttp;
    let $ = layui.jquery;
    let editMeLoading = layer.msg('加载数据中...', {icon: 16, time: 0, shade: 0.3, shadeClose: false});
    let ret = http.ajax({
        url: '/system/config/info',
        data: {
            sgroup: 'sys',
            uid: 'lG1O8z'
        }
    });
    ret.then((data) => {
        layer.close(editMeLoading);
        // 成功显示数据
        if (data.code === 200) {
            var html = '';
            for (let index in data.data) {
                let lay = '';
                let is_check = '';
                //类型判断
                if (data.data[index].tag_name === 'checkbox') {
                    html += '  <div class="layui-form-item">\n' +
                        '    <label class="layui-form-label">' + data.data[index].name + '</label>\n' +
                        '    <div class="layui-input-block">' +
                        '<input type="hidden" name="' + data.data[index].skey + '" value="0">\n' +
                        '      <input type="checkbox" ' + (data.data[index].svalue === '1' ? 'checked' : null) + ' name="' + data.data[index].skey + '" value="1" lay-skin="switch">\n' +
                        '    </div>\n' +
                        '  </div>';
                } else {
                    html += '<div class="layui-form-item">\n' +
                        '        <label class="layui-form-label">' + data.data[index].name + '</label>\n' +
                        '        <div class="layui-input-inline">\n' +
                        '            <input type="' + data.data[index].tag_name + '" name="' + data.data[index].skey + '" required lay-verify="required" placeholder="' + data.data[index].name + '"' +
                        '                value="' + data.data[index].svalue + '" autocomplete="off"\n' +
                        '            ' + is_check + '    ' + lay + '   class="layui-input ' + data.data[index].skey + '">\n' +
                        '        </div>\n' +
                        '    </div>';
                }
            }
            $('#form-info').prepend(html);
            // 渲染form
            form.render();
        } else {
            layer.msg(data.message, {
                // 失败关闭父窗口
                icon: 2,
                time: 1000
            }, function () {
                let index = parent.layer.getFrameIndex(window.name);
                parent.layer.close(index);
                window.location.reload();
            });
        }
    });
    form.on('submit(setting-save)', function (fromData) {
        // let Expression = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
        // let objExp = new RegExp(Expression);
        // if (objExp.test(fromData.field.servicese_link) !== true) {
        //     layer.msg('客服链接有误！以（http｜https）开头');
        //     return false;
        // }
        let loading = layer.msg('处理中', {icon: 16, time: 0, shade: 0.3, shadeClose: false});
        let postData = fromData.field;
        postData = {
            sgroup: 'sys',
            input: postData
        };
        let ret = http.ajax({
            url: '/system/config/save',
            data: postData
        });
        ret.then((data) => {
            layer.close(loading);
            if (data.code === 200) {
                layer.msg(data.message, {
                    icon: 1,
                    time: 1000
                });
            } else {
                layer.msg(data.message, {
                    icon: 2,
                    time: 1000
                });
            }
        });
        return false;
    });
});