全部动态

mine/allDynamic/allDynamic.css

@@ -0,0 +1,60 @@
+page{
+	background-color: #fff;
+}
+.tab{
+	position: fixed;
+	font-size: 32rpx;
+	height: 80rpx;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	border-bottom: 2rpx solid #ededed;
+	z-index: 99;
+	background-color: #fff;
+}
+.tab-item{
+	text-align: center;
+	line-height: 80rpx;
+}
+.tab-item-active{
+	color: var(--main);
+	border-bottom: 2rpx solid var(--main);
+}
+
+.log{margin: 20rpx 0 0;background: #fff;padding: 0rpx 40rpx 55rpx;}
+.log .tit{margin-bottom: 45rpx;}
+.log .li{padding-left: 60rpx;padding-bottom: 40rpx;position: relative;}
+.log-tit{font-size: 26rpx;color: #1A83FF;}
+.log .li text{display: block;color: #999;font-size: 26rpx;margin-top: 25rpx;}
+.log .li::before{content: '';display: block;width: 2rpx;background: #E2E7F1;position: absolute;top: 8rpx;left: 23rpx;bottom: -5rpx;z-index: 1;}
+.jcico{width: 26rpx;height: 26rpx;position: absolute;top: 5rpx;left: 12rpx;z-index: 2;}
+.time{font-size: 24rpx;color: #999;}
+.des{
+	font-size: 30rpx;
+	font-family: PingFang SC-Bold, PingFang SC;
+	/* font-weight: bold; */
+	color: #333333;
+	line-height: 42rpx;
+}
+.time-sort{
+	width: 120rpx;
+	height: 50rpx;
+	font-size: 24rpx;
+	font-family: PingFang SC-Bold, PingFang SC;
+	color: #333333;
+	margin-top: -10rpx;
+}
+.time-sort text{
+	font-size: 36rpx;
+	font-weight: bold;
+	margin-right: 10rpx;
+}
+.time-year{
+	height: 50rpx;
+	font-size: 36rpx;
+	font-family: PingFang SC-Bold, PingFang SC;
+	font-weight: bold;
+	color: #333333;
+	margin: 50rpx 0;
+}

mine/allDynamic/allDynamic.vue

@@ -0,0 +1,238 @@
+<template>
+	<view>
+		<view class="tab ddflex">
+			<view class="tab-item fflex" :class="tabIndex==1?'tab-item-active':''" @click="tabChange(1)">今日动态</view>
+			<view class="tab-item fflex" :class="tabIndex==2?'tab-item-active':''" @click="tabChange(2)">历史动态</view>
+		</view>
+		<view style="height: 120rpx;"></view>
+		
+		<view class="log">
+			<view v-if="logsList && logsList.length > 0" v-for="(it, index) in logsList" :key="index" @click="jumpUrl('/mine/clientDetail/clientDetail?id='+it.uid)">
+				<view class="time-year" v-if="todayYear!=it.year && index==0 || (index!=0 && (it.year!=logsList[index-1].year))">{{ it.year }}年</view>
+				<view class="dflex">
+					<view class="time-sort">
+						<block v-if="index==0 || (index!=0 && (it.day!=logsList[index-1].day||it.month!=logsList[index-1].month||it.year!=logsList[index-1].year))">
+							<text v-if="todayYear==it.year&&todayMonth==it.month&&todayDay==it.day">今日</text>
+							<block v-else>
+								<text>{{it.day}}</text>{{ it.month }}月
+							</block>
+						</block>
+					</view>
+					<view class="li fflex">
+						<image src="/mine/static/images/jcico.png" class="jcico"></image>
+						<view class="ddflex" style="width: 100%;margin-bottom: 20rpx;">
+							<image style="width: 80rpx;height: 80rpx;border-radius: 100%;margin-right: 20rpx;" :src="it.avatar?it.avatar:'/static/images/userimg.png'"></image>
+							<view class="fflex">
+								<view style="font-size: 28rpx;font-weight: bold;" class="ddflex">
+									<view class="tover " style="max-width: 250rpx;">{{it.nickName}}</view>
+									<view v-if="it.realName">({{it.realName}})</view>
+								</view>
+								<view class="time">{{ it.time }}</view>
+							</view>
+						</view>
+						<!-- <view class="des" v-if="it.brief">{{ it.brief }}</view> -->
+						<rich-text class="des" :nodes="it.content"></rich-text>
+					</view>
+				</view>
+			</view>
+			<view v-if="!logsList || logsList.length == 0" class="nodata">
+				<image src="/mine/static/images/empty.png" mode="aspectFill"></image>
+				<view>暂无记录~</view>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+import util from "../../utils/util.js";
+	const app = getApp();
+	const req = require("../../utils/request.js");
+
+	export default {
+		components: {},
+		props: {},
+		data() {
+			return {
+				tabIndex:1,
+				isLoad: true,
+				form: {
+					page: 1,
+					limit: 10
+				},
+				
+				logsList:[{
+					createDate:'2023-03-04',
+					brief:'阅读了《3·15|手把手教你读懂“食品标签”，拒绝被“坑”》',
+					logsContent:'sss',
+					year:"2022",
+					month:"10",
+					day:'30',
+					time:'12:00'
+					
+				},{
+					createDate:'2023-03-04',
+					brief:'阅读了《3·15|手把手教你读懂“食品标签”，拒绝被“坑”》',
+					logsContent:'sss',
+					year:"2023",
+					month:"4",
+					day:'30',
+					time:'12:00'
+					
+				},{
+					createDate:'2023-03-04',
+					brief:'浏览了中医馆私域解决方案',
+					logsContent:'sss',
+					year:"2023",
+					month:"3",
+					day:'04',
+					time:'12:00'
+				},{
+					createDate:'2023-03-04',
+					brief:'填写了表单《英才少儿教育精品VIP课程试听报名》',
+					logsContent:'sss',
+					year:"2023",
+					month:"3",
+					day:'03',
+					time:'12:00'
+				},{
+					createDate:'2023-03-04',
+					brief:'浏览了中医馆私域解决方案',
+					logsContent:'sss',
+					year:"2023",
+					month:"3",
+					day:'03',
+					time:'12:00'
+				},{
+					createDate:'2023-03-04',
+					brief:'填写了表单《英才少儿教育精品VIP课程试听报名》',
+					logsContent:'sss',
+					year:"2023",
+					month:"2",
+					day:'04',
+					time:'12:00'
+				},{
+					createDate:'2023-03-04',
+					brief:'浏览了中医馆私域解决方案',
+					logsContent:'sss',
+					year:"2022",
+					month:"2",
+					day:'04',
+					time:'12:00'
+				},{
+					createDate:'2023-03-04',
+					brief:'填写了表单《英才少儿教育精品VIP课程试听报名》',
+					logsContent:'sss',
+					year:"2022",
+					month:"2",
+					day:'03',
+					time:'12:00'
+				}],
+				todayYear:'',
+				todayMonth:'',
+				todayDay:''
+			}
+		},
+		onLoad(options) {
+			this.todayYear = new Date().getFullYear()
+			this.todayMonth = new Date().getMonth() + 1
+			this.todayDay = new Date().getDate()
+			this.getPageList()
+		},
+		onShow() {
+			
+		},
+		onReachBottom: function() {
+			this.form.page++;
+			this.getPageList(false);
+		},
+		methods: {
+			jumpUrl(url) {
+				uni.navigateTo({
+					url: url
+				})
+			},
+			tabChange(index){
+				if(this.tabIndex==index) return false
+				this.tabIndex = index
+				this.form.page = 1
+				this.isLoad = true;
+				this.getPageList(true)
+			},
+			getPageList(isShow) {
+				if (!this.isLoad) return false;
+				this.isLoad = false;
+				let form = this.form;
+				if(this.tabIndex==1) {
+					form.startDate = util.formatTime(new Date()).t2 + ' 00:00:00'
+					form.endDate = util.formatTime(new Date()).t2 + ' 23:59:59'
+				}else{
+					delete form.startDate
+					delete form.endDate
+				}
+				uni.showLoading();
+				req.getRequest(
+					'/api/user/getUsersTrends',
+					form,
+					res => {
+						res  = res?res.list:[]
+						if(res&&res.length>0){
+							res.map(item=>{
+								let t = this.getDate(item.createDate)
+								item.year = t.year
+								item.month = t.month
+								item.day = t.day
+								item.time = t.hour+':'+t.minute
+							})
+						}
+						this.isShow = true;
+						if (res && res.length == 10) {
+							this.isLoad = true;
+						}
+						if (this.form.page > 1) {
+							res = this.logsList.concat(res);
+						}else{
+							this.goTop()
+						}
+						this.logsList = res;
+						uni.hideLoading();
+					},
+					isShow
+				);
+			},
+			getDate(dateStr){
+				if(!dateStr) return false
+				let date = new Date(dateStr)
+				const year = date.getFullYear();
+				const month = date.getMonth() + 1;
+				const day = date.getDate();
+				const hour = date.getHours();
+				const minute = date.getMinutes();
+				const second = date.getSeconds();
+				return {
+					year:year,
+					month:month,
+					day:day,
+					hour:hour,
+					minute:minute,
+					second:second,
+				}
+			},
+			goTop(e) {
+				// 一键回到顶部
+				if (uni.pageScrollTo) {
+					uni.pageScrollTo({
+						scrollTop: 0,
+						duration:100
+					});
+				}
+			}
+		},
+		mounted() {
+		},
+	}
+</script>
+
+<style>
+	@import "./allDynamic.css";
+</style>

mine/clientDynamic/clientDynamic.css

@@ -51,7 +51,6 @@ page{
 	margin-right: 10rpx;
 }
 .time-year{
-	width: 122rpx;
 	height: 50rpx;
 	font-size: 36rpx;
 	font-family: PingFang SC-Bold, PingFang SC;

pages.json

@@ -116,6 +116,11 @@
 				"style": {
 					"navigationBarTitleText": "客户动态"
 				}
+			},{
+				"path": "allDynamic/allDynamic",
+				"style": {
+					"navigationBarTitleText": "客户动态"
+				}
 			}]
 		}
 	],