<div class="address-modify">
    {{#unless changeProvince}}
        <div class="tip red">由于需要仓库调拨，目前暂不支持省地址修改，请您谅解！</div>
    {{/unless}}
    <div class="tip">为提高配送时效，请您尽量准确填写四级地址。</div>
    <form class="form edit-address" id="areaForm">
        <div class="form-group">
            <label for="username">收货人：</label>
            <input name="username" type="text" maxlength="21" value="{{consignee}}">
        </div>
         <div class="form-group">
            <label for="mobile">联系电话：</label>
            <input name="mobile" type="text" value="{{mobile}}">
        </div>
        {{#unless changeProvince}}
        <div class="form-group disable">
            <label for="province">所在省：</label>
            <input name="province" type="text" value="{{province}}" class="disable" readonly>
            <input name="provinceCode" type="hidden" value="{{provinceCode}}">
        </div>
        {{/unless}}
        <div class="form-group" id="area">
            <label for="area">所在地区：</label>
            <input name="area" type="text" value="{{area}}" readonly>
            <input name="area_code" type="hidden" value={{area_code}}>
        </div>
        <div class="form-group">
            <label for="address" class="label-address">详细地址：</label>
            <textarea name="address" type="text" value="" maxlength="255">{{address}}</textarea>
        </div>
        <input type="hidden" name="orderCode" value="{{orderCode}}">
    </form>
    <div class="tip"><span class="iconfont icon-info"></span>修改地址仅可修改一次，且会影响送货时间，请您谅解！</div>
    <div class="btn-sure-line">
        <button id="btnSure" class="btn-sure">确认修改</button>
    </div>
</div>

<div id="vAddressAct">
    <vue-address-act></vue-address-act>
</div>