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
<template>
<view>
<dHeader :title="$lang.lang.notice.info"></dHeader>
<view class="start-bar"></view>
<view class="notice_info">
<view class="notice_title">
<text>{{$lang.locale=='zh'?noticeData.title:noticeData.titleEn}}</text>
</view>
<view class="notice_tag">
<text>{{$lang.lang.notice.type}}</text>
</view>
<view class="notice_tag">
<text>{{getDate(noticeData.createTime)}}</text>
</view>
<view class="notice_content">
<rich-text :nodes="$lang.locale=='zh'?noticeData.content:noticeData.contentEn"></rich-text>
</view>
</view>
</view>
</template>
<script>
import dHeader from '../../components/dHeader/index.vue'
export default {
components: {
dHeader
},
data() {
return {
noticeData:{
}
}
},
onLoad(op){
console.log(op)
if(op.id){
this.getData(op.id)
}
},
methods: {
getData(id){
this.$request.get('/app-api/system/notice/get',{id:id}).then(res => {
if(res.code==0&&res.data){
this.noticeData = res.data
}
})
},
getDate(time) {
const date = new Date(time);
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let hour = date.getHours()
let min = date.getMinutes()
let sec = date.getSeconds()
hour = hour > 9 ? hour : '0' + hour;
month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day;
min = min > 9 ? min : '0' + min;
sec = sec > 9 ? sec : '0' + sec;
return `${year}-${month}-${day} ${hour}:${min}:${sec}`;
},
}
}
</script>
<style>
page{
background: var(--bColor);
}
.notice_info{
padding-top: 180upx;
width: 92%;
margin: 0 auto;
}
.notice_title{
padding-bottom: 12upx;
font-size: 30upx;
font-weight: bold;
}
.notice_tag{
padding-bottom: 12upx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 24upx;
}
</style>