字体

fuliqi

2024-09-30 f5f2d8089ab7d292401af3b76dc27fe7e444d294

 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">
@@ -45,13 +45,13 @@
                </div>
              </div>
              <div class="data-info">
                <div class="data-lable center">设备正常数</div>
                <div class="data-lable center">正常数</div>
                <div class="data-num type2 center">
                  <span v-roll>{{ item.normalNum }}</span>
                </div>
              </div>
              <div class="data-info">
                <div class="data-lable center">设备异常数</div>
                <div class="data-lable center">异常数</div>
                <div class="data-num type3 center">
                  <span v-roll>{{ item.errorNum }}</span>
                </div>
@@ -86,9 +86,8 @@
            overflow: hidden;
            overflow-x: auto;
            margin-top: -9px;
            height: 90%;
          ">
          <div style="width: 750px">
          <div style="width: 780px">
            <CarChart class="wrapper-item" :carList="carList"></CarChart>
          </div>
        </div>
@@ -100,7 +99,6 @@
        <div style="
            overflow: auto;
            margin-top: -9px;
            height: 90%;
          ">
          <div style="width: 1100px">
            <VideoChart class="wrapper-item" :videoList="videoList"></VideoChart>
@@ -120,7 +118,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 +133,10 @@
  },
  data() {
    return {
      deptId: '',
      deptList: [],
      isEnd: false,
      activeName: "1",
      activeName: "2",
      testData1: [
        {
          name: "省厅数据",
@@ -161,9 +161,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 +187,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();
    }
  },
};