Blame view

pages/my/adminMessageList/adminMessageList.vue 3.36 KB
5bbfac44   易尊强   28号下午提交
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
  <template>
  	<view class="page">
  		<view class="list-box">
  			<view class="item" v-for="(it,index) in messageList" :key="index" @click="toDetail(it.MessageEntity,it.MessageReceiveEntity.MessageId)">
  				<view class="info">
  					<view class="title">
  						{{it.MessageEntity.Title}}
  					</view>
  					<view class="desc">
  						{{it.MessageEntity.BodyText}}
  					</view>
  				</view>
  				<view class="isRead" style="color: red;" v-if="it.MessageReceiveEntity.IsRead === 0">
  					未读
  				</view>
  				<view class="isRead" style="color: greenyellow;" v-else>
  					已读
  				</view>
  			</view>
  		</view>
  	</view>
  </template>
  
  <script>
  	import request from '@/utils/request.js'
  	export default {
  		data() {
  			return {
  				messageList:[],
  				isAdmin:false
  			}
  		},
  		onShow() {
  			this.getUser()
  			this.getAdminNoticeTell()
  		},
  		onLoad() {
  			this.getUser()
  			this.getAdminNoticeTell()
  		},
  		methods: {
  			// 获取用户信息
  			getUser() {
  				if (uni.getStorageSync('user')) {
  					let userCode = uni.getStorageSync("user")
  					console.log(userCode)
  					if(userCode.userInfo.userId === 'admin'){
  						this.isAdmin = true
  					}
  					console.log('用户已登录!')
  				} 
  				else {
  					uni.showToast({
  						title: '请登录',
  						icon: 'none',
  						duration:1500
  					})
  					// setTimeout(() => {
  					// 	uni.reLaunch({
  					// 		url: '/pages/login/index'
  					// 	})
  					// })
  				}
  			},
  			// 获取消息通知
  			getAdminNoticeTell(){
  				request({
  					url:'/api/extend/demo/GetMessageList',
  					method:'get',
  					data:{}
  				}).then(res=>{
  					console.log('通知列表',res)
  					if(res.code == 200){
  						this.messageList = JSON.parse(JSON.stringify(res.data))
  					}
  				})
  			},
  			// 跳转到消息详情
  			toDetail(it,id){
  				let link = JSON.parse(it.bodyJson)
  				// let id = it.Id
  				console.log('link',link.link)
  				// uni.navigateTo({
  				// 	url:link.link + `?data=${JSON.stringify(link.reid)}`
  				// })
  				// this.API.updateInfo({MessageId:id}).then(res=>{
  				// 	console.log("修改已读",res)
  				// 	if(res.code == 200){
  				// 		console.log('成功修改')
  				// 		uni.navigateTo({
  				// 			url:link.link + `?data=${JSON.stringify(link.reid)}`
  				// 		})
  				// 	}
  				// })
80d8fbe3   易尊强   2/29下午
95
96
  				uni.navigateTo({
  					url:link.link + `?data=${JSON.stringify(link.reid)}`
5bbfac44   易尊强   28号下午提交
97
  				})
80d8fbe3   易尊强   2/29下午
98
99
100
101
102
103
104
105
106
107
108
109
110
  				// request({
  				// 	url:`/api/extend/demo/UpdateIsReadEnd?MessageId=${id}`,
  				// 	method:'put',
  				// 	data:{}
  				// }).then(res=>{
  				// 	console.log("修改已读",res)
  				// 	if(res.code == 200){
  				// 		console.log('成功修改')
  				// 		uni.navigateTo({
  				// 			url:link.link + `?data=${JSON.stringify(link.reid)}`
  				// 		})
  				// 	}
  				// })
5bbfac44   易尊强   28号下午提交
111
112
113
114
115
116
117
118
  			}
  		}
  	}
  </script>
  
  <style lang="scss" scoped>
  	.page{
  		width: 100%;
80d8fbe3   易尊强   2/29下午
119
120
  		height: 100vh;
  		overflow: scroll;
5bbfac44   易尊强   28号下午提交
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
  		background-color: #f3f3f3;
  	}
  	.list-box{
  		width: 96%;
  		margin: 0 auto;
  		overflow-y: scroll;
  	}
  	.item{
  		width: 100%;
  		background-color: white;
  		border-radius: 30rpx;
  		padding: 30rpx;
  		margin-top: 20rpx;
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
  		.info{
  			display: flex;
  			flex-direction: column;
80d8fbe3   易尊强   2/29下午
140
  			// align-items: center;
5bbfac44   易尊强   28号下午提交
141
142
143
144
145
146
147
148
149
  			.title{
  				font-size: 36rpx;
  				font-weight: bold;
  			}
  			.desc{
  				// width: 400rpx;
  				overflow: hidden;
  				white-space: nowrap;
  				text-overflow: ellipsis;
80d8fbe3   易尊强   2/29下午
150
  				margin-left: 20rpx;
5bbfac44   易尊强   28号下午提交
151
152
153
154
155
156
157
158
  			}
  		}
  		.isRead{
  			color: red;
  			margin-right: 40rpx;
  		}
  	}
  </style>