add_address.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <extend name="public/base" />
  2. <block name="title">
  3. <title>{$seo.title|default=$site_info.site_name.' - 个人中心'}</title>
  4. </block>
  5. <block name="main">
  6. <div class="wrap">
  7. <div class="addressAdd">
  8. <div class="addressAdd_wrap">
  9. <div class="addressAdd_form">
  10. <div class="addressAdd_cell">
  11. <input id="consignee" type="text" placeholder="收货人">
  12. </div>
  13. <div class="addressAdd_cell">
  14. <input id="mobile" type="text" placeholder="手机号码">
  15. </div>
  16. <div class="addressAdd_cell">
  17. <span class="form_send__select">
  18. 请选择地区
  19. </span>
  20. <p class="form_address">
  21. <input type="hidden" name="country" value="0">
  22. <input type="hidden" name="province">
  23. <input type="hidden" name="city">
  24. <input type="hidden" name="district">
  25. <input type="hidden" name="town">
  26. </p>
  27. </div>
  28. <div class="addressAdd_cell">
  29. <textarea id="address" placeholder="详细地址:如道路、门牌号、小区、楼栋号、单元室等"></textarea>
  30. </div>
  31. </div>
  32. <div class="addressAdd_sets">
  33. <div class="item addressAdd_set">
  34. <span>设为默认地址</span>
  35. <div id="setDefault" class="ui-checked" select="2"></div>
  36. </div>
  37. <div style="display: none;" class="item addressAdd_del">
  38. <span>删除收货地址</span>
  39. <div></div>
  40. </div>
  41. </div>
  42. <button class="addressAdd_save">保存</button>
  43. </div>
  44. <div class="return-group">
  45. <button class="btn-primary" returntolist="">返回列表</button>
  46. </div>
  47. </div>
  48. <div class="address_pop">
  49. <div class="address_mask"></div>
  50. <div class="address_content">
  51. <h4 class="address_head">
  52. 所在地区
  53. <a href="javascript:;" class="address_close" onclick="$('.address_pop').hide()"></a>
  54. </h4>
  55. <div class="address_body">
  56. <div class="address_tab">
  57. </div>
  58. <div class="address_list">
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </block>
  65. <block name="otherScript">
  66. <script>
  67. $(function () {
  68. $('.addressAdd_del').on('click', function () {
  69. var aid = $(this).attr('aid')
  70. tips('确定删除?', function () {
  71. $.get('/user/address/del', {id: aid, format: 'json'}, function (res) {
  72. if (res.code === 200) {
  73. window.history.go(-1)
  74. }
  75. })
  76. })
  77. })
  78. function queuryUrl() {
  79. var url = window.location.search
  80. var obj = {}
  81. var reg = /[?&][^?&]+=[^?&]+/g
  82. var arr = url.match(reg)
  83. if (arr) {
  84. for (var i=0;i<arr.length;i++) {
  85. var t = arr[i].substr(1).split('=')
  86. obj[t[0]] = t[1]
  87. }
  88. } else {
  89. obj = {}
  90. }
  91. return obj
  92. }
  93. var addressId = queuryUrl().id
  94. if (addressId) {
  95. $('.addressAdd_del').show().attr('aid', addressId)
  96. $.get('/user/address/detail', {id: addressId, format: 'json'}, function (res) {
  97. if (res.code === 200) {
  98. $('#consignee').val(res.data.consignee)
  99. $('#mobile').val(res.data.mobile)
  100. $('#address').val(res.data.address)
  101. $('#setDefault').attr('select', res.data.is_default)
  102. $('[name="country"]').val(res.data.country)
  103. $('[name="province"]').val(res.data.province)
  104. $('[name="city"]').val(res.data.city)
  105. $('[name="district"]').val(res.data.district)
  106. $('[name="town"]').val(res.data.town)
  107. $('.form_send__select').html(res.data.province_name + res.data.city_name + res.data.district_name + res.data.town_name)
  108. } else {
  109. window.history.go(-1)
  110. }
  111. console.log(res)
  112. })
  113. }
  114. $('.form_send__select').on('click', huoAddressInit)
  115. $('.addressAdd_save').on('click', function () {
  116. var data = {
  117. 'consignee': $('#consignee').val(),
  118. 'mobile': $('#mobile').val(),
  119. 'address': $('#address').val(),
  120. 'is_default': $('#setDefault').attr('select'),
  121. 'country': $('[name="country"]').val(),
  122. 'province': $('[name="province"]').val(),
  123. 'city': $('[name="city"]').val(),
  124. 'district': $('[name="district"]').val(),
  125. 'town': $('[name="town"]').val(),
  126. 'format': 'json'
  127. }
  128. var url = addressId ? '/user/address/edit/post' : '/user/address/add/post'
  129. if (addressId) {
  130. data['id'] = addressId
  131. }
  132. if (!data['consignee']) {
  133. tips('请填写收货人!')
  134. } else if (!data['mobile']) {
  135. tips('请填写你的手机号码!')
  136. } else if (!/1[0-9]{10}/.test(data['mobile'])) {
  137. tips('请填写正确的手机号码!')
  138. } else if (!data['district'] || !data['country'] || !data['province'] || !data['city'] || !data['district'] || !data['town']) {
  139. tips('请填写所在地区!')
  140. } else if (!data['address']) {
  141. tips('请填写详细地址!')
  142. } else {
  143. $.get(url, data, function (res) {
  144. if (res.code === 200) {
  145. window.history.go(-1)
  146. }
  147. })
  148. }
  149. })
  150. })
  151. </script>
  152. </block>