| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | selectFj, |
| | | selectBx, |
| | | selectExtype, |
| | | seCountUg, |
| | | seCountI, |
| | | } from "../../api/index/index"; |
| | | |
| | | import car from "@/assets/img/car.png"; |
| | |
| | | right3loading: true, |
| | | textArr: [], |
| | | number: 0, |
| | | leftData: { |
| | | zz: 0, |
| | | px: 0, |
| | | fw: 0, |
| | | wz: 0, |
| | | kqy:0 |
| | | }, |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | this.startMove(); |
| | | }, 2000); // 滚动不需要停顿则将2000改成动画持续时间 |
| | | }, |
| | | // 左侧两个表的接口返回数据 |
| | | // 左侧表的接口返回数据 |
| | | initEchart() { |
| | | securityTotal().then((res) => { |
| | | if (res.data.code == 200) { |
| | |
| | | } |
| | | 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) { |
| | |
| | | }, |
| | | |
| | | 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) { |