| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>编辑收货地址-{eyou:global name='web_name' /}</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
- {eyou:static file="users/skin/css/bootstrap.min.css" /}
- {eyou:static file="users/skin/css/eyoucms.css" /}
- {eyou:static file="users/skin/css/basic.css" /}
- {eyou:static file="users/skin/css/shop_under_order.css"/}
- {eyou:static file="users/skin/css/element/index.css" /}
- {eyou:static file="users/skin/css/e-user.css" /}
- {eyou:include file="users/skin/css/diy_css.htm"/}
- {eyou:static file="/public/static/common/js/jquery.min.js"/}
- {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
- {eyou:static file="/public/static/common/js/tag_global.js"/}
- {eyou:static file="/public/static/common/js/shop_address.js"/}
- <style>
- .address-list span {
- display: inline-block;
- margin-right: 14px;
- line-height: 30px;
- margin-bottom: 6px;
- color: #333;
- cursor: pointer
- }
- .address-list span:hover {
- color: #ff6700
- }
- </style>
- </head>
-
- <body>
- <form name='theForm' id="theForm" method="post" onsubmit="return false;">
- <div class="ey-dialog__wrapper address-modal" style="width: 660px;">
- <div aria-modal="true" class="ey-dialog">
- <div class="ey-dialog__body">
- <div class="ey-dialog__inner">
- <div class="address-add">
- <input type="hidden" name="addr_id" value="{$eyou.field.addr_id}">
- <div class="item">
- <div class="col mr ey-input">
- <label for="name" class="input-label">姓名</label>
- <input type="text" name="consignee" id="consignee" value="{$eyou.field.consignee}" autocomplete="off" class="input-text">
- <p class="msg msg-error" style="display: none;"></p>
- <span class="iconfont-circle-close icon-error" style="display: none;"></span>
- </div>
- <div class="col ey-input">
- <label for="telephone" class="input-label">手机号</label>
- <input type="text" name="mobile" id="mobile" value="{$eyou.field.mobile}" maxlength="11" onkeyup="this.value=this.value.replace(/[^\d]/g,'');" onpaste="this.value=this.value.replace(/[^\d]/g,'');" autocomplete="off" class="input-text">
- <p class="msg msg-error" style="display: none;"></p>
- <span class="iconfont-circle-close icon-error" style="display: none;"></span>
- </div>
- </div>
- <div class="item address-info-box">
- <input type="hidden" name="province" id="province" value="{$eyou.field.province}">
- <input type="hidden" name="city" id="city" value="{$eyou.field.city}">
- <input type="hidden" name="district" id="district" value="{$eyou.field.district}">
- <div class="col ey-input">
- <label for="address" class="input-label"></label>
- <input type="text" id="address-title" onclick="showAddressWindow();" placeholder="选择省 / 市 / 区 / 街道" value="{$eyou.field.province_name} {$eyou.field.city_name} {$eyou.field.district_name}" readonly="readonly" autocomplete="off" class="input-text show-placeholder">
- <p class="msg msg-error" style="display: none;"></p>
- <span class="iconfont-circle-close icon-error" style="display: none;"></span>
- </div>
- <i class="iconfont iconfont-arrow-down-small"></i>
- <div class="address-select-box" style="display: none;">
- <div class="con"><i class="iconfont iconfont-close-small" onclick="$('.address-select-box').css('display', 'none');"></i>
- <div class="address-box">
- <div class="address-selectd">
- <span class='province' onclick="showAddressList('province');">{$eyou.field.province_name}</span>
- <span class='city' onclick="showAddressList('city');">{$eyou.field.city_name}</span>
- <span class='district' onclick="showAddressList('district');">{$eyou.field.district_name}</span>
- </div>
- <div class="address-list address-list-province" style="display: none;">
- {eyou:volist name="$eyou.field.Province" id="P_v"}
- <span data-id="{$P_v.id}" onclick="showSelectAddress(this, 'province')">{$P_v.name}</span>
- {/eyou:volist}
- </div>
- <div class="address-list address-list-city" style="display: none;">
- {eyou:volist name="$eyou.field.City" id="C_v"}
- <span data-id="{$C_v.id}" onclick="showSelectAddress(this, 'city')">{$C_v.name}</span>
- {/eyou:volist}
- </div>
- <div class="address-list address-list-district" style="display: none;">
- {eyou:volist name="$eyou.field.District" id="D_v"}
- <span data-id="{$D_v.id}" onclick="showSelectAddress(this, 'district')">{$D_v.name}</span>
- {/eyou:volist}
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="item">
- <div class="col ey-input">
- <label for="addressInfo" class="input-label">详细地址</label>
- <textarea name="address" id="address" placeholder="详细地址，路名或街道名称，门牌号" autocomplete="off" class="input-text">{$eyou.field.address}</textarea>
- <p class="msg msg-error" style="display: none;"></p>
- <span class="iconfont-circle-close icon-error" style="display: none;"></span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="el-dialog__footer">
- <button class="btn btn-primary" onclick="editPcAddress();">确定</button>
- <button class="btn btn-gray" onclick="layerColse();">取消</button>
- </div>
- </div>
- </div>
- </form>
- <script type="text/javascript">
- var inputObj = $('.input-text');
- for (var i=0; i<inputObj.length; i++) {
- if (inputObj[i].value) $(inputObj[i]).parent().addClass('input-focus');
- }
- $('.input-text').focus(function() {
- $(this).parent().addClass('input-active');
- if ($(this).attr('name') == 'address') $(this).attr('placeholder', '详细地址，路名或街道名称，门牌号');
- });
- $('.input-text').blur(function() {
- $(this).parent().removeClass('input-active').attr('placeholder', '');
- if ($(this).attr('name') == 'address') $(this).attr('placeholder', '');
- });
- $('.input-text').bind('input propertychange', function() {
- if ($(this).val()) {
- $(this).parent().addClass('input-focus');
- } else {
- $(this).parent().removeClass('input-focus');
- }
- });
- </script>
- </body>
- </html>
|
