liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

新增消息列表

dev
jyt 2 years ago
parent
34bfb95cb7
commit
cb1ec77462
5 changed files with 276 additions and 23 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +11
    -2
      pages.json
  2. +17
    -1
      pages/index/personal.vue
  3. +19
    -19
      pages/mine/details2.vue
  4. +221
    -0
      pages/mine/messageList.vue
  5. +8
    -1
      uview-ui/components/u-tabs/u-tabs.vue

+ 11
- 2
pages.json View File

@@ -206,8 +206,17 @@
"navigationBarBackgroundColor": "#FFFFFF", "navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black" "navigationBarTextStyle": "black"
} }
}
]
},
{
"path" : "messageList",
"style" :{
"navigationBarTitleText": "消息",
"navigationBarBackgroundColor": "#2671E2",
"navigationBarTextStyle": "white"
}
}
]
}, },
{ {
"root": "pages/learning",//学习 "root": "pages/learning",//学习


+ 17
- 1
pages/index/personal.vue View File

@@ -1,6 +1,5 @@
<template> <template>
<view class="main"> <view class="main">

<view class="backTop"></view> <view class="backTop"></view>
<!-- 头部开始 --> <!-- 头部开始 -->
<view class="header box"> <view class="header box">
@@ -15,6 +14,15 @@
</view> </view>
</view> </view>
<view class="settingGroup box"> <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"> <navigator class="line" url="/pages/mine/subscribe">
<view class="title"> <view class="title">
<image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image> <image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
@@ -73,6 +81,14 @@
export default { export default {
data() { data() {
return { return {
tabList: [
{
name: '系统消息'
},
{
name: '升级公告'
},
],
name: "", name: "",
photo: "", photo: "",
mobile: "", mobile: "",


+ 19
- 19
pages/mine/details2.vue View File

@@ -1209,7 +1209,7 @@
this.date = res[0].receptionTime; this.date = res[0].receptionTime;


this.getCorpusAnalysis(info); this.getCorpusAnalysis(info);
// this.creatAudio()
this.creatAudio()
} else { } else {
this.luyinList = res; this.luyinList = res;
this.recordPath = res[0].recordPath this.recordPath = res[0].recordPath
@@ -1218,7 +1218,7 @@
this.date = res[0].receptionTime; this.date = res[0].receptionTime;


this.getCorpusAnalysis(info); 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) { formatTime(num) {
//格式化时间格式 //格式化时间格式
num = num.toFixed(0); num = num.toFixed(0);


+ 221
- 0
pages/mine/messageList.vue View File

@@ -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>

+ 8
- 1
uview-ui/components/u-tabs/u-tabs.vue View File

@@ -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)" <view class="u-tab-item" :id="'u-tab-item-' + index" v-for="(item, index) in list" :key="index" @tap="clickTab(index)"
:style="[tabItemStyle(index)]"> :style="[tabItemStyle(index)]">
{{ item[name] || item['name']}} {{ item[name] || item['name']}}
<block v-if="item.count!=undefined">
<text class="count">{{item.count}}</text>
</block>
</view> </view>
<view v-if="showBar" class="u-tab-bar" :style="[tabBarStyle]"></view> <view v-if="showBar" class="u-tab-bar" :style="[tabBarStyle]"></view>
</view> </view>
</scroll-view> </scroll-view>
@@ -288,7 +292,10 @@
scroll-view { scroll-view {
box-sizing: border-box; box-sizing: border-box;
} }

.count{
color: red;
margin-left: 12rpx;
}
::-webkit-scrollbar, ::-webkit-scrollbar,
::-webkit-scrollbar, ::-webkit-scrollbar,
::-webkit-scrollbar { ::-webkit-scrollbar {


Write Preview
Loading…
Cancel
Save