From 9e24407b22e27cd9f2359cc276b37e2935e625ae Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Sun, 23 Feb 2020 23:16:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E6=96=87=E5=8C=96=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                              |  12 +++
 pages/activityDetail/activityDetail.vue |  65 +++++++++++++++
 pages/activityes/activityes.vue         | 105 ++++++++++++++++++++++++
 pages/index/index.vue                   |  18 +++-
 4 files changed, 196 insertions(+), 4 deletions(-)
 create mode 100644 pages/activityDetail/activityDetail.vue
 create mode 100644 pages/activityes/activityes.vue

diff --git a/pages.json b/pages.json
index 389dbaf..8606cbd 100644
--- a/pages.json
+++ b/pages.json
@@ -31,6 +31,18 @@
 				
 			}
         }
+        ,{
+            "path" : "pages/activityes/activityes",
+            "style" : {
+				"navigationBarTitleText": "小区文化"
+			}
+        }
+        ,{
+            "path" : "pages/activityDetail/activityDetail",
+            "style" : {
+				"navigationBarTitleText": "文化详情"
+			}
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "white",
diff --git a/pages/activityDetail/activityDetail.vue b/pages/activityDetail/activityDetail.vue
new file mode 100644
index 0000000..76f0dac
--- /dev/null
+++ b/pages/activityDetail/activityDetail.vue
@@ -0,0 +1,65 @@
+<template>
+	<view>
+		<view class="detailContainer">
+		  <image class="headImg" :src="src"></image>
+		  <view class="ad_titile">
+		    <text class="company">{{title}}</text>
+		  </view>
+		  <view>
+		    <view span="8" offset="4"><text class="ad_au_text">{{userName}}</text></view>
+		    <view span="8" offset="2"><text class="ad_au_text">{{startTime}}</text></view>
+		  </view>
+		  
+		  <view class="ad_context">
+		    <van-divider />
+		    <rich-text :nodes="context"/>
+		  </view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				activity:{
+					
+				}
+			}
+		},
+		onLoad(options) {
+			this.activity = JSON.parse(options.item);
+			console.log('文化详情',JSON.parse(options.item));
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+	
+	.detailContainer{ 
+	  background-color: #fff;
+	}
+	.detailContainer .headImg{
+	  width: 100%;
+	  height: 400rpx;
+	}
+	
+	.detailContainer .ad_titile{
+	  text-align: center;
+	  margin-top: 30rpx;
+	  margin-bottom: 30rpx;
+	  font-size: 44rpx;
+	}
+	
+	.detailContainer .ad_au_text{
+	  font-size: 32rpx;
+	  color: #8e8e8e
+	}
+	.detailContainer .ad_context{
+	  padding: 0rpx 40rpx 40rpx 40rpx;
+	}
+
+</style>
diff --git a/pages/activityes/activityes.vue b/pages/activityes/activityes.vue
new file mode 100644
index 0000000..ce2f097
--- /dev/null
+++ b/pages/activityes/activityes.vue
@@ -0,0 +1,105 @@
+<template>
+	<view>
+		<view class="cu-card case no-card margin-top" v-for="(item,index) in activities" :key = "index">
+			<view class="cu-item shadow " >
+				<view class="image">
+					<image :src="item.src"
+					  class="act-cu-img" ></image>
+					<view class="cu-bar bg-shadeBottom"> <text class="text-cut">{{item.title}}</text></view>
+				</view>
+				<view class="cu-list menu-avatar">
+					<view class="cu-item">
+						<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view>
+						<view class="content flex-sub">
+							<view class="text-grey">{{item.userName}}</view>
+							<view class="text-gray text-sm flex justify-between">
+								{{item.startTime}}
+								<view class="text-gray text-sm">
+									<text class="cuIcon-attentionfill margin-lr-xs"></text> {{item.readCount}}
+									<text class="cuIcon-appreciatefill margin-lr-xs"></text> {{item.likeCount}}
+									<text class="cuIcon-messagefill margin-lr-xs"></text> {{item.collectCount}}
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				activities:[],
+				currentCommunityId:''
+			}
+		},
+		onLoad(options) {
+			this.currentCommunityId = options.currentCommunityId;
+			this._loadActivites();
+		},
+		methods: {
+			 
+			/**
+			   * 加载活动
+			   * 第一次加载是可能没有小区 则直接下载固定小区
+			   * 
+			   */
+			  _loadActivites: function () {
+			    let _that = this;
+			    let _objData = {
+			      page: 1,
+			      row: 15,
+			      communityId: this.currentCommunityId
+			    };
+			    _that.java110Context.request({
+			      url: _that.java110Constant.url.listActivitiess,
+			      header: _that.java110Context.getHeaders(),
+			      method: "GET",
+			      data: _objData, //动态数据
+			      success: function (res) {
+			        console.log("请求返回信息：", res);
+			        if (res.statusCode == 200) {
+			
+			          let _activites = res.data.activitiess;
+			          let _acts = [];
+			          _activites.forEach(function (_item) {
+			            _item.src = _that.java110Constant.url.filePath + "?fileId=" + _item.headerImg + "&communityId=" + _that.currentCommunityId + "&time=" + new Date();
+			            let _startTime = _item.startTime.replace(/\-/g, "/")
+			            let _tmpStartTime = new Date(_startTime);
+			
+			            _item.startTime = _that.java110Util.date.formatDate(_tmpStartTime);
+			            _acts.push(_item);
+			          });
+			          _that.activities= _acts;
+			          return;
+			        }
+			        wx.showToast({
+			          title: "服务器异常了",
+			          icon: 'none',
+			          duration: 2000
+			        })
+			      },
+			      fail: function (e) {
+			        wx.showToast({
+			          title: "服务器异常了",
+			          icon: 'none',
+			          duration: 2000
+			        })
+			      }
+			    });
+			  },
+			
+		}
+	}
+</script>
+
+<style>
+	.act-cu-img{
+		height: 400upx;
+	}
+
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index eb88bf1..f0fa765 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -26,14 +26,14 @@
 				<view class="action">
 					小区文化
 				</view>
-				<view class="action">
+				<view class="action" @tap="_moreActivity()">
 					<text class="lg text-gray cuIcon-more"></text>
 				</view>
 			</view>
 			<view class="noticesList">
-			    <block v-for="(item,index) in activitys" :key="index" wx:key="index">
+			    <block v-for="(item,index) in activitys" :key="index" wx:key="index" >
 			      
-			        <view class="noticesList-list" >
+			        <view class="noticesList-list" @tap="_toDetail(item)">
 			          <view class="notices-info">
 			            <view class="notices-info-name">{{item.title}}</view>
 			            
@@ -231,8 +231,18 @@
 				        })
 				      }
 				    });
+			},
+			_moreActivity:function(){
+				uni.navigateTo({
+					url:'/pages/activityes/activityes?currentCommunityId='+this.currentCommunityId
+				});
+			},
+			_toDetail:function(_item){
+				uni.navigateTo({
+					url:'/pages/activityDetail/activityDetail?item='+JSON.stringify(_item)
+				});
 			}
-
+			
 		}
 	}
 </script>