guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
    <style>
        body{}
        .integral-top{
          width: 100%;
          height: 3.5rem;
          background: #d9251c;
          /*padding-top: 0.85rem;*/
        }
        .integral-total{
          width:100%;
          font-size: 0.6rem;
          text-align:center;
          color:#ffffff;
        }
        .integral-item{
          height: 1rem;
          width: 100%;
          padding-top: 10px;
          padding-bottom: 10px;
          border-bottom: 1px solid #e8e8e8;
          font-size: 0.28rem;
          position:relative;
        }
        .integral-item p{
          line-height: 0.6rem;
        }
        .integral-right{
           position:absolute;
           right: 0.2rem;
           top: 0.4rem;
        }
        .integral-select{
          width:46px;
          text-align:center;
        }
        .integral-select img{
          width:23px;
          margin-bottom:5px;
        }
        .integral-del-btn{
          width:100%;
          height: 1rem;
          line-height: 1rem;
          border-top:1px solid #e8e8e8;
          position:fixed;
          bottom:0px;
          background:#ffffff;
        }
        .integral-del-btn li{
          float:left;
        }
        .integral-del-btn img{
          width: 0.33rem;
          vertical-align:middle;
        }
        .integral-del-btn-left{
          width:70%;
          border-right:1px solid #e8e8e8;
          box-sizing:border-box;
          padding-left: 0.33rem;
        }
        .integral-del-btn-right{
          width:30%;
          text-align:center;
          background: #d9251c;
          color:#ffffff;
        }
        #member_points{
          color: #ffffff;
          padding-top: 1rem;
        }
        .no-data{
          text-align:center;
          margin-top: 1rem;
          color: #999999;
        }
        .data-list {
            margin-bottom: 1.2rem;
        }
    </style>
    <script>
    (function(w, d, m) {
        function r() {
            var t = 100,
                o = 750,
                e = d.documentElement.clientWidth || w.innerWidth,
                n = m.max(m.min(e, 480), 320),
                h = 50;
            320 >= n && (h = m.floor(n / o * t * .99)),
                n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
                n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
                n > 375 && (h = m.floor(n / o * t * .97)),
                d.querySelector("html").style.fontSize = h + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>

<body>
    <div class="topbar"></div>
    <div class="integral-top">
        <header class="back-header back-btn" style="background: #d9251c;">
            <ul>
                <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default2.png" /></li>
                <li class="back-header-title" style="color:#ffffff;">圈币明细</li>
                <li class="more-btn" style="color:#ffffff;">编辑</li>
            </ul>
        </header>
        <div class="h20"></div>
        <div class="h20"></div>
        <div class="integral-total"><span id="member_points"></span>
            <p style="font-size: 0.29rem;">我的圈币</p>
        </div>
    </div>
    <section class="data-list">
    </section>
    <div class="no-data"><img src="../../image/order-null.png" style="width:80px;" />
        <p>去兑换点什么吧</p>
    </div>
    <div class="integral-del-btn mask-hidden">
        <ul>
            <li class="integral-del-btn-left"><img class="check-all" src="../../image/checkun.png" /> 已选(<span class="total">0</span>)</li>
            <li class="integral-del-btn-right">删除所选</li>
        </ul>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/jquery.tap.js"></script>
<script type="text/javascript">
var _page = '1';
apiready = function() {
    getMyRouteData();
    setFixStatusBar();
    getRouteData();
    api.addEventListener({
        name: 'scrolltobottom',
        extra: {
            threshold: 200
        }
    }, function(ret, err) {
        getRouteData();
    });
};

function getMyRouteData() {
    var _memberid = $api.getStorage("memberid")
    $.ajax({
        url: siteurl + 'v2/member/info',//'?do=getuserinfo',
        data: {
            memberid: _memberid
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                $("#member_points").html(datas.data.member_points);
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}
var _minid = ''; //$api.getStorage("memberid")
function getRouteData() {
    $.ajax({
        url: siteurl + 'v2/member/points',//'?do=getpoints',
        data: {
            minid: _minid,
            pl_memberid: $api.getStorage("memberid"),
            page: _page,
            page_size: 15
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            var _html = '';
            if (datas.result) {
                $.each(datas.data.point_list, function(index, item) {
                    item.pl_stage = item.pl_stage == "system_reduce" ? "payment" : item.pl_stage;
                    var _outin = item.pl_stage == "payment" ? "-" : "+";
                    _html += '<div class="integral-item"><span class="integral-select mask-hidden"><img keyid=' + item.pl_id + ' class="check-img" src="../../image/checkun.png"/></span><span>圈币来源：' + item.pl_desc + '<p style="font-size:13px;">' + item.pl_addtime + '</p></span><span class="integral-right">' + _outin + item.pl_points + '</span></div>';
                });
                if (_page == '1') {
                    $(".no-data").addClass("mask-hidden");
                    $(".data-list").html(_html);
                } else {
                    $(".data-list").append(_html);
                }
                _page++;
                // _minid = datas[datas.length - 1].pl_id;
            } else {
                errcode(datas, datas.code)
            }
        }
    });
}

var _isEdit = false
$(".more-btn").on("tap", function() {
    $(".more-btn").html($(".more-btn").text() == "编辑" ? "完成" : "编辑");
    _isEdit = _isEdit == false ? true : false;
    if (_isEdit) {
        $(".integral-select").removeClass("mask-hidden");
        $(".integral-del-btn").removeClass("mask-hidden");
    } else {
        $(".integral-select").addClass("mask-hidden");
        $(".integral-del-btn").addClass("mask-hidden");
    }
    return false;
});

function getcheckall(){
    var no = $(".integral-item").length;
    var nox = $(".integral-item [src$='checkun.png']").length;
    var noc = $(".integral-item [src$='checked.png']").length;
    if (no == noc) {
        $(".check-all").attr("src", "../../image/checked.png");
    } else {
        $(".check-all").attr("src", "../../image/checkun.png");
    }
    $(".total").html(noc);
}

$(".data-list").on("tap", ".integral-item", function() {
    if (_isEdit) {
        $(this).find(".check-img").attr("src", $(this).find(".check-img").attr("src") == "../../image/checkun.png" ? "../../image/checked.png" : "../../image/checkun.png");
    }
    getcheckall()
    return false;
});
var _isAll = false;
$(".check-all").on("tap", function() {
    $(this).attr("src", $(this).attr("src") == "../../image/checkun.png" ? "../../image/checked.png" : "../../image/checkun.png");
    _isAll = _isAll == false ? true : false;
    if (_isAll) {
        $(".check-img").attr("src", "../../image/checked.png");
    } else {
        $(".check-img").attr("src", "../../image/checkun.png");
    }
    var _t = 0;
    $(".check-img").each(function() {
        if ($(this).attr("src") == "../../image/checked.png") {
            _t++;
        }
    })
    $(".total").text(_t);
    return false;
});
$(".no-data").on("tap", function() {
    /*api.openWin({
		       name: 'addaddress',
		       url: './addaddress.html',
		        bounces: false
	     });*/
    return false;
});
$(".integral-del-btn-right").on("tap", function() {
    api.confirm({
        title: '删除圈币记录',
        msg: '是否要删除选定的圈币记录？',
        buttons: ['确定', '取消']
    }, function(ret, err) {
        var index = ret.buttonIndex;
        if (index == 1) {
            $(".check-img").each(function() {
                var _that = $(this);
                if ($(this).attr("src") == "../../image/checked.png") {
                    var _keyid = $(this).attr("keyid");
                    // alert(_keyid);
                    $.ajax({
                        url: rooturl + '?do=delintegral',
                        data: {
                            keyid: _keyid,
                            memberid: $api.getStorage("memberid"),
                        },
                        dataType: 'json',
                        type: 'post',
                        success: function(datas) {
                            if (datas.result) {
                                _that.parents(".integral-item").remove();
                                api.toast({ msg: "删除成功" });
                                $(".more-btn").html("编辑");
                                _isEdit = false;
                                $(".integral-select").addClass("mask-hidden");
                                $(".integral-del-btn").addClass("mask-hidden");
                                return false;
                            }
                        }
                    });
                }
            })
        }
    });
    return false;
});
</script>

</html>