From f997a7dc8e0f4ff2a22a39617cbea9d21d7f69c8 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期五, 02 九月 2022 04:53:51 +0800
Subject: [PATCH] 完成点位变更交互

---
 src/views/invalidCamera/components/DevBox.vue |   76 ++++++++++++++++++++++++++++++++-----
 1 files changed, 65 insertions(+), 11 deletions(-)

diff --git a/src/views/invalidCamera/components/DevBox.vue b/src/views/invalidCamera/components/DevBox.vue
index b25f3d8..d9b4e7b 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,65 @@
   </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
+            this.total = res.data.total
+          } else {
+            this.$notify.error("鍔犺浇鍒楄〃澶辫触")
+          }
+        })
+        .catch((e) => {
+          this.$notify.error(e.msg)
+        })
+    },
+    //鍒嗛〉鍔熻兘
+    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