From cb1ec77462141c623436a1bd59df17c1692055da Mon Sep 17 00:00:00 2001
From: jyt <1592211625@qq.com>
Date: Thu, 17 Feb 2022 17:51:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=B6=88=E6=81=AF=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                            |  13 +-
 pages/index/personal.vue              |  18 ++-
 pages/mine/details2.vue               |  38 ++---
 pages/mine/messageList.vue            | 221 ++++++++++++++++++++++++++
 uview-ui/components/u-tabs/u-tabs.vue |   9 +-
 5 files changed, 276 insertions(+), 23 deletions(-)
 create mode 100644 pages/mine/messageList.vue

diff --git a/pages.json b/pages.json
index edecf20..897813e 100644
--- a/pages.json
+++ b/pages.json
@@ -206,8 +206,17 @@
 						"navigationBarBackgroundColor": "#FFFFFF",
 						"navigationBarTextStyle": "black"
 					}
-				}	
-			]
+				},
+				{
+                    "path" : "messageList",
+                    "style" :{
+						"navigationBarTitleText": "消息",
+						"navigationBarBackgroundColor": "#2671E2",
+						"navigationBarTextStyle": "white"
+					}
+                
+                }
+            ]
 		},
 		{
 			"root": "pages/learning",//学习
diff --git a/pages/index/personal.vue b/pages/index/personal.vue
index 85aab5f..f81d456 100644
--- a/pages/index/personal.vue
+++ b/pages/index/personal.vue
@@ -1,6 +1,5 @@
 <template>
 	<view class="main">
-
 		<view class="backTop"></view>
 		<!-- 头部开始 -->
 		<view class="header box">
@@ -15,6 +14,15 @@
 			</view>
 		</view>
 		<view class="settingGroup box">
+			<navigator class="line" url="/pages/mine/messageList">
+				<view class="title">
+					<!-- <image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image> -->
+					消息
+				</view>
+				<view class="right">
+					<image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
+				</view>
+			</navigator>
 			<navigator class="line" url="/pages/mine/subscribe">
 				<view class="title">
 					<image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
@@ -73,6 +81,14 @@
 	export default {
 		data() {
 			return {
+				tabList: [
+					{
+						name: '系统消息'
+					},
+					{
+						name: '升级公告'
+					}, 
+				],
 				name: "",
 				photo: "",
 				mobile: "",
diff --git a/pages/mine/details2.vue b/pages/mine/details2.vue
index 26d764e..dff4ca6 100644
--- a/pages/mine/details2.vue
+++ b/pages/mine/details2.vue
@@ -1209,7 +1209,7 @@
 							this.date = res[0].receptionTime;
 
 							this.getCorpusAnalysis(info);
-							// this.creatAudio()
+							this.creatAudio()
 						} else {
 							this.luyinList = res;
 							this.recordPath = res[0].recordPath
@@ -1218,7 +1218,7 @@
 							this.date = res[0].receptionTime;
 
 							this.getCorpusAnalysis(info);
-							// this.creatAudio()
+							this.creatAudio()
 						}
 					}
 				})
@@ -1770,24 +1770,24 @@
 				})
 			},
 			//录音实例
