-
+
+
周转率
-
{{ parseInt(useCarCon.parkingPlaceTurnover * 100)}}%
- 0%
+
{{ parseInt(useCarCon.parkingPlaceTurnover
+ * 100)
+ }}%
+ 0%
@@ -157,6 +175,12 @@ export default {
},
data() {
return {
+ // 是否显示大数据页面
+ showFlag: false,
+ // 所有车场列表
+ PkParkingInfo: [],
+ // 选中车场id
+ parkingInfoId: '',
// 车场排行数据
rankData: [],
// 支付统计数据
@@ -204,15 +228,15 @@ export default {
},
mounted() {
if (authCode && typeof +authCode === 'number') {
- // this.$showLoading();
- this.heart();
- setTimeout(() => {
- this.getEchart();
- }, 800);
- // loading
- // setTimeout(() => {
- // this.$hideLoading();
- // }, 900);
+ BiApi.getPkParkingInfo({ authCode }).then((res) => {
+ if (res.length > 0) {
+ this.PkParkingInfo = res
+ } else {
+ this.showFlag = true
+ this.showBi();
+ }
+ })
+
} else {
// console.log('授权码为空', authCode);
alert('授权码为空,请从系统调用页面!')
@@ -223,6 +247,21 @@ export default {
}
},
methods: {
+ /**
+ * 显示大数据画面
+ */
+ showBi() {
+ // this.$showLoading();
+ this.showFlag = true;
+ this.heart();
+ setTimeout(() => {
+ this.getEchart();
+ }, 800);
+ // loading
+ // setTimeout(() => {
+ // this.$hideLoading();
+ // }, 900);
+ },
/**
* 格式化时钟函数
*/
@@ -243,10 +282,25 @@ export default {
this.getData();
}
},
+ /**
+ * 心跳函数,每秒执行一次
+ */
+ heart() {
+ this.clear();
+ this.heartCallBack() // 首次加载
+ this.timer = setInterval(this.heartCallBack, 1000);
+ },
+ clear() {
+ clearInterval(this.timer);
+ this.timer = null;
+ this.heartTimes = 0;
+ },
getData() {
+ //公共请求参数
+ const publicObj = this.parkingInfoId ? { authCode, parkingInfoId: this.parkingInfoId } : { authCode };
// 今日交易金额-笔数数据
- BiApi.getTodayTrade({ authCode }).then((res) => {
+ BiApi.getTodayTrade(publicObj).then((res) => {
// console.log(res);
if (res && res.code === 200) {
const { totalAmount, totalNum } = res.data
@@ -259,35 +313,35 @@ export default {
}
});
// 实时进出信息
- BiApi.getRealTimeInOutRecord({ authCode, pageNum: 1, pageSize: 10 }).then((res) => {
+ BiApi.getRealTimeInOutRecord({ authCode, pageNum: 1, pageSize: 10, parkingInfoId: this.parkingInfoId }).then((res) => {
if (res && res.code === 200) {
this.realTimeInOutRecord = res.rows
}
});
// 开放统计-车场排行
- BiApi.getParkingRanking({ authCode }).then((res) => {
+ BiApi.getParkingRanking(publicObj).then((res) => {
if (res && res.code === 200) this.rankData = res.data
})
// 开放统计-支付统计
- BiApi.paymentStatistics({ authCode }).then((res) => {
+ BiApi.paymentStatistics(publicObj).then((res) => {
if (res && res.code === 200) this.payData = res.data
})
// 开放统计-收费车辆统计
- BiApi.amountCartStatistics({ authCode }).then((res) => {
+ BiApi.amountCartStatistics(publicObj).then((res) => {
if (res && res.code === 200) this.payDataCar = res.data
})
// 开放统计-24小时车流统计
- BiApi.todayTrafficStatistics({ authCode }).then((res) => {
+ BiApi.todayTrafficStatistics(publicObj).then((res) => {
if (res && res.code === 200) this.todayTraffic = res.data
})
// 开放统计-24小时车辆使用统计
- BiApi.todayCarUseStatistics({ authCode }).then((res) => {
+ BiApi.todayCarUseStatistics(publicObj).then((res) => {
if (res && res.code === 200) this.todayCarUse = res.data
})
- BiApi.useCarStatistics({ authCode }).then((res) => {
+ BiApi.useCarStatistics(publicObj).then((res) => {
if (res && res.code === 200) this.useCarCon = res.data
})
- BiApi.parkingCarNum({ authCode }).then((res) => {
+ BiApi.parkingCarNum(publicObj).then((res) => {
this.geoCoordMap = {
上海: [121.4648, 31.2891],
东莞: [113.8953, 22.901],
@@ -417,19 +471,7 @@ export default {
})
},
- /**
- * 心跳函数,每秒执行一次
- */
- heart() {
- this.clear();
- this.heartCallBack() // 首次加载
- this.timer = setInterval(this.heartCallBack, 1000);
- },
- clear() {
- clearInterval(this.timer);
- this.timer = null;
- this.heartTimes = 0;
- },
+
convertData(data) {
// 地图数据转换
@@ -734,6 +776,85 @@ export default {
height: 100%;
background: #000;
+ .dialog {
+ width: 100%;
+ height: 100%;
+ background: #fff;
+
+
+
+ .dialog-header {
+ position: relative;
+ width: 15rem;
+ color: #0d1c28;
+ line-height: 1;
+ margin: 0 auto;
+ padding: 0.6rem 0 0.2rem;
+ border-bottom: 0.06rem solid #0d1c28;
+ font-size: 0.3rem;
+
+
+
+ .allBtn {
+ position: absolute;
+ top: 0.6rem;
+ right: 0.34rem;
+ width: 1.4rem;
+ height: 0.45rem;
+ line-height: 0.45rem;
+ border-radius: 0.04rem;
+ font-size: 0.24rem;
+ text-align: center;
+ font-weight: 600;
+ background: #f1f2f3;
+
+ &:hover {
+ background: #409eff;
+ color: #f1f2f3;
+ }
+
+ &.select {
+ background: #409eff;
+ color: #f1f2f3;
+ }
+ }
+ }
+
+ .dialog-body {
+ position: relative;
+ width: 15rem;
+ margin: 0 auto;
+ display: flex;
+ flex-wrap: wrap;
+
+ .dialog-item {
+ display: block;
+ width: 4.75rem;
+ height: 1rem;
+ line-height: 1rem;
+ box-sizing: border-box;
+ margin: 0.2rem 0.2rem 0.2rem 0;
+ padding: 0 0.2rem;
+ font-size: 0.225rem;
+ background: #f1f2f3;
+ font-weight: 600;
+ border-radius: 0.08rem;
+
+ &:hover {
+ background: #409eff;
+ color: #f1f2f3;
+ }
+
+ &.select {
+ background: #409eff;
+ color: #f1f2f3;
+ }
+ }
+
+
+ }
+ }
+
.wrap {
background: url(../assets/img/brand/bg.png) no-repeat #000;
background-size: cover;
@@ -779,6 +900,15 @@ export default {
}
}
+ .screenFull {
+ position: absolute;
+ right: 2.6rem;
+ top: 0.5rem;
+ width: 0.25rem;
+ height: 0.25rem;
+ cursor: pointer;
+ }
+
.welcome {
position: absolute;
right: 0.625rem;