Commit 8b4a1cd5 authored by yaqizhang's avatar yaqizhang

大屏右下角

parent d5eb15a4
......@@ -64,23 +64,6 @@
<el-table-column prop="" label="监管分类"></el-table-column>
<el-table-column prop="" label="危险源数量"></el-table-column>
<el-table-column prop="" label="企业地址">
<!-- <template slot-scope="scope">
<font v-if="scope.row.accountStatus === '0'" class="colorM">
<i class="iconfont iconzhengchang"></i> 正常
</font>
<font v-else-if="scope.row.accountStatus == 2" class="colorP">
<i class="iconfont iconsuoding"></i> 已锁定
</font>
<font v-else-if="scope.row.accountStatus == 1" class="colorR">
<i class="iconfont iconicon_huabanfuben"></i> 已删除
</font>
<font v-else-if="scope.row.accountStatus == 3" class="colorP">
<i class="iconfont iconshenhe"></i> 审核中
</font>
<font v-else-if="scope.row.accountStatus == 4" class="colorR">
<i class="iconfont iconweitongguo"></i> 审核未通过
</font>
</template> -->
</el-table-column>
<el-table-column label="操作" width="170" align="center">
<template slot-scope="scope">
......
......@@ -65,18 +65,18 @@
<div class="markBox">
<div style="float: left;background-color: aquamarine;text-align: center;">
<el-tooltip :disabled="disabled" content="企业注册" placement="left" effect="light" style="margin-left: 25%;">
<div @click="mapqiye">
<div class="markbox-div">
<el-tooltip :disabled="disabled" content="企业注册" placement="left" effect="light">
<div class="markbox-click" @click="mapqiye">
<img width="15px" src="@/assets/mark/markqy.png" />
</div>
</el-tooltip>
</div>
<div style="float: right;text-align: center;line-height: ;">
<div class="markbox-span">
<span>{{tjNumberObj.enterpriseRegNum}}</span>
</div>
<div style="float: left;text-align: center;">
<div class="markbox-div">
<el-tooltip :disabled="disabled" content="危险源" placement="left" effect="light">
<div @click="mapwxy">
<img width="20px" src="@/assets/mark/weixianyuan.png" />
......@@ -84,10 +84,10 @@
</el-tooltip>
</div>
<div style="float: right;">
<div class="markbox-span">
<span>{{tjNumberObj.dangerNum}}</span>
</div>
<div style="float: left;">
<div class="markbox-div">
<el-tooltip :disabled="disabled" content="监控监测点" placement="left" effect="light">
<div @click="mapshipin">
<img width="20px" src="@/assets/mark/jiankong.png" />
......@@ -95,10 +95,10 @@
</el-tooltip>
</div>
<div style="float: right;">
<div class="markbox-span">
<span>{{tjNumberObj.cameraNum}}</span>
</div>
<div style="float: left;">
<div class="markbox-div">
<el-tooltip :disabled="disabled" content="职业危害场所" placement="left" effect="light">
<div>
<img width="20px" src="@/assets/mark/weihaichangsuo.png" />
......@@ -106,10 +106,10 @@
</el-tooltip>
</div>
<div style="float: right;">
<div class="markbox-span">
<span>2</span>
</div>
<div style="float: left;">
<div class="markbox-div">
<el-tooltip :disabled="disabled" content="隐患" placement="left" effect="light">
<div>
<img width="20px" src="@/assets/mark/yinhuan.png" />
......@@ -117,17 +117,10 @@
</el-tooltip>
</div>
<div style="float: right;">
<div class="markbox-span">
<span>2</span>
</div>
</div>
<!-- <div id="pieReport" style="width: 480px;height: 200px;background-color: rgba(2, 20, 44, 0.5);margin-top: 30px;margin-left: 10px;"></div>
<div id="pieReport" style="width: 480px;height: 250px;background-color: rgba(2, 20, 44, 0.5);margin-top: 30px;margin-left: 10px;"></div>
<div id="pieReport" style="width: 480px;height: 250px;background-color: rgba(2, 20, 44, 0.5);margin-top: 30px;margin-left: 10px;"></div> -->
<!-- <QyMaptwo></QyMaptwo> -->
<!-- </div> -->
</div>
</div>
</template>
......@@ -202,9 +195,9 @@ export default class GIS extends Vue {
@Provide() mouseTool: any; //测量工具
@Provide() toolVisble: boolean = false;
@Provide() tjNumberObj: any = {};
@Provide() qiyeVisble: boolean = true;
@Provide() wxyVisble: boolean = true;
@Provide() shipinVisble: boolean = true;
@Provide() qiyeVisble: boolean = false;
@Provide() wxyVisble: boolean = false;
@Provide() shipinVisble: boolean = false;
getMapData() {
let that = this;
......@@ -629,46 +622,7 @@ export default class GIS extends Vue {
.map-botton:nth-child(3){
left:270px;
}
/* // .BoxWrap{
// width: 200px;
// height: 200px;
// position: relative;
// }
// .horn{
// position: absolute;
// width: 100%;
// height: 100%;
// border:1px solid #00d3e7;
// }
// .horn>div{
// width: 10px;
// height: 10px;
// position:absolute;
// }
// .horn .lt{
// border-top: 3px solid #00d3e7;
// border-left: 3px solid #00d3e7;
// left: -2px;
// top: -2px;
// }
// .horn .rt{
// border-top: 3px solid #00d3e7;
// border-right: 3px solid #00d3e7;
// right: -2px;
// top: -2px;
// }
// .horn .rb{
// border-bottom:3px solid #00d3e7;
// border-right: 3px solid #00d3e7;
// right: -2px;
// bottom: -2px;
// }
// .horn .lb{
// border-bottom:3px solid #00d3e7;
// border-left: 3px solid #00d3e7;
// left: -2px;
// bottom: -2px;
// } */
#mapbox {
width: 100%;
height: 100%;
......@@ -689,15 +643,23 @@ export default class GIS extends Vue {
bottom: 10px;
right: 20px;
}
.markBox div{
.markBox .markbox-div{
float: left;
width: 50%;
height: 50px;
text-align: center;
/* background: url(selected.png) right top no-repeat !important; */
background: url(selected.png) right top no-repeat !important;
background-size: 16px !important;
}
.markBox span{
.markBox .markbox-span{
float: right;
width: 50%;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 2rem;
font-family: 'UnidreamLED';
color: #fff;
}
.markBox div img{
width: 25px;
......
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