-			// creatAudio() {
-			// 	this.innerAudioContext = uni.createInnerAudioContext();
-			// 	if (uni.getStorageSync('entrance') == 1) {
-			// 		this.innerAudioContext.autoplay = false;
-			// 	} else {
-			// 		this.innerAudioContext.autoplay = true;
-			// 	}
+			creatAudio() {
+				this.innerAudioContext = uni.createInnerAudioContext();
+				if (uni.getStorageSync('entrance') == 1) {
+					this.innerAudioContext.autoplay = false;
+				} else {
+					this.innerAudioContext.autoplay = true;
+				}
 
-			// 	this.innerAudioContext.src = this.recordPath;
-			// 	this.innerAudioContext.title = '音频';
-			// 	this.onPlay()
-			// 	this.onPause()
-			// 	this.onCanplay()
-			// 	this.onEnded()
-			// 	this.onSeeking()
-			// 	this.onSeeked()
-			// 	this.TimeUpdate()
-			// },
+				this.innerAudioContext.src = this.recordPath;
+				this.innerAudioContext.title = '音频';
+				// this.onPlay()
+				// this.onPause()
+				// this.onCanplay()
+				// this.onEnded()
+				// this.onSeeking()
+				// this.onSeeked()
+				// this.TimeUpdate()
+			},
 			formatTime(num) {
 				//格式化时间格式
 				num = num.toFixed(0);
diff --git a/pages/mine/messageList.vue b/pages/mine/messageList.vue
new file mode 100644
index 0000000..df3ac71
--- /dev/null
+++ b/pages/mine/messageList.vue
@@ -0,0 +1,221 @@
+<template>
+	<view class="message_list">
+		<u-tabs :list="list" :show-bar="false" :is-scroll="false" :current="current" @change="change"></u-tabs>
+		<view class="listMain">
+			<view class="systemList" v-if="current==0">
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">恭喜你，你的接待记录被设为了优秀案例！</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">赞了你的接待</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">评价你：非常好，品牌价值观还需要补充</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">回复你：非常好，品牌价值观还需要补充</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">赞了你的接待</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">评价你：非常好，品牌价值观还需要补充</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="upgradeList" v-if="current==1">
+				<view class="upgradeItem">
+					<view class="notRead">
+						<!-- <view class="red"></view> -->
+					</view>
+					<view class="right">
+						<view class="title">智控管家（2022-01-22）升级公告</view>
+						<view class="time">2021-01-12  12：23：01</view>
+					</view>
+				</view>
+				<view class="upgradeItem">
+					<view class="notRead">
+						<view class="red"></view>
+					</view>
+					<view class="right">
+						<view class="title">智控管家（2022-01-11）升级公告</view>
+						<view class="time">2021-01-12  12：23：01</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '系统消息'
+				},{
+					name: `升级公告`,
+					count:20,
+				}],
+				current: 0
+			};
+		},
+		methods:{
+			change(index) {
+				this.current = index;
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.message_list{
+		.u-tab-item{
+			border: 0.5rpx solid #dedede;
+		}
+		.listMain{
+			margin-top: 20rpx;
+			.systemList{
+				.sysItem{
+					padding: 20rpx;
+					border: 1rpx solid #ccc;
+					display: flex;
+					margin: 16rpx 0;
+					.headpic{
+						width: 70rpx;
+						height: 70rpx;
+						border-radius: 100%;
+						margin-right: 30rpx;
+					}
+					.right{
+						.headInfo{
+							.title{
+								font-size: 32rpx;
+								font-weight: bold;
+								margin-bottom: 8rpx;
+							}
+						}
+						.content{
+							width: 600rpx;
+							background: #e6e6e6;
+							padding: 10rpx;
+							margin: 14rpx 0;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+						}
+						.time{
+							color: #6f6f6f;
+							font-size: 24rpx;
+						}
+					}
+					
+				}
+			}
+			.upgradeList{
+				.upgradeItem{
+					padding: 20rpx;
+					border: 1rpx solid #ccc;
+					margin: 16rpx 0;
+					display: flex;
+					.notRead{
+						width: 14rpx;
+						height: 14rpx;
+						margin-right: 20rpx;
+						margin-top: 16rpx;
+						.red{
+							background: #FF0000;
+							width: 100%;
+							height: 100%;
+							border-radius: 100%;
+						}
+					}
+					.right{
+						.title{
+							font-size: 32rpx;
+							font-weight: bold;
+							margin-bottom: 8rpx;
+						}
+						.time{
+							color: #6f6f6f;
+							font-size: 24rpx;
+						}
+					}
+					
+				}
+			}	
+		}
+	}
+
+</style>
diff --git a/uview-ui/components/u-tabs/u-tabs.vue b/uview-ui/components/u-tabs/u-tabs.vue
index 831fedc..63d4184 100644
--- a/uview-ui/components/u-tabs/u-tabs.vue
+++ b/uview-ui/components/u-tabs/u-tabs.vue
@@ -9,7 +9,11 @@
 					<view class="u-tab-item" :id="'u-tab-item-' + index" v-for="(item, index) in list" :key="index" @tap="clickTab(index)"
 					 :style="[tabItemStyle(index)]">
 						{{ item[name] || item['name']}}
+						<block v-if="item.count!=undefined">
+							<text class="count">{{item.count}}</text> 
+						</block>
 					</view>
+					
 					<view v-if="showBar" class="u-tab-bar" :style="[tabBarStyle]"></view>
 				</view>
 			</scroll-view>
@@ -288,7 +292,10 @@
 	scroll-view {
 		box-sizing: border-box;
 	}
-
+	.count{
+		color: red;
+		margin-left: 12rpx;
+	}
 	::-webkit-scrollbar,
 	::-webkit-scrollbar,
 	::-webkit-scrollbar {