From 2ec95b3d2fd484b44d5274054bcbd78307a76ef8 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期五, 30 九月 2022 14:04:12 +0800
Subject: [PATCH] 报警推送日志
---
src/views/invalidCamera/components/DevBox.vue | 90 +++++++++++++++++++++++++++++++++++++++-----
1 files changed, 79 insertions(+), 11 deletions(-)
diff --git a/src/views/invalidCamera/components/DevBox.vue b/src/views/invalidCamera/components/DevBox.vue
index b25f3d8..6202a43 100644
--- a/src/views/invalidCamera/components/DevBox.vue
+++ b/src/views/invalidCamera/components/DevBox.vue
@@ -5,24 +5,27 @@
<div class="cluster">
<el-date-picker
v-model="searchTime"
- @change="searchingBtn"
- type="datetimerange"
- size="small"
+ @change="findCamList"
+ type="daterange"
+ size="mini"
start-placeholder="寮�濮嬫棩鏈�"
end-placeholder="缁撴潫鏃ユ湡"
- :default-time="['00:00:00', '23:59:59']"
+ value-format="yyyy-MM-dd"
></el-date-picker>
- <el-button type="primary">涓昏鎸夐挳</el-button>
+ <el-button type="primary" size="mini" @click="findCamList">鏌ヨ</el-button>
</div>
<div class="table-area">
- <el-table :header-cell-style="{ background: '#f0f3f5' }">
- <el-table-column label="鍙樻洿鏃堕棿" width="420px"></el-table-column>
- <el-table-column label="璁惧ID" width="440px"></el-table-column>
- <el-table-column label="璁惧鍚嶇О" width="420"></el-table-column>
+ <el-table :header-cell-style="{ background: '#f0f3f5' }" :data="dataList">
+ <el-table-column label="搴忓彿" type="index" width="100"> </el-table-column>
+ <el-table-column label="鍙樻洿鏃ユ湡" prop="createTime"></el-table-column>
+ <el-table-column label="璁惧鍚嶇О" prop="cameraName"></el-table-column>
+ <el-table-column label="璁惧閫氶亾鍙�" prop="indexCode"></el-table-column>
</el-table>
</div>
<div>
<el-pagination
+ @current-change="refrash"
+ @size-change="handleSizeChange"
:current-page="page"
:page-size="size"
layout="total, sizes, prev, pager, next, jumper"
@@ -34,14 +37,79 @@
</div>
</template>
<script>
-export default {}
+import { getInvalidCamList } from "@/api/hik"
+export default {
+ name: "invalidCameraList",
+ data() {
+ return {
+ page: 1,
+ size: 10, //鍒嗛〉鐩稿叧
+ total: 0, //鎬绘暟,
+ dataList: [],
+ searchTime: [
+ this.$moment()
+ .subtract(6, "days")
+ .format("YYYY-MM-DD"),
+ this.$moment().format("YYYY-MM-DD")
+ ]
+ }
+ },
+ mounted() {
+ this.findCamList()
+ },
+ methods: {
+ findCamList() {
+ getInvalidCamList({
+ page: this.page,
+ size: this.size,
+ startTime: this.searchTime[0],
+ endTime: this.searchTime[1]
+ })
+ .then((res) => {
+ if (res.success) {
+ this.dataList = res.data.list.sort(this.compare("createTime", "inverted"))
+ // this.dataList = this.reverseDate(res.data.list, "createTime")
+ this.total = res.data.total
+ } else {
+ this.$notify.error("鍔犺浇鍒楄〃澶辫触")
+ }
+ })
+ .catch((e) => {
+ this.$notify.error(e.msg)
+ })
+ },
+ compare(prop, align) {
+ return function(a, b) {
+ var value1 = a[prop]
+ var value2 = b[prop]
+ if (align == "positive") {
+ //姝ｅ簭
+ return new Date(value1) - new Date(value2)
+ } else if (align == "inverted") {
+ //鍊掑簭
+ return new Date(value2) - new Date(value1)
+ }
+ }
+ },
+ //鍒嗛〉鍔熻兘
+ handleSizeChange(size) {
+ this.size = size
+ this.findCamList()
+ },
+ //鍒嗛〉鍔熻兘
+ refrash(page) {
+ this.page = page
+ this.findCamList()
+ }
+ }
+}
</script>
<style lang="scss" scoped>
.event-data {
padding: 20px;
width: 1280px;
- height: 1000px;
+ min-height: 800px;
background-color: #fff;
margin: 0 auto;
margin-top: 20px;
--
Gitblit v1.8.0