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

shuishen

2021-08-05 c5cb633f82d450ec859ee8a0fb7186cdd0a5be4f

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

 src/views/home/index.vue

@@ -12,35 +12,35 @@
            <img src="../../../public/img/bajgxt/icon1.png" />
            <span>各辖区单位统计情况</span>
          </div>
          <div id="left1Echart"></div>
          <div id="left1Echart" v-loading="left1loading"></div>
        </div>
        <div class="left2">
          <div class="title-pane2">
            <img src="../../../public/img/bajgxt/icon1.png" />
            <span>保安员持证情况</span>
          </div>
          <div id="left2Echart"></div>
          <div id="left2Echart" v-loading="left2loading"></div>
        </div>
      </div>
      <div class="middle">
      <div class="middle" v-loading="middleloading">
        <div class="mapimg">
          <!-- <div></div> -->
          <div class="mapBtn" @click="setMapData(2)">
            <img src="../../../public/img/bajgxt/car.png" alt="" />
            <img src="../../../public/img/bajgxt/car.png" alt />
            <div class="text">
              <span>押运车辆</span>
              <span>{{ carNum }}</span>
            </div>
          </div>
          <div class="mapBtn" @click="setMapData(1)">
            <img src="../../../public/img/bajgxt/peo.png" alt="" />
            <img src="../../../public/img/bajgxt/peo.png" alt />
            <div class="text">
              <span>保安员</span>
              <span>{{ peoNum }}</span>
            </div>
          </div>
          <div class="mapBtn" @click="setMapData(3)">
            <img src="../../../public/img/bajgxt/gun.png" alt="" />
            <img src="../../../public/img/bajgxt/gun.png" alt />
            <div class="text">
              <span>枪支</span>
              <span>{{ gunNum }}</span>
@@ -56,128 +56,71 @@
          <div class="rightbottom"></div>
          <el-table :data="tableData" stripe ref="indexTable">
            <template v-if="curTableType === 2">
              <el-table-column
                :key="curTableType"
                type="index"
                label="序号"
                width="50"
              >
              </el-table-column>
              <el-table-column
                :key="curTableType"
                prop="carNum"
                label="押运车辆车牌号"
                width="180"
              >
              </el-table-column>
              <el-table-column :key="curTableType" type="index" label="序号" width="50"></el-table-column>
              <el-table-column :key="curTableType" prop="carNum" label="押运车辆车牌号" width="180"></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="location"
                label="实时位置"
              >
              </el-table-column>
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="company"
                label="所属公司"
              >
              </el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="linkman"
                label="联系人"
              >
              </el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="tel"
                label="联系电话"
              >
              </el-table-column>
              ></el-table-column>
              <el-table-column :key="curTableType" show-overflow-tooltip prop="linkman" label="联系人"></el-table-column>
              <el-table-column :key="curTableType" show-overflow-tooltip prop="tel" label="联系电话"></el-table-column>
            </template>
            <template v-if="curTableType === 1">
              <el-table-column
                :key="curTableType"
                type="index"
                label="序号"
                width="50"
              >
              </el-table-column>
              <el-table-column :key="curTableType" type="index" label="序号" width="50"></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="name"
                label="押运人员名称"
                width="180"
              >
              </el-table-column>
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="location"
                label="实时位置"
              >
              </el-table-column>
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="company"
                label="所属公司"
              >
              </el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="tel"
                label="联系电话"
              >
              </el-table-column>
              ></el-table-column>
              <el-table-column :key="curTableType" show-overflow-tooltip prop="tel" label="联系电话"></el-table-column>
              <!-- <el-table-column :key="curTableType" prop="bz" label="备注">
              </el-table-column> -->
              </el-table-column>-->
            </template>
            <template v-if="curTableType === 3">
              <el-table-column
                :key="curTableType"
                type="index"
                label="序号"
                width="50"
              >
              </el-table-column>
              <el-table-column :key="curTableType" type="index" label="序号" width="50"></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="number"
                label="枪支编号"
                width="180"
              >
              </el-table-column>
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="location"
                label="实时位置"
              >
              </el-table-column>
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="company"
                label="所属公司"
              >
              </el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="linkman"
                label="负责人"
              >
              </el-table-column>
              <el-table-column :key="curTableType" prop="tel" label="联系电话">
              </el-table-column>
              ></el-table-column>
              <el-table-column :key="curTableType" show-overflow-tooltip prop="linkman" label="负责人"></el-table-column>
              <el-table-column :key="curTableType" prop="tel" label="联系电话"></el-table-column>
            </template>
          </el-table>
        </div>
