xyzshop/data/resource/mobile/talk/js/room_apply.js

$(function () {
    FastClick.attach(document.body);

    var getHrefArguments = function (getKey) {
        var arguments_object = {};
        var location = window.location.href;
        var location_arguments = location.split("?");
        var arguments = location_arguments[1].split("&");

        for (var i = 0; i < arguments.length; i++) {
            arguments_object[arguments[i].split("=")[0]] = arguments[i].split("=")[1];
        }
        return arguments_object[getKey];
    };


    var GetApplyList = function () {
        this.curpage = 1;
        this.hasmore = true;
        this.init = function () {
            this.getData();
        };
        this.getData = function (curpage) {
            var _self = this;
            if(!_self.hasmore) return;
            $.showLoading();
            $.get("/mobile/index.php", {
                act: "member_talk",
                op: "ajax_room_apply",
                room_id: getHrefArguments("talk_id"),
                client_type: "ajax",
                curpage: _self.curpage
            }, function (res) {
                $.hideLoading();
                var applyList = JSON.parse(res);
                if (applyList.code != 200) {
                    $.alert(applyList.message);
                    return;
                }
                var applyHTML = new ApplyHTML(applyList.datas.applys);
                applyHTML.appendHTML("#apply_list");
                if (applyList.datas.mobile_page.hasmore) {
                    _self.curpage = applyList.datas.mobile_page.curpage+1;
                    _self.hasmore = true;
                    applyHTML.loadHTML("#load_state");
                }
                else {
                    $(window).off('scroll');
                    _self.hasmore = false;
                    applyHTML.endHTML("#load_state");
                }
            })
        };
    };


    var ApplyHTML = function (datas) {
        this.applyList = datas;
        this.endHTML = function(id){
            var endHTML = "<div class=\"weui-loadmore weui-loadmore_line\">\n" +
                "  <span class=\"weui-loadmore__tips\">我是有底线的</span>\n" +
                "</div>";

            $(id).empty().append(endHTML);
        };
        this.loadHTML = function(id){
            var loadHTML = "<div class=\"weui-loadmore\">\n" +
                "  <i class=\"weui-loading\"></i>\n" +
                "  <span class=\"weui-loadmore__tips\">正在加载</span>\n" +
                "</div>";
            $(id).empty().append(loadHTML);
        };
        this.appendHTML = function (id) {
            var html = "";
            for (var i = 0; i < this.applyList.length; i++) {
                if (this.applyList[i].step == 1 || this.applyList[i].step == 2) {
                    if (this.applyList[i].step == 1) {
                        html += "<div class=\"weui-cell\">\n" +
                            "        <div class=\"weui-cell__hd\">\n" +
                            "            <img src=\"" + this.applyList[i].avatar + "\">\n" +
                            "        </div>\n" +
                            "        <div class=\"weui-cell__bd\">\n" +
                            "            <p class=\"apply_name\">" + this.applyList[i].nickname + "</p>\n" +
                            "            <p class=\"abstract\">" + this.applyList[i].msg + "</p>\n" +
                            "        </div>\n" +
                            "        <div class=\"weui-cell__ft\">\n" +
                            "            <span class=\"state\">已接受</span>\n" +
                            "        </div>\n" +
                            "    </div>"
                    }
                    else {
                        html += "<div class=\"weui-cell\">\n" +
                            "        <div class=\"weui-cell__hd\">\n" +
                            "            <img src=\"" + this.applyList[i].avatar + "\">\n" +
                            "        </div>\n" +
                            "        <div class=\"weui-cell__bd\">\n" +
                            "            <p class=\"apply_name\">"+ this.applyList[i].nickname +"</p>\n" +
                            "            <p class=\"abstract\">"+this.applyList[i].msg+"</p>\n" +
                            "        </div>\n" +
                            "        <div class=\"weui-cell__ft\">\n" +
                            "            <span class=\"state\">已拒绝</span>\n" +
                            "        </div>\n" +
                            "    </div>"
                    }
                }
                else {
                    html += "<div class=\"weui-cell\">\n" +
                        "        <div class=\"weui-cell__hd\">\n" +
                        "            <img src=\"" + this.applyList[i].avatar + "\">\n" +
                        "        </div>\n" +
                        "        <div class=\"weui-cell__bd\">\n" +
                        "            <p class=\"apply_name\">" + this.applyList[i].nickname + "</p>\n" +
                        "            <p class=\"abstract\">" + this.applyList[i].msg + "</p>\n" +
                        "        </div>\n" +
                        "        <div class=\"weui-cell__ft\">\n" +
                        "            <div class=\"handle\">\n" +
                        "                <span class=\"refusal_btn\" data-apply-id=\"" + this.applyList[i].apply_id + "\">拒绝</span>\n" +
                        "                <span class=\"agree_btn\" data-apply-id=\"" + this.applyList[i].apply_id + "\">同意</span>\n" +
                        "            </div>\n" +
                        "        </div>\n" +
                        "    </div>"
                }
            }
            $(id).append(html);
        }
    };


    var get_apply_list = new GetApplyList();
    get_apply_list.init();

    $(window).on('scroll',function(){
        clearTimeout(this.timer);
        this.timer = setTimeout(function(){
            var scrollTop = $(this).scrollTop();
            var scrollHeight = $(document).height();
            var windowHeight = $(this).height();
            if(scrollTop + windowHeight == scrollHeight){
                get_apply_list.getData();
            }
        },500);
    });

    $(document).on('click','.refusal_btn',function(){
        var apply_id = $(this).attr('data-apply-id');
        console.log(apply_id);
        $.showLoading();
        var _self = $(this);
        $.get("/mobile/index.php", {
            act: "member_talk",
            op: "pass_apply",
            apply_id: apply_id,
            step:2,
            client_type: "ajax",
        }, function (res) {
            $.hideLoading();
            var data = JSON.parse(res);
            if (data.code != 200) {
                $.alert(data.message);
                return;
            }

            _self.parent().parent().append("<div class=\"weui-cell__ft\"><span class=\"state\">已拒绝</span></div>");
            _self.parent().remove();
            $.toast('操作成功',1000);
        })
    });

    $(document).on('click','.agree_btn',function(){
        var apply_id = $(this).attr('data-apply-id');
        console.log(apply_id);
        $.showLoading();
        var _self = $(this);
        $.get("/mobile/index.php", {
            act: "member_talk",
            op: "pass_apply",
            apply_id: apply_id,
            step:1,
            client_type: "ajax",
        }, function (res) {
            $.hideLoading();
            var data = JSON.parse(res);
            if (data.code != 200) {
                $.alert(data.message);
                return;
            }
            _self.parent().parent().append("<div class=\"weui-cell__ft\"><span class=\"state\">已接受</span></div>");
            _self.parent().remove();
            $.toast('操作成功',1000);
        })
    });
});