From 78100600b17b48336b5a60b0e648b1bc98a53a90 Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期三, 21 八月 2024 18:00:49 +0800
Subject: [PATCH] feat：大屏查询条件
---
src/views/screen/newPage/index.vue | 51 +++++++++++++++++++++++++++++++++------------------
1 files changed, 33 insertions(+), 18 deletions(-)
diff --git a/src/views/screen/newPage/index.vue b/src/views/screen/newPage/index.vue
index 62ec7c4..e05723c 100644
--- a/src/views/screen/newPage/index.vue
+++ b/src/views/screen/newPage/index.vue
@@ -26,7 +26,7 @@
</div>
</div>
<div class="large_screen_box">
- <NewMap></NewMap>
+ <NewMap @clickMap="getDeptId"></NewMap>
</div>
<div class="left_box">
@@ -120,7 +120,7 @@
import VideoChart from "../components/screen-examine/components/video-chart.vue";
import ScreenData from "../components/screen-data/index.vue";
import NewMap from "./components/newMap.vue";
-import { getDeviceData, getWorkOrderData, getWorkOrderRegion, getNormalRate, checkFace, checkCar, checkVideo } from "@/api/newpage";
+import { getDepartmentData, getDeviceData, getWorkOrderData, getWorkOrderRegion, getNormalRate, checkFace, checkCar, checkVideo } from "@/api/newpage";
export default {
name: "Newpage",
components: {
@@ -135,8 +135,10 @@
},
data() {
return {
+ deptId: '',
+ deptList: [],
isEnd: false,
- activeName: "1",
+ activeName: "2",
testData1: [
{
name: "鐪佸巺鏁版嵁",
@@ -161,9 +163,25 @@
};
},
mounted() {
+ // 鑾峰彇閮ㄩ棬
+ getDepartmentData()
+ .then((res) => {
+ this.deptList = res.data;
+ })
+ .catch((err) => { });
+ // 鏌ヨ鏁版嵁
this.getData();
},
methods: {
+ getDeptId(deptName) {
+ let deptId = this.deptList.find(item => item.area === deptName).deptId;
+ if (deptId === this.deptId) {
+ this.deptId = '';
+ } else {
+ this.deptId = deptId
+ }
+ this.getData();
+ },
returnPath() {
this.$router.push("/index");
},
@@ -171,47 +189,44 @@
console.log(tab, event);
},
getData() {
- getDeviceData()
+ getDeviceData(this.activeName, this.deptId)
.then((res) => {
this.deviceList = res.data;
})
.catch((err) => { });
- getWorkOrderData()
+ getWorkOrderData(this.activeName, this.deptId)
.then((res) => {
this.workOrderData = res.data;
})
.catch((err) => { });
- getWorkOrderRegion()
+ getWorkOrderRegion(this.activeName, this.deptId)
.then((res) => {
this.workOrderRegion = res.data;
})
.catch((err) => { });
- this.getTableList();
- checkCar()
+ getNormalRate(this.activeName, this.deptId)
+ .then((res) => {
+ this.tableData = res.data;
+ })
+ .catch((err) => { });
+ checkCar(this.activeName, this.deptId)
.then((res) => {
this.carList = res.data;
})
.catch((err) => { });
- checkFace()
+ checkFace(this.activeName, this.deptId)
.then((res) => {
this.faceList = res.data;
})
.catch((err) => { });
- checkVideo()
+ checkVideo(this.activeName, this.deptId)
.then((res) => {
this.videoList = res.data;
})
.catch((err) => { });
},
- getTableList() {
- getNormalRate(this.activeName)
- .then((res) => {
- this.tableData = res.data;
- })
- .catch((err) => { });
- },
tabChange() {
- this.getTableList()
+ this.getData();
}
},
};
--
Gitblit v1.8.0