'use strict';

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

/**
 * Created by OrionPax on 2019/9/2.
 */
var UserDownloadInfo = React.createClass({ displayName: "UserDownloadInfo",
    mixins: [MyReactMixin],
    getInitialState: function getInitialState() {
        var initParam = this.getInitParam();
        return {
            param: initParam,
            show: false,
            name: '',
            company: '',
            mobile: '',
            email: '',
            errorMsg: {}
        };
    },
    componentDidMount: function componentDidMount() {
        $.subscribe("UserDownloadInfo.showUserDownloadInfo", this.showUserDownloadInfo);
        $.subscribe("UserDownloadInfo.hideUserDownloadInfo", this.hideUserDownloadInfo);
    },

    showUserDownloadInfo: function showUserDownloadInfo() {
        this.setState({ show: true });
    },

    hideUserDownloadInfo: function hideUserDownloadInfo() {
        this.setState({
            show: false,
            name: '',
            mobile: '',
            email: '',
            company: '',
            errorMsg: {}
        });
    },

    handleInputChange: function handleInputChange(event) {
        var target = event.target;
        var value = target.type === 'checkbox' ? target.checked : target.value;
        var name = target.name;
        this.setState(_defineProperty({}, name, value));
    },

    // 验证未通过返回 false
    validateForm: function validateForm() {
        var flag = true;
        var errorMsg = {};
        if (emptyStr(this.state.name)) {
            errorMsg = _extends({}, errorMsg, { name: "姓名不能为空" });
            flag = false;
        }
        if (emptyStr(this.state.company)) {
            errorMsg = _extends({}, errorMsg, { company: "公司不能为空" });
            flag = false;
        }
        if (emptyStr(this.state.mobile)) {
            errorMsg = _extends({}, errorMsg, { mobile: "手机号不能为空" });
            flag = false;
        } else {
            var reg = /^[1][3,4,5,7,8][0-9]{9}$/;
            if (!reg.test(this.state.mobile)) {
                errorMsg = _extends({}, errorMsg, { mobile: "手机号格式不正确" });
                flag = false;
            }
        }
        if (emptyStr(this.state.email)) {
            errorMsg = _extends({}, errorMsg, { email: "邮箱不能为空" });
            flag = false;
        } else {
            var _reg = /^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?$/;
            if (!_reg.test(this.state.email)) {
                errorMsg = _extends({}, errorMsg, { email: "邮箱格式不正确" });
                flag = false;
            }
        }
        if (!flag) {
            this.setState({ errorMsg: errorMsg });
        }
        return flag;
    },

    clearErrorMsg: function clearErrorMsg(key) {
        this.setState({ errorMsg: _extends({}, this.state.errorMsg, _defineProperty({}, key, "")) });
    },

    confirm: function confirm() {
        var _this = this;

        if (this.validateForm()) {
            $.post("/api/v2/fileDownload/addDownloadUserInfo", {
                name: this.state.name,
                company: this.state.company,
                email: this.state.email,
                mobile: this.state.mobile
            }, function (result) {
                if (result.retStatus === 200) {
                    alertSuccessTips("填写成功，请重新下载或查看文件");
                    _this.hideUserDownloadInfo();
                } else {
                    alertWarningTips(result.respObject);
                }
            }, "json");
        }
    },

    render: function render() {
        var _this2 = this;

        var that = this;
        return React.createElement(LayerWrapper, { title: "请填写个人信息", isShow: that.state.show, hide: that.hideUserDownloadInfo,
            width: "390px", marginTop: "20vh" }, React.createElement(FormBox.FormCon, { cancel: that.hideUserDownloadInfo, confirm: this.confirm }, React.createElement(FormLi.CommonFormLi, { title: "姓名", required: true, errorMsg: this.state.errorMsg["name"] }, React.createElement("div", { className: "clearfix" }, React.createElement("div", { className: "input_box" }, React.createElement("input", { type: "text", name: "name", className: "input", value: this.state.name,
            onChange: this.handleInputChange, onClick: function onClick() {
                return _this2.clearErrorMsg("name");
            } })))), React.createElement(FormLi.CommonFormLi, { title: "公司", required: true, errorMsg: this.state.errorMsg["company"] }, React.createElement("div", { className: "clearfix" }, React.createElement("div", { className: "input_box" }, React.createElement("input", { type: "text", className: "input", name: "company", value: this.state.company,
            onChange: this.handleInputChange, onClick: function onClick() {
                return _this2.clearErrorMsg("company");
            } })))), React.createElement(FormLi.CommonFormLi, { title: "手机号", required: true, errorMsg: this.state.errorMsg["mobile"] }, React.createElement("div", { className: "clearfix" }, React.createElement("div", { className: "input_box" }, React.createElement("input", { type: "text", className: "input", name: "mobile", value: this.state.mobile,
            onChange: this.handleInputChange, onClick: function onClick() {
                return _this2.clearErrorMsg("mobile");
            } })))), React.createElement(FormLi.CommonFormLi, { title: "邮箱", required: true, errorMsg: this.state.errorMsg["email"] }, React.createElement("div", { className: "clearfix" }, React.createElement("div", { className: "input_box" }, React.createElement("input", { type: "text", className: "input", name: "email", value: this.state.email,
            onChange: this.handleInputChange, onClick: function onClick() {
                return _this2.clearErrorMsg("email");
            } }))))));
    }
});

$(function () {
    ReactDOM.render(React.createElement(UserDownloadInfo, null), document.getElementById('userDownloadInfo'));
});