助力首页模拟数据填充

yvan.ni
1 parent 5fbea9e0
Showing 2 changed files with 73 additions and 26 deletions
pages/user/assistance/assistance.js
pages/user/assistance/assistance.wxml
@@ -10,24 +10,42 @@ Page({
    * 页面的初始数据
    */
   data: {
-    url: a.url, //接口网址
-    iurl: a.imghost, //图片前缀网址
-    switch_head: 0, //0：我的任务，1：活动说明
+    url: a.url,       //接口网址
+    iurl: a.imghost,  //图片前缀网址
+    switch_head: 0,   //0：我的任务，1：活动说明
+    zl_act:null,      //助力活动
+	zl_user_list:[],//任务列表
+	is_load:0,        //是否已经加载 
+	cur_page:1,       //页码
+	page_num:5,       //每页多少个
+	is_show_more:0,   //是否加载更多
   },
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function(options) {
-    var th = this;
-    th.close();
+        var th = this;
+	    var nav_b = th.selectComponent("#nav_b"); //组件的id
+    	nav_b.set_name("助力", "");
   },
   /**
    * 生命周期函数--监听页面显示
    */
   onShow: function() {
-
+    var th=this;
+    e.request.get("http://172.20.3.102:8022/api/weshop/zl_act",{
+          success:function(res){
+             if(res.data.code==0){
+				  th.setData({zl_act:res.data.data}); 
+			 }
+          }
+      })
+	
+	this.get_list();  
+	
+	  
   },
   switch_head: function(e) {
     var th = this;
@@ -39,12 +57,40 @@ Page({
       })
     }
   },
+  
   //关闭导航
   close: function() {
     var th = this;
     var nav_b = th.selectComponent("#nav_b"); //组件的id
     nav_b.close_box();
-    nav_b.set_name("助力", "");
+  },
+  
+  //--点击获取用户任务列表--
+  get_list:function(){	  
+	 var th=this; 
+	 e.request.get("http://172.20.3.102:8022/api/weshop/zl_user_list",{
+	       success:function(res){
+	 		  if(!th.data.is_load)  th.setData({is_load:1}) 
+	          if(res.data.code==0){
+				  var list=th.data.zl_user_list;
+				  list=list.concat(res.data.data.pageData)  //连接数组				  
+	 			  th.setData({zl_user_list:list}); 
+				  var n_all_num=th.data.cur_page*th.data.page_num;
+				  if(res.data.data.total>n_all_num) th.setData({is_show_more:1})
+				  else th.setData({is_show_more:0})
+				  //页吗要更新一下
+				  th.data.cur_page++; 
+	 		  }else{
+				  th.setData({is_show_more:0})  
+			  }
+			 
+	       }
+	   }) 
+  },
+  
+  //-----跳转到领取礼包的页面------
+  go_task:function(){
+	  getApp().goto("/pages/user/assistance/task_assistance");
   }
 })
 \ No newline at end of file
+<wxs module="filter" src="c_filter.wxs"></wxs>
 <view class="page" bindtap="close">
   <!-- 背景图片 -->
   <image class="lumi" src="{{iurl+'miniapp/images/friendhelp/lumi.png'}}" lazy-load="true"></image>
@@ -14,10 +15,10 @@
       </view>
       <view class="flex-center fs26 time">
         <view>活动时间：</view>
-        <view>5月28日-6月30日
+        <view>{{filter.fm_time(zl_act.begindate)}}-{{filter.fm_time(zl_act.enddate)}}
         </view>
       </view>
-      <view class="flex-center">
+      <view class="flex-center" bindtap="go_task">
         <view class="flex-center take">
           <view>立即领取</view>
         </view>
@@ -42,28 +43,34 @@
       <!-- 我的任务 -->
       <view wx:if="{{switch_head==0}}" class="white">
         <view class="items">
-          <view class="item fs26 flex-vertical-between padding" wx:for="{{5}}">
+          <view class="item fs26 flex-vertical-between padding" wx:for="{{zl_user_list}}">
             <view class="flex-center width">
-              <view class="ellipsis-1">豪华任务一
-              </view>
+              <view class="ellipsis-1">{{item.help_taskname}}</view>
             </view>
-           <!-- 已完成的颜色nostate -->
-            <view class="flex-center width state {{index==0?'nostate':''}}">
-              <view class="ellipsis-1">进行中
-              </view>
+            <!-- 已完成的颜色nostate -->
+            <view class="flex-center width state" wx:if="{{item.is_acting==0}}">
+              <view class="ellipsis-1">领取礼包</view>
             </view>
+			<view class="flex-center width state" wx:if="{{item.is_acting==1}}">
+			  <view class="ellipsis-1">{{item.helped}}/{{item.help_num}}</view>
+			</view>
+			<view class="flex-center width state" wx:if="{{item.is_acting==2}}">
+			  <view class="ellipsis-1">查看礼包</view>
+			</view>
+			
+			
           </view>
           <!-- 加载更多 -->
           <view class="fs28 flex-center">
             <view class="line"></view>
-            <view class="load" bindtap="">点击加载更多</view>
+            <view class="load" bindtap="get_list">点击加载更多</view>
             <view class="line"></view>
           </view>
         </view>
-        <view class="fs30">
-          <view class="flex-center nothing">
+        <view class="fs30" style="margin-top: 30rpx;">
+          <view class="flex-center nothing" wx:if="{{is_load && zl_user_list.length==0}}">
             <view>暂无任务记录</view>
           </view>
           <view class="flex-center receive">
@@ -81,13 +88,7 @@
       <view wx:if="{{switch_head}}" class="white">
         <view class="items">
           <view class="content fs28 padding">
-            <view>活动时间: 2014年4月24日-27日， 共4天 活动规则:活动期间内，通过当当购物手机客户端成功购买图书的用户， 均视为成功参与此次活动;每个用户只可参与一-次。 奖品发放:交易完成后，3个工作日内发送至参与用户账号 补充说明:此次活动不与客户端用户首单奖励5元活动冲突，可同时参与。 此次活动最终解释权归当当网所有。</view>
-          </view>
-          <!-- 加载更多 -->
-          <view class="loads fs28 flex-center">
-            <view class="line"></view>
-            <view class="load" bindtap="">点击加载更多</view>
-            <view class="line"></view>
+            <view>{{zl_act.remark}}</view>
           </view>
         </view>