index.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <include file="weixin@block:header"/>
  2. <!--<title>收货地址</title>-->
  3. <link rel="stylesheet" href="/static/weixin/css/address.css?v={$version}">
  4. <div id="app" v-cloak>
  5. <header class="zyw-header">
  6. <div class="zyw-container white-color">
  7. <div class="head-l">
  8. <a href="javascript: history.go(-1);" target="_self"><img
  9. src="/static/weixin/img/svg/head-return.svg" alt=""></a>
  10. </div>
  11. <h1>收货地址</h1>
  12. </div>
  13. </header>
  14. <section class="zyw-container weui-list">
  15. <div class="weui-panel weui-panel_access" v-for="(item,k) in dataList">
  16. <div class="weui-panel__bd">
  17. <div class="weui-media-box weui-media-box_appmsg">
  18. <div class="weui-media-box__hd">
  19. <div class="item detail">
  20. <span class="name" v-text="item.realname"></span>
  21. <span class="mobile" v-text="item.mobile"></span>
  22. <span class="default" v-if="item.is_default? true : (k==0? true : false)" @click="setDefault(item.id)">默认</span>
  23. <span class="set-default" v-else @click="setDefault(item.id)">设置默认</span>
  24. </div>
  25. <div class="item address" v-text="item.address"></div>
  26. </div>
  27. <div class="weui-media-box__bd">
  28. <a class="weui-btn weui-btn_default" @click="switchPopup(item.id)">编辑</a>
  29. <a class="weui-btn weui-btn_default" @click="doDelete($event, item.id)">删除</a>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <div v-if="dataList.length<=0" class="empty">
  35. <img src="/static/weixin/img/no-pic.png" width="80" height="80">
  36. </div>
  37. <div id="modal" class="weui-popup__container">
  38. <div class="weui-popup__overlay"></div>
  39. <div class="weui-popup__modal">
  40. <div class="weui-cells weui-cells_form">
  41. <header class="zyw-header">
  42. <div class="zyw-container white-color">
  43. <div class="head-l">
  44. <a @click="switchPopup(0)"><img
  45. src="/static/weixin/img/svg/head-return.svg" alt=""></a>
  46. </div>
  47. <h1 v-text="info.id?'编辑地址': '新增地址'">新增地址</h1>
  48. </div>
  49. </header>
  50. <!--<div class="weui-cells__title" v-text="info.id?'编辑地址': '新增地址'"></div>-->
  51. <div class="weui-cell">
  52. <div class="weui-cell__hd"><label class="weui-label">收货人*</label></div>
  53. <div class="weui-cell__bd">
  54. <input class="weui-input" v-model="info.realname" type="text" placeholder="请输入收货人姓名">
  55. </div>
  56. </div>
  57. <div class="weui-cell">
  58. <div class="weui-cell__hd"><label class="weui-label">手机号*</label></div>
  59. <div class="weui-cell__bd">
  60. <input class="weui-input" v-model="info.mobile" type="text" placeholder="请输入手机号码">
  61. </div>
  62. </div>
  63. <div class="weui-cell weui-cell_switch">
  64. <div class="weui-cell__bd">是否默认</div>
  65. <div class="weui-cell__ft">
  66. <input class="weui-switch" v-model="info.is_default" type="checkbox">
  67. </div>
  68. </div>
  69. <div class="weui-cell">
  70. <div class="weui-cell__hd"><label class="weui-label">地址*</label></div>
  71. <div class="weui-cell__bd">
  72. <textarea class="weui-textarea" rows="3" v-model="info.address" type="text" placeholder="请输入收货地址">
  73. </textarea>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="do-actions">
  78. <a class="weui-btn weui-btn_gray" @click="switchPopup(0)">取消</a>
  79. <a class="weui-btn weui-btn_primary" @click="doSubmit()">确定提交</a>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="weui-btn-area op">
  84. <a class="weui-btn weui-btn_default" @click="switchPopup(0)">新增地址</a>
  85. </div>
  86. </section>
  87. </div>
  88. <script src="/static/weixin/js/address.js?v={$version}"></script>
  89. <include file="weixin@block:footer"/>