126 lines
2.7 KiB
Vue
126 lines
2.7 KiB
Vue
|
<template>
|
|||
|
|
<view class="fix-top-window">
|
|||
|
|
<view class="uni-container">
|
|||
|
|
<uni-stat-table :data="tableData" :filedsMap="popupFieldsMap" :loading="loading" />
|
|||
|
|
<view class="uni-pagination-box">
|
|||
|
|
<uni-pagination show-icon show-page-size :page-size="options.pageSize" :current="options.pageCurrent"
|
|||
|
|
:total="options.total" @change="changePageCurrent" @pageSizeChange="changePageSize" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- #ifndef H5 -->
|
|||
|
|
<fix-window />
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
mapfields,
|
|||
|
|
stringifyQuery,
|
|||
|
|
getTimeOfSomeDayAgo,
|
|||
|
|
division,
|
|||
|
|
format,
|
|||
|
|
formatDate,
|
|||
|
|
parseDateTime,
|
|||
|
|
debounce
|
|||
|
|
} from '@/js_sdk/uni-stat/util.js'
|
|||
|
|
import {
|
|||
|
|
popupFieldsMap
|
|||
|
|
} from './fieldsMap.js'
|
|||
|
|
|
|||
|
|
const panelOption = [{
|
|||
|
|
title: '错误总数',
|
|||
|
|
value: 0,
|
|||
|
|
tooltip: '指应用在某个时间段内出现错误的总数'
|
|||
|
|
}, {
|
|||
|
|
title: '错误率',
|
|||
|
|
value: 0,
|
|||
|
|
tooltip: '时间范围内的总错误数/应用启动次数，如果小于0.01%，默认显示为0'
|
|||
|
|
}]
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
popupFieldsMap,
|
|||
|
|
options: {
|
|||
|
|
pageSize: 20,
|
|||
|
|
pageCurrent: 1, // 当前页
|
|||
|
|
total: 0, // 数据总量
|
|||
|
|
},
|
|||
|
|
query: {
|
|||
|
|
error_hash: '',
|
|||
|
|
create_time: []
|
|||
|
|
},
|
|||
|
|
loading: false,
|
|||
|
|
tableData: []
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
let {
|
|||
|
|
error_hash,
|
|||
|
|
create_time
|
|||
|
|
} = option
|
|||
|
|
if (error_hash) {
|
|||
|
|
create_time = Number(create_time)
|
|||
|
|
this.query.error_hash = error_hash
|
|||
|
|
this.query.create_time = [create_time, create_time + 24 * 60 * 60 * 1000]
|
|||
|
|
this.getTableData(stringifyQuery(this.query))
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
changePageCurrent(e) {
|
|||
|
|
this.options.pageCurrent = e.current
|
|||
|
|
this.getTableData(stringifyQuery(this.query))
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
changePageSize(pageSize) {
|
|||
|
|
this.options.pageSize = pageSize
|
|||
|
|
this.options.pageCurrent = 1 // 重置分页
|
|||
|
|
this.getTableData(stringifyQuery(this.query))
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
getTableData(query) {
|
|||
|
|
const {
|
|||
|
|
pageCurrent
|
|||
|
|
} = this.options
|
|||
|
|
this.loading = true
|
|||
|
|
const db = uniCloud.database()
|
|||
|
|
db.collection('uni-stat-error-logs')
|
|||
|
|
.where(query)
|
|||
|
|
.orderBy('create_time', 'desc')
|
|||
|
|
.skip((pageCurrent - 1) * this.options.pageSize)
|
|||
|
|
.limit(this.options.pageSize)
|
|||
|
|
.get({
|
|||
|
|
getCount: true
|
|||
|
|
})
|
|||
|
|
.then(res => {
|
|||
|
|
const {
|
|||
|
|
count,
|
|||
|
|
data
|
|||
|
|
} = res.result
|
|||
|
|
this.options.total = count
|
|||
|
|
for (const item of data) {
|
|||
|
|
item.create_time = parseDateTime(item.create_time, 'dateTime')
|
|||
|
|
}
|
|||
|
|
this.tableData = data
|
|||
|
|
})
|
|||
|
|
.finally(() => {
|
|||
|
|
this.loading = false
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.uni-stat-panel {
|
|||
|
|
box-shadow: unset;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0 15px;
|
|||
|
|
}
|
|||
|
|
</style>
|