Commit 50c3de9e authored by jianqian's avatar jianqian

一、企业分布

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

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

去掉预案信息管理
一企一档
危险源、隐患、职业危害场所、监控监测点位
parent 32dd9971
...@@ -27,7 +27,8 @@ ...@@ -27,7 +27,8 @@
<div style="display:flex;flex-direction:row;justify-content:flex-start;"> <div style="display:flex;flex-direction:row;justify-content:flex-start;">
<div class="enterDetail-item"> <div class="enterDetail-item">
<span class="itit">所属区域:</span> <span class="itit">所属区域:</span>
<City :valueqv="cityval" :disabled="true"></City> <!--<City :valueqv="cityval" :disabled="true"></City>-->
{{editForm.provinceName+editForm.cityName+editForm.countyName}}
</div> </div>
<div class="enterDetail-item"> <div class="enterDetail-item">
<span class="itit">营业执照:</span> <span class="itit">营业执照:</span>
...@@ -603,6 +604,7 @@ main>div { ...@@ -603,6 +604,7 @@ main>div {
.enterDetail { .enterDetail {
border:1px solid #CDCDCD; border:1px solid #CDCDCD;
overflow-y:auto; overflow-y:auto;
height: 100%;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 6px; /* 滚动条宽度, width:对应竖滚动条的宽度 height:对应横滚动条的高度*/ width: 6px; /* 滚动条宽度, width:对应竖滚动条的宽度 height:对应横滚动条的高度*/
......
...@@ -2,16 +2,16 @@ ...@@ -2,16 +2,16 @@
<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;"> <div style ="display:flex;flex-direction:row;justify-content:flex-start;height: 100%">
<div style="width: 24%;height:700px;" > <div class="qiyeleft" style="width: 24%;height:680px;" >
<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"> <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>
<el-button type="primary" @click="searchFun()"> <el-button type="primary" @click="searchFun()">
<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; "> <div style="max-height:400px;background: #f3fafc;margin-left: 20px;margin-bottom:20px;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>
...@@ -398,6 +398,11 @@ export default class EnterprisesMg extends Vue { ...@@ -398,6 +398,11 @@ export default class EnterprisesMg extends Vue {
font-size: 30px; font-size: 30px;
margin-top:20px; margin-top:20px;
} }
.qiyeleft{
border: 1px solid #c0ccda;
margin-top: 20px;
margin-left: 10px;
}
.qiyelist{ .qiyelist{
height: 40px; height: 40px;
line-height:40px; line-height:40px;
......
...@@ -140,10 +140,11 @@ export default { ...@@ -140,10 +140,11 @@ export default {
goscroll(){ goscroll(){
let _this = this; let _this = this;
let divData = this.$refs.tableList.bodyWrapper ; let divData = this.$refs.tableList.bodyWrapper ;
console.log(divData)
this.dibiao_clear=setInterval(() => { this.dibiao_clear=setInterval(() => {
divData.scrollTop += 1 divData.scrollTop += 1
if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) { //console.log(divData.clientHeight+"---"+divData.scrollTop+"---"+divData.scrollHeight);
if (divData.clientHeight + divData.scrollTop+1 >= divData.scrollHeight) {
divData.scrollTop = 0 divData.scrollTop = 0
} }
}, 100); }, 100);
......
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