015ae0a06f
Former-commit-id: 5a492b7231f24c6ee18a873372c76849cbbdb5f0 [formerly 62499badfbabc7afeb0a0732c9bd434609439674] [formerly 5a492b7231f24c6ee18a873372c76849cbbdb5f0 [formerly 62499badfbabc7afeb0a0732c9bd434609439674] [formerly 5a492b7231f24c6ee18a873372c76849cbbdb5f0 [formerly 62499badfbabc7afeb0a0732c9bd434609439674] [formerly 62499badfbabc7afeb0a0732c9bd434609439674 [formerly 1870e5f3a8181bb1a4154f3cc2ee34a451bfde2b [formerly 305c7cd77a27ee5ab5f289fcc0190744530ea13c]]]]] Former-commit-id: 5358af54ab0950dc4549de17b18b32e0bdd2856a Former-commit-id: 4d25fdc5cd40c3fcdc4479eb5f2ec39d64480a6c Former-commit-id: 8b4dd51c6915a89414fa7215c2cd6db235a7f84b [formerly 1d84f174da70b8bddf0626f4a27462cd87728301] Former-commit-id: c89c5d119a06224fd41db07da9f7276e90334a6e Former-commit-id: 5abad3506f7670aceab422b417bb175ebc42680b Former-commit-id: 1e9163e445f31d9751b860b3158fa6dbc9593c20 Former-commit-id: 0a8004ed1b5137950228009c9659e818311224f9 Former-commit-id: 6453529cd7a24044b11417e24ec4ca2c7861db5c
122 lines
2.9 KiB
Vue
122 lines
2.9 KiB
Vue
<template>
|
|
<d2-container>
|
|
<el-table
|
|
:data="log"
|
|
size="mini"
|
|
style="width: 100%"
|
|
empty-text="暂无日志信息"
|
|
stripe>
|
|
<!-- 时间 -->
|
|
<el-table-column
|
|
prop="time"
|
|
label="Time"
|
|
width="140">
|
|
</el-table-column>
|
|
<!-- 信息 -->
|
|
<el-table-column
|
|
prop="message"
|
|
label="Message">
|
|
</el-table-column>
|
|
<!-- 触发页面 -->
|
|
<el-table-column
|
|
label="Url"
|
|
align="center"
|
|
min-width="200">
|
|
<template slot-scope="scope">
|
|
{{get(scope.row, 'meta.url')}}
|
|
</template>
|
|
</el-table-column>
|
|
<!-- 触发组件 -->
|
|
<el-table-column
|
|
label="Tag"
|
|
align="center"
|
|
min-width="120">
|
|
<template slot-scope="scope">
|
|
<el-tag
|
|
v-if="get(scope.row, 'meta.instance.$vnode.componentOptions.tag')"
|
|
type="info"
|
|
size="mini">
|
|
<{{get(scope.row, 'meta.instance.$vnode.componentOptions.tag')}}>
|
|
</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<!-- 查看详情 -->
|
|
<el-table-column
|
|
fixed="right"
|
|
align="center"
|
|
label="More"
|
|
width="100">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
type="primary"
|
|
size="mini"
|
|
@click="handleShowMore(scope.row)">
|
|
<d2-icon name="eye"/>
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<template slot="footer">
|
|
<el-button
|
|
type="primary"
|
|
size="mini"
|
|
:loading="uploading"
|
|
@click="handleUpload">
|
|
<d2-icon name="cloud-upload"/>
|
|
Upload {{log.length}} log data
|
|
</el-button>
|
|
</template>
|
|
</d2-container>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState } from 'vuex'
|
|
import { get } from 'lodash'
|
|
export default {
|
|
data () {
|
|
return {
|
|
uploading: false
|
|
}
|
|
},
|
|
computed: {
|
|
...mapState('d2admin/log', [
|
|
'log'
|
|
])
|
|
},
|
|
methods: {
|
|
get,
|
|
handleShowMore (log) {
|
|
// 打印一条日志的所有信息到控制台
|
|
this.$notify({
|
|
type: 'info',
|
|
title: '日志详情',
|
|
message: '完整的日志内容已经打印到控制台'
|
|
})
|
|
this.$log.capsule('D2Admin', 'handleShowMore', 'primary')
|
|
console.group(log.message)
|
|
console.log('time: ', log.time)
|
|
console.log('type: ', log.type)
|
|
console.log(log.meta)
|
|
console.groupEnd()
|
|
},
|
|
// 日志上传
|
|
handleUpload () {
|
|
this.uploading = true
|
|
this.$notify({
|
|
type: 'info',
|
|
title: '日志上传',
|
|
message: `开始上传${this.log.length}条日志`
|
|
})
|
|
setTimeout(() => {
|
|
this.uploading = false
|
|
this.$notify({
|
|
type: 'success',
|
|
title: '日志上传',
|
|
message: '上传成功'
|
|
})
|
|
}, 3000)
|
|
}
|
|
}
|
|
}
|
|
</script>
|