Authored by dongjunjie

$http插件代替Ajax

@@ -130,21 +130,16 @@ @@ -130,21 +130,16 @@
130 //获取店铺的经营指标:一个自然日内有效订单商品件数、有效订单商品金额 130 //获取店铺的经营指标:一个自然日内有效订单商品件数、有效订单商品金额
131 fetchData1: function() { 131 fetchData1: function() {
132 var self = this; 132 var self = this;
133 - $.ajax({  
134 - type:"post",  
135 - url:"/report/getShopBusinessOverview",  
136 - dataType:'json',  
137 - data:{  
138 - dateId: util.dateFormat(new Date(),"YYYYMMdd")  
139 - },  
140 - success:function(rs) {  
141 - self.buyNumbers = rs.data.buyNumbers;  
142 - self.orderAmount = rs.data.orderAmount;  
143 - },  
144 - error:function(error) {  
145 - console.log(error)  
146 - }  
147 - }) 133 + this.$http.post("/report/getShopBusinessOverview", {
  134 + dateId: util.dateFormat(new Date(),"YYYYMMdd")
  135 + }).then(function (response) {
  136 + var rs = response.data;
  137 + self.buyNumbers = rs.data.buyNumbers;
  138 + self.orderAmount = rs.data.orderAmount;
  139 + }, function (response) {
  140 + var rs = response.data;
  141 + console.log(rs.message);
  142 + });
148 }, 143 },
149 144
150 //获取店铺的品牌排名,当前等级、排名、上升名词 145 //获取店铺的品牌排名,当前等级、排名、上升名词
@@ -154,22 +149,17 @@ @@ -154,22 +149,17 @@
154 day.setDate(day.getDate()-1); //前一天 149 day.setDate(day.getDate()-1); //前一天
155 self.rankDate = util.dateFormat(day, "MM月dd日"); 150 self.rankDate = util.dateFormat(day, "MM月dd日");
156 151
157 - $.ajax({  
158 - type:"post",  
159 - url:"/report/getShopBrandRank",  
160 - dataType:'json',  
161 - data:{  
162 - dateId: util.dateFormat(day, "YYYYMMdd")  
163 - },  
164 - success:function(rs) {  
165 - self.rankNow = rs.data.rankNow;  
166 - self.rankChange = rs.data.rankChange;  
167 - self.rankLevel = rs.data.rankLevel;  
168 - },  
169 - error:function(error) {  
170 - console.log(error)  
171 - }  
172 - }) 152 + this.$http.post("/report/getShopBrandRank", {
  153 + dateId: util.dateFormat(day,"YYYYMMdd")
  154 + }).then(function (response) {
  155 + var rs = response.data;
  156 + self.rankNow = rs.data.rankNow;
  157 + self.rankChange = rs.data.rankChange;
  158 + self.rankLevel = rs.data.rankLevel;
  159 + }, function (response) {
  160 + var rs = response.data;
  161 + console.log(rs.message);
  162 + });
173 } 163 }
174 } 164 }
175 } 165 }
1 var Vue = require("vue"); 1 var Vue = require("vue");
  2 +Vue.use(require('vue-resource'));
2 3
3 new Vue({ 4 new Vue({
4 el: 'body', 5 el: 'body',
@@ -23,7 +23,6 @@ @@ -23,7 +23,6 @@
23 "glob": "^7.0.3" 23 "glob": "^7.0.3"
24 }, 24 },
25 "devDependencies": { 25 "devDependencies": {
26 - "vue": "^1.0.24",  
27 "autoprefixer-loader": "^3.2.0", 26 "autoprefixer-loader": "^3.2.0",
28 "babel-core": "^6.9.0", 27 "babel-core": "^6.9.0",
29 "babel-loader": "^6.2.4", 28 "babel-loader": "^6.2.4",
@@ -50,10 +49,12 @@ @@ -50,10 +49,12 @@
50 "style-loader": "^0.13.1", 49 "style-loader": "^0.13.1",
51 "url-loader": "^0.5.7", 50 "url-loader": "^0.5.7",
52 "vinyl-fs": "^2.4.3", 51 "vinyl-fs": "^2.4.3",
  52 + "vue": "^1.0.24",
53 "vue-hot-reload-api": "^1.3.2", 53 "vue-hot-reload-api": "^1.3.2",
54 "vue-html-loader": "^1.2.2", 54 "vue-html-loader": "^1.2.2",
55 "vue-loader": "^8.4.0", 55 "vue-loader": "^8.4.0",
  56 + "vue-resource": "^0.7.3",
56 "vue-style-loader": "^1.0.0", 57 "vue-style-loader": "^1.0.0",
57 "webpack": "^1.13.0" 58 "webpack": "^1.13.0"
58 } 59 }
59 -} 60 +}