|
|
|
|
@ -259,25 +259,55 @@ |
|
|
|
|
<div class="left_box" style="margin:0;height:1.68rem;"> |
|
|
|
|
<div id="radar1" style="width:100%;height: 100%;"></div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 当日报修情况 --> |
|
|
|
|
<!-- 车辆资源 --> |
|
|
|
|
<div class="right"> |
|
|
|
|
<div class="right_title flex-center" style="margin-top:0.13rem;"><i></i>车辆资源</div> |
|
|
|
|
<div class="car_box"> |
|
|
|
|
<div class="flex-center-around"> |
|
|
|
|
<div>胶<br />州</div> |
|
|
|
|
<div :key="('carinfo' + i)" v-for="(value, key, i) in cardInfo['胶州']"> |
|
|
|
|
<!-- <div :key="('carinfo' + i)" v-for="(value, key, i) in carInfo['胶州']"> |
|
|
|
|
<div :class="(i == 0 ? 'blue' : i == 1 ? 'green' : 'yellow')"><span class="big_txt">{{ value }}</span>辆 |
|
|
|
|
</div> |
|
|
|
|
<div>{{ key }}</div> |
|
|
|
|
</div> --> |
|
|
|
|
<div> |
|
|
|
|
<div class="blue"><span class="big_txt">{{ carInfo.JZ ? carInfo.JZ.seven : 0 }}</span>辆 |
|
|
|
|
</div> |
|
|
|
|
<div>7座及以下</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div class="green"><span class="big_txt">{{ carInfo.JZ ? carInfo.JZ.seventeen : 0 }}</span>辆 |
|
|
|
|
</div> |
|
|
|
|
<div>17-20座</div> |
|
|
|
|
</div> |
|
|
|
|
<div > |
|
|
|
|
<div class="yellow"><span class="big_txt">{{ carInfo.JZ ? carInfo.JZ.fiftyTwo : 0 }}</span>辆 |
|
|
|
|
</div> |
|
|
|
|
<div>52座</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div style="height:1px;background: #2A3C5F;margin:0.08rem;"></div> |
|
|
|
|
<div class="flex-center-around"> |
|
|
|
|
<div>流<br />亭</div> |
|
|
|
|
<div :key="('carinfo_lt' + i)" v-for="(value, key, i) in cardInfo['流亭']"> |
|
|
|
|
<!-- <div :key="('carinfo_lt' + i)" v-for="(value, key, i) in carInfo['流亭']"> |
|
|
|
|
<div :class="(i == 0 ? 'blue' : i == 1 ? 'green' : 'yellow')"><span class="big_txt">{{ value }}</span>辆 |
|
|
|
|
</div> |
|
|
|
|
<div>{{ key }}</div> |
|
|
|
|
</div> --> |
|
|
|
|
<div> |
|
|
|
|
<div class="blue"><span class="big_txt">{{ carInfo.LT ? carInfo.LT.seven : 0 }}</span>辆 |
|
|
|
|
</div> |
|
|
|
|
<div>7座及以下</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div class="green"><span class="big_txt">0</span>辆 |
|
|
|
|
</div> |
|
|
|
|
<div>17-20座</div> |
|
|
|
|
</div> |
|
|
|
|
<div > |
|
|
|
|
<div class="yellow"><span class="big_txt">0</span>辆 |
|
|
|
|
</div> |
|
|
|
|
<div>52座</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -367,7 +397,7 @@ export default { |
|
|
|
|
prePlaneInfo: {},//前一天 |
|
|
|
|
planeInfo: {},//航班 |
|
|
|
|
gardenAndApprove: {},//访客 |
|
|
|
|
cardInfo: {},//车辆资源 |
|
|
|
|
carInfo: {},//车辆资源 |
|
|
|
|
ywDevice: { |
|
|
|
|
电: { |
|
|
|
|
code: "0100", |
|
|
|
|
@ -410,15 +440,15 @@ export default { |
|
|
|
|
icon: require("../../../public/img/monitoring/nav_11-1.png"), |
|
|
|
|
}, |
|
|
|
|
}, //业务模型设备类型 |
|
|
|
|
isLeaveInfo: {},//在青、外地 |
|
|
|
|
allJzAdminInfo: {},//业务区及塔台总人数 - 业务区(封闭运行) |
|
|
|
|
allJzInfo: {},//获取胶州机关行政人员总人数 |
|
|
|
|
isLeaveInfo: 0,//在青、外地 |
|
|
|
|
allJzAdminInfo: 0,//业务区及塔台总人数 - 业务区(封闭运行) |
|
|
|
|
allJzInfo: 0,//获取胶州机关行政人员总人数 |
|
|
|
|
allBqInfo: {},//备勤、居家总人数 |
|
|
|
|
allLtInfo: {},//流亭总人数 |
|
|
|
|
allLtInfo: 0,//流亭总人数 |
|
|
|
|
allLtTzInfo: {},//流亭台站总人数 |
|
|
|
|
codeInfo: {},//集中隔离 |
|
|
|
|
leaveInfo: {},//休假、外出 |
|
|
|
|
allJJInfo: {},//居家总人数 |
|
|
|
|
allJJInfo: 0,//居家总人数 |
|
|
|
|
setInterval: null, |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
@ -441,71 +471,67 @@ export default { |
|
|
|
|
}); |
|
|
|
|
//在青、外地总人数 |
|
|
|
|
getIsLeaveByDate(this.currentDate).then((res) => { |
|
|
|
|
this.isLeaveInfo = res.result; |
|
|
|
|
this.isLeaveInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//居家总人数 |
|
|
|
|
getAllJJByDate(this.currentDate).then((res) => { |
|
|
|
|
this.allJJInfo = res.result; |
|
|
|
|
this.allJJInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//休假外出 |
|
|
|
|
getLeaveByDate(this.currentDate).then((res) => { |
|
|
|
|
this.leaveInfo = res.result; |
|
|
|
|
this.leaveInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//业务区及塔台总人数业务区(封闭运行) |
|
|
|
|
getJZAdminByDate(this.currentDate).then((res) => { |
|
|
|
|
this.allJzAdminInfo = res.result; |
|
|
|
|
this.allJzAdminInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//获取胶州机关行政人员总人数 |
|
|
|
|
getAllJZByDate(this.currentDate).then((res) => { |
|
|
|
|
this.allJzInfo = res.result; |
|
|
|
|
this.allJzInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//备勤、居家总人数 |
|
|
|
|
getAllBQByDate(this.currentDate).then((res) => { |
|
|
|
|
this.allBqInfo = res.result; |
|
|
|
|
this.allBqInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//流亭总人数 |
|
|
|
|
getAllLTByDate(this.currentDate).then((res) => { |
|
|
|
|
this.allLtInfo = res.result; |
|
|
|
|
this.allLtInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//流亭台站总人数 |
|
|
|
|
getAllLTTZByDate(this.currentDate).then((res) => { |
|
|
|
|
this.allLtTzInfo = res.result; |
|
|
|
|
this.allLtTzInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//集中隔离 |
|
|
|
|
getCodeByDate(this.currentDate).then((res) => { |
|
|
|
|
this.codeInfo = res.result; |
|
|
|
|
this.codeInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//航班 - 前一天和今天 |
|
|
|
|
let dd = new Date(this.currentDate); |
|
|
|
|
dd.setDate(dd.getDate() - 1); |
|
|
|
|
getPlaneInfo(dateFormat(new Date(dd), 'yyyy-MM-dd')).then((res) => { |
|
|
|
|
res.result.placeNum = 170; |
|
|
|
|
res.result.areaNum = 600; |
|
|
|
|
this.prePlaneInfo = res.result; |
|
|
|
|
res.data.result.placeNum = 170; |
|
|
|
|
res.data.result.areaNum = 600; |
|
|
|
|
this.prePlaneInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
getPlaneInfo(this.currentDate).then((res) => { |
|
|
|
|
this.planeInfo = res.result; |
|
|
|
|
this.planeInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//访客 |
|
|
|
|
getGardenAndApprove(this.currentDate).then((res) => { |
|
|
|
|
this.gardenAndApprove = res.result; |
|
|
|
|
this.gardenAndApprove = res.data.result; |
|
|
|
|
}) |
|
|
|
|
this.getGxzy();//共享资源 |
|
|
|
|
//车辆资源 |
|
|
|
|
getCarInfo(this.currentDate).then((res) => { |
|
|
|
|
this.cardInfo = res.result; |
|
|
|
|
}) |
|
|
|
|
//今日就餐 |
|
|
|
|
getGardenEat(this.currentDate).then((res) => { |
|
|
|
|
|
|
|
|
|
this.carInfo = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//防疫要求 |
|
|
|
|
getReportByDate(this.currentDate).then((res) => { |
|
|
|
|
this.reportFangyi = res.result; |
|
|
|
|
this.reportFangyi = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//节假日判断 |
|
|
|
|
isHolidays(this.currentDate).then((res) => { |
|
|
|
|
this.isHolidays = res.result; |
|
|
|
|
this.isHolidays = res.data.result; |
|
|
|
|
}) |
|
|
|
|
//设别运行统计 |
|
|
|
|
this.getDeviceRunningAnalyze(); |
|
|
|
|
@ -526,7 +552,7 @@ export default { |
|
|
|
|
getGxzy() { |
|
|
|
|
//共享资源 |
|
|
|
|
getShare(this.currentDate).then((res) => { |
|
|
|
|
let objData = res.result; |
|
|
|
|
let objData = res.data.result; |
|
|
|
|
var myChart = this.$echarts.init(document.getElementById("radar1")); |
|
|
|
|
myChart.setOption({ |
|
|
|
|
color: ['#2BF7AC', '#07A6FF'], |
|
|
|
|
@ -677,7 +703,7 @@ export default { |
|
|
|
|
//园区就餐 |
|
|
|
|
getJiuCan() { |
|
|
|
|
getGardenEat(this.currentDate).then((res) => { |
|
|
|
|
let objData = res.result; |
|
|
|
|
let objData = res.data.result; |
|
|
|
|
var myChart = this.$echarts.init(document.getElementById("rightBar3")); |
|
|
|
|
myChart.setOption({ |
|
|
|
|
tooltip: { |
|
|
|
|
@ -817,7 +843,7 @@ export default { |
|
|
|
|
//报修 |
|
|
|
|
getBx() { |
|
|
|
|
getRepair(this.currentDate).then((res) => { |
|
|
|
|
let objData = res.result; |
|
|
|
|
let objData = res.data.result; |
|
|
|
|
var myChart = this.$echarts.init(document.getElementById("rightBar1")); |
|
|
|
|
myChart.setOption({ |
|
|
|
|
color: ['#EB6877', '#4A92FF', '#48CB96'], |
|
|
|
|
@ -911,17 +937,17 @@ export default { |
|
|
|
|
}, |
|
|
|
|
data: [ |
|
|
|
|
{ |
|
|
|
|
name: '上报', value: '61', itemStyle: { |
|
|
|
|
name: '上报', value: objData.escalation, itemStyle: { |
|
|
|
|
color: '#4A92FF' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '完成', value: '53', itemStyle: { |
|
|
|
|
name: '完成', value: objData.complete, itemStyle: { |
|
|
|
|
color: '#48CB96' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '遗留', value: '15', itemStyle: { |
|
|
|
|
name: '遗留', value: objData.legacy, itemStyle: { |
|
|
|
|
color: '#EB6877' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
@ -937,8 +963,8 @@ export default { |
|
|
|
|
var res2 = await getTowerPerson(this.currentDate); |
|
|
|
|
var res3 = await getRunAdminPersonByJ(this.currentDate); |
|
|
|
|
var res4 = await getSafePersonByJ(this.currentDate); |
|
|
|
|
let dataList = res1.result.concat(res2.result).concat(res3.result).concat(res4.result); |
|
|
|
|
let size = res1.result.concat(res2.result).concat(res3.result).length; |
|
|
|
|
let dataList = res1.data.result.concat(res2.data.result).concat(res3.data.result).concat(res4.data.result); |
|
|
|
|
let size = res1.data.result.concat(res2.data.result).concat(res3.data.result).length; |
|
|
|
|
let runData = []; |
|
|
|
|
let safeData = []; |
|
|
|
|
let xCategory = []; |
|
|
|
|
@ -953,7 +979,7 @@ export default { |
|
|
|
|
safeData.push({ name: item.deptName, value: item.parkUserNum }); |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
console.log(runData, safeData) |
|
|
|
|
// console.log(runData, safeData) |
|
|
|
|
var myChart = this.$echarts.init(document.getElementById("bar1")); |
|
|
|
|
myChart.setOption({ |
|
|
|
|
color: ['#07A6FF', '#2BF7AC'], |
|
|
|
|
@ -1059,15 +1085,15 @@ export default { |
|
|
|
|
var res2 = await getDormitoryPersonByL(this.currentDate); |
|
|
|
|
var res3 = await getTowerPerson(this.currentDate); |
|
|
|
|
|
|
|
|
|
let dataList = res1.result.concat(res2.result).concat(res3.result); |
|
|
|
|
let size = res1.result.concat(res2.result).length; |
|
|
|
|
let dataList = res1.data.result.concat(res2.data.result).concat(res3.data.result); |
|
|
|
|
let size = res1.data.result.concat(res2.data.result).length; |
|
|
|
|
let ltData = []; |
|
|
|
|
let bqData = []; |
|
|
|
|
let tzData = []; |
|
|
|
|
let xCategory = []; |
|
|
|
|
dataList.map((item, index) => { |
|
|
|
|
xCategory.push(item.deptName); |
|
|
|
|
if (index < res1.result.length) { |
|
|
|
|
if (index < res1.data.result.length) { |
|
|
|
|
ltData.push({ name: item.deptName, value: item.allUserNum }); |
|
|
|
|
bqData.push({ name: item.deptName, value: 0 }); |
|
|
|
|
tzData.push({ name: item.deptName, value: 0 }); |
|
|
|
|
@ -1198,7 +1224,7 @@ export default { |
|
|
|
|
let totalData = []; |
|
|
|
|
let sjData = []; |
|
|
|
|
let xCategory = []; |
|
|
|
|
res1.result.map((item, index) => { |
|
|
|
|
res1.data.result.map((item, index) => { |
|
|
|
|
xCategory.push(item.postName); |
|
|
|
|
totalData.push({ name: item.postName, value: item.totalUserNum }); |
|
|
|
|
sjData.push({ name: item.postName, value: item.allUserNum }); |
|
|
|
|
@ -1543,12 +1569,12 @@ export default { |
|
|
|
|
getDorInfo() { |
|
|
|
|
getDorInfo(this.currentDate).then((res) => { |
|
|
|
|
var myChart = this.$echarts.init(document.getElementById("dorInfoPie")); |
|
|
|
|
let keys = Object.keys(res.result); |
|
|
|
|
let keys = Object.keys(res.data.result); |
|
|
|
|
let series = []; |
|
|
|
|
keys.map((item, index) => { |
|
|
|
|
let dataList = []; |
|
|
|
|
Object.keys(res.result[item]).map((key, val) => { |
|
|
|
|
dataList.push({ name: key, value: res.result[item][key] }); |
|
|
|
|
Object.keys(res.data.result[item]).map((key, val) => { |
|
|
|
|
dataList.push({ name: key, value: res.data.result[item][key] }); |
|
|
|
|
}) |
|
|
|
|
series.push( |
|
|
|
|
{ |
|
|
|
|
|