guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313
							<!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/style.css?v=1.2" />
    <style>
        html,body{width:100%;height:100%;}
        .province-list{
          width:100%;
          position:absolute;
          top:40%;
          bottom:0px;
          background:#ffffff;
        
        }
        .province-title{
          width:100%;
          height:46px;
          line-height:46px;
          border-bottom:1px solid #e8e8e8;
        }
        #province-item{
          overflow:auto;
          -webkit-overflow-scrolling: touch;
          position:absolute;
          top:46px;bottom:0px;
          left:10px;right:10px;
        }
    </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>
    <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>
    <section class="padding-top">
        <div class="h10"></div>
        <input class="bot-input" id="area" type="text" placeholder="省份、城市、区县" />
        <div class="h2"></div>
        <input class="bot-input" id="address_detail" type="text" placeholder="详细地址，如街道、楼牌号等" />
        <div class="h2"></div>
        <input class="bot-input" id="address_realname" type="text" placeholder="姓名" />
        <div class="h2"></div>
        <input class="bot-input" id="address_mob_phone" type="tel" placeholder="电话" />
        <div class="weui-cell weui-cell_switch mask-hidden">
            <div class="weui-cell__bd">设为默认地址</div>
            <div class="weui-cell__ft">
                <input class="weui-switch" id="switchCP" type="checkbox" />
            </div>
        </div>
        <div class="h10" style="height: 1rem;"></div>
        <div class="m-bottom">保 存</div>
    </section>
    <div class="mask mask-hidden" style="overflow: hidden;">
        <div class="province-list">
            <section style="height:100%;position:relative;">
                <div class="province-title" style="">请选择 <span class="prov-name"></span> <span style="float:right">确 定</span></div>
                <div id="province-item"></div>
            </section>
        </div>
    </div>
    <input type="hidden" id="province-id" value="" />
    <input type="hidden" id="city-id" value="" />
    <input type="hidden" id="county-id" value="" />
</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 _keyid = '0';
var _phone = '0';
var _name = '0';
var _detail = '0';
var _info = '0';
var _area_id = '0';
apiready = function() {
    _keyid = api.pageParam.keyid;
    _phone = api.pageParam.phone;
    _name = api.pageParam.name;
    _detail = api.pageParam.detail;
    _info = api.pageParam.info;
    _area_id = api.pageParam.area_id;
    setFixStatusBar();
    getRouteData();
    getaddressinfo();
};

function getRouteData() {
    $.ajax({
        url: siteurl + 'v1/entry/area',
        data: {},
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                var _html = '';
                $.each(datas.data.area_list, function(index, item) {
                    _html += '<div class="province-title province-btn" areaid="' + item.area_id + '">' + item.area_name + '</div>';
                })
                $("#province-item").html(_html);
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}

function getaddressinfo() {
    if ( _keyid > 0 ) {
        $(".back-header-title").html("编辑地址");
        $("#address_mob_phone").val(_phone);
        $("#address_realname").val(_name);
        $("#address_detail").val(_detail);
        $("#area").attr("placeholder", _info);
    }
}

$("#area").on("tap", function() {
    $(".mask").removeClass("mask-hidden");
    $(".prov-name").text('');
    $("#province-item").empty();
    getRouteData();
})
$("#province-item").on("click", ".province-btn", function() {
    $("#province-item").empty();
    $(".prov-name").text($(this).text());
    $("#area").val($(this).text());
    var area_parent_id = $(this).attr("areaid");
    $("#province-id").val($(this).attr("areaid"));
    getCityRouteData(area_parent_id);
})
$("#province-item").on("click", ".city-btn", function() {
    $("#province-item").empty();
    $(".prov-name").text($(".prov-name").text() + " " + $(this).text());
    $("#area").val($("#area").val() + " " + $(this).text());
    var area_parent_id = $(this).attr("areaid");
    $("#city-id").val($(this).attr("areaid"));
    getCountyRouteData(area_parent_id);
})
$("#province-item").on("click", ".county-btn", function() {
    $(".mask").addClass("mask-hidden");
    $("#area").val($("#area").val() + " " + $(this).text());
    $("#county-id").val($(this).attr("areaid"));
})
$(".m-bottom").on("tap", function() {
    if (_keyid > 0 ) {
        address_edit();
        return false;
    }
    if ($("#area").val() == '') {
        api.toast({ msg: '请选择城市！' });
        return false;
    }
    if ($("#address_detail").val() == '') {
        api.toast({ msg: '请输入详细地址！' });
        return false;
    }
    if ($("#address_realname").val() == '') {
        api.toast({ msg: '请输入收件人姓名！' });
        return false;
    }
    var _is_default = $("#switchCP").is(":checked") ? '1':'0';
    var phone = $("#address_mob_phone").val();
    var reg_phone = /^1[3456789]\d{9}$/;
    if (!reg_phone.test(phone)) {
        api.toast({ msg: '请输入正确的收件人手机号！' });
        return false;
    }
    toast_loding_show();
    $.ajax({
        url: siteurl + 'v1/member/address_add',
        data: {
            city_id: $("#city-id").val(),
            area_id: $("#county-id").val(),
            area_info: $("#area").val(),
            address_detail: $("#address_detail").val(),
            address_mob_phone: phone,
            address_realname: $("#address_realname").val(),
            memberid: $api.getStorage("memberid"),
            address_is_default: _is_default,
            isfree: 0
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            toast_loding_hide();
            if (datas.result) {
                $('input').unbind('focus');
                api.toast({ msg: '保存成功！' });
                api.execScript({
                    name: 'selectaddress',
                    script: 'refreshData();'
                });
                api.closeWin();
            } else {
                errcode(datas, datas.code);
            }
        }
    });
    return false;
})

function address_edit() {
    var _area_idx = $("#county-id").val();
    var _data = { address_id: _keyid, area_id: _area_id, address_detail: $("#address_detail").val(), address_mob_phone: $("#address_mob_phone").val(), address_realname: $("#address_realname").val() };
    if (_area_idx > 0) {
        _data = { address_id: _keyid, area_id: _area_idx, address_detail: $("#address_detail").val(), address_mob_phone: $("#address_mob_phone").val(), address_realname: $("#address_realname").val() };
    }
    $.ajax({
        url: siteurl + 'v1/member/address_edit',
        data: _data,
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                $('input').unbind('focus');
                api.toast({ msg: '保存成功！' });
                api.execScript({
                    name: 'selectaddress',
                    script: 'refreshData();'
                });
                api.closeWin();
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}

function getCityRouteData(area_parent_id) {
    $.ajax({
        url: siteurl + 'v1/entry/area',
        data: {
            area_parent_id: area_parent_id,
            area_id: area_parent_id
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                var _html = '';
                $.each(datas.data.area_list, function(index, item) {
                    _html += '<div class="province-title city-btn" areaid="' + item.area_id + '">' + item.area_name + '</div>';
                })
                $("#province-item").append(_html);
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}

function getCountyRouteData(area_parent_id) {
    $.ajax({
        url: siteurl + 'v1/entry/area',
        data: {
            area_parent_id: area_parent_id,
            area_id: area_parent_id
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                var _html = '';
                $.each(datas.data.area_list, function(index, item) {
                    _html += '<div class="province-title county-btn" areaid="' + item.area_id + '">' + item.area_name + '</div>';
                })
                $("#province-item").append(_html);
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}
</script>

</html>