From 17e2cb23e7720ef1ba90d17456efae338eee4c4c Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期五, 02 九月 2022 03:28:07 +0800
Subject: [PATCH] 添加点位变更页面
---
src/views/invalidCamera/index.vue | 24 ++++++
/dev/null | 5 -
src/views/manageCenter/index.vue | 25 ++++-
src/views/invalidCamera/components/DevBox.vue | 121 ++++++++++++++++++++++++++++++
src/api/hik.ts | 12 +++
src/router/index.js | 5 +
6 files changed, 181 insertions(+), 11 deletions(-)
diff --git a/src/api/hik.ts b/src/api/hik.ts
new file mode 100644
index 0000000..a709b7f
--- /dev/null
+++ b/src/api/hik.ts
@@ -0,0 +1,12 @@
+import request from "@/scripts/httpRequest"
+import qs from "qs"
+/**
+ * 鏍规嵁浜嬩欢鎺ㄩ�佷富棰樼殑涓�绾у拰浜岀骇閫夐」鑾峰彇鏈�鍚庝笅鎷夎彍鍗曞垪琛�
+ */
+export const getInvalidCamList = (query: any) => {
+ return request({
+ url: "/saas/api-s/hik/invalidCamList",
+ method: "get",
+ params: query
+ })
+}
diff --git a/src/package.json b/src/package.json
deleted file mode 100644
index 7a80288..0000000
--- a/src/package.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
- "dependencies": {
- "js-base64": "^3.7.2"
- }
-}
diff --git a/src/router/index.js b/src/router/index.js
index 5f69683..09413ad 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -135,6 +135,11 @@
path: "/webroot",
name: "webroot",
component: () => import(/* webpackChunkName: "about" */ "../views/webroot")
+ },
+ {
+ path: "/invalidCamera",
+ name: "invalidCamera",
+ component: () => import(/* webpackChunkName: "about" */ "../views/invalidCamera")
}
]
diff --git a/src/views/invalidCamera/components/DevBox.vue b/src/views/invalidCamera/components/DevBox.vue
new file mode 100644
index 0000000..b25f3d8
--- /dev/null
+++ b/src/views/invalidCamera/components/DevBox.vue
@@ -0,0 +1,121 @@
+<template>
+ <div class="event-data">
+ <div class="title">鐐逛綅鍙樻洿鏌ヨ</div>
+ <!-- <hr /> -->
+ <div class="cluster">
+ <el-date-picker
+ v-model="searchTime"
+ @change="searchingBtn"
+ type="datetimerange"
+ size="small"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ :default-time="['00:00:00', '23:59:59']"
+ ></el-date-picker>
+ <el-button type="primary">涓昏鎸夐挳</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>
+ </div>
+ <div>
+ <el-pagination
+ :current-page="page"
+ :page-size="size"
+ layout="total, sizes, prev, pager, next, jumper"
+ :page-sizes="[5, 10, 15, 20, 25]"
+ :total="total"
+ background
+ ></el-pagination>
+ </div>
+ </div>
+</template>
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped>
+.event-data {
+ padding: 20px;
+ width: 1280px;
+ height: 1000px;
+ background-color: #fff;
+ margin: 0 auto;
+ margin-top: 20px;
+ .title {
+ margin-bottom: 20px;
+ height: 20px;
+ font-weight: 700;
+ color: #000;
+ padding: 20px 0 30px 0;
+ font-weight: normal;
+ border-bottom: 1px solid #e9ebee;
+ }
+ .cluster {
+ padding-top: 30px;
+ }
+ .cluster {
+ .el-select {
+ width: 230px;
+ height: 40px;
+ line-height: 40px;
+ }
+ .el-button {
+ margin-left: 30px;
+ }
+ }
+ .table-area {
+ padding-top: 30px;
+ }
+ .el-pagination ::v-deep {
+ margin-top: 30px;
+ text-align: right;
+ height: 24px;
+ .el-pagination__sizes {
+ margin-right: 0;
+ }
+
+ button {
+ margin: 0;
+ background-color: #fff;
+ border: 1px solid #c0c5cc;
+ border-radius: 2px;
+ }
+
+ .number {
+ background-color: #fff;
+
+ &:not(.disabled):hover {
+ color: #0065ff;
+ }
+
+ &:not(.disabled).active {
+ background-color: #0065ff;
+ color: #fff;
+ }
+ }
+
+ .el-input .el-input__inner {
+ padding-left: 0;
+
+ &:hover,
+ &:focus {
+ border-color: #0065ff;
+ }
+ }
+
+ .el-pagination__jump {
+ margin-left: 12px;
+ .el-pagination__editor {
+ width: 37px;
+ input {
+ width: 32px;
+ }
+ }
+ }
+ }
+}
+</style>
diff --git a/src/views/invalidCamera/index.vue b/src/views/invalidCamera/index.vue
new file mode 100644
index 0000000..2ccd0c2
--- /dev/null
+++ b/src/views/invalidCamera/index.vue
@@ -0,0 +1,24 @@
+<template>
+ <div class="data-change">
+ <IndexHeader :opacity="false"></IndexHeader>
+ <DevBox></DevBox>
+ </div>
+</template>
+
+<script>
+import DevBox from "@/views/chang/components/DevBox.vue"
+import IndexHeader from "@/components/IndexHeader"
+export default {
+ components: {
+ IndexHeader,
+ DevBox
+ },
+ created() {}
+}
+</script>
+<style lang="scss" scoped>
+.data-change {
+ background-color: rgb(243, 245, 248);
+ min-height: 100vh;
+}
+</style>
diff --git a/src/views/manageCenter/index.vue b/src/views/manageCenter/index.vue
index 18530c7..4e0abc8 100644
--- a/src/views/manageCenter/index.vue
+++ b/src/views/manageCenter/index.vue
@@ -26,7 +26,7 @@
<div class="products">
<div class="title">缁熻鍒嗘瀽</div>
<div class="productList">
- <p class="p-statis" style=" vertical-align: top">
+ <p class="p-statis" style="vertical-align: top">
<span>鏃堕棿锛�</span>
<el-date-picker
size="mini"
@@ -64,7 +64,7 @@
<span>閮ㄩ棬锛�</span>
<el-cascader
size="mini"
- style="width:400px"
+ style="width: 400px"
v-model="searchTree"
:options="menuTree"
:props="{ value: 'id', label: 'name', checkStrictly: true }"
@@ -80,7 +80,7 @@
clearable
collapse-tags
size="mini"
- style="width:140px"
+ style="width: 140px"
placeholder="璇烽�夋嫨"
>
<el-option
@@ -162,7 +162,7 @@
<div class="left">
<div class="title">棰勮鏁版嵁鍗犳瘮:</div>
<div class="info">
- <div class="equipmentInfo" style="margin-top:25px">
+ <div class="equipmentInfo" style="margin-top: 25px">
<div class="equipmentCard">
<div class="label">鏁存敼鎬婚噺</div>
<div class="number">
@@ -327,6 +327,13 @@
openPath: "/video",
path: "/video",
permission: "videoMng"
+ },
+ {
+ name: "鐐逛綅鍙樻洿",
+ icon: "/images/manageCenter/manage.png",
+ openPath: "/invalidCamera",
+ path: "/invalidCamera",
+ permission: "invalidCamera"
}
],
cameraTree: [],
@@ -607,7 +614,10 @@
console.log("warningStatics", decodeResult)
decodeResult.forEach((element) => {
this.solvedTotal = this.solvedTotal + element.doc_count
- this.tableDataList.push({ date: element.key_as_string, count: element.doc_count })
+ this.tableDataList.push({
+ date: element.key_as_string,
+ count: element.doc_count
+ })
})
}
}
@@ -643,7 +653,10 @@
let decodeResult = JSON.parse(decodeString)
if (decodeResult) {
decodeResult.forEach((element) => {
- this.pieOption.series[0].data.push({ value: element.doc_count, name: element.key })
+ this.pieOption.series[0].data.push({
+ value: element.doc_count,
+ name: element.key
+ })
})
}
}
--
Gitblit v1.8.0