addresslist.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <title>地址管理</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <!-- No Baidu Siteapp-->
  13. <meta http-equiv="Cache-Control" content="no-siteapp" />
  14. <link rel="icon" type="image/png" href="js/i/favicon.png">
  15. <!-- Add to homescreen for Chrome on Android -->
  16. <meta name="mobile-web-app-capable" content="yes">
  17. <link rel="icon" sizes="192x192" href="i/app-icon72x72@2x.png">
  18. <!-- Add to homescreen for Safari on iOS -->
  19. <meta name="apple-mobile-web-app-capable" content="yes">
  20. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  21. <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  22. <link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">
  23. <!-- Tile icon for Win8 (144x144 + tile color) -->
  24. <meta name="msapplication-TileImage" content="i/app-icon72x72@2x.png">
  25. <meta name="msapplication-TileColor" content="#0e90d2">
  26. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  27. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  28. <style type="text/css">
  29. .default{
  30. background: #fbd3d3;
  31. font-size: 10px;
  32. padding: 2px 5px;
  33. color: red;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <!-- Header -->
  39. <header data-am-widget="header" class="am-header am-header-default">
  40. <div class="am-header-left am-header-nav">
  41. <a href="{:url('shop/user/index')}" ><i class="am-header-icon am-icon-angle-left"></i></a>
  42. </div>
  43. <h1 class="am-header-title">
  44. <a href="#title-link">地址管理</a>
  45. </h1>
  46. </header>
  47. <!-- Content -->
  48. <div class="wapper" data-html='address'>
  49. <div class="am-margin-bottom-sm">
  50. <button type="button" class="am-btn am-btn-address am-btn-block am-padding-sm" onclick="window.location.href='/shop/order/addressadd/type/{$type}.html'">新增收货地址</button>
  51. </div>
  52. {volist name="list" id="v"}
  53. <div class="am-g am-bg-white am-margin-bottom-xs">
  54. <div class="ubb am-padding-sm am-padding-bottom-xs">
  55. <div class="am-padding-bottom-xs">
  56. {if condition="$v['isdefault'] eq 1"}
  57. <span class="default">默认</span>
  58. {/if}
  59. <span class="am-padding-right-sm">{$v.userName}</span>{$v.userPhone}
  60. </div>
  61. <div class="">{$v.area}{$v.address}</div>
  62. </div>
  63. <div class="am-padding-sm am-padding-top-xs am-padding-bottom-xs am-box">
  64. <div class="am-u-sm-6">
  65. {if condition="$type eq 1"}
  66. <label class="am-radio am-margin-0"><input type="radio" name="radio1" value="{$v.id}" data-am-ucheck>使用此地址</label>
  67. {/if}
  68. </div>
  69. <div class="am-u-sm-6 am-text-right">
  70. <button class="am-btn am-btn-mybg am-radius am-btn-xs" onclick="window.location.href='/shop/order/addressedit/id/{$v.id}/type/{$type}'">编辑</button>
  71. <button class="am-btn am-btn-mybg am-radius am-btn-xs delete" data-id="{$v.id}">删除</button>
  72. </div>
  73. </div>
  74. </div>
  75. {/volist}
  76. </div>
  77. <!-- Footer-Menu -->
  78. <!--[if (gte IE 9)|!(IE)]><!-->
  79. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  80. <!--<![endif]-->
  81. <!--[if lte IE 8 ]>
  82. <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
  83. <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
  84. <script src="js/amazeui.ie8polyfill.min.js"></script>
  85. <![endif]-->
  86. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  87. <script src="__CDN__/assets/shop/js/app.js"></script>
  88. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  89. <script>
  90. $(function(){
  91. $('.delete').add('#doc-confirm-toggle').on('click', function() {
  92. var $confirm = $('#my-confirm'),
  93. $confirmBtn = $confirm.find('[data-am-modal-confirm]'),
  94. $cancelBtn = $confirm.find('[data-am-modal-cancel]');
  95. $confirm.modal();
  96. $confirmBtn.off('click.confirm.modal.amui').on('click', function() {
  97. alert("确定");
  98. // do something
  99. });
  100. $cancelBtn.off('click.cancel.modal.amui').on('click', function() {
  101. //alert("取消");
  102. // do something
  103. });
  104. });
  105. })
  106. $('.delete').click(function(){
  107. var id =$(this).attr('data-id');
  108. layer.confirm('确定要删除此地址?', {
  109. btn: ['确定','取消'],title:'提示' //按钮
  110. }, function(){
  111. jQuery.post("{:url('api/shop/deladdress')}" ,{id:id},function(data) {
  112. if(data.code>0)
  113. {
  114. location=location;
  115. }else{
  116. layer.msg(data.msg,{time:1000});
  117. }
  118. });
  119. }, function(){
  120. });
  121. });
  122. $('input[name=radio1]').click(function(){
  123. location="/shop/order/index/addressid/"+$(this).val();
  124. });
  125. </script>
  126. </body>
  127. </html>