Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_regulatory

zhengpz

2021-08-30 9a1a448d6bc80cb085e64f7117b2dfd53eceb779

 src/views/securityUnitOperation/operationAnalysis.vue

@@ -60,11 +60,11 @@
              <span>{{ card.czBaoan }}</span>
              <span>较上月增加{{ card.addczBaoan }}人</span>
            </div>
            <div class="box-card">
            <!-- <div class="box-card">
              <span>过考保安员</span>
              <span>{{ card.gkBaoan }}</span>
              <span>较上月增加{{ card.addgkBaoan }}人</span>
            </div>
            </div> -->
            <div class="box-card">
              <span>服务客户</span>
              <span>{{ card.kh }}</span>
@@ -111,19 +111,19 @@
          <div class="leftEchartTitle qing">
            <div class="block1"></div>
            <span>青年</span>
            <span>11</span>
            <span>{{ ageData.qing }}</span>
            <span>人</span>
          </div>
          <div class="leftEchartTitle zhong">
            <div class="block1"></div>
            <span>中年</span>
            <span>321</span>
            <span>{{ ageData.zhong }}</span>
            <span>人</span>
          </div>
          <div class="leftEchartTitle lao">
            <div class="block1"></div>
            <span>老年</span>
            <span>123</span>
            <span>{{ ageData.lao }}</span>
            <span>人</span>
          </div>
          <div id="bottomEchart1"></div>
@@ -141,7 +141,8 @@
  queryCounts,
  getCompanys,
  queryYearKh,
  queryYearG
  queryYearG,
  selectAge
} from "../../api/securityUnitOperation/securityUnitOperation";
export default {
  data() {
@@ -203,20 +204,39 @@
        middleEchart2: null,
        bottomEchart: null,
        bottomEchart1: null
      },
      ageData: {
        qing: 0,
        zhong: 0,
        lao: 0
      }
    };
  },
  methods: {
    setEchart() {
      let data = [];

      let data1 = [];
      if (!this.echartDom.bottomEchart1) {
        this.echartDom.bottomEchart1 = echarts.init(
          document.getElementById("bottomEchart1")
        );
        this.echartDom.bottomEchart1.setOption(echartJs.bottomOption2(data1));
      }
    setAgeEchart() {
      this.loading4 = true;
      let params = {
        jurisdiction: this.value1,
        deptid: this.value2
      };
      selectAge(params).then(res => {
        if (res.data.code === 200) {
          if (!this.echartDom.bottomEchart1) {
            this.echartDom.bottomEchart1 = echarts.init(
              document.getElementById("bottomEchart1")
            );
          }
          this.echartDom.bottomEchart1.setOption(
            echartJs.bottomOption2(res.data.data)
          );
          this.ageData.qing = res.data.data.qcount;
          this.ageData.zhong = res.data.data.zcount;
          this.ageData.lao = res.data.data.lcount;
        } else {
          this.$message.error(res.data.msg);
        }
        this.loading4 = false;
      });
    },
    toOperationTable() {
      this.$router.push({
@@ -352,6 +372,11 @@
        baoanPq: 0,
        addbaoanPq: 0
      };
      this.ageData = {
        qing: 0,
        zhong: 0,
        lao: 0
      };
    },
    changeCompanys() {
      this.options2.forEach(item => {
@@ -363,10 +388,10 @@
      this.getQueryCounts();
      this.getQueryYearKh();
      this.getQueryYearG();
      this.setAgeEchart();
    }
  },
  mounted() {
    this.setEchart();
    this.getFenju();
  }
};