services_body.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title>title</title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/html.css" />
  10. <link href="../../css/aui.css" rel="stylesheet" type="text/css">
  11. <style>
  12. body {
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <div class="aui-content aui-margin-b-15" id="app" v-cloak>
  18. <ul class="aui-list aui-list-in">
  19. <li class="aui-list-item" v-for="(s,i) in info">
  20. <div class="aui-list-item-inner">
  21. <div class="aui-list-item-title">
  22. {{s.serviceName}}
  23. </div>
  24. <div class="aui-list-item-right">
  25. <div class="price-right zmq-bg-noraml zmq-text-white zmq-radius-5">
  26. <em class="zmq-padding-doneBtn">¥{{s.servicePrice}}</em>
  27. </div>
  28. </div>
  29. </div>
  30. </li>
  31. </ul>
  32. <img class="zmq-img-nodata" v-show="hasData == false" src="../../image/nodata.png" />
  33. </div>
  34. </body>
  35. <script type="text/javascript" src="../../script/api.js"></script>
  36. <script type="text/javascript" src="../../script/vue.js"></script>
  37. <script type="text/javascript" src="../../script/httpRequest.js"></script>
  38. <script type="text/javascript" src="../../script/vue_plugins.js"></script>
  39. <script type="text/javascript">
  40. apiready = function() {
  41. var info = JSON.parse(api.pageParam.info);
  42. new Vue({
  43. el : '#app',
  44. data : {
  45. retariler_id : '',
  46. // 用户信息
  47. info : info,
  48. // 获取门店信息
  49. getMDInfoUrl : 'getMDInfo',
  50. hasData : true,
  51. },
  52. methods : {
  53. init : function() {
  54. var _this = this;
  55. this.retariler_id = $api.getStorage("retailerid");
  56. this.getMD();
  57. this.addEvent("refushService",function(){
  58. _this.getMD();
  59. })
  60. this.configHeaderRefush(function() {
  61. _this.getMD();
  62. })
  63. },
  64. // 获取门店信息
  65. getMD : function(){
  66. var data = {
  67. id : this.retariler_id,
  68. url : 'json',
  69. type : 'body'
  70. }, _this = this;
  71. this.$post(this.getMDInfoUrl, data, function(ret) {
  72. if(ret.code == 0){
  73. _this.info = ret.retailerDto.bizRetailerServiceDtoList;
  74. if(_this.info.length == 0){
  75. _this.hasData = false
  76. }else{
  77. _this.hasData = true
  78. }
  79. }
  80. })
  81. },
  82. },
  83. mounted : function() {
  84. this.init();
  85. }
  86. })
  87. };
  88. </script>
  89. </html>