From d6caa7f8cbdd1f57ed9be4571fc7d86d21bdfbeb Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 14 Aug 2021 15:59:35 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/zhba_regulatory
---
src/views/home/index.vue | 115 +++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 74 insertions(+), 41 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 9e603ed..866d17f 100644
--- a/src/views/home/index.vue
+++ b/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) {
--
Gitblit v1.9.3