@@ -193,11 +136,10 @@
                :key="item.id"
                :label="item.title"
                :value="item.value"
              >
              </el-option>
              ></el-option>
            </el-select>
          </div>
          <div class="right-content">
          <div class="right-content" v-loading="right1loading">
            <div class="card-list">
              <img src="../../../public/img/bajgxt/u4.png" />
              <img src="../../../public/img/bajgxt/u256.png" />
@@ -215,7 +157,7 @@
          </div>
          <!-- <div class="card-text"> -->
          <!-- <span>现实表现差</span><span>902,432</span><span>起</span
            ><span>审查情况</span><span>22222</span><span>起</span> -->
          ><span>审查情况</span><span>22222</span><span>起</span>-->
          <!-- </div> -->
          <!-- <div id="right1Echart"></div> -->
        </div>
@@ -223,21 +165,16 @@
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon2.png" />
            <span>保安公司预警统计</span>
            <el-select
              v-model="value2"
              placeholder="请选择"
              @change="peoWarning"
            >
            <el-select v-model="value2" placeholder="请选择" @change="peoWarning">
              <el-option
                v-for="item in options2"
                :key="item.id"
                :label="item.title"
                :value="item.value"
              >
              </el-option>
              ></el-option>
            </el-select>
          </div>
          <div class="right-content">
          <div class="right-content" v-loading="right2loading">
            <div class="card-list">
              <img src="../../../public/img/bajgxt/u4.png" />
              <img src="../../../public/img/bajgxt/u235.png" />
@@ -255,7 +192,7 @@
          </div>
          <!-- <div class="card-text"> -->
          <!-- <span>未缴纳社保情况</span><span>902,432</span><span>起</span
            ><span>未持证情况</span><span>22222</span><span>起</span> -->
          ><span>未持证情况</span><span>22222</span><span>起</span>-->
          <!-- </div> -->
          <!-- <div id="right2Echart"></div> -->
        </div>
@@ -264,7 +201,7 @@
            <img src="../../../public/img/bajgxt/icon3.png" />
            <span>分局预警占比情况</span>
          </div>
          <div id="right3Echart"></div>
          <div id="right3Echart" v-loading="right3loading"></div>
        </div>
      </div>
    </div>
@@ -298,7 +235,7 @@
  noSocialSecurity,
  selectFj,
  selectBx,
  selectExtype,
  selectExtype
} from "../../api/index/index";

import car from "@/assets/img/car.png";
@@ -323,39 +260,57 @@
        poorPerformance: 0,
        qualification: 0,
        socialSecurity: 0,
        noholder: 0,
        noholder: 0
      },
      carNum: 0,
      peoNum: 0,
      gunNum: 0,
      mapData: null,
      echarts: {
        left1Echart: null,
        left2Echart: null,
        mapEchart: null,
        right3Echart: null
      },
      left1loading: true,
      left2loading: true,
      middleloading: true,
      right1loading: true,
      right2loading: true,
      right3loading: true
    };
  },
  methods: {
    // 左侧两个表的接口返回数据
    initEchart() {
      securityTotal().then((res) => {
      securityTotal().then(res => {
        if (res.data.code == 200) {
          let securityData = res.data.data;
          let left1Echart = echarts.init(
            document.getElementById("left1Echart")
          );
          left1Echart.setOption(optionJs.left1Data(securityData));
          if (!this.echarts.left1Echart) {
            this.echarts.left1Echart = echarts.init(
              document.getElementById("left1Echart")
            );
          }
          this.echarts.left1Echart.setOption(optionJs.left1Data(securityData));
        } else {
          this.$message.error(res.msg);
        }
        this.left1loading = false;
      });

      holderNum().then((res) => {
      holderNum().then(res => {
        if (res.data.code === 200) {
          let data = res.data.data;
          let left2Echart = echarts.init(
            document.getElementById("left2Echart")
          );
          left2Echart.setOption(optionJs.left2Data(data));
          if (!this.echarts.left2Echart) {
            this.echarts.left2Echart = echarts.init(
              document.getElementById("left2Echart")
            );
          }
          this.echarts.left2Echart.setOption(optionJs.left2Data(data));
        } else {
          this.$message.error(res.msg);
        }
        this.left2loading = false;
      });
      // securityPer().then(res => {
      //   if (res.data.code === 200) {
@@ -367,25 +322,32 @@

      //   let right2Echart = echarts.init(document.getElementById("right2Echart"));
      //   right2Echart.setOption(optionJs.right2Data(data));
      selectFj().then((res) => {
      selectFj().then(res => {
        if (res.data.code === 200) {
          let right3Echart = echarts.init(
            document.getElementById("right3Echart")
          );
          right3Echart.setOption(optionJs.right3Data(res.data.data));
          if (!this.echarts.right3Echart) {
            this.echarts.right3Echart = echarts.init(
              document.getElementById("right3Echart")
            );
          }
          this.echarts.right3Echart.setOption(optionJs.right3Data(res.data.data));
        } else {
          this.$message.error(res.msg);
        }
        this.right3loading = false;
      });
    },
    initMapEchart(data, type) {
      let mapEchart = echarts.init(document.getElementById("map"));
      mapEchart.setOption(optionJs.middleData(data, type));
      if (!this.echarts.mapEchart) {
        this.echarts.mapEchart = echarts.init(document.getElementById("map"));
      }
      this.echarts.mapEchart.setOption(optionJs.middleData(data, type));
    },
    setMapData(type) {
      this.middleloading = true;
      this.curTableType = type;
      this.tableData = this.mapData[type]["table"];
      this.initMapEchart(this.mapData[type], type);
      this.curTableType = type;
      this.middleloading = false;
      // let curLayer = null;
      // let imgUrl = null;
      // this.carVectorLayer.getSource().clear();
@@ -433,21 +395,21 @@
      let middleData = {
        1: {
          table: [],
          geoData: [],
          geoData: []
        },
        2: {
          table: [],
          geoData: [],
          geoData: []
        },
        3: {
          table: [],
          geoData: [],
        },
          geoData: []
        }
      };
      getLiveLocationVoList({ type: type }).then((res) => {
      getLiveLocationVoList({ type: type }).then(res => {
        if (res.data.code === 200) {
          let allData = res.data.data;
          allData.forEach((m) => {
          allData.forEach(m => {
            let obj = {
              location: m.location,
              name: m.name,
@@ -455,7 +417,7 @@
              linkman: m.linkman,
              company: m.company,
              tel: m.tel,
              carNum: m.carNum,
              carNum: m.carNum
            };

            // let geoObj = {
@@ -464,7 +426,7 @@
            // };
            middleData[m.type]["geoData"].push([
              Number(m.longitude),
              Number(m.latitude),
              Number(m.latitude)
            ]);
            middleData[m.type]["table"].push(obj);
          });
@@ -490,36 +452,38 @@
            zIndex: 4,
            title: "影像",
            source: new XYZ({
              url: "http://t3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0", // 行政区划
            }),
              url:
                "http://t3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0" // 行政区划
            })
          }),
          new Tile({
            zIndex: 5,
            title: "道路+中文注记",
            source: new XYZ({
              url: "http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0", // 注记
            }),
          }),
              url:
                "http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0" // 注记
            })
          })
        ],
        view: new View({
          projection: "EPSG:4326",
          center: [115.892151, 28.676493],
          zoom: 10,
        }),
          zoom: 10
        })
      });
      this.carVectorLayer = new VectorLayer({
        zIndex: 99,
        source: new VectorSource(),
        source: new VectorSource()
      });

      this.peoVectorLayer = new VectorLayer({
        zIndex: 99,
        source: new VectorSource(),
        source: new VectorSource()
      });

      this.gunVectorLayer = new VectorLayer({
        zIndex: 99,
        source: new VectorSource(),
        source: new VectorSource()
      });
      this.map.addLayer(this.carVectorLayer);
      this.map.addLayer(this.peoVectorLayer);
@@ -529,7 +493,7 @@
    },
    // 获取辖区列表
    getOfficeData() {
      lazyTreeJu().then((res) => {
      lazyTreeJu().then(res => {
        if (res.data.code === 200) {
          this.options1 = res.data.data;
          this.options2 = res.data.data;
@@ -547,50 +511,56 @@
    },
    // 未持证
    getNoholderNum() {
      noholderNum({ jurisdiction: this.value2 }).then((res) => {
      noholderNum({ jurisdiction: this.value2 }).then(res => {
        if (res.data.code === 200) {
          this.rightData.noholder = res.data.data[0].Count;
        } else {
          this.$message.error(res.msg);
        }
        this.right2loading = false;
      });
    },
    // 未缴纳社保
    getNoSocialSecurity() {
      noSocialSecurity({ jurisdiction: this.value2 }).then((res) => {
      noSocialSecurity({ jurisdiction: this.value2 }).then(res => {
        if (res.data.code === 200) {
          this.rightData.socialSecurity = res.data.data[0].Count;
        } else {
          this.$message.error(res.msg);
        }
        this.right2loading = false;
      });
    },
    // 现实表现差
    getPoorPerformance() {
      selectBx({ jurisdiction: this.value1 }).then((res) => {
      selectBx({ jurisdiction: this.value1 }).then(res => {
        if (res.data.code === 200) {
          this.rightData.poorPerformance = res.data.data[0].count;
        } else {
          this.$message.error(res.msg);
        }
        this.right1loading = false;
      });
    },
    // 资格审查异常
    getQualification() {
      selectExtype({ jurisdiction: this.value1 }).then((res) => {
      selectExtype({ jurisdiction: this.value1 }).then(res => {
        if (res.data.code === 200) {
          this.rightData.qualification = res.data.data[0].count;
        } else {
          this.$message.error(res.msg);
        }
        this.right1loading = false;
      });
    },
    peoWarning() {
      this.right2loading = true;
      this.getNoholderNum();
      this.getNoSocialSecurity();
    },

    companyWarning() {
      this.right1loading = true;
      this.getPoorPerformance();
      this.getQualification();
    },
@@ -598,7 +568,7 @@
    goSystemHome() {
      // this.$router.push({ path: "/register/index" });
      this.$router.push({ path: "/securityGuardManagement/register" });
    },
    }
  },
  mounted() {
    this.initEchart();
@@ -607,7 +577,7 @@
    this.getTableData(0);
    // this.initMapEchart();
    this.getOfficeData();
  },
  }
};
</script>

@@ -621,4 +591,7 @@
/deep/ .el-select-dropdown__item:hover {
  background-color: #03203e;
}
/deep/ .el-loading-mask {
  background-color: transparent !important;
}
</style>

 src/views/home/indexEchart.js

@@ -421,9 +421,12 @@
      res.series.push({
        name: "分局预警占比",
        type: "pie",
        clockWise: true,
        clockwise: true,
        z: 2,
        hoverAnimation: false,
        emphasis: {
          scale: false
        },
        // hoverAnimation: false,
        radius: [83 - i * 12 + '%', 78 - i * 12 + '%'],
        center: ["30%", "50%"],
        labelLine: {
@@ -450,7 +453,10 @@
            label: {
              show: false
            },
            hoverAnimation: false
            emphasis: {
              scale: false
            }
            // hoverAnimation: false
          }
        ]
      });
@@ -520,10 +526,11 @@
        axisLabel: {
          interval: 0,
          inside: false,
          textStyle: {
            color: "#fff",
            fontSize: 8
          },
          color: "#fff",
          fontSize: 8,
          // textStyle: {

          // },
          show: true
        },
        data: optionData.yAxis
@@ -619,12 +626,8 @@
      zoom: 1.14,
      top: '10%',
      label: {
        normal: {
          show: false,
          textStyle: {
            color: '#fff'
          }
        },
        show: false,
        color: '#fff',
        emphasis: {
          textStyle: {
            color: '#fff'
@@ -634,16 +637,17 @@

      roam: true,
      itemStyle: {
        normal: {
          areaColor: 'rgba(0,255,255,.02)',
          borderColor: '#00ffff',
          borderWidth: 1.5,
          shadowColor: '#00ffff',
          shadowOffsetX: 0,
          shadowOffsetY: 4,
          shadowBlur: 10,
        },
        emphasis: {
        areaColor: 'rgba(0,255,255,.02)',
        borderColor: '#00ffff',
        borderWidth: 1.5,
        shadowColor: '#00ffff',
        shadowOffsetX: 0,
        shadowOffsetY: 4,
        shadowBlur: 10,

      },
      emphasis: {
        itemStyle: {
          color: 'transparent', //悬浮背景
          textStyle: {
            color: '#fff'
@@ -660,31 +664,28 @@
        // aspectScale: 0.75, //长宽比
        zoom: 1.14,
        label: {
          normal: {
            show: false,
            textStyle: {
              color: '#fff'
            }
          },
          emphasis: {
            textStyle: {
              color: '#fff'
            }
          show: false,
          color: '#fff'
        },
        emphasis: {
          label: {
            color: '#fff'
          }
        },
        top: '10%',
        roam: true,
        itemStyle: {
          normal: {
            areaColor: 'rgba(0,255,255,.02)',
            borderColor: '#00ffff',
            borderWidth: 1.5,
            shadowColor: '#00ffff',
            shadowOffsetX: 0,
            shadowOffsetY: 4,
            shadowBlur: 10,
          },
          emphasis: {
          areaColor: 'rgba(0,255,255,.02)',
          borderColor: '#00ffff',
          borderWidth: 1.5,
          shadowColor: '#00ffff',
          shadowOffsetX: 0,
          shadowOffsetY: 4,
          shadowBlur: 10,

        },
        emphasis: {
          itemStyle: {
            areaColor: 'transparent', //悬浮背景
            textStyle: {
              color: '#fff'
@@ -700,21 +701,12 @@
        symbol: 'image://' + symbolUrl,
        symbolSize: [30, 30],
        label: {
          normal: {
            show: false,
            textStyle: {
              color: '#fff',
              fontSize: 9,
            },
            // formatter(value) {
            //   return value.data.value[0]
            // }
          }
          show: false,
          color: '#fff',
          fontSize: 9,
        },
        itemStyle: {
          normal: {
            color: '#FF0000', //标志颜色
          }
          color: '#FF0000', //标志颜色
        },
        data: geoData,
        showEffectOn: 'render',
@@ -722,6 +714,9 @@
          brushType: 'stroke'
        },
        hoverAnimation: true,
        emphasis: {
          scale: true
        },
        zlevel: 1
      }
    ]

 src/views/securityUnitOperation/operationAnalysis.vue

@@ -13,36 +13,23 @@
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
              ></el-option>
            </el-select>
            <el-select
              class="select1"
              v-model="value1"
              placeholder="请选择"
              @change="fenjuChange"
            >
            <el-select class="select1" v-model="value1" placeholder="请选择" @change="fenjuChange">
              <el-option
                v-for="item in options1"
                :key="item.id"
                :label="item.title"
                :value="item.id"
              >
              </el-option>
              ></el-option>
            </el-select>
            <el-select
              class="select2"
              v-model="value2"
              placeholder="请选择"
              @change="changeCompanys"
            >
            <el-select class="select2" v-model="value2" placeholder="请选择" @change="changeCompanys">
              <el-option
                v-for="item in options2"
                :key="item.departmentid"
                :label="item.enterpriseName"
                :value="item.departmentid"
              >
              </el-option>
              ></el-option>
            </el-select>
            <el-button @click="toOperationTable">进入数据统计表</el-button>
          </div>
@@ -50,38 +37,38 @@
          <div class="col-content">
            <div class="box-card">
              <span>总保安数</span>
              <span>23708</span>
              <span>较上月增加123人</span>
              <span>{{card.baoanTotal}}</span>
              <span>较上月增加{{card.addbaoanTotal}}人</span>
            </div>
            <div class="box-card">
              <span>正常保安员</span>
              <span>22176</span>
              <span>较上月增加13人</span>
              <span>{{card.zcBaoan}}</span>
              <span>较上月增加{{card.addzcBaoan}}人</span>
            </div>
            <div class="box-card">
              <span>持证保安员</span>
              <span>21003</span>
              <span>较上月增加31人</span>
              <span>{{card.czBaoan}}</span>
              <span>较上月增加{{card.addczBaoan}}人</span>
            </div>
            <div class="box-card">
              <span>过考保安员</span>
              <span>21003</span>
              <span>较上月增加31人</span>
              <span>{{card.gkBaoan}}</span>
              <span>较上月增加{{card.addgkBaoan}}人</span>
            </div>
            <div class="box-card">
              <span>服务客户</span>
              <span>56</span>
              <span>较上月增加34家</span>
              <span>{{card.kh}}</span>
              <span>较上月增加{{card.addkh}}家</span>
            </div>
            <div class="box-card">
              <span>缴纳社保</span>
              <span>23708</span>
              <span>较上月增加3人</span>
              <span>{{card.sheb}}</span>
              <span>较上月增加{{card.addsheb}}人</span>
            </div>
            <div class="box-card">
              <span>保安派遣</span>
              <span>12720</span>
              <span>较上月增加31人</span>
              <span>{{card.baoanPq}}</span>
              <span>较上月增加{{card.addbaoanPq}}人</span>
            </div>
          </div>
        </div>
@@ -120,7 +107,7 @@
  queryCounts,
  getCompanys,
  queryYearKh,
  queryYearG,
  queryYearG
} from "../../api/securityUnitOperation/securityUnitOperation";
export default {
  data() {
@@ -128,34 +115,50 @@
      value1: "",
      value2: "",
      value0: "2012",
      card: {
        baoanTotal: 0,
        addbaoanTotal: 0,
        zcBaoan: 0,
        addzcBaoan: 0,
        czBaoan: 0,
        addczBaoan: 0,
        gkBaoan: 0,
        addgkBaoan: 0,
        kh: 0,
        addkh: 0,
        sheb: 0,
        addsheb: 0,
        baoanPq: 0,
        addbaoanPq: 0
      },
      options0: [
        {
          value: "2012",
          label: "2012年",
          label: "2012年"
        },
        {
          value: "2011",
          label: "2011年",
          label: "2011年"
        },
        {
          value: "2010",
          label: "2010年",
          label: "2010年"
        },
        {
          value: "2009",
          label: "2009年",
          label: "2009年"
        },
        {
          value: "2008",
          label: "2008年",
          label: "2008年"
        },
        {
          value: "2007",
          label: "2007年",
        },
          label: "2007年"
        }
      ],
      options1: [],
      options2: [],
      options2: []
    };
  },
  methods: {
@@ -168,7 +171,9 @@
      this.$router.push({ path: "/securityUnitOperation/operationTable" });
    },
    getFenju() {
      lazyTreeJu().then((res) => {
      this.options1 = [];
      this.value1 = "";
      lazyTreeJu().then(res => {
        if (res.data.code === 200) {
          this.options1 = res.data.data;
          this.value1 = this.options1[0] ? this.options1[0].id : "";
@@ -182,7 +187,7 @@
      this.getCompanys();
    },
    getCompanys() {
      getCompanys({ jurisdiction: this.value1 }).then((res) => {
      getCompanys({ jurisdiction: this.value1 }).then(res => {
        if (res.data.code === 200) {
          this.options2 = res.data.data;
          this.value2 = this.options2[0] ? this.options2[0].departmentid : "";
@@ -193,20 +198,36 @@
    getQueryCounts() {
      let params = {
        jurisdiction: this.value1,
        deptid: this.value2,
        deptid: this.value2
      };
      queryCounts(params).then((res) => {
      queryCounts(params).then(res => {
        if (res.data.code === 200) {
          debugger;
          let data = res.data.data[0];
          this.card = {
            baoanTotal: data.baoan.thisnum,
            addbaoanTotal: data.baoan.thisnum - data.baoan.lastnum,
            zcBaoan: data.zcbaoan.thisnum,
            addzcBaoan: data.zcbaoan.thisnum - data.zcbaoan.lastnum,
            czBaoan: data.czbaoan.thisnum,
            addczBaoan: data.czbaoan.thisnum - data.czbaoan.lastnum,
            gkBaoan: 0,
            addgkBaoan: 0,
            kh: data.kh.thisnum,
            addkh: data.kh.thisnum - data.kh.lastnum,
            sheb: data.sheb.thisnum,
            addsheb: data.sheb.thisnum - data.sheb.lastnum,
            baoanPq: data.paiq.thisnum,
            addbaoanPq: data.paiq.thisnum - data.paiq.lastnum
          };
        }
      });
    },
    getQueryYearKh() {
      let params = {
        jurisdiction: this.value1,
        deptid: this.value2,
        deptid: this.value2
      };
      queryYearKh(params).then((res) => {
      queryYearKh(params).then(res => {
        if (res.data.code === 200) {
          let middleEchart2 = echarts.init(
            document.getElementById("middleEchart2")
@@ -218,9 +239,9 @@
    getQueryYearG() {
      let params = {
        jurisdiction: this.value1,
        deptid: this.value2,
        deptid: this.value2
      };
      queryYearG().then((res) => {
      queryYearG().then(res => {
        if (res.data.code === 200) {
          let middleEchart1 = echarts.init(
            document.getElementById("middleEchart1")
@@ -229,16 +250,36 @@
        }
      });
    },
    // 清空之前的查询结果
    clear() {
      this.card = {
        baoanTotal: 0,
        addbaoanTotal: 0,
        zcBaoan: 0,
        addzcBaoan: 0,
        czBaoan: 0,
        addczBaoan: 0,
        gkBaoan: 0,
        addgkBaoan: 0,
        kh: 0,
        addkh: 0,
        sheb: 0,
        addsheb: 0,
        baoanPq: 0,
        addbaoanPq: 0
      };
    },
    changeCompanys() {
      // this.getQueryCounts();
      this.clear();
      this.getQueryCounts();
      this.getQueryYearKh();
      this.getQueryYearG();
    },
    }
  },
  mounted() {
    this.setEchart();
    this.getFenju();
  },
  }
};
</script>
<style lang="scss" scoped>