liuyg
2021-08-14 d6caa7f8cbdd1f57ed9be4571fc7d86d21bdfbeb
src/views/home/index.vue
@@ -12,28 +12,34 @@
            <img src="../../../public/img/bajgxt/icon1.png" />
            <span>各辖区单位统计情况</span>
          </div>
          <div class='leftEchartTitle'>
            <div class='block1'></div>
          <div class="leftEchartTitle">
            <div class="block1"></div>
            <span>自招保安单位</span>
            <span>230</span>
            <span>{{ leftData.zz }}</span>
            <span>个</span>
          </div>
          <div class='leftEchartTitle leftEchartTitle2'>
            <div class='block1'></div>
          <div class="leftEchartTitle leftEchartTitle2">
            <div class="block1"></div>
            <span>保安培训公司</span>
            <span>210</span>
            <span>{{ leftData.px }}</span>
            <span>个</span>
          </div>
          <div class='leftEchartTitle leftEchartTitle3'>
            <div class='block1'></div>
          <div class="leftEchartTitle leftEchartTitle3">
            <div class="block1"></div>
            <span>保安服务公司</span>
            <span>180</span>
            <span>{{ leftData.fw }}</span>
            <span>个</span>
          </div>
          <div class='leftEchartTitle leftEchartTitle4'>
            <div class='block1'></div>
          <div class="leftEchartTitle leftEchartTitle4">
            <div class="block1"></div>
            <span>武装守押公司</span>
            <span>150</span>
            <span>{{ leftData.wz }}</span>
            <span>个</span>
          </div>
          <div class="leftEchartTitle leftEchartTitle5">
            <div class="block1"></div>
            <span>跨区域保安公司</span>
            <span>{{ leftData.kqy }}</span>
            <span>个</span>
          </div>
          <div id="left1Echart" v-loading="left1loading"></div>
@@ -269,34 +275,27 @@
          </div>
          <div class="right-content" v-loading="right2loading">
            <div class="rightData rightData1">
              <img src="../../../public/img/bajgxt/u215.png" alt />
              <div class="text">
                <span>信息更新频率</span>
                <span>123次</span>
              </div>
            </div>
            <div class="rightData rightData2">
              <img src="../../../public/img/bajgxt/u231.png" alt />
              <div class="text">
                <span>数据未更新</span>
                <span>45条</span>
              </div>
            </div>
            <div class="rightData rightData3">
            <div class="rightData rightData2">
              <img src="../../../public/img/bajgxt/u232.png" alt />
              <div class="text">
                <span>资质不全</span>
                <span>23个</span>
              </div>
            </div>
            <div class="rightData rightData4">
            <div class="rightData rightData3">
              <img src="../../../public/img/bajgxt/u233.png" alt />
              <div class="text">
                <span>没开展业务</span>
                <span>12个</span>
              </div>
            </div>
            <div class="rightData rightData5">
            <div class="rightData rightData4">
              <img src="../../../public/img/bajgxt/111.png" alt />
              <div class="text">
                <span>被公安查处</span>
@@ -364,6 +363,8 @@
  selectFj,
  selectBx,
  selectExtype,
  seCountUg,
  seCountI,
} from "../../api/index/index";
import car from "@/assets/img/car.png";
@@ -408,6 +409,13 @@
      right3loading: true,
      textArr: [],
      number: 0,
      leftData: {
        zz: 0,
        px: 0,
        fw: 0,
        wz: 0,
        kqy:0
      },
    };
  },
  computed: {
@@ -430,7 +438,7 @@
        this.startMove();
      }, 2000); // 滚动不需要停顿则将2000改成动画持续时间
    },
    // 左侧两个表的接口返回数据
    // 左侧表的接口返回数据
    initEchart() {
      securityTotal().then((res) => {
        if (res.data.code == 200) {
@@ -446,16 +454,30 @@
        }
        this.left1loading = false;
      });
      // securityPer().then(res => {
      //   if (res.data.code === 200) {
      //     let data = res.data.data;
      //   let right1Echart = echarts.init(document.getElementById("right1Echart"));
      //   right1Echart.setOption(optionJs.right1Data(data));
      //   }
      // });
      //   let right2Echart = echarts.init(document.getElementById("right2Echart"));
      //   right2Echart.setOption(optionJs.right2Data(data));
      seCountI({ jurisdiction: "", deptid: "" }).then((res) => {
        if (res.data.code == 200) {
          let data = res.data.data;
          data.forEach((item) => {
            if (item.stats === "0") {
              this.leftData.zz = item.num;
            }
            if (item.stats === "1") {
              this.leftData.px = item.num;
            }
            if (item.stats === "2") {
              this.leftData.fw = item.num;
            }
            if (item.stats === "3") {
              this.leftData.wz = item.num;
            }
            if (item.stats === "4") {
              this.leftData.kqy = item.num;
            }
          });
        } else {
          this.$message.error(res.msg);
        }
      });
      selectFj().then((res) => {
        if (res.data.code === 200) {
          if (!this.echarts.right3Echart) {
@@ -474,24 +496,35 @@
    },
    getHolderNum(type) {
      this.left2loading = true;
      if (this.echarts.left2Echart) {
        this.echarts.left2Echart.clear();
      }
      if (type === 0) {
        holderNum().then((res) => {
          if (res.data.code === 200) {
            let data = res.data.data;
            if (!this.echarts.left2Echart) {
              this.echarts.left2Echart = echarts.init(
                document.getElementById("left2Echart")
              );
            }
            this.echarts.left2Echart.setOption(optionJs.left2Data(data));
            this.echarts.left2Echart = echarts.init(
              document.getElementById("left2Echart")
            );
            this.echarts.left2Echart.setOption(optionJs.left2Data(data), true);
          } else {
            this.$message.error(res.msg);
          }
          this.left2loading = false;
        });
      } else {
        let data = [];
        this.echarts.left2Echart.setOption(optionJs.left3Data(data));
        seCountUg({ jurisdiction: "", deptid: "" }).then((res) => {
          if (res.data.code === 200) {
            this.echarts.left2Echart = echarts.init(
              document.getElementById("left2Echart")
            );
            this.echarts.left2Echart.setOption(
              optionJs.left3Data(res.data.data, true)
            );
          }
          this.left2loading = false;
        });
      }
    },
    initMapEchart(data, type) {