layui.use('element', function () {
    let element = layui.element;
});
layui.config({
    base: '../../staticJs/'
}).extend({ //设定模块别名
    common: 'cityCommon'
});
$(function () {
    fetchDataReview();
    _initData();
})
function fetchDataReview() {
    $(document).on("click", ".area_list li", function (e) {
        $(".area_list li").removeClass("active2")
        $(this).addClass("active2");
    })
    layui.use(['form', 'common'], function () {
        var common = layui.common,
            form = layui.form;
        //三级地址联动
        common.showCity('province', 'city');
        //区域选择
        form.on('select(selectCity)', function (data) {
            return false;
        });
    });
    var timer = "";
    var nums = 60;
    var validCode = true;//定义该变量是为了处理后面的重复点击事件
    $('.verCode').click(function () {
        var code = $(this);
        if (validCode) {
            validCode = false;
            yanzheng()
            timer = setInterval(function () {
                yanzheng()
            }, 1000)
        }
        function yanzheng() {
            if (nums > 0) {
                nums--;
                code.text(nums + "秒后重新发送");
                code.addClass("layui-btn-disabled");
            }
            else {
                clearInterval(timer);
                nums = 60;//重置回去
                validCode = true;
                code.removeClass("layui-btn-disabled");
                code.text("发送验证码");
            }
        }

    })
}
// 初始化数据
function _initData() {
    var area_list = $(".area_list");
    area_list.empty();
    var li
    $.ajax({
        type: "get",  //提交方式  
        url: portal.api_url + "/cms/district/queryAllDistrict",//路径  
        dataType: "json",
        //数据，这里使用的是Json格式进行传输  
        success: function (result) {//返回数据根据结果进行相应的处理
            if (result.code == 200 && result.data != null) {
                let data = result.data[0].children[0].children
                for (var i = 0; i < data.length; i++) {
                    if (i == 0) {
                        li = '<li data-id="' + data[i].id + '" class="active2">' + data[i].name + '</li>';
                    } else {
                        li = '<li data-id="' + data[i].id + '">' + data[i].name + '</li>';
                    }
                    area_list.append(li);
                }
            }
        }
    });
}