|
|
|
@ -65,7 +65,7 @@
|
|
|
|
|
<el-table-column v-for="i in deviceDataColumns" :key="i.columnName" :label="i.columnName"
|
|
|
|
|
:prop="i.columnKey">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-image v-if="scope.row[i.columnKey].toString().includes('http')"
|
|
|
|
|
<el-image v-if="(scope.row[i.columnKey] || '').toString().includes('http')"
|
|
|
|
|
:preview-src-list="[scope.row[i.columnKey]]" :src="scope.row[i.columnKey]"
|
|
|
|
|
style="width: 100px; height: 100px">
|
|
|
|
|
</el-image>
|
|
|
|
@ -74,7 +74,8 @@
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<el-pagination v-show="!isMap" :currentPage="currentPage" :pageSize="10" :total="total" background
|
|
|
|
|
<el-pagination v-show="!isMap && tableData.length>0" :currentPage="currentPage" :pageSize="10"
|
|
|
|
|
:total="total" background
|
|
|
|
|
layout="prev, pager, next" @current-change="currentChange">
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
@ -106,7 +107,8 @@
|
|
|
|
|
|
|
|
|
|
<div style="text-align: center;margin: 8px 0;">
|
|
|
|
|
<el-button v-if="isMap" disabled type="primary"
|
|
|
|
|
@click="continueMap">已加载: {{ (mapOffset + 1) * 100 }} 总计: {{ mapTotal }}
|
|
|
|
|
@click="continueMap">已加载:
|
|
|
|
|
{{ ((mapOffset + 1) * 100 > mapTotal) ? mapTotal : ((mapOffset + 1) * 100) }} 总计: {{ mapTotal }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="isMap" :disabled="mapTotal < (mapOffset + 1) * 100" type="primary"
|
|
|
|
|
@click="continueMap">继续加载
|
|
|
|
@ -351,10 +353,9 @@ export default {
|
|
|
|
|
startTime: this.date?.[0],
|
|
|
|
|
endTime: this.date?.[1],
|
|
|
|
|
})
|
|
|
|
|
console.log(data)
|
|
|
|
|
let deviceDataColumns = data.deviceDataColumns
|
|
|
|
|
let dataList = data.historyData?.dataList || []
|
|
|
|
|
if (deviceDataColumns.filter(e => e.columnKey === 'longitude' || e.columnKey === '"latitude"').length >0) {
|
|
|
|
|
if (deviceDataColumns.filter(e => e.columnKey === 'longitude' || e.columnKey === '"latitude"').length > 0 && dataList.length > 0) {
|
|
|
|
|
this.isMap = true
|
|
|
|
|
this.mapTotal = data.historyData.count
|
|
|
|
|
let mapData = dataList.filter(e => (Object.keys(e).includes('longitude') || Object.keys(e).includes('"latitude"'))).map(e => {
|
|
|
|
@ -377,8 +378,10 @@ export default {
|
|
|
|
|
} else {
|
|
|
|
|
this.tableData = data.historyData?.dataList
|
|
|
|
|
this.total = data.historyData?.count
|
|
|
|
|
// this.currentPage = 1
|
|
|
|
|
this.deviceDataColumns = data.deviceDataColumns
|
|
|
|
|
if (dataList.length > 0) {
|
|
|
|
|
// this.currentPage = 1
|
|
|
|
|
this.deviceDataColumns = data.deviceDataColumns
|
|
|
|
|
}
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.show = true
|
|
|
|
|
})
|
|
|
|
|