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 { ...@@ -149,5 +149,9 @@ export default class EnterprisesMg extends Vue {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/utils/public.scss"; @import "@/utils/public.scss";
@media screen and (max-width: 1350px) {
main > div .el-table {
height: calc(100% - 180px);
}
}
</style> </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 { ...@@ -222,7 +222,7 @@ export default class EnterprisesMg extends Vue {
@import "@/utils/public.scss"; @import "@/utils/public.scss";
@media screen and (max-width: 1350px) { @media screen and (max-width: 1350px) {
main > div .el-table { main > div .el-table {
height: calc(100% - 150px); height: calc(100% - 120px);
} }
} }
.el-dialog__body{ .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 { ...@@ -240,7 +240,7 @@ export default class EnterprisesMg extends Vue {
@import "@/utils/public.scss"; @import "@/utils/public.scss";
@media screen and (max-width: 1350px) { @media screen and (max-width: 1350px) {
main > div .el-table { main > div .el-table {
height: calc(100% - 180px); height: calc(100% - 120px);
} }
} }
</style> </style>
\ No newline at end of file
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesQt.vue
View file @ 50097361
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
<el-tabs v-model="activeName" type="border-card" > <el-tabs v-model="activeName" type="border-card" >
<el-tab-pane label="图表" name="first" > <el-tab-pane label="图表" name="first" >
<div style ="display:flex;flex-direction:row;justify-content:flex-start;height: 100%"> <div style ="display:flex;flex-direction:row;justify-content:flex-start;background: #fff">
<div class="qiyeleft" style="width: 24%;height:680px;" > <div class="qiyeleft" style="width: 24%;height:100%;margin-bottom: 10px;" >
<div class="qiyetitle">企业列表</div> <div class="qiyetitle">企业列表</div>
<div style ="display:flex;flex-direction:row;justify-content:flex-start;margin-bottom: 20px;margin-left: 20px;margin-right: 20px;"> <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> <el-input v-model="searchData.unitName" placeholder="请输入资源名称"></el-input>
...@@ -11,10 +11,19 @@ ...@@ -11,10 +11,19 @@
<i class="el-icon-search"></i> 搜索 <i class="el-icon-search"></i> 搜索
</el-button> </el-button>
</div> </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 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 style="margin-left: 10px;cursor: pointer;">{{item.unitName}}</div>
</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> </div>
<el-pagination <el-pagination
...@@ -27,21 +36,21 @@ ...@@ -27,21 +36,21 @@
:page-size="PAGE.size" :page-size="PAGE.size"
></el-pagination> ></el-pagination>
</div> </div>
<div style="width: 75%"> <div style="width: 75%;height: 100%">
<div style="width: 100%;height: 10em;"> <div style="width: 100%;height: 25%;">
<div class="el-tab-pane-div second-div" @click="showList(1)" style="cursor:pointer;"> <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;"> <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;"> <img src="../../assets/shigunum.png" width="22%" style="margin-top: 1rem;">
<p>事故总次数</p> <p style="margin-block-start: 0.5em;"> 事故总次数</p>
</div> </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>
<div class="el-tab-pane-div second-div" @click="showList(2)" style="cursor:pointer;"> <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;"> <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;"> <img src="../../assets/yujingnum.png" width="22%" style="margin-top: 1rem;">
<p>设备预警总次数</p> <p style="margin-block-start: 0.5em;">设备预警总次数</p>
</div> </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>
<!--<div class="el-tab-pane-div second-div" style="" @click="showList(1)" style="cursor:pointer;">--> <!--<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;">--> <!--<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">-->
...@@ -383,7 +392,7 @@ export default class EnterprisesMg extends Vue { ...@@ -383,7 +392,7 @@ export default class EnterprisesMg extends Vue {
width: 45%; width: 45%;
float: left; float: left;
margin-left: 2.5%; margin-left: 2.5%;
height: 9rem; height: 6rem;
color: #fff; color: #fff;
background-color: #4980b5; background-color: #4980b5;
border-radius: 5px; border-radius: 5px;
...@@ -413,10 +422,13 @@ export default class EnterprisesMg extends Vue { ...@@ -413,10 +422,13 @@ export default class EnterprisesMg extends Vue {
border-radius: 5px; border-radius: 5px;
} }
main > div { .el-tabs{
background: #ffffff; height: 95%;
height: calc(100vh - 120px)!important; overflow-y:scroll;
padding: 0px !important;
} }
/*@media screen and (max-width: 1250px) {*/
/*main > div .el-tabs {*/
/*height: calc(100% - 120px);*/
/*}*/
/*}*/
</style> </style>
\ No newline at end of file
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesTj.vue
View file @ 50097361
<template style=""> <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;">--> <!--<div id="pie1" style="float:left;width:50%;height: 500px;">-->
<!--&lt;!&ndash; 为 ECharts 准备一个具备大小（宽高）的 DOM &ndash;&gt;--> <!--&lt;!&ndash; 为 ECharts 准备一个具备大小（宽高）的 DOM &ndash;&gt;-->
<!--<div id="main1" style="width:700px;height:500px;"></div>--> <!--<div id="main1" style="width:700px;height:500px;"></div>-->
<!--</div>--> <!--</div>-->
<div style="width:100%;display:flex;flex-direction:row;justify-content:flex-start;"> <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="pie20" style="width:48%;height: 100%;margin-left: 1%;">
<div id="main2" style="width:550px;height:500px;"></div> <div id="main2" style="width:100%;height:30em;"></div>
</div> </div>
<div id="pie3" style="width:45%;height: 500px;margin-left: 5%;"> <div id="pie3" style="width:48%;height: 100%;margin-left: 0%;">
<div id="main3" style="width:550px;height:500px;"></div> <div id="main3" style="width:100%;height:30em;"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -351,12 +351,12 @@ export default { ...@@ -351,12 +351,12 @@ export default {
.pie #pie20{ .pie #pie20{
/* border:1px #000000 solid; */ /* border:1px #000000 solid; */
margin-left: 20px; margin-left: 20px;
margin-top: 50px; margin-top: 30px;
} }
.pie #pie3{ .pie #pie3{
/* border:1px #000000 solid; */ /* border:1px #000000 solid; */
margin-left: 20px; margin-left: 20px;
margin-top: 50px; margin-top: 30px;
} }
.el-main .el-tabs .el-tabs__content{ .el-main .el-tabs .el-tabs__content{
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -364,4 +364,7 @@ export default { ...@@ -364,4 +364,7 @@ export default {
/* height: 100%; */ /* height: 100%; */
padding: 0px !important; padding: 0px !important;
} }
main > div .el-tabs {
height: calc(100% - 120px);
}
</style> </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 { ...@@ -189,4 +189,9 @@ export default class SafetyDeviceMg extends Vue {
<style lang="scss"> <style lang="scss">
@import "@/utils/public.scss"; @import "@/utils/public.scss";
@media screen and (max-width: 1350px) {
main > div .el-table {
height: calc(100% - 180px);
}
}
</style> </style>
dcit-hcsystem-hcsystem-master/src/views/guarantee/guarantee.vue
View file @ 50097361
...@@ -186,4 +186,9 @@ export default class SafetyDeviceMg extends Vue { ...@@ -186,4 +186,9 @@ export default class SafetyDeviceMg extends Vue {
<style lang="scss"> <style lang="scss">
@import "@/utils/public.scss"; @import "@/utils/public.scss";
@media screen and (max-width: 1350px) {
main > div .el-table {
height: calc(100% - 120px);
}
}
</style> </style>
dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMap.vue
View file @ 50097361
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<QyMapone></QyMapone> <QyMapone></QyMapone>
</div> </div>
<div @click="kongzhi" id="bluebox2" <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"/> <img id ="ko" style="height: 100%;width: 100%" src="@/assets/Subtract-1.png"/>
</div> </div>
<div class="markBox"> <div class="markBox">
......
dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMapone.vue
View file @ 50097361
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<div id="main2" style="width:450px;height:calc(100vh - 670px);"></div> <div id="main2" style="width:450px;height:calc(100vh - 670px);"></div>
</div> </div>
</dv-border-box-12> </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> <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 :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> <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