Merge branch 'ehs' of https://e.coding.net/ctcdevteam/ehs/ehs_web into ehs
This commit is contained in:
commit
8fca5caaa8
|
@ -131,6 +131,16 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="count-list-item">
|
||||||
|
<div class="item-img item-img4"></div>
|
||||||
|
<div class="item-info">
|
||||||
|
<div title="司机" class="normal">司机</div>
|
||||||
|
<div class="bottom">
|
||||||
|
<span class="large">{{ userCount.count_remployee }}</span> <span
|
||||||
|
class="normal">人</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="cockpit-alarm">
|
<div class="cockpit-alarm">
|
||||||
|
@ -705,7 +715,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="risk-item">
|
<div class="risk-item">
|
||||||
<span class="risk-item-name">事件截图:</span>
|
<span class="risk-item-name">事件截图:</span>
|
||||||
<img :src="'http://10.0.11.101:8000' + screenWarningItem.global_img" style="width: 250px;">
|
<img :src="screenWarningItem.global_img" style="width: 250px;">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1024,7 +1034,7 @@ export default {
|
||||||
//左侧数据统计
|
//左侧数据统计
|
||||||
this.getManCount();//人员统计$$
|
this.getManCount();//人员统计$$
|
||||||
this.getWarnings();//报警统计$$
|
this.getWarnings();//报警统计$$
|
||||||
// this.getAreas();//区域/风险区域$$
|
this.getAreaList();//区域/风险区域$$
|
||||||
this.getGroup();//部门$$
|
this.getGroup();//部门$$
|
||||||
//右上展示数据
|
//右上展示数据
|
||||||
this.getDangers();//危险作业$$
|
this.getDangers();//危险作业$$
|
||||||
|
@ -1147,11 +1157,31 @@ export default {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
getAreaList() {
|
||||||
|
debugger;
|
||||||
|
let that = this;
|
||||||
|
that.$API.am.area.list.req({page:0}).then(res => {
|
||||||
|
if (res.err_msg) {
|
||||||
|
} else {
|
||||||
|
debugger;
|
||||||
|
that.areaList = res;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
//区域列表/获取风险区域
|
//区域列表/获取风险区域
|
||||||
getAreas() {
|
getAreas() {
|
||||||
let that = this;
|
let that = this;
|
||||||
let areaList = that.$TOOL.data.get('qyjyAreaList');
|
// let areaList = that.$TOOL.data.get('qyjyAreaList');
|
||||||
that.showRiskMarkers(areaList);
|
|
||||||
|
that.$API.am.area.list.req({page:0}).then(res => {
|
||||||
|
if (res.err_msg) {
|
||||||
|
} else {
|
||||||
|
that.areaList = res;
|
||||||
|
that.showRiskMarkers(that.areaList);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
},
|
},
|
||||||
//获取人员列表(全部在线标签列表信息)
|
//获取人员列表(全部在线标签列表信息)
|
||||||
getAllMen() {
|
getAllMen() {
|
||||||
|
@ -1337,7 +1367,7 @@ export default {
|
||||||
});
|
});
|
||||||
let maskColor = '',strokeColor='';
|
let maskColor = '',strokeColor='';
|
||||||
if(item.level===10){
|
if(item.level===10){
|
||||||
maskColor = 'rgba(0,0,255,.2)';//蓝色
|
maskColor = 'rgba(0,0,255,.3)';//蓝色
|
||||||
strokeColor = '#0000ff';
|
strokeColor = '#0000ff';
|
||||||
}else if(item.level===20){
|
}else if(item.level===20){
|
||||||
maskColor = 'rgba(255,255,0,0.44)';//黄色
|
maskColor = 'rgba(255,255,0,0.44)';//黄色
|
||||||
|
@ -1355,7 +1385,7 @@ export default {
|
||||||
floorId: floorId,//楼层id
|
floorId: floorId,//楼层id
|
||||||
color: maskColor,//颜色
|
color: maskColor,//颜色
|
||||||
height: 0,//基底高度
|
height: 0,//基底高度
|
||||||
stretchHeight: 25,//拉伸高度
|
stretchHeight: 35,//拉伸高度
|
||||||
strokeColor: strokeColor,//边线颜色
|
strokeColor: strokeColor,//边线颜色
|
||||||
show: true, //是否显示
|
show: true, //是否显示
|
||||||
allowPicking: true, //是否允许点击
|
allowPicking: true, //是否允许点击
|
||||||
|
@ -2047,7 +2077,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.screen-cockpit {
|
.screen-cockpit {
|
||||||
width: 430px;
|
width: 440px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -2536,7 +2566,7 @@ export default {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
.count-list-item {
|
.count-list-item {
|
||||||
width: 33.3333%;
|
width: 25%;
|
||||||
height: 50%;
|
height: 50%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
|
@ -2544,7 +2574,7 @@ export default {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: 6px;
|
margin-right: 5px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2576,6 +2606,10 @@ export default {
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item-img4 {
|
||||||
|
background: url(/public/img/icon_nbcl.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
.item-info {
|
.item-info {
|
||||||
.normal {
|
.normal {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
|
@ -54,6 +54,7 @@
|
||||||
v-model="query.search"
|
v-model="query.search"
|
||||||
placeholder="登录账号 / 姓名"
|
placeholder="登录账号 / 姓名"
|
||||||
clearable
|
clearable
|
||||||
|
@keyup.enter="handleQuery"
|
||||||
></el-input>
|
></el-input>
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
|
@ -279,7 +280,8 @@ export default {
|
||||||
userTypeOptions :{
|
userTypeOptions :{
|
||||||
'employee': '正式员工',
|
'employee': '正式员工',
|
||||||
'remployee': '相关方',
|
'remployee': '相关方',
|
||||||
'visitor': '访客'
|
'visitor': '访客',
|
||||||
|
'driver':'司机'
|
||||||
},
|
},
|
||||||
idArr: []
|
idArr: []
|
||||||
};
|
};
|
||||||
|
|
|
@ -342,16 +342,15 @@ export default {
|
||||||
},
|
},
|
||||||
|
|
||||||
handleWatch(scope) {
|
handleWatch(scope) {
|
||||||
debugger;
|
|
||||||
let that = this;
|
let that = this;
|
||||||
let workFlow = scope.row.id;
|
let workFlow = scope.row.id;
|
||||||
that.limitedWatch = true;
|
that.limitedWatch = true;
|
||||||
that.$nextTick(() => {
|
that.$nextTick(() => {
|
||||||
var g = new dagreD3.graphlib.Graph().setGraph({
|
var g = new dagreD3.graphlib.Graph().setGraph({
|
||||||
rankdir: "DL",
|
rankdir: "DL",
|
||||||
nodesep: 100,
|
nodesep: 80,
|
||||||
edgesep: 50, //两条线之间的距离
|
edgesep: 50, //两条线之间的距离
|
||||||
ranksep: 50, //节点之间的距离
|
ranksep: 40, //节点之间的距离
|
||||||
marginx: 160,
|
marginx: 160,
|
||||||
marginy: 20,
|
marginy: 20,
|
||||||
});
|
});
|
||||||
|
@ -361,7 +360,11 @@ export default {
|
||||||
let nodes = response;
|
let nodes = response;
|
||||||
// 添加节点
|
// 添加节点
|
||||||
nodes.forEach((item) => {
|
nodes.forEach((item) => {
|
||||||
g.setNode(item.id, {
|
if(item.id&&item.name){
|
||||||
|
if(item.id===1548915292174946304){
|
||||||
|
debugger;
|
||||||
|
}
|
||||||
|
g.setNode(item.id, {
|
||||||
// 节点标签
|
// 节点标签
|
||||||
label: item.name,
|
label: item.name,
|
||||||
// 节点形状
|
// 节点形状
|
||||||
|
@ -373,6 +376,7 @@ export default {
|
||||||
rx: 5, //矩形节点圆角度
|
rx: 5, //矩形节点圆角度
|
||||||
ry: 5,
|
ry: 5,
|
||||||
});
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
//获取流转得到线 链接关系
|
//获取流转得到线 链接关系
|
||||||
that.$API.wf.workflow.transitions.req(workFlow).then((res) => {
|
that.$API.wf.workflow.transitions.req(workFlow).then((res) => {
|
||||||
|
@ -406,7 +410,8 @@ export default {
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
} else {
|
}else {
|
||||||
|
|
||||||
g.setEdge(
|
g.setEdge(
|
||||||
transition0.source_state_.id,
|
transition0.source_state_.id,
|
||||||
transition0.destination_state_.id,
|
transition0.destination_state_.id,
|
||||||
|
@ -419,6 +424,23 @@ export default {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
// let nodess = g._nodes;
|
||||||
|
// let newObj = {};
|
||||||
|
// for(let item in nodess){
|
||||||
|
// if(nodess[item]===undefined){
|
||||||
|
// }else{
|
||||||
|
// newObj[item] = nodess[item];
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// debugger;
|
||||||
|
// console.log(newObj)
|
||||||
|
// // let list = Object.keys(nodess)
|
||||||
|
// // .filter((key) => nodess[key] !== null && nodess[key] !== undefined)
|
||||||
|
// // .reduce((acc, key) => ({ ...acc, [key]: nodess[key] }), {});
|
||||||
|
// // debugger;
|
||||||
|
// // console.log(list)
|
||||||
|
// g._nodes = newObj;
|
||||||
|
console.log(g)
|
||||||
g.nodes().length - 1;
|
g.nodes().length - 1;
|
||||||
// 创建渲染器
|
// 创建渲染器
|
||||||
let render = new dagreD3.render();
|
let render = new dagreD3.render();
|
||||||
|
@ -431,7 +453,6 @@ export default {
|
||||||
document
|
document
|
||||||
.getElementsByClassName("nodes")[0]
|
.getElementsByClassName("nodes")[0]
|
||||||
.getBoundingClientRect().height + 50;
|
.getBoundingClientRect().height + 50;
|
||||||
} else {
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue