You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

268 lines
8.5 KiB

  1. <!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  2. <title>新增收货地址</title><meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
  3. <link href="<?php echo env('APP_URL'); ?>/css/weixin/style.css" type="text/css" rel="stylesheet">
  4. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/jquery.min.js"></script>
  5. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/weixin/mobile.js"></script>
  6. <meta name="keywords" content="关键词"><meta name="description" content="描述"></head><body style="background-color:#f1f1f1;">
  7. <div class="classreturn loginsignup ">
  8. <div class="ds-in-bl return"><a href="javascript:history.back(-1);"><img src="<?php echo env('APP_URL'); ?>/images/weixin/return.png" alt="返回"></a></div>
  9. <div class="ds-in-bl tit center"><span>新增收货地址</span></div>
  10. <div class="ds-in-bl nav_menu"><a href="javascript:void(0);"><img src="<?php echo env('APP_URL'); ?>/images/weixin/class1.png" alt="菜单"></a></div>
  11. </div>
  12. <div class="flool tpnavf cl">
  13. <div class="nav_list">
  14. <ul>
  15. <a href="index.html"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/home_icon.png"><p>首页</p></li></a>
  16. <a href="/Weixin/index.php?m=Store&amp;a=index"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/brand_icon.png"><p>分类</p></li></a>
  17. <a href="/Weixin/index.php?m=Cart&amp;a=index"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/car_icon.png"><p>购物车</p></li></a>
  18. <a href="/Weixin/index.php?m=User&amp;a=index"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/center_icon.png"><p>个人中心</p></li></a></ul>
  19. <div class="cl"></div>
  20. </div>
  21. </div>
  22. <style>
  23. .adr_add{margin:0 10px;}
  24. .adr-form-group{margin-top:10px;}
  25. .adr-form-group input[type=text],.adr-form-group textarea{display: block;width: 100%;font-size:16px;padding:10px;color: #777;vertical-align: middle;background-color: #fff;background-image: none;border: 1px solid #ddd;border-radius: 0;box-sizing:border-box;}
  26. .adr-form-group select{padding:5px;margin-right:10px;}
  27. .bottoma{display:block;font-size:18px;padding:10px;color:white;background-color: #f23030;text-align:center;}
  28. </style>
  29. <div class="adr_add">
  30. <div class="adr-form-group">
  31. <label for="doc-ipt-email-1">收货人</label>
  32. <input name="name" type="text" class="" id="name" placeholder="输入姓名">
  33. </div>
  34. <div class="adr-form-group">
  35. <label for="doc-ipt-email-1">手机号码</label>
  36. <input type="text" name="mobile" class="" id="mobile" placeholder="输入手机号码">
  37. </div>
  38. <div class="adr-form-group">
  39. 地区: <select id='sheng'></select><select id='shi'></select><select id='qu'></select>
  40. <script>
  41. // JavaScript Document
  42. $(document).ready(function(e) {
  43. //加载省的数据
  44. LoadSheng();
  45. //加载市的数据
  46. LoadShi();
  47. //加载区的数据
  48. LoadQu();
  49. //给省的下拉加点击事件
  50. $("#sheng").change(function(){
  51. //重新加载市
  52. LoadShi();
  53. //重新加载区
  54. LoadQu();
  55. });
  56. //给市的下拉加点击事件
  57. $("#shi").change(function(){
  58. //重新加载区
  59. LoadQu();
  60. });
  61. });
  62. //加载省份的方法
  63. function LoadSheng(parent_id,select_id)
  64. {
  65. //省的父级代号
  66. parent_id = parent_id || '86';
  67. select_id = select_id || 0;
  68. $.ajax({
  69. async:false,
  70. url:'<?php echo env('APP_API_URL')."/region_list"; ?>',
  71. data:{id:parent_id},
  72. type:"GET",
  73. dataType:"json",
  74. success: function(res){
  75. var hang = res.data;
  76. var str = "";
  77. for(var i=0;i<hang.length;i++)
  78. {
  79. if(select_id != 0 && select_id == hang[i].id)
  80. {
  81. str = str+"<option selected='selected' value='"+hang[i].id+"'>"+hang[i].name+"</option>";
  82. }
  83. else
  84. {
  85. str = str+"<option value='"+hang[i].id+"'>"+hang[i].name+"</option>";
  86. }
  87. }
  88. $("#sheng").html(str);
  89. }
  90. });
  91. }
  92. //加载市的方法
  93. function LoadShi(parent_id,select_id)
  94. {
  95. //找市的父级代号
  96. parent_id = parent_id || $("#sheng").val();
  97. select_id = select_id || 0;
  98. $.ajax({
  99. async:false,
  100. url:'<?php echo env('APP_API_URL')."/region_list"; ?>',
  101. data:{id:parent_id},
  102. type:"GET",
  103. dataType:"json",
  104. success: function(res){
  105. var hang = res.data;
  106. var str = "";
  107. for(var i=0;i<hang.length;i++)
  108. {
  109. if(select_id != 0 && select_id == hang[i].id)
  110. {
  111. str = str+"<option selected='selected' value='"+hang[i].id+"'>"+hang[i].name+"</option>";
  112. }
  113. else
  114. {
  115. str = str+"<option value='"+hang[i].id+"'>"+hang[i].name+"</option>";
  116. }
  117. }
  118. $("#shi").html(str);
  119. }
  120. });
  121. }
  122. //加载区的方法
  123. function LoadQu(parent_id,select_id)
  124. {
  125. //找区的父级代号
  126. parent_id = parent_id || $("#shi").val();
  127. select_id = select_id || 0;
  128. $.ajax({
  129. url:'<?php echo env('APP_API_URL')."/region_list"; ?>',
  130. data:{id:parent_id},
  131. type:"GET",
  132. dataType:"json",
  133. success: function(res){
  134. var hang = res.data;
  135. var str = "";
  136. for(var i=0;i<hang.length;i++)
  137. {
  138. if(select_id != 0 && select_id == hang[i].id)
  139. {
  140. str = str+"<option selected='selected' value='"+hang[i].id+"'>"+hang[i].name+"</option>";
  141. }
  142. else
  143. {
  144. str = str+"<option value='"+hang[i].id+"'>"+hang[i].name+"</option>";
  145. }
  146. }
  147. $("#qu").html(str);
  148. }
  149. });
  150. }
  151. </script>
  152. </div>
  153. <div class="adr-form-group">
  154. <label for="doc-ta-1">详细地址</label>
  155. <textarea name="address" class="" rows="3" id="address"></textarea>
  156. </div>
  157. <div class="adr-form-group">
  158. <label>
  159. <input type="checkbox" name="is_default" id="is_default"> 设为默认
  160. </label>
  161. </div>
  162. </div>
  163. <a style="margin:10px;" class="bottoma" href="javascript:adr_dosubmit();">提交</a>
  164. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/layer/mobile/layer.js"></script>
  165. <script>
  166. function adr_dosubmit()
  167. {
  168. var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
  169. var url = '<?php echo env('APP_API_URL').'/user_address_add'; ?>';
  170. var name = $("#name").val();
  171. var mobile = $("#mobile").val();
  172. var address = $("#address").val();
  173. var province = $("#sheng").val();
  174. var city = $("#shi").val();
  175. var district = $("#qu").val();
  176. var is_default = 0;
  177. if(document.getElementById("is_default").checked){is_default = 1;}
  178. if(name == '')
  179. {
  180. //提示
  181. layer.open({
  182. content: '姓名不能为空'
  183. ,skin: 'msg'
  184. ,time: 2 //2秒后自动关闭
  185. });
  186. return false;
  187. }
  188. if(mobile == '')
  189. {
  190. //提示
  191. layer.open({
  192. content: '手机号不能为空'
  193. ,skin: 'msg'
  194. ,time: 2 //2秒后自动关闭
  195. });
  196. return false;
  197. }
  198. if(validatemobile(mobile) == false)
  199. {
  200. //提示
  201. layer.open({
  202. content: '手机号格式不正确'
  203. ,skin: 'msg'
  204. ,time: 2 //2秒后自动关闭
  205. });
  206. return false;
  207. }
  208. if(address == '')
  209. {
  210. //提示
  211. layer.open({
  212. content: '地址不能为空'
  213. ,skin: 'msg'
  214. ,time: 2 //2秒后自动关闭
  215. });
  216. return false;
  217. }
  218. $.post(url,{access_token:access_token,name:name,mobile:mobile,address:address,province:province,city:city,district:district,is_default:is_default},function(res)
  219. {
  220. if(res.code==0)
  221. {
  222. //提示
  223. layer.open({
  224. content: res.msg
  225. ,skin: 'msg'
  226. ,time: 2 //2秒后自动关闭
  227. });
  228. window.history.back();
  229. }
  230. else
  231. {
  232. //提示
  233. layer.open({
  234. content: res.msg
  235. ,skin: 'msg'
  236. ,time: 2 //2秒后自动关闭
  237. });
  238. var url = "http://www.baidu.com";
  239. location.href = url;
  240. }
  241. },'json');
  242. }
  243. </script>
  244. </body></html>