对接余额页面逻辑

manifest.json

@@ -117,7 +117,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "wx43759fe438b7b066",
+        "appid" : "wxb35ef055a4dd8ad4",
         "setting" : {
             "urlCheck" : false,
             "postcss" : true

pages/recharge/balance/balance.vue

@@ -9,7 +9,7 @@
 					<text class="lf-iconfont icon-- lf-font-50"></text>
 				</view>
 				<view class="point">
-					<text>78326478</text>
+					<text>{{ num || 0 }}</text>
 					<text class="label">(元)</text>
 				</view>
 			</view>
@@ -39,19 +39,175 @@
 </template>
 
 <script>
+	import { pageLogin, getUrl, config, is } from '@/common/js/utils.js';
 	export default {
 		data(){
 			return {
-				date: ''
+				date: '',
+				// activeIndex: 0,
+				// tabList: [{
+				//   id: 0,
+				//   name: "收入",
+				//   init: false,
+				//   page: 0,
+				//   more: true,
+				//   show: false
+				// }, {
+				//   id: 1,
+				//   name: "支出",
+				//   init: false,
+				//   page: 0,
+				//   more: true,
+				//   show: false
+				// }],
+				// dataList: {
+				//   0: [],
+				//   1: []
+				// },
+				list: [],
+				show: false,
+				page: 0,
+				more: true,
+				token: this.getToken(),
+				num: "",
+				showText: '正在加载下一页数据',
+				config: ''
 			}
 		},
-		onLoad(){
+		onLoad(e){
+			// TODO 将list数据渲染到页面上，，根据date请求筛选
+			// 第三方平台配置颜色
+			var bgConfig = this.$cookieStorage.get('globalConfig') || '';
+			this.setData({
+			  config: bgConfig
+			}); // var status=0,page=1;
+			// this.queryBalanceList(token);
 			
+			// var status = e.type ? e.type : 0;
+			// var page = this.tabList[status].page;
+			// pageLogin(getUrl(), token => {
+			//   this.setData({
+			//     'token': token
+			//   });
+			//   this.queryBalanceList(token, status, page);
+			//   this.queryUserSum(token);
+			// });
+			this.queryBalanceList();
+			this.queryUserSum(this.token);
 		},
 		methods: {
 			dateChange(event){
 				this.date = event.detail.value;
+			},
+			
+			queryBalanceList() {
+			  // var type = status ? 'consume' : 'recharge';
+			  // var params = type ? {
+			  //   type
+			  // } : {};
+			  // params.page = page;
+			  let token = this.token;
+			  let params = {
+				  page: this.page
+			  };
+			  this.$http.get({
+			    api: 'api/users/balance/list',
+			    header: {
+			      Authorization: token
+			    },
+			    data: params
+			  }).then(res => {
+			    if (res.statusCode == 200) {
+			      res = res.data;
+			      // this.result(res, status);
+				   var page = res.meta.pagination;
+				   this.list = res.data;
+				   this.page = page.current_page;
+				   this.more = page.current_page < page.total_pages;
+				   this.show = false;
+			    } else {
+			      wx.showModal({
+			        title: '提示',
+			        content: '数据请求失败',
+			        success: res => {}
+			      });
+			    }
+			
+			    wx.hideLoading();
+			  }).catch(rej => {
+			    wx.showToast({
+			      title: "请求失败",
+			      image: '../../../static/error.png'
+			    });
+			    wx.hideLoading();
+			  });
+			},
+			// 获取总余额
+			queryUserSum(token) {
+			  this.$http.get({
+			    api: "api/users/balance/sum",
+			    header: {
+			      Authorization: token
+			    }
+			  }).then(res => {
+			    if (res.statusCode == 200) {
+			      res = res.data;
+			      this.setData({
+			        "num": res.data.sum
+			      });
+			    } else {
+			      wx.showModal({
+			        title: '提示',
+			        content: '数据请求失败',
+			        success: res => {}
+			      });
+			    }
+			  });
+			},
+			
+			setData: function (obj) {
+			  let that = this;
+			  let keys = [];
+			  let val, data;
+			  Object.keys(obj).forEach(function (key) {
+			    keys = key.split('.');
+			    val = obj[key];
+			    data = that.$data;
+			    keys.forEach(function (key2, index) {
+			      if (index + 1 == keys.length) {
+			        that.$set(data, key2, val);
+			      } else {
+			        if (!data[key2]) {
+			          that.$set(data, key2, {});
+			        }
+			      }
+			
+			      data = data[key2];
+			    });
+			  });
 			}
+		},
+		onReachBottom(e) {
+		  // var status = this.activeIndex;
+		  // var page = this.tabList[status].page + 1;
+		  // var tabList = `tabList[${status}]`;
+		 
+		
+		  if (this.more) {
+			   this.page++;
+			   this.show = true;
+			   this.queryBalanceList();
+		    // this.setData({
+		    //   [`${tabList}.show`]: true
+		    // });
+		    // var token = this.token;
+		    // this.queryBalanceList(token, status, page);
+		  } else {
+		    wx.showToast({
+		      image: '../../../static/error.png',
+		      title: '再拉也没有啦'
+		    });
+		  }
 		}
 	}
 </script>