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/index.vue | 2
src/views/personalCenter/components/SubAccount.vue | 2
src/views/invalidCamera/components/DevBox.vue | 76 ++++++++++++++++++++++++++++++++-----
src/api/hik.ts | 4 +-
4 files changed, 69 insertions(+), 15 deletions(-)
diff --git a/src/api/hik.ts b/src/api/hik.ts
index a709b7f..0e17dc2 100644
--- a/src/api/hik.ts
+++ b/src/api/hik.ts
@@ -6,7 +6,7 @@
export const getInvalidCamList = (query: any) => {
return request({
url: "/saas/api-s/hik/invalidCamList",
- method: "get",
- params: query
+ method: "post",
+ data: query
})
}
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;
diff --git a/src/views/invalidCamera/index.vue b/src/views/invalidCamera/index.vue
index 2ccd0c2..861c0e9 100644
--- a/src/views/invalidCamera/index.vue
+++ b/src/views/invalidCamera/index.vue
@@ -6,7 +6,7 @@
</template>
<script>
-import DevBox from "@/views/chang/components/DevBox.vue"
+import DevBox from "@/views/invalidCamera/components/DevBox.vue"
import IndexHeader from "@/components/IndexHeader"
export default {
components: {
diff --git a/src/views/personalCenter/components/SubAccount.vue b/src/views/personalCenter/components/SubAccount.vue
index c220ac0..f2acc07 100644
--- a/src/views/personalCenter/components/SubAccount.vue
+++ b/src/views/personalCenter/components/SubAccount.vue
@@ -272,11 +272,11 @@
searchTime: [this.$moment().format("YYYY-MM-DD 00:00:00"), this.$moment().format("YYYY-MM-DD HH:mm:ss")], //鎼滅储鏃堕棿
page: 1,
size: 10, //鍒嗛〉鐩稿叧
+ total: 0, //鎬绘暟,
inputText: "", //杈撳叆妗嗗唴瀹�
activeStep: 0,
activeIndex: 0,
industrys: [],
- total: 0, //鎬绘暟,
treeHeight: 750,
treeData: [],
treeSettings: {
--
Gitblit v1.8.0