Skip to content

K
kd_control
Commit 58aaf2c6 authored by zhanglw's avatar zhanglw
Browse files
Options

后台首页数据指标

parent ce9636f4
Hide whitespace changes
Inline Side-by-side
Showing with 103 additions and 276 deletions
src/assets/js/common.js
View file @ 58aaf2c6
...@@ -3202,6 +3202,14 @@ var HttpReq = function(){ ...@@ -3202,6 +3202,14 @@ var HttpReq = function(){
data: data, data: data,
}) })
}, },
//后台首页指标
backgroundHomepage: function(params){
return request({
url: '/api/backgroundHomepage?' + qs.stringify(params, { indices: false }),
method: 'get'
})
},
}, },
......
src/views/MLargeScreen/components/smallComponents/DPcomputer15.vue
View file @ 58aaf2c6
...@@ -118,53 +118,53 @@ export default { ...@@ -118,53 +118,53 @@ export default {
return return
} }
this.otherCarDynamicListData.number = this.otherCarDynamicListData.data[this.otherCarDynamicListData.num2].number; this.otherCarDynamicListData.number = this.otherCarDynamicListData.data[this.otherCarDynamicListData.num2].number;
HttpReq.truckDispatching.apiManmadesRealQuery1({number:this.otherCarDynamicListData.number}).then((res) => { // HttpReq.truckDispatching.apiManmadesRealQuery1({number:this.otherCarDynamicListData.number}).then((res) => {
if(res.length != 0){ // if(res.length != 0){
this.otherCarDynamicListData.rate = res[0].carry; // this.otherCarDynamicListData.rate = res[0].carry;
this.otherCarDynamicListData.carry = res[0].carry; // this.otherCarDynamicListData.carry = res[0].carry;
this.otherCarDynamicListData.workTime = res[0].workTime; // this.otherCarDynamicListData.workTime = res[0].workTime;
this.otherCarDynamicListData.mil = res[0].mil; // this.otherCarDynamicListData.mil = res[0].mil;
this.otherCarDynamicListData.startTime = res[0].startTime; // this.otherCarDynamicListData.startTime = res[0].startTime;
this.otherCarDynamicListData.endTime = res[0].endTime; // this.otherCarDynamicListData.endTime = res[0].endTime;
this.otherCarDynamicListData.loadArea = res[0].loadArea; // this.otherCarDynamicListData.loadArea = res[0].loadArea;
this.otherCarDynamicListData.unloadArea = res[0].unloadArea; // this.otherCarDynamicListData.unloadArea = res[0].unloadArea;
}else{ // }else{
this.otherCarDynamicListData.rate = 0; // this.otherCarDynamicListData.rate = 0;
this.otherCarDynamicListData.carry = 0; // this.otherCarDynamicListData.carry = 0;
this.otherCarDynamicListData.workTime = 0; // this.otherCarDynamicListData.workTime = 0;
this.otherCarDynamicListData.mil = 0; // this.otherCarDynamicListData.mil = 0;
this.otherCarDynamicListData.startTime = '无'; // this.otherCarDynamicListData.startTime = '无';
this.otherCarDynamicListData.endTime = '无'; // this.otherCarDynamicListData.endTime = '无';
this.otherCarDynamicListData.loadArea = ''; // this.otherCarDynamicListData.loadArea = '';
this.otherCarDynamicListData.unloadArea = ''; // this.otherCarDynamicListData.unloadArea = '';
} // }
this.otherCarDynamicListData.num2 = this.otherCarDynamicListData.num2 + 1; // this.otherCarDynamicListData.num2 = this.otherCarDynamicListData.num2 + 1;
}) // })
}, },
//切换车牌号 //切换车牌号
xuanzekuang1Fn(){ xuanzekuang1Fn(){
this.otherCarDynamicListData.number = this.xuanzekuangValue; this.otherCarDynamicListData.number = this.xuanzekuangValue;
HttpReq.truckDispatching.apiManmadesRealQuery1({number:this.otherCarDynamicListData.number}).then((res) => { // HttpReq.truckDispatching.apiManmadesRealQuery1({number:this.otherCarDynamicListData.number}).then((res) => {
if(res.length != 0){ // if(res.length != 0){
this.otherCarDynamicListData.rate = res[0].rate; // this.otherCarDynamicListData.rate = res[0].rate;
this.otherCarDynamicListData.carry = res[0].carry; // this.otherCarDynamicListData.carry = res[0].carry;
this.otherCarDynamicListData.workTime = res[0].workTime; // this.otherCarDynamicListData.workTime = res[0].workTime;
this.otherCarDynamicListData.mil = res[0].mil; // this.otherCarDynamicListData.mil = res[0].mil;
this.otherCarDynamicListData.startTime = res[0].startTime; // this.otherCarDynamicListData.startTime = res[0].startTime;
this.otherCarDynamicListData.endTime = res[0].endTime; // this.otherCarDynamicListData.endTime = res[0].endTime;
this.otherCarDynamicListData.loadArea = res[0].loadArea; // this.otherCarDynamicListData.loadArea = res[0].loadArea;
this.otherCarDynamicListData.unloadArea = res[0].unloadArea; // this.otherCarDynamicListData.unloadArea = res[0].unloadArea;
}else{ // }else{
this.otherCarDynamicListData.rate = 0; // this.otherCarDynamicListData.rate = 0;
this.otherCarDynamicListData.carry = 0; // this.otherCarDynamicListData.carry = 0;
this.otherCarDynamicListData.workTime = 0; // this.otherCarDynamicListData.workTime = 0;
this.otherCarDynamicListData.mil = 0; // this.otherCarDynamicListData.mil = 0;
this.otherCarDynamicListData.startTime = '无'; // this.otherCarDynamicListData.startTime = '无';
this.otherCarDynamicListData.endTime = '无'; // this.otherCarDynamicListData.endTime = '无';
this.otherCarDynamicListData.loadArea = ''; // this.otherCarDynamicListData.loadArea = '';
this.otherCarDynamicListData.unloadArea = ''; // this.otherCarDynamicListData.unloadArea = '';
} // }
}) // })
}, },
}, },
beforeDestroy(){ beforeDestroy(){
......
src/views/MLargeScreen/components/smallComponents/DPcomputer5.vue
View file @ 58aaf2c6
...@@ -168,25 +168,25 @@ export default { ...@@ -168,25 +168,25 @@ export default {
this.centerEcharts(); this.centerEcharts();
}) })
//中间echarts运载数据 //中间echarts运载数据
HttpReq.truckDispatching.apiPlanZDay1Query().then((res) => { // HttpReq.truckDispatching.apiPlanZDay1Query().then((res) => {
if (res.length != 0) { // if (res.length != 0) {
this.carryCenterData.dayAllCarry1 = res[0].finish; // this.carryCenterData.dayAllCarry1 = res[0].finish;
this.carryCenterData.dayAverageCarry1 = parseFloat(res[0].pfin).toFixed(2); // this.carryCenterData.dayAverageCarry1 = parseFloat(res[0].pfin).toFixed(2);
this.carryCenterData.dayAllMil1 = res[0].allmil ? parseFloat(res[0].allmil).toFixed(3) : 0; // this.carryCenterData.dayAllMil1 = res[0].allmil ? parseFloat(res[0].allmil).toFixed(3) : 0;
this.carryCenterData.dayAllCarNum = res[0].num; // this.carryCenterData.dayAllCarNum = res[0].num;
this.carryCenterData.singleAverageTime = parseFloat(res[0].time).toFixed(2); // this.carryCenterData.singleAverageTime = parseFloat(res[0].time).toFixed(2);
this.carryCenterData.singleAverageMil = res[0].averagemil ? parseFloat(res[0].averagemil).toFixed(3) : 0; // this.carryCenterData.singleAverageMil = res[0].averagemil ? parseFloat(res[0].averagemil).toFixed(3) : 0;
} // }
}) // })
//中间echarts装载数据 //中间echarts装载数据
HttpReq.truckDispatching.apiPlanZMonth1Query().then((res) => { // HttpReq.truckDispatching.apiPlanZMonth1Query().then((res) => {
if (res.length != 0) { // if (res.length != 0) {
this.loadCenterData.dayAllLoad1 = res[0].finish; // this.loadCenterData.dayAllLoad1 = res[0].finish;
this.loadCenterData.dayAverageLoad1 = parseFloat(res[0].pfin).toFixed(2); // this.loadCenterData.dayAverageLoad1 = parseFloat(res[0].pfin).toFixed(2);
this.loadCenterData.dayAllTime = res[0].time; // this.loadCenterData.dayAllTime = res[0].time;
this.loadCenterData.dayLoadCarNum = res[0].num; // this.loadCenterData.dayLoadCarNum = res[0].num;
} // }
}) // })
}, },
//中间模块选择 //中间模块选择
centerSelectFn(text) { centerSelectFn(text) {
......
src/views/home_manage.vue
View file @ 58aaf2c6
...@@ -2,117 +2,46 @@ ...@@ -2,117 +2,46 @@
<div class="home_manage"> <div class="home_manage">
<div class="statistics"> <div class="statistics">
<ul> <ul>
<li> <li v-for="(item,index) in dataList" :key="index">
<div class="liner"> <div class="liner">
<div class="content"> <div class="content">
<span>{{statistics.users}}</span>个 <span>{{item.online}}</span>在线
<a href="/system/user"><p>客户总数</p></a> <a href="/system/user"><p>{{item.name}}</p></a>
</div>
<div class="ornament">
<i></i><i></i><i></i><i></i>
</div>
</div>
</li>
<li>
<div class="liner">
<div class="content">
<span>{{statistics.projects}}</span>个
<a href="/ProjectManage/index"><p>项目总数</p></a>
</div>
<div class="ornament">
<i></i><i></i><i></i><i></i>
</div>
</div>
</li>
<li>
<div class="liner">
<div class="content">
<span>{{statistics.device}}</span>个
<a href="/DeviceManage/index"><p>终端总数</p></a>
</div>
<div class="ornament">
<i></i><i></i><i></i><i></i>
</div>
</div>
</li>
<li>
<div class="liner">
<div class="content">
<span>{{statistics.warning}}</span>个
<a href="/Warning/index"><p>传感器总数</p></a>
</div>
<div class="ornament">
<i></i><i></i><i></i><i></i>
</div>
</div>
</li>
<li>
<div class="liner">
<div class="content">
<span>{{statistics.deviceOnline}}</span>个
<p>设备在线</p>
</div>
<div class="ornament">
<i></i><i></i><i></i><i></i>
</div>
</div>
</li>
<li>
<div class="liner">
<div class="content">
<span>{{statistics.deviceOffline}}</span>个
<p>设备离线</p>
</div>
<div class="ornament">
<i></i><i></i><i></i><i></i>
</div>
</div>
</li>
<li>
<div class="liner">
<div class="content">
<span>{{statistics.userRegiester}}</span>个
<a href="/system/user"><p>用户申请</p></a>
</div> </div>
<div class="ornament"> <div class="ornament">
<i></i><i></i><i></i><i></i> <i></i><i></i><i></i><i></i>
</div> </div>
</div> </div>
</li> </li>
<li v-for="(item,index) in dataList" :key="index">
<div class="liner">
<div class="content">
<span>{{item.count-item.online}}</span>离线
<a href="/system/user"><p>{{item.name}}</p></a>
</div>
<div class="ornament">
<i></i><i></i><i></i><i></i>
</div>
</div>
</li>
</ul> </ul>
</div> </div>
<div class="panel-bottom"> <!-- <div class="panel-bottom">-->
<div class="c-left"> <!-- <div class="c-left">-->
<h3>项目终端数量统计</h3> <!-- <h3>项目终端数量统计</h3>-->
<div class="content" style="padding-top:10px;box-sizing: border-box;"> <!-- <div class="content" style="padding-top:10px;box-sizing: border-box;">-->
<dl> <!-- <dl>-->
<dd v-for="(item, index) in projectList" :key="index" style="display:flex;margin-top:10px;"> <!-- <dd v-for="(item, index) in projectList" :key="index" style="display:flex;margin-top:10px;">-->
<div style="width:10%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; word-break: break-all;margin-left:40px;">{{item.projectName}}</div> <!-- <div style="width:10%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; word-break: break-all;margin-left:40px;">{{item.projectName}}</div>-->
<div style="width:75%;"> <!-- <div style="width:75%;">-->
<el-progress :stroke-width="20" :percentage="parseInt(item.sum)" :format="progressFormat"></el-progress> <!-- <el-progress :stroke-width="20" :percentage="parseInt(item.sum)" :format="progressFormat"></el-progress>-->
</div> <!-- </div>-->
</dd> <!-- </dd>-->
</dl> <!-- </dl>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<!-- <div class="c-right"> <!-- </div>-->
<div class="cr-liner scrolling">
<h3>传感器数目统计</h3>
<div class="content">
<dl>
<dd v-for="(item, index) in numberOfSensorsList" :key="index" style="display:flex;margin-top:10px;">
<div style="width:10%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; word-break: break-all;">{{item.projectName}}</div>
<div style="width:85%;">
<el-progress :stroke-width="20" :percentage="item.num" :format="progressFormat"></el-progress>
</div>
</dd>
</dl>
</div>
</div>
</div> -->
</div>
</div> </div>
</template> </template>
...@@ -133,126 +62,21 @@ export default { ...@@ -133,126 +62,21 @@ export default {
total: 0, total: 0,
sort: 'date,desc' sort: 'date,desc'
}, },
numberOfSensorsList: [], dataList: []
projectList: [],
statistics:{
users:0,
projects:0,
device:0,
warning:0,
deviceOnline:0,
deviceOffline:0,
toDayWarning:0,
userRegiester:0,
},
} }
}, },
mounted() { mounted() {
var that = this;
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
}, },
methods: { methods: {
loadData() { loadData() {
// this.reqUserCount(); HttpReq.truckDispatching.backgroundHomepage().then((res) => {
// this.reqWarningCount(); console.log(res)
// this.reqProjectInfo(); this.dataList = res.data
// this.reqDeviceOnlineCount(); })
// this.reqDeviceOfflineCount();
// this.reqNotActiveCount();
// this.reqTerminalsCount();
//this.reqWarningInfo();
},
// 获取客户总数 获取终端总数
reqUserCount(){
HttpReq.plantFactory.getCustomerTotal().then((res) => {
//console.log('获取客户总数',res);
if(!res[0].id){
this.statistics.users = 0;
this.statistics.device = 0;
}else{
this.statistics.users = res[0].id;
this.statistics.device = res[0].id;
}
})
},
//获取项目总数
reqProjectInfo(){
HttpReq.plantFactory.getProjectTotal().then((res) => {
//console.log('获取项目总数',res);
if(!res.count){
this.statistics.projects = 0;
}else{
this.statistics.projects = res.count;
}
})
},
// 获取传感器总数
reqWarningCount(){
HttpReq.plantFactory.getSensorTotal().then((res) => {
//console.log('获取传感器总数',res);
if(!res.count){
this.statistics.warning = 0;
}else{
this.statistics.warning = res.count;
}
})
},
// 获取设备在线
reqDeviceOnlineCount(){
HttpReq.plantFactory.getEquipmentOnlineTotal().then((res) => {
//console.log('获取设备在线',res);
if(!res[0].id){
this.statistics.deviceOnline = 0;
}else{
this.statistics.deviceOnline = res[0].id;
}
})
},
// 获取设备离线
reqDeviceOfflineCount(){
HttpReq.plantFactory.getEquipmentOfflineTotal().then((res) => {
//console.log('获取设备离线',res);
if(!res[0].id){
this.statistics.deviceOffline = 0;
}else{
this.statistics.deviceOffline = res[0].id;
}
})
},
//获取用户申请
reqNotActiveCount(){
HttpReq.plantFactory.getUserApplicationTotal().then((res) => {
//console.log('获取用户申请',res);
if(!res[0].id){
this.statistics.userRegiester = 0;
}else{
this.statistics.userRegiester = res[0].id;
}
})
},
//获取项目终端数量统计表
reqTerminalsCount(){
HttpReq.plantFactory.getTerminalsStatisticsTotal().then((res) => {
//console.log('获取项目终端数量统计表',res);
if(!res){
this.projectList = [];
}else{
this.projectList = res;
}
})
},
//获取传感器数目统计表
reqWarningInfo(){
HttpReq.plantFactory.getSensorTableList(param).then((res) => {
console.log(res);
// if(res.head.code === '0000'){
// var body = res.body || {};
// this.numberOfSensorsList = body.list || [];
// };
})
}, },
progressFormat(number){ progressFormat(number){
return number + '个'; return number + '个';
......
src/views/personnelPositioning/peopleLogData/dialView.vue
View file @ 58aaf2c6
...@@ -252,11 +252,6 @@ export default { ...@@ -252,11 +252,6 @@ export default {
const audioElement = document.getElementById("audioElement"); const audioElement = document.getElementById("audioElement");
audioElement.pause(); audioElement.pause();
audioElement.load(); audioElement.load();
} else {
this.$message({
message: "尚未建立通信链接！",
type: 'error'
});
} }
}, },
init(safetyhatmac) { init(safetyhatmac) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment