feat：大屏查询条件

龚焕茏

2024-08-21 78100600b17b48336b5a60b0e648b1bc98a53a90

 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();
    }
  },
};