userAddressAdd.jsp 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="meta.jsp"%>
  4. <link rel="stylesheet" href="${base}/static/mobile/frame/mui/css/mui.indexedlist.css?v=${version}">
  5. <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=mHjQLONxGpRtrZHZkxr9t3cD3n0HupQ0"></script>
  6. <title>${siteName}</title>
  7. <style>
  8. </style>
  9. </head>
  10. <body>
  11. <header class="mui-bar mui-bar-nav">
  12. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  13. <h1 class="mui-title">新增地址</h1>
  14. <a class="mui-btn-link mui-pull-right mui-hidden" id="del">删除</a>
  15. </header>
  16. <div class="mui-content">
  17. <div class="mui-input-group mt10">
  18. <div class="mui-input-row">
  19. <label>收货人</label>
  20. <input type="text" id="consignee" placeholder="请输入收货人">
  21. </div>
  22. <div class="mui-input-row">
  23. <label>手机号码</label>
  24. <input type="text" id="mobile" placeholder="请输入手机号码">
  25. </div>
  26. <div class="mui-input-row mui-hidden">
  27. <label>所在地区</label>
  28. <div id="to_address">
  29. <span id="province"></span>
  30. <span id="city"></span>
  31. <span id="district"></span>
  32. </div>
  33. </div>
  34. <div class="mui-input-row">
  35. <label>送水地址</label>
  36. <div class="to-address mui-navigate-right">
  37. <input type="text" id="address" placeholder="选择送水地址" style="padding-left:0" readOnly>
  38. </div>
  39. </div>
  40. <div class="mui-input-row">
  41. <label>门牌号码</label>
  42. <input type="text" id="house_num" placeholder="请尽量详细">
  43. </div>
  44. <div class="mui-input-row mui-hidden">
  45. <input type="text" id="longitude">
  46. <input type="text" id="latitude">
  47. <input type="text" id="post_code">
  48. </div>
  49. <div class="mui-input-row mui-checkbox">
  50. <label>默认地址</label>
  51. <input id="is_default" type="checkbox">
  52. </div>
  53. </div>
  54. <div class="mui-content-padded">
  55. <button type="button" class="mui-btn mui-btn-block mui-btn-primary" id="submit">保存</button>
  56. </div>
  57. </div>
  58. <div id="select" class="mui-modal">
  59. <header class="mui-bar mui-bar-nav">
  60. <a class="mui-icon mui-icon-left-nav mui-pull-left"></a>
  61. <h1 class="mui-title">选择地址</h1>
  62. </header>
  63. <div class="mui-content">
  64. <div class="mui-indexed-list-search mui-input-row mui-search">
  65. <input type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="搜索地址">
  66. </div>
  67. <div id="map" style="height:200px; font-size:16px;"></div>
  68. <div id="scroll" class="mui-scroll-wrapper" style="top: 280px;">
  69. <div class="mui-scroll">
  70. <ul id="location" class="mui-table-view line-left">
  71. </ul>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </body>
  77. <script src="${base}/static/mobile/frame/mui/js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
  78. <script src="${base}/static/mobile/js/userAddressAdd.js?v=${version}"></script>
  79. </html>