説明なし
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

shop_add_address.htm 8.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>编辑收货地址-{eyou:global name='web_name' /}</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  9. {eyou:static file="users/skin/css/bootstrap.min.css" /}
  10. {eyou:static file="users/skin/css/eyoucms.css" /}
  11. {eyou:static file="users/skin/css/basic.css" /}
  12. {eyou:static file="users/skin/css/shop_under_order.css"/}
  13. {eyou:static file="users/skin/css/element/index.css" /}
  14. {eyou:static file="users/skin/css/e-user.css" /}
  15. {eyou:include file="users/skin/css/diy_css.htm"/}
  16. {eyou:static file="/public/static/common/js/jquery.min.js"/}
  17. {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
  18. {eyou:static file="/public/static/common/js/tag_global.js"/}
  19. {eyou:static file="/public/static/common/js/shop_address.js"/}
  20. <style>
  21. .address-list span {
  22. display: inline-block;
  23. margin-right: 14px;
  24. line-height: 30px;
  25. margin-bottom: 6px;
  26. color: #333;
  27. cursor: pointer
  28. }
  29. .address-list span:hover {
  30. color: #ff6700
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <form name='theForm' id="theForm" method="post" onsubmit="return false;">
  36. <div class="ey-dialog__wrapper address-modal" style="width: 660px;">
  37. <div aria-modal="true" class="ey-dialog">
  38. <div class="ey-dialog__body">
  39. <div class="ey-dialog__inner">
  40. <div class="address-add">
  41. <div class="item">
  42. <div class="col mr ey-input">
  43. <label for="name" class="input-label">姓名</label>
  44. <input type="text" name="consignee" id="consignee" autocomplete="off" class="input-text">
  45. <p class="msg msg-error" style="display: none;"></p>
  46. <span class="iconfont-circle-close icon-error" style="display: none;"></span>
  47. </div>
  48. <div class="col ey-input ">
  49. <label for="telephone" class="input-label">手机号</label>
  50. <input type="text" name="mobile" id="mobile" maxlength="11" onkeyup="this.value=this.value.replace(/[^\d]/g,'');" onpaste="this.value=this.value.replace(/[^\d]/g,'');" autocomplete="off" class="input-text">
  51. <p class="msg msg-error" style="display: none;"></p>
  52. <span class="iconfont-circle-close icon-error" style="display: none;"></span>
  53. </div>
  54. </div>
  55. <div class="item address-info-box">
  56. <input type="hidden" name="province" id="province" value="0">
  57. <input type="hidden" name="city" id="city" value="0">
  58. <input type="hidden" name="district" id="district" value="0">
  59. <div class="col ey-input">
  60. <label for="address" class="input-label"></label>
  61. <input type="text" id="address-title" onclick="showAddressWindow();" placeholder="选择省 / 市 / 区 / 街道" readonly="readonly" autocomplete="off" class="input-text show-placeholder">
  62. <p class="msg msg-error" style="display: none;"></p>
  63. <span class="iconfont-circle-close icon-error" style="display: none;"></span>
  64. </div>
  65. <i class="iconfont iconfont-arrow-down-small"></i>
  66. <div class="address-select-box" style="display: none;">
  67. <div class="con">
  68. <i class="iconfont iconfont-close-small" onclick="$('.address-select-box').css('display', 'none');"></i>
  69. <div class="address-box">
  70. <div class="address-selectd"><span class="gray">选择省份/自治区</span></div>
  71. <div class="address-list address-list-province">
  72. {eyou:volist name="$eyou.field.Province" id="P_v"}
  73. <span data-id="{$P_v.id}" onclick="showSelectAddress(this, 'province');">{$P_v.name}</span>
  74. {/eyou:volist}
  75. </div>
  76. <div class="address-list address-list-city" style="display: none;"></div>
  77. <div class="address-list address-list-district" style="display: none;"></div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="item">
  83. <div class="col ey-input">
  84. <label for="addressInfo" class="input-label">详细地址</label>
  85. <textarea name="address" id="address" autocomplete="off" class="input-text"></textarea>
  86. <p class="msg msg-error" style="display: none;"></p>
  87. <span class="iconfont-circle-close icon-error" style="display: none;"></span>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="el-dialog__footer">
  94. <button class="btn btn-primary" onclick="addPcAddress('{$eyou.field.types}');">确定</button>
  95. <button class="btn btn-gray" onclick="layerColse();">取消</button>
  96. </div>
  97. </div>
  98. </div>
  99. </form>
  100. <script type="text/javascript">
  101. var inputObj = $('.input-text');
  102. for (var i=0; i<inputObj.length; i++) {
  103. if (inputObj[i].value) $(inputObj[i]).parent().addClass('input-focus');
  104. }
  105. $('.input-text').focus(function() {
  106. $(this).parent().addClass('input-active');
  107. if ($(this).attr('name') == 'address') $(this).attr('placeholder', '详细地址,路名或街道名称,门牌号');
  108. });
  109. $('.input-text').blur(function() {
  110. $(this).parent().removeClass('input-active').attr('placeholder', '');
  111. if ($(this).attr('name') == 'address') $(this).attr('placeholder', '');
  112. });
  113. $('.input-text').bind('input propertychange', function() {
  114. if ($(this).val()) {
  115. $(this).parent().addClass('input-focus');
  116. } else {
  117. $(this).parent().removeClass('input-focus');
  118. }
  119. });
  120. </script>
  121. <!-- 添加收货地址模板,需保留,可自行修改样式 -->
  122. <div style="display: none" id="divhtml">
  123. {eyou:if condition="'order' == $eyou.field.types and empty($eyou.field.addr_num)"}
  124. <input type="hidden" name="#name#" id="#id#" value="#value#">
  125. {/eyou:if}
  126. <div class="address-item" onclick="#selected#" id="#ul_li_id#">
  127. <div class="address-info">
  128. <div class="name" id="#consigneeid#">#consignee#</div>
  129. <div class="tel" id="#mobileid#">#mobile#</div>
  130. <div class="address-con">
  131. <span id="#infoid#">#info#</span>
  132. <span class="info" id="#addressid#">#address#</span>
  133. </div>
  134. <div class="address-action">
  135. {eyou:if condition="'list' == $eyou.field.types"}
  136. <span onclick="#setdefault#">设为默认</span>
  137. {/eyou:if}
  138. <span onclick="#shopeditaddr#">修改</span>
  139. <span onclick="#shopdeladdr#">删除</span>
  140. </div>
  141. </div>
  142. <div class="address-info-solt" style="display: none;"></div>
  143. </div>
  144. </div>
  145. </body>
  146. </html>