Skip to content

X
xt-whp
Commit 50097361 authored by jianqian's avatar jianqian
Browse files
Options

一、企业分布 

1.左侧隐藏
2.预警信息 滚动
二。企业统计
1.展示单个企业的安全生产信息
2.图表，折线图（事故数量，设备预警，近一年）

三、视频可视化
对接海康视频平台

去掉预案信息管理
一企一档
危险源、隐患、职业危害场所、监控监测点位
parent 50c3de9e
Show whitespace changes
Inline Side-by-side
Showing with 60 additions and 31 deletions
dcit-hcsystem-hcsystem-master/src/views/EnseList/EnseList.vue
View file @ 50097361
......@@ -149,5 +149,9 @@ export default class EnterprisesMg extends Vue {
</script>
<style lang="scss" scoped>
@import "@/utils/public.scss";
@media screen and (max-width: 1350px) {
main > div .el-table {
height: calc(100% - 180px);
}
}
</style>
\ No newline at end of file
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesCheck.vue
View file @ 50097361
......@@ -222,7 +222,7 @@ export default class EnterprisesMg extends Vue {
@import "@/utils/public.scss";
@media screen and (max-width: 1350px) {
main > div .el-table {
height: calc(100% - 150px);
height: calc(100% - 120px);
}
}
.el-dialog__body{
......
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesMg.vue
View file @ 50097361
......@@ -240,7 +240,7 @@ export default class EnterprisesMg extends Vue {
@import "@/utils/public.scss";
@media screen and (max-width: 1350px) {
main > div .el-table {
height: calc(100% - 180px);
height: calc(100% - 120px);
}
}
</style>
\ No newline at end of file
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesQt.vue
View file @ 50097361
......@@ -2,8 +2,8 @@
<el-tabs v-model="activeName" type="border-card" >
<el-tab-pane label="图表" name="first" >
<div style ="display:flex;flex-direction:row;justify-content:flex-start;height: 100%">
<div class="qiyeleft" style="width: 24%;height:680px;" >
<div style ="display:flex;flex-direction:row;justify-content:flex-start;background: #fff">
<div class="qiyeleft" style="width: 24%;height:100%;margin-bottom: 10px;" >
<div class="qiyetitle">企业列表</div>
<div style ="display:flex;flex-direction:row;justify-content:flex-start;margin-bottom: 20px;margin-left: 20px;margin-right: 20px;">
<el-input v-model="searchData.unitName" placeholder="请输入资源名称"></el-input>
......@@ -11,10 +11,19 @@
<i class="el-icon-search"></i> 搜索
</el-button>
</div>
<div style="max-height:400px;background: #f3fafc;margin-left: 20px;margin-bottom:20px;margin-right: 20px; ">
<div style="background: #f3fafc;margin-left: 20px;margin-bottom:10px;margin-right: 20px;">
<div class="qiyelist" style="letter-spacing:1px;" :id="item.enterpriseId" @click="showqiye(item.enterpriseId)" v-for="(item, index) in tableData.pageData" :key="index">
<div style="margin-left: 10px;cursor: pointer;">{{item.unitName}}</div>
</div>
<!--<div class="qiyelist" style="letter-spacing:1px;" :id="item.enterpriseId" @click="showqiye(item.enterpriseId)" v-for="(item, index) in tableData.pageData" :key="index">-->
<!--<div style="margin-left: 10px;cursor: pointer;">{{item.unitName}}</div>-->
<!--</div>-->
<!--<div class="qiyelist" style="letter-spacing:1px;" >-->
<!--<div style="margin-left: 10px;cursor: pointer;">-&#45;&#45;&#45;&#45;&#45;&#45;</div>-->
<!--</div>-->
<!--<div class="qiyelist" style="letter-spacing:1px;" >-->
<!--<div style="margin-left: 10px;cursor: pointer;">-&#45;&#45;&#45;&#45;&#45;&#45;</div>-->
<!--</div>-->
</div>
<el-pagination
......@@ -27,21 +36,21 @@
:page-size="PAGE.size"
></el-pagination>
</div>
<div style="width: 75%">
<div style="width: 100%;height: 10em;">
<div style="width: 75%;height: 100%">
<div style="width: 100%;height: 25%;">
<div class="el-tab-pane-div second-div" @click="showList(1)" style="cursor:pointer;">
<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">
<img src="../../assets/shigunum.png" width="25%" style="margin-top: 2rem;">
<p>事故总次数</p>
<img src="../../assets/shigunum.png" width="22%" style="margin-top: 1rem;">
<p style="margin-block-start: 0.5em;"> 事故总次数</p>
</div>
<div style="width: 60%;height: 100%;text-align: center;line-height: 9rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{totalOne}}</div>
<div style="width: 60%;height: 100%;text-align: center;line-height: 6rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{totalOne}}</div>
</div>
<div class="el-tab-pane-div second-div" @click="showList(2)" style="cursor:pointer;">
<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">
<img src="../../assets/yujingnum.png" width="25%" style="margin-top: 2rem;">
<p>设备预警总次数</p>
<img src="../../assets/yujingnum.png" width="22%" style="margin-top: 1rem;">
<p style="margin-block-start: 0.5em;">设备预警总次数</p>
</div>
<div style="width: 60%;height: 100%;text-align: center;line-height: 9rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{totalTwo}}</div>
<div style="width: 60%;height: 100%;text-align: center;line-height: 6rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{totalTwo}}</div>
</div>
<!--<div class="el-tab-pane-div second-div" style="" @click="showList(1)" style="cursor:pointer;">-->
<!--<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">-->
......@@ -383,7 +392,7 @@ export default class EnterprisesMg extends Vue {
width: 45%;
float: left;
margin-left: 2.5%;
height: 9rem;
height: 6rem;
color: #fff;
background-color: #4980b5;
border-radius: 5px;
......@@ -413,10 +422,13 @@ export default class EnterprisesMg extends Vue {
border-radius: 5px;
}
main > div {
background: #ffffff;
height: calc(100vh - 120px)!important;
padding: 0px !important;
.el-tabs{
height: 95%;
overflow-y:scroll;
}
/*@media screen and (max-width: 1250px) {*/
/*main > div .el-tabs {*/
/*height: calc(100% - 120px);*/
/*}*/
/*}*/
</style>
\ No newline at end of file
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesTj.vue
View file @ 50097361
<template style="">
<div class="pie" style="width:100%;height: 700px;">
<div class="pie" style="width:100%;height: 100%;">
<!--<div id="pie1" style="float:left;width:50%;height: 500px;">-->
<!--&lt;!&ndash; 为 ECharts 准备一个具备大小（宽高）的 DOM &ndash;&gt;-->
<!--<div id="main1" style="width:700px;height:500px;"></div>-->
<!--</div>-->
<div style="width:100%;display:flex;flex-direction:row;justify-content:flex-start;">
<div id="pie20" style="width:45%;height: 500px;margin-left: 5%;">
<div id="main2" style="width:550px;height:500px;"></div>
<div id="pie20" style="width:48%;height: 100%;margin-left: 1%;">
<div id="main2" style="width:100%;height:30em;"></div>
</div>
<div id="pie3" style="width:45%;height: 500px;margin-left: 5%;">
<div id="main3" style="width:550px;height:500px;"></div>
<div id="pie3" style="width:48%;height: 100%;margin-left: 0%;">
<div id="main3" style="width:100%;height:30em;"></div>
</div>
</div>
</div>
......@@ -351,12 +351,12 @@ export default {
.pie #pie20{
/* border:1px #000000 solid; */
margin-left: 20px;
margin-top: 50px;
margin-top: 30px;
}
.pie #pie3{
/* border:1px #000000 solid; */
margin-left: 20px;
margin-top: 50px;
margin-top: 30px;
}
.el-main .el-tabs .el-tabs__content{
background-repeat: no-repeat;
......@@ -364,4 +364,7 @@ export default {
/* height: 100%; */
padding: 0px !important;
}
main > div .el-tabs {
height: calc(100% - 120px);
}
</style>
\ No newline at end of file
dcit-hcsystem-hcsystem-master/src/views/SafetyDevice/SafetyDeviceMg.vue
View file @ 50097361
......@@ -189,4 +189,9 @@ export default class SafetyDeviceMg extends Vue {
<style lang="scss">
@import "@/utils/public.scss";
@media screen and (max-width: 1350px) {
main > div .el-table {
height: calc(100% - 180px);
}
}
</style>
dcit-hcsystem-hcsystem-master/src/views/guarantee/guarantee.vue
View file @ 50097361
......@@ -186,4 +186,9 @@ export default class SafetyDeviceMg extends Vue {
<style lang="scss">
@import "@/utils/public.scss";
@media screen and (max-width: 1350px) {
main > div .el-table {
height: calc(100% - 120px);
}
}
</style>
dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMap.vue
View file @ 50097361
......@@ -25,7 +25,7 @@
<QyMapone></QyMapone>
</div>
<div @click="kongzhi" id="bluebox2"
style="width: 30px;height: 8%;z-index: 11;background-color: rgba(2, 40, 90, 0.9);position: absolute;top: 0;left: 500px;float: left;top:45%;border-radius: 5px;">
style="width: 18px;height: 8%;z-index: 11;background-color: rgba(2, 40, 90, 0.9);position: absolute;top: 0;left: 500px;float: left;top:45%;border-radius: 5px;">
<img id ="ko" style="height: 100%;width: 100%" src="@/assets/Subtract-1.png"/>
</div>
<div class="markBox">
......
dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMapone.vue
View file @ 50097361
......@@ -36,7 +36,7 @@
<div id="main2" style="width:450px;height:calc(100vh - 670px);"></div>
</div>
</dv-border-box-12>
<div class="div-table" style="width:480px;margin-bottom: 20px;background-color: rgb(0, 0, 0,0);position: fixed;bottom: 0;right: 0;margin-right: 10px;">
<div class="div-table" style="width:480px;margin-bottom: 11px;background-color: rgb(0, 0, 0,0);position: fixed;bottom: 0;right: 0;margin-right: 10px;">
<div style="width: 100%;height: 38px;text-align: left;font-size: 16px; line-height: 38px;color: #fff;font-weight: 900;background: #013056;opacity: 0.8;"><span style="margin-left: 10px;">预警信息</span></div>
<el-table :data="$data.tableData" ref="tableList" stripe border :header-cell-style="{background:'#02285a',color:'#fff',}" >
<el-table-column prop="unitName" label="企业名称" width="110"></el-table-column>
......
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