Skip to content

M
mallapp
Commit d3a276b6 authored by 罗超's avatar 罗超
Browse files
Options

1

parent ee3fc59f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 489 additions and 326 deletions
pages/blindDate/circleNews.vue
View file @ d3a276b6
This diff is collapsed.
pages/blindDate/message.vue
View file @ d3a276b6
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
jumpPage(index){ jumpPage(index){
let url=""; let url="";
if(index==0){ if(index==0){
url="/pages/blindDate/circleNews" url="/pages/blindDate/circleNews?pageType=1"
}else if(index==1){ }else if(index==1){
url="/pages/blindDate/systemMsg" url="/pages/blindDate/systemMsg"
}else if(index==2){ }else if(index==2){
url="" url="/pages/blindDate/circleNews?pageType=2"
}else if(index==3){ }else if(index==3){
url="/pages/blindDate/visitor" url="/pages/blindDate/visitor"
} }
......
pages/blindDate/postDetails.vue
View file @ d3a276b6
...@@ -654,6 +654,7 @@ ...@@ -654,6 +654,7 @@
}); });
}, },
onLoad(options) { onLoad(options) {
console.log(options)
if(options && options.Id){ if(options && options.Id){
this.msg.ActivityId = options.Id; this.msg.ActivityId = options.Id;
this.sendMsg.ActivityId = options.Id; this.sendMsg.ActivityId = options.Id;
......
pages/blindDate/systemMsg.vue
View file @ d3a276b6
...@@ -4,21 +4,29 @@ ...@@ -4,21 +4,29 @@
<view v-if="sysMsgData.length > 0" style=" <view v-if="sysMsgData.length > 0" style="
height: calc(100vh); height: calc(100vh);
overflow: hidden; overflow: hidden;
padding-bottom: 50px;
"> ">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower"
:style="{ height: '100%' }"> :style="{ height: '100%' }">
<view v-for="(item,index) in sysMsgData" :key="index"> <view v-for="(item,index) in sysMsgData" :key="index">
<view class="itemBox"> <view class="itemBox">
<view class="date"> <view class="date">
{{item.date}} {{item.date.slice(0,10)}}
</view> </view>
<view v-if="item.list" v-for="(subItem,subIndex) in item.list" :key="subIndex"> <view v-if="item.list" v-for="(subItem,subIndex) in item.list" :key="subIndex">
<view class="subItemBox"> <view class="subItemBox">
<view class="top"> <view class="top">
<image class="icon" :src="subItem.icon" mode="heightFix"></image> <image class="icon" :src="icon" mode="heightFix"></image>
<view class="type"> <view class="type">
{{subItem.type}} 系统消息
</view>
</view>
<view class="tipMsg" :style="{'color':(subItem.Type==9?'#F05353':'#000000;')}">
{{subItem.Content}}
</view>
<view class="conBox">
<image class="img" :src="subItem.ReplyContent[0].CoverImg"></image>
<view class="con">
{{subItem.ReplyContent[0].ActivityName}}
</view> </view>
</view> </view>
</view> </view>
...@@ -26,7 +34,7 @@ ...@@ -26,7 +34,7 @@
</view> </view>
</view> </view>
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20" <u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20"
bg-color="#FFF" /> bg-color="#EAEBEC" />
</scroll-view> </scroll-view>
</view> </view>
<!-- 加载中 --> <!-- 加载中 -->
...@@ -38,68 +46,97 @@ ...@@ -38,68 +46,97 @@
</template> </template>
<script> <script>
export default{ export default {
data(){ data() {
return{ return {
pageTitle: "系统消息", pageTitle: "系统消息",
msg: { icon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/Blind-ppplus.png",
pageIndex: 1, msg: {
pageSize: 10, pageIndex: 1,
SelectType: 4, pageSize: 10,
Status: -1 SelectType: 4,
}, Status: -1
sysMsgData:[ },
{date:"2021/03/01", sysMsgData: [],
list:[{ pageCount: null,
type:"系统消息", loading: false,
icon:"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/Blind-ppplus.png", status: "loadmore",
tipMsg:"报名取消成功！", loadText: {
con:'支付宝717生活狂欢节--开场动画 美术制造流程' loadmore: "轻轻上拉，加载更多",
}]} loading: "努力加载中",
], nomore: "没有更多了",
loading: false, },
status: "loadmore",
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
} }
}, },
methods:{ methods: {
getMiaiMessagePageList(){ getMiaiMessagePageList() {
this.request2( this.request2({
{ url: '/api/AppletMiai/GetMiaiMessagePageList',
url: '/api/AppletMiai/GetMiaiMessagePageList', data: this.msg
data:this.msg },
}, res => {
res => { if (res.resultCode == 1) {
if(res.resultCode==1){ this.loading = false;
let data = this.handleDate(res.data.pageData, "CreateDate")
console.log(data)
this.sysMsgData = this.sysMsgData.concat(data);
this.pageCount = res.data.pageCount
if (this.pageCount == 1) {
this.status = "nomore";
}
} }
} }
); );
} },
//合并相同日期的元素
handleDate(arr, date) {
let newArr = []
arr.map((item, i) => {
let find = newArr.filter((e) => {
return e.date.slice(0, 10) == item[date].slice(0, 10)
})
if (find.length > 0) {
find[0].list.push(item)
} else {
let obj = {
date: item[date],
list: [item]
}
newArr.push(obj)
}
}, [])
return newArr
},
lower(e) {
if (this.msg.pageIndex < this.pageCount) {
this.msg.pageIndex++;
this.status = "loading";
this.getMiaiMessagePageList();
} else {
this.status = "nomore";
}
},
}, },
mounted() { mounted() {
this.getMiaiMessagePageList(); this.getMiaiMessagePageList();
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.pageTitle, title: this.pageTitle,
}); });
uni.setNavigationBarColor({
backgroundColor: '#FFFFFF',
})
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.page{ .page {
padding: 0 30rpx; padding: 0 30rpx;
// width: 100%;
min-height: 100vh; min-height: 100vh;
background-color: #EAEBEC; background-color: #EAEBEC;
} }
.itemBox{
width: 100%; .itemBox {
.date { .date {
height: 84rpx; height: 84rpx;
display: flex; display: flex;
...@@ -108,29 +145,64 @@ ...@@ -108,29 +145,64 @@
font-size: 26rpx; font-size: 26rpx;
font-weight: 500; font-weight: 500;
color: #888888; color: #888888;
padding-top: 40rpx;
} }
.subItemBox{
// width: 100%; .subItemBox {
height: 290rpx; // height: 292rpx;
padding: 30rpx; padding: 0 30rpx 30rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
.top{ border-radius: 4rpx;
margin-bottom: 30rpx;
.top {
width: 100%; width: 100%;
height: 95rpx; height: 84rpx;
display: flex; display: flex;
align-items: center; align-items: center;
.icon{ padding-top: 37rpx;
.icon {
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
.type{
.type {
font-size: 30rpx; font-size: 30rpx;
font-weight: 800; font-weight: 800;
color: #000000; color: #000000;
} }
} }
.tipMsg {
font-size: 26rpx;
font-weight: bold;
color: #000000;
margin-bottom: 30rpx;
margin-top: 20rpx;
}
.conBox {
height: 110rpx;
background-color: #F5F5F5;
border-radius: 4rpx;
display: flex;
.img {
width: 110rpx;
height: 110rpx;
}
.con {
flex-grow: 5;
padding: 0 20rpx;
display: flex;
align-items: center;
font-size: 26rpx;
font-weight: 500;
color: #111111;
}
}
} }
} }
</style> </style>
pages/blindDate/visitor.vue
View file @ d3a276b6
<template> <template>
<view class="page"> <view class="page">
<!-- <view class="navBox"> <view class="fixBox">
<view v-for="(item,index) in navList" :key="index"> <view class="navBox">
<view class="nav"> <view v-for="(item,index) in navList" :key="index">
{{item.name}} <view class="nav" :style="{'background-color':(activeNav==index?mainColor:'#fff'),'color':(activeNav==index?'#fff':'#888888')}" @click="changNav(index)">
</view> {{item.name}}
</view> </view>
</view> --> </view>
<u-tabs :list="navList" :is-scroll="false" :current="current" @change="change" :active-color="mainColor">
</u-tabs>
<view class="visitBox">
<view class="visit">
<view class="num">
{{allVisit}}
</view>
<view class="name">
总浏览量
</view>
</view> </view>
<view class="visit"> <view class="visitBox">
<view class="num"> <view class="visit">
{{todayVisit}} <view class="num">
</view> {{allVisit}}
<view class="name"> </view>
今日访客 <view class="name">
总浏览量
</view>
</view> </view>
</view> <view class="visit">
<view class="visit"> <view class="num">
<view class="num"> {{todayVisit}}
{{todayVisit}} </view>
<view class="name">
今日访客
</view>
</view> </view>
<view class="name"> <view class="visit">
今日浏览量 <view class="num">
{{todayVisit}}
</view>
<view class="name">
今日浏览量
</view>
</view> </view>
</view> </view>
</view> </view>
<u-empty v-if="visitorData.length == 0" text="暂无访问记录" mode="list"></u-empty> <u-empty v-if="visitorData.length == 0" text="暂无访问记录" mode="list" class="noBox"></u-empty>
<view v-if="visitorData.length > 0" style=" <view v-if="visitorData.length > 0" class="viewBox">
height: calc(100vh-160rpx-80rpx);
width: calc(100vw);
overflow: hidden;
padding-bottom: 50px;
">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower"
:style="{ height: '100%' }"> :style="{ height: '100%' }">
<view v-for="(item,index) in visitorData" :key="index"> <view v-for="(item,index) in visitorData" :key="index">
...@@ -56,17 +51,16 @@ ...@@ -56,17 +51,16 @@
<image class="sex" :src="sex[subItem.Sex]"></image> <image class="sex" :src="sex[subItem.Sex]"></image>
</view> </view>
<view class="rightBox"> <view class="rightBox">
<view class="infoBox"> <view class="infoBox">
<view class="name"> <view class="name">
{{subItem.RealName||subItem.UserName}} {{subItem.RealName||subItem.UserName}}
</view> </view>
<view class="time"> <view class="time">
{{subItem.CreateDate.slice(-5)}}访问了你的自画像 {{subItem.CreateDate.slice(-5)}}&nbsp;&nbsp;访问了你的自画像
</view> </view>
</view> </view>
<view class="icon"> </view> <!-- <view class="icon"> </view> -->
</view> </view>
</view> </view>
</view> </view>
...@@ -108,7 +102,7 @@ ...@@ -108,7 +102,7 @@
}, { }, {
name: "我看过谁" name: "我看过谁"
}], }],
current: 0, activeNav: 0,
allVisit: 100, //总浏览量 allVisit: 100, //总浏览量
todayVisit: 1, //今日访客,今日浏览量 todayVisit: 1, //今日访客,今日浏览量
visitorData: [], visitorData: [],
...@@ -122,13 +116,17 @@ ...@@ -122,13 +116,17 @@
} }
}, },
methods: { methods: {
change(index) { changNav(index){
this.current = index; this.activeNav=index
this.msg.VsisitorType=index+1
this.visitorData=[]
this.getMiaiMessageVisitorPageList();
}, },
//获取访问量
getMiaiMessageVisitorStatistics() { getMiaiMessageVisitorStatistics() {
this.request2({ this.request2({
url: '/api/AppletMiai/GetMiaiMessageVisitorStatistics', url: '/api/AppletMiai/GetMiaiMessageVisitorStatistics',
data: {} data: this.msg
}, },
res => { res => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
...@@ -138,6 +136,7 @@ ...@@ -138,6 +136,7 @@
} }
); );
}, },
// 获取访问列表
getMiaiMessageVisitorPageList() { getMiaiMessageVisitorPageList() {
this.request2({ this.request2({
url: '/api/AppletMiai/GetMiaiMessageVisitorPageList', url: '/api/AppletMiai/GetMiaiMessageVisitorPageList',
...@@ -146,20 +145,22 @@ ...@@ -146,20 +145,22 @@
res => { res => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
this.loading = false; this.loading = false;
let data=this.handleDate(res.data.pageData, "CreateDate","CreateDate") let data = this.handleDate(res.data.pageData, "CreateDate")
console.log(data)
this.visitorData = this.visitorData.concat(data); this.visitorData = this.visitorData.concat(data);
this.pageCount = res.data.pageCount this.pageCount = res.data.pageCount
if (this.pageCount == 1) {
this.status = "nomore";
}
} }
} }
); );
}, },
handleDate(arr, date,id) { //合并相同日期
handleDate(arr, date) {
let newArr = [] let newArr = []
arr.map((item, i) => { arr.map((item, i) => {
let find = newArr.filter((e) => { let find = newArr.filter((e) => {
return e.date == item[date] return e.date.slice(0, 10) == item[date].slice(0, 10)
}) })
if (find.length > 0) { if (find.length > 0) {
find[0].list.push(item) find[0].list.push(item)
...@@ -173,8 +174,8 @@ ...@@ -173,8 +174,8 @@
}, []) }, [])
return newArr return newArr
}, },
//触底事件
lower(e) { lower(e) {
console.log(e)
if (this.msg.pageIndex < this.pageCount) { if (this.msg.pageIndex < this.pageCount) {
this.msg.pageIndex++; this.msg.pageIndex++;
this.status = "loading"; this.status = "loading";
...@@ -202,18 +203,43 @@ ...@@ -202,18 +203,43 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.page { .page {
padding: 0 30rpx; padding: 0 30rpx;
position: relative;
} }
.fixBox {
width: 100%;
position: fixed;
top: 0;
left: 0;
}
.noBox{
position: fixed;
top: 270rpx;
left: 0;
width: 100%;
overflow: hidden;
}
.viewBox {
position: fixed;
top: 270rpx;
left: 0;
width: 100%;
height: calc(100vh - 270rpx);
overflow: hidden;
padding: 0 30rpx;
}
.navBox { .navBox {
width: 100%; width: 100%;
height: 115rpx; height: 110rpx;
// display: flex; display: flex;
// justify-content: space-around; justify-content: space-around;
// align-items: center; align-items: center;
.nav { .nav {
width: 170rpx; width: 170rpx;
height: 56rpx; // height: 56rpx;
border-radius: 28rpx; border-radius: 28rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment