|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 247 KiB |
|
After Width: | Height: | Size: 221 KiB |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 449 KiB |
@ -0,0 +1,109 @@ |
||||
<template> |
||||
<div class="wrap"> |
||||
<el-timeline> |
||||
<el-timeline-item v-for="(item, i) in listData" :key="i" :timestamp="item.updateTime" placement="top" color="#007EFF"> |
||||
<el-card> |
||||
<h6>{{ platformList.find(e => e.id === item.platformId).name + item.versionName }}</h6> |
||||
<img v-if="item.coverUrl" :src="item.coverUrl" alt="" class="cover"> |
||||
<ul class="detail"> |
||||
<li v-for="(item, i) in item.logContents" :key="i"> |
||||
<p class="name">{{ funcList.find(e => e.id === item.type).name }}</p> |
||||
<div class="val"> |
||||
<p class="" v-for="(item, i) in item.content" :key="i">{{ item }}</p> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</el-card> |
||||
</el-timeline-item> |
||||
</el-timeline> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Setting from '@/setting' |
||||
export default { |
||||
name: 'log', |
||||
data() { |
||||
return { |
||||
platformList: Setting.platformList, |
||||
listData: [], |
||||
funcList: [ |
||||
{ |
||||
id: 0, |
||||
name: '新功能' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
name: '修复' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
name: '优化' |
||||
} |
||||
] |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.getData() |
||||
}, |
||||
methods: { |
||||
getData() { |
||||
this.$get(`${this.api.platformLogList}?platformId=${Setting.platformId}&port=1&versionName=`).then(res => { |
||||
const { logList } = res |
||||
logList.map((e, i) => { |
||||
e.logContents.map(n => { |
||||
n.content = n.content.split('\n') |
||||
}) |
||||
}) |
||||
this.listData = logList |
||||
}).catch(res => {}) |
||||
}, |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap{ |
||||
padding-top: 50px; |
||||
background-color: #fff; |
||||
/deep/.el-card__body { |
||||
padding-left: 30px; |
||||
} |
||||
h6 { |
||||
margin-bottom: 15px; |
||||
font-size: 18px; |
||||
} |
||||
.cover { |
||||
max-width: 400px; |
||||
margin: 10px 0 20px; |
||||
} |
||||
.detail { |
||||
li { |
||||
margin-bottom: 20px; |
||||
} |
||||
.name { |
||||
margin-bottom: 5px; |
||||
font-size: 14px; |
||||
color: $main-color; |
||||
} |
||||
.val { |
||||
font-size: 15px; |
||||
line-height: 1.8; |
||||
white-space: pre-wrap; |
||||
p { |
||||
position: relative; |
||||
&:before { |
||||
content: ''; |
||||
position: absolute; |
||||
top: 11px; |
||||
left: -10px; |
||||
width: 5px; |
||||
height: 5px; |
||||
border-radius: 20px; |
||||
background-color: $main-color; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,23 @@ |
||||
import BasicLayout from '@/layouts/home'; |
||||
|
||||
const meta = {}; |
||||
|
||||
const pre = 'log-'; |
||||
|
||||
export default { |
||||
path: '/log', |
||||
name: 'log', |
||||
redirect: { |
||||
name: `${pre}list` |
||||
}, |
||||
meta, |
||||
component: BasicLayout, |
||||
children: [ |
||||
{ |
||||
name: `${pre}list`, |
||||
path: `list`, |
||||
component: () => import('@/pages/log/list'), |
||||
meta: { title: '有什么新功能' } |
||||
}, |
||||
] |
||||
}; |
||||