guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
							<!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/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
    <style>
        body{background: #F2F2F2;}
    	.addr-room{
    	  font-size: 0.28rem;
    	  color:#666666;
    	  width:100%;
    	  position:relative;
    	}
    	.addr-room-realname{
    	  width: 6.2rem;
    	  overflow: hidden;
    	  padding: 0.28rem 0;
    	}
        .border-none {
            text-align: center;
            font-size: 0.28rem;
        }
        .border-none-img {
            margin-top: 3rem;
            width: 1.73rem;
            height: auto;
        }
    	.addr-room-realname p {
    		padding-top: 0.2rem;
    	}
    	.addr-room-check{
    	  position:absolute;
    	  right:0px;
    	  top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
    	}
    	.addr-room img{
    	  width: 0.44rem;
    	  vertical-align:middle;
    	}
    	.addr-default{
    	  color:#A13532;
    	  border:1px solid #A13532;
    	  border-radius:3px;
    	  font-size:13px;
    	  margin-left:5px;
    	  padding-left:3px;
    	  padding-right:3px;
    	}
    	#addr-list{
    	  width:100%;
    	  
    	}
    	.buy-btn{
		  width:100%;
		  height: 1rem;
		  background:#ffffff;
		  border-top:1px solid #e8e8e8;
		  position:fixed;
		  bottom:0px;
		}
		.buy-btn li{
		  float:left;
		  /*width:50%;*/
		  height: 1rem;
		  line-height: 1rem;
		  text-align:center;
		  font-size: 0.28rem;
		  border-right:1px solid #e8e8e8;
		  box-sizing:border-box;
		}
		li.buy-btn-left{
		  width: 5.3rem;
		  text-align: left;
		  padding-left: 0.2rem;
		}
		.to-del{
		  color:#ffffff;
          background: #D9251C;
		}
		.to-del span{
		  color:#ffffff;
		}
		.check-all{
		    width: 0.4rem;
            height: 0.4rem;
            vertical-align: middle;
		}
		.buycar-null{
		  width:100%;text-align:center;background:#f2f2f2;
		}
		.buycar-null img{
		  width:60px;
		}
        .weui-swiped-btn .iconfont {
            font-size: 0.48rem;
            color: #d9251c;
        }
        .weui-swiped-btn_warn {
            background-color: rgb(255, 255, 255);
        }
    </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 = (e/7.5) + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>

<body>
    <div class="topbar"></div>
    <header class="back-header back-header-bottom">
        <ul>
            <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
            <li class="back-header-title">我的地址</li>
            <li class="more-btn">管理</li>
        </ul>
    </header>
    <div class="back-h10"></div>
    <div id="addr-list"></div>
    <section class="border-none">
        <img src="../../image/address.png" class="border-none-img" />
        <p>地址为空</p>
    </section>
    <section style="position:fixed;bottom:10px;width:100%;">
        <div class="m-bottom ">添加地址</div>
    </section>
    <div class="buy-btn mask-hidden" id="buy-cancel">
        <ul>
            <li class="buy-btn-left" style="width:70%;"><img src="../../image/checkun.png" class="check-all" /> 全选</span></li>
            <li class="to-del" style="width:30%;border-right:none;"><span class="to-pay-text">删除</span><span class="pay-total"></span></li>
        </ul>
    </div>
</body>
<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 _memberid = '';
var _isselect = false;
var _page = '1';
apiready = function() {
    _isselect = api.pageParam.isselect;
    _isselect ? $(".more-btn").html('') : '';
    setFixStatusBar();
    getRouteData();
    api.addEventListener({
        name:'swipeup'
    }, function(ret, err){        
       getRouteData();
    });
};

function getRouteData() {
    $.ajax({
        url: siteurl + 'v1/member/address',
        data: {
            memberid: $api.getStorage("memberid")
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                if (datas.data.address_list.length > 0) {
                    var _html = '';
                    $.each(datas.data.address_list, function(index, item) {
                        _html += '<section class="white-back" addressid=' + item.address_id + '><div class="addr-room"><div class="addr-room-realname">' + item.address_realname + '';
                        _html += '&nbsp;&nbsp;' + item.address_mob_phone + '';
                        _html += ' <p>' + item.area_info + ' ' + item.address_detail + '</p><span address_id=' + item.address_id + ' address_realname="' + item.address_realname + '" address_detail="' + item.address_detail + '" address_mob_phone="' + item.address_mob_phone + '" area_info="' + item.area_info +'" area_id="' + item.area_id + '"  class="addr-room-check"><img class="check-btn mask-hidden" src="../../image/checkun.png"/><a class="weui-swiped-btn weui-swiped-btn_warn" href="javascript:;"><span class="iconfont">&#xe606;</span></a></span></div>';
                        _html += '</section><div class="back-h50"></div>';
                    })
                    if (_page == 1) {
                        $("#addr-list").html(_html);
                    } else {
                        $("#addr-list").append(_html);
                    }
                    $(".border-none").addClass("mask-hidden");
                } else {
                    $(".border-none").html("<p style='background: #f2f2f2;margin: 0 -0.32rem;'>加载完成</p>");
                }
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}

function refreshData() {
    $("#addr-list").empty();
    getRouteData();
}
$(".m-bottom").on("tap", function() {
    api.openWin({
        name: 'addaddress',
        url: './addaddress.html',
        bounces: false
    });
    return false;
});
$("#addr-list").on("tap", ".weui-swiped-btn_warn", function() {
    var _keyid = $(this).parent(".addr-room-check").attr("address_id");
    var _phone = $(this).parent(".addr-room-check").attr("address_mob_phone");
    var _name = $(this).parent(".addr-room-check").attr("address_realname");
    var _detail = $(this).parent(".addr-room-check").attr("address_detail");
    var _info = $(this).parent(".addr-room-check").attr("area_info");
    var _area_id = $(this).parent(".addr-room-check").attr("area_id");
    // console.log(_keyid)
    api.openWin({
        name: 'addaddress',
        url: './addaddress.html',
        bounces: false,
        pageParam: {
            keyid: _keyid,
            phone: _phone,
            name: _name,
            detail: _detail,
            info: _info,
            area_id: _area_id
        }
    });
    return false;
});
$("#addr-list").on("tap", ".addr-room", function() {
        var _imgsrc = $(this).find("img");
        if (_isselect) {
             $(".addr-room").find("img").attr("src", '../../image/checkun.png');
        }
        _imgsrc.attr("src", _imgsrc.attr("src") == '../../image/checkun.png' ? '../../image/checked.png' : '../../image/checkun.png');
        /////选择地址
        getcheckall();
        var address_realname = $(this).find(".addr-room-check").attr("address_realname");
        var address_mob_phone = $(this).find(".addr-room-check").attr("address_mob_phone");
        var area_info = $(this).find(".addr-room-check").attr("area_info");
        var address_id = $(this).find(".addr-room-check").attr("address_id");
        var address_detail = $(this).find(".addr-room-check").attr("address_detail");
    if (_isselect) {
        api.execScript({
            name: 'postaddr',
            script: 'getAddress("' + address_realname + '","' + address_mob_phone + '","' + area_info + '","' + address_id + '","' + address_detail + '");'
        });
        toast_loding_show();
        setTimeout(function() { api.closeWin(); }, 1000);
        $(".more-btn").html("");
    }
        return false;
});

var isEdit = false;
$(".more-btn").on("tap", function() {
    if (!isEdit) {
        $(".more-btn").html("取消");
        $(".m-bottom").addClass("mask-hidden");
        $(".buy-btn").removeClass("mask-hidden");
        $(".check-btn").removeClass("mask-hidden");
        $(".weui-swiped-btn_warn").addClass("mask-hidden");
        isEdit = true;
    } else {
        $(".more-btn").html("管理");;
        $(".m-bottom").removeClass("mask-hidden");
        $(".buy-btn").addClass("mask-hidden");
        $(".check-btn").addClass("mask-hidden");
        $(".weui-swiped-btn_warn").removeClass("mask-hidden");
        isEdit = false;
    }
    getcheckall();
    return false;
})
$(".check-all").on("tap", function() {
    if ($(this).attr("src") == "../../image/checkun.png") {
        $(this).attr("src", "../../image/checked.png");
        $(".check-btn").attr("src", "../../image/checked.png");
    } else {
        $(this).attr("src", "../../image/checkun.png");
        $(".check-btn").attr("src", "../../image/checkun.png");
    }
    getcheckall();
    return false;
})
function getcheckall(){
    var no = $(".addr-room").length;
    var nox = $(".addr-room [src$='checkun.png']").length;
    var noc = $(".addr-room [src$='checked.png']").length;
    // console.log(no,nox,noc)
    if (no == noc) {
        $(".check-all").attr("src", "../../image/checked.png");
    } else {
        $(".check-all").attr("src", "../../image/checkun.png");
    }
}

$(".to-del").on("tap", function() {
    api.confirm({
        title: '删除收件地址',
        msg: '是否要删除选中的收件地址？',
        buttons: ['确定', '取消']
    }, function(ret, err) {
        var index = ret.buttonIndex;
        if (index == 1) {
            $(".white-back").each(function() {
                if ($(this).find("img").attr("src") == "../../image/checked.png") {
                    var _addressid = $(this).attr("addressid");
                    $.ajax({
                        url: siteurl + 'v1/member/address_drop',
                        data: {
                            address_ids: _addressid
                        },
                        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
                        dataType: 'json',
                        type: 'post',
                        success: function(datas) {
                            if (datas.result) {
                                refreshData();
                                api.toast({ msg: '删除成功！' });
                            } else {
                                errcode(datas, datas.code);
                            }
                        }
                    });
                    
                }
            })
        }
    });
    return false;
})
</script>

</html>