jianguan
/
supervise-monitor-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改页面代码

master
zyc@123456 2 years ago
parent
b740fed4ee
commit
91cfc69b92
2 changed files with 278 additions and 194 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 238
      src/views/dianzixungeng/dianzixungengL.vue
  2. 234
      src/views/xiaofangbaojing/xiaofangbaojingL.vue

238
src/views/dianzixungeng/dianzixungengL.vue
View File

@ -49,108 +49,110 @@
</div> -->
<!-- 11 -->
</div>
<div class="shipinscon">
<div class="shipinstu">
<!-- 111入侵报警 -->
<div class="ruqinbaojing" v-show="showRuqinbaojing">
<div class="myiconfont bluezibg jingicon ruqin_zhengchang1" @click="openshipinRuqinbaojing()">&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang2">&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang3" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang4" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang5" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang6" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang7" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang8" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang9" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang10" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang11" >&#xe63e;</div>
<div class="myiconfont huizibg jingicon ruqin_lixian1" >&#xe63e;</div>
<div class="myiconfont huizibg jingicon ruqin_lixian2" >&#xe63e;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing1">&#xe63e;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing2">&#xe63e;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing3">&#xe63e;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing4">&#xe63e;</div>
<!-- 显示文字 -->
<div class="seencons ruqin_zhengchang1b" v-show="seenshipinRuqinbaojing">
<p @click="toMore()">布防</p>
<p @click="toMore()">撤防</p>
<p @click="toMore()">报警确认</p>
<p @click="toMore()">旁路</p>
<div class="shipinscons">
<div class="shipinscon">
<div class="shipinstu">
<img src="/image/cangkutub.png"/>
<!-- 111入侵报警 -->
<div class="ruqinbaojing" v-show="showRuqinbaojing">
<div class="myiconfont bluezibg jingicon ruqin_zhengchang1" @click="openshipinRuqinbaojing()">&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang2">&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang3" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang4" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang5" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang6" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang7" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang8" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang9" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang10" >&#xe63e;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang11" >&#xe63e;</div>
<div class="myiconfont huizibg jingicon ruqin_lixian1" >&#xe63e;</div>
<div class="myiconfont huizibg jingicon ruqin_lixian2" >&#xe63e;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing1">&#xe63e;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing2">&#xe63e;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing3">&#xe63e;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing4">&#xe63e;</div>
<!-- 显示文字 -->
<div class="seencons ruqin_zhengchang1b" v-show="seenshipinRuqinbaojing">
<p @click="toMore()">布防</p>
<p @click="toMore()">撤防</p>
<p @click="toMore()">报警确认</p>
<p @click="toMore()">旁路</p>
</div>
</div>
</div>
<!-- 111end -->
<!-- 222视频监控 -->
<div class="ruqinbaojing" v-show="showShipinjiankong">
<div class="myiconfont bluezibg jingicon shipin_zhengchang1" @mouseover="enter" @mouseleave="leave" @click="openshipinShipinjiankong()">&#xe644;</div>
<div class="myiconfont huizibg jingicon shipin_lixian1" >&#xe644;</div>
<div class="myiconfont redzibg jingicon shipin_baojing1">&#xe644;</div>
<!-- 显示文字 -->
<div class="seencons shipin_zhengchang1b" v-show="seenshipinShipinjiankong">
<p @click="toMore()">实时视频</p>
<p @click="toMore()">回放视频</p>
<!-- 111end -->
<!-- 222视频监控 -->
<div class="ruqinbaojing" v-show="showShipinjiankong">
<div class="myiconfont bluezibg jingicon shipin_zhengchang1" @mouseover="enter" @mouseleave="leave" @click="openshipinShipinjiankong()">&#xe644;</div>
<div class="myiconfont huizibg jingicon shipin_lixian1" >&#xe644;</div>
<div class="myiconfont redzibg jingicon shipin_baojing1">&#xe644;</div>
<!-- 显示文字 -->
<div class="seencons shipin_zhengchang1b" v-show="seenshipinShipinjiankong">
<p @click="toMore()">实时视频</p>
<p @click="toMore()">回放视频</p>
</div>
<!-- 鼠标移入显示文字 -->
<div class="seenconsc shipin_zhengchang1c" v-show="seen_shubiaoShipinjiankong">
<p>设备名称：1号楼1F西侧走廊像机1</p>
<p>设备编号：HK023123</p>
<p>设备IP：192.168.1.2</p>
</div>
</div>
<!-- 鼠标移入显示文字 -->
<div class="seenconsc shipin_zhengchang1c" v-show="seen_shubiaoShipinjiankong">
<p>设备名称：1号楼1F西侧走廊像机1</p>
<p>设备编号：HK023123</p>
<p>设备IP：192.168.1.2</p>
<!-- 2222end -->
<!-- 333门禁管理 -->
<div class="ruqinbaojing" v-show="showMenjinguanli">
<div class="myiconfont bluezibg jingicon menjin_zhengchang1" @click="openshipinMenjinguanli()">&#xe60b;</div>
<div class="myiconfont huizibg jingicon menjin_lixian1" >&#xe60b;</div>
<div class="myiconfont redzibg jingicon menjin_baojing1">&#xe60b;</div>
<!-- 显示文字 -->
<div class="seencons menjin_zhengchang1b" v-show="seenshipinMenjinguanli">
<p @click="toMore()">开门</p>
</div>
</div>
</div>
<!-- 2222end -->
<!-- 333门禁管理 -->
<div class="ruqinbaojing" v-show="showMenjinguanli">
<div class="myiconfont bluezibg jingicon menjin_zhengchang1" @click="openshipinMenjinguanli()">&#xe60b;</div>
<div class="myiconfont huizibg jingicon menjin_lixian1" >&#xe60b;</div>
<div class="myiconfont redzibg jingicon menjin_baojing1">&#xe60b;</div>
<!-- 显示文字 -->
<div class="seencons menjin_zhengchang1b" v-show="seenshipinMenjinguanli">
<p @click="toMore()">开门</p>
<!-- 333end -->
<!--444门电子围栏-->
<div class="ruqinbaojing" v-show="showDianziweilan">
<div class="myiconfont bluezibg jingicon Dianziweilan_zhengchang1" @click="openshipinDianziweilan()">&#xe6b8;</div>
<div class="myiconfont huizibg jingicon Dianziweilan_lixian1" >&#xe6b8;</div>
<div class="myiconfont redzibg jingicon Dianziweilan_baojing1">&#xe6b8;</div>
<!-- 显示文字 -->
<div class="seencons Dianziweilan_zhengchang1b" v-show="seenshipinDianziweilan">
<p @click="toMore()">布防</p>
<p @click="toMore()">撤防</p>
<p @click="toMore()">报警确认</p>
<p @click="toMore()">旁路</p>
</div>
</div>
<!-- 444end -->
</div>
<!-- 333end -->
<!--444门电子围栏-->
<div class="ruqinbaojing" v-show="showDianziweilan">
<div class="myiconfont bluezibg jingicon Dianziweilan_zhengchang1" @click="openshipinDianziweilan()">&#xe6b8;</div>
<div class="myiconfont huizibg jingicon Dianziweilan_lixian1" >&#xe6b8;</div>
<div class="myiconfont redzibg jingicon Dianziweilan_baojing1">&#xe6b8;</div>
<!-- 显示文字 -->
<div class="seencons Dianziweilan_zhengchang1b" v-show="seenshipinDianziweilan">
<p @click="toMore()">布防</p>
<p @click="toMore()">撤防</p>
<p @click="toMore()">报警确认</p>
<p @click="toMore()">旁路</p>
<!-- 下部机构导航 -->
<div class="tabhead">
<!-- <el-checkbox-group v-model="departmentTypeArray" @change="getList">
<el-checkbox-button v-for="(item,index) in jigounavType" :key="index" :label="item.value" :value="item.value">
<span class="iconfontyuan myiconfont" :class="icontu[index]"></span>
{{item.label}}
</el-checkbox-button>
</el-checkbox-group> -->
<!-- <el-checkbox-group v-model="departmentTypeArray">
<el-checkbox-button label="1" checked><div @click="openruqinbaojing()"><span class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button>
<el-checkbox-button label="2"><div @click="openshipinjiankong()"><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div></el-checkbox-button>
<el-checkbox-button label="3"><div @click="openmenjinguanli()"><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div></el-checkbox-button>
<el-checkbox-button label="4"><div @click="opendianziweilan()"><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div></el-checkbox-button>
</el-checkbox-group> -->
</div>
</div>
<!-- 444end -->
<!-- 列表结束 -->
</div>
<!-- 下部机构导航 -->
<div class="tabhead">
<!-- <el-checkbox-group v-model="departmentTypeArray" @change="getList">
<el-checkbox-button v-for="(item,index) in jigounavType" :key="index" :label="item.value" :value="item.value">
<span class="iconfontyuan myiconfont" :class="icontu[index]"></span>
{{item.label}}
</el-checkbox-button>
</el-checkbox-group> -->
<!-- <el-checkbox-group v-model="departmentTypeArray">
<el-checkbox-button label="1" checked><div @click="openruqinbaojing()"><span class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button>
<el-checkbox-button label="2"><div @click="openshipinjiankong()"><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div></el-checkbox-button>
<el-checkbox-button label="3"><div @click="openmenjinguanli()"><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div></el-checkbox-button>
<el-checkbox-button label="4"><div @click="opendianziweilan()"><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div></el-checkbox-button>
</el-checkbox-group> -->
</div>
<!-- 列表结束 -->
</div>
</div>
</div>
@ -579,15 +581,55 @@ export default {
padding: 10px;
}
.tab-header{background-color: #fff;}
.shipinscon {margin: 20px 0 0 0;
.shipinscons {height: 95%;text-align: center;
margin: 20px auto 0;
text-align: center;position: relative;
padding: 20px 50px 20px 50px;
background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.shipinscon {width: 60%;
margin: 20px auto 0;
text-align: center;position: relative;
padding: 20px 50px 20px 50px;
}
.shipinstu {
/* border:1px solid #0241c1; */
position:absolute;left: 0;
margin: 0 auto;text-align: center;
/* z-index: 0;
background: url("/image/cangkutu.png") center bottom no-repeat;
background-size: 100% 100%;min-height: 580px;
padding: 0 20px;position: relative; */
}
.shipinstu img{margin: 0 auto;height: 550px;}
.shipinstu .ruqinbaojing{position:absolute;left: 0;top:0;
/* position:absolute; */
/* border: #e20202 solid 2px; */
width: 100%;
height: 100%;
/* float: left;
top:0; */
}
.shipinstu .jingicon {cursor: pointer;
font-size: 22px !important;
border-radius: 40px !important;
width: 40px !important;
height: 40px !important;line-height: 40px;
padding: 0px;text-align: center;
}
/* .shipinscon {margin: 20px 0 0 0;
padding: 20px 50px 20px 50px;background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.shipinstu {z-index: 0;
background: url("/image/cangkutub.png") center bottom no-repeat;
background-size: 100% 100%;min-height: 580px;
padding: 0 20px;position: relative;
}
.shipinstu .jingicon {cursor: pointer;
} */
/* .shipinstu .jingicon {cursor: pointer;
font-size: 22px !important;
border-radius: 40px !important;
width: 40px !important;
@ -595,7 +637,7 @@ export default {
padding: 0px;text-align: center;
}
} */
.redzibg {
color: #fff; background: radial-gradient(circle, #8c0303, #e20202);

234
src/views/xiaofangbaojing/xiaofangbaojingL.vue
View File

@ -49,108 +49,110 @@
</div> -->
<!-- 11 -->
</div>
<div class="shipinscon">
<div class="shipinstu">
<!-- 111入侵报警 -->
<div class="ruqinbaojing" v-show="showRuqinbaojing">
<div class="myiconfont bluezibg jingicon ruqin_zhengchang1" @click="openshipinRuqinbaojing()">&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang2">&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang3" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang4" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang5" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang6" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang7" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang8" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang9" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang10" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang11" >&#xe613;</div>
<!-- <div class="myiconfont huizibg jingicon ruqin_lixian1" >&#xe613;</div>
<div class="myiconfont huizibg jingicon ruqin_lixian2" >&#xe613;</div> -->
<div class="myiconfont redzibg jingicon ruqin_baojing1">&#xe677;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing2">&#xe677;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing3">&#xe677;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing4">&#xe677;</div>
<!-- 显示文字 -->
<div class="seencons ruqin_zhengchang1b" v-show="seenshipinRuqinbaojing">
<p @click="toMore()">布防</p>
<p @click="toMore()">撤防</p>
<p @click="toMore()">报警确认</p>
<p @click="toMore()">旁路</p>
<div class="shipinscons">
<div class="shipinscon">
<div class="shipinstu">
<img src="/image/cangkutub.png"/>
<!-- 111入侵报警 -->
<div class="ruqinbaojing" v-show="showRuqinbaojing">
<div class="myiconfont bluezibg jingicon ruqin_zhengchang1" @click="openshipinRuqinbaojing()">&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang2">&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang3" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang4" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang5" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang6" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang7" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang8" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang9" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang10" >&#xe613;</div>
<div class="myiconfont bluezibg jingicon ruqin_zhengchang11" >&#xe613;</div>
<!-- <div class="myiconfont huizibg jingicon ruqin_lixian1" >&#xe613;</div>
<div class="myiconfont huizibg jingicon ruqin_lixian2" >&#xe613;</div> -->
<div class="myiconfont redzibg jingicon ruqin_baojing1">&#xe677;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing2">&#xe677;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing3">&#xe677;</div>
<div class="myiconfont redzibg jingicon ruqin_baojing4">&#xe677;</div>
<!-- 显示文字 -->
<div class="seencons ruqin_zhengchang1b" v-show="seenshipinRuqinbaojing">
<p @click="toMore()">布防</p>
<p @click="toMore()">撤防</p>
<p @click="toMore()">报警确认</p>
<p @click="toMore()">旁路</p>
</div>
</div>
</div>
<!-- 111end -->
<!-- 222视频监控 -->
<div class="ruqinbaojing" v-show="showShipinjiankong">
<div class="myiconfont bluezibg jingicon shipin_zhengchang1" @mouseover="enter" @mouseleave="leave" @click="openshipinShipinjiankong()">&#xe644;</div>
<div class="myiconfont huizibg jingicon shipin_lixian1" >&#xe644;</div>
<div class="myiconfont redzibg jingicon shipin_baojing1">&#xe644;</div>
<!-- 显示文字 -->
<div class="seencons shipin_zhengchang1b" v-show="seenshipinShipinjiankong">
<p @click="toMore()">实时视频</p>
<p @click="toMore()">回放视频</p>
<!-- 111end -->
<!-- 222视频监控 -->
<div class="ruqinbaojing" v-show="showShipinjiankong">
<div class="myiconfont bluezibg jingicon shipin_zhengchang1" @mouseover="enter" @mouseleave="leave" @click="openshipinShipinjiankong()">&#xe644;</div>
<div class="myiconfont huizibg jingicon shipin_lixian1" >&#xe644;</div>
<div class="myiconfont redzibg jingicon shipin_baojing1">&#xe644;</div>
<!-- 显示文字 -->
<div class="seencons shipin_zhengchang1b" v-show="seenshipinShipinjiankong">
<p @click="toMore()">实时视频</p>
<p @click="toMore()">回放视频</p>
</div>
<!-- 鼠标移入显示文字 -->
<div class="seenconsc shipin_zhengchang1c" v-show="seen_shubiaoShipinjiankong">
<p>设备名称：1号楼1F西侧走廊像机1</p>
<p>设备编号：HK023123</p>
<p>设备IP：192.168.1.2</p>
</div>
</div>
<!-- 鼠标移入显示文字 -->
<div class="seenconsc shipin_zhengchang1c" v-show="seen_shubiaoShipinjiankong">
<p>设备名称：1号楼1F西侧走廊像机1</p>
<p>设备编号：HK023123</p>
<p>设备IP：192.168.1.2</p>
<!-- 2222end -->
<!-- 333门禁管理 -->
<div class="ruqinbaojing" v-show="showMenjinguanli">
<div class="myiconfont bluezibg jingicon menjin_zhengchang1" @click="openshipinMenjinguanli()">&#xe60b;</div>
<div class="myiconfont huizibg jingicon menjin_lixian1" >&#xe60b;</div>
<div class="myiconfont redzibg jingicon menjin_baojing1">&#xe60b;</div>
<!-- 显示文字 -->
<div class="seencons menjin_zhengchang1b" v-show="seenshipinMenjinguanli">
<p @click="toMore()">开门</p>
</div>
</div>
</div>
<!-- 2222end -->
<!-- 333门禁管理 -->
<div class="ruqinbaojing" v-show="showMenjinguanli">
<div class="myiconfont bluezibg jingicon menjin_zhengchang1" @click="openshipinMenjinguanli()">&#xe60b;</div>
<div class="myiconfont huizibg jingicon menjin_lixian1" >&#xe60b;</div>
<div class="myiconfont redzibg jingicon menjin_baojing1">&#xe60b;</div>
<!-- 显示文字 -->
<div class="seencons menjin_zhengchang1b" v-show="seenshipinMenjinguanli">
<p @click="toMore()">开门</p>
<!-- 333end -->
<!--444门电子围栏-->
<div class="ruqinbaojing" v-show="showDianziweilan">
<div class="myiconfont bluezibg jingicon Dianziweilan_zhengchang1" @click="openshipinDianziweilan()">&#xe6b8;</div>
<div class="myiconfont huizibg jingicon Dianziweilan_lixian1" >&#xe6b8;</div>
<div class="myiconfont redzibg jingicon Dianziweilan_baojing1">&#xe6b8;</div>
<!-- 显示文字 -->
<div class="seencons Dianziweilan_zhengchang1b" v-show="seenshipinDianziweilan">
<p @click="toMore()">布防</p>
<p @click="toMore()">撤防</p>
<p @click="toMore()">报警确认</p>
<p @click="toMore()">旁路</p>
</div>
</div>
<!-- 444end -->
</div>
<!-- 333end -->
<!--444门电子围栏-->
<div class="ruqinbaojing" v-show="showDianziweilan">
<div class="myiconfont bluezibg jingicon Dianziweilan_zhengchang1" @click="openshipinDianziweilan()">&#xe6b8;</div>
<div class="myiconfont huizibg jingicon Dianziweilan_lixian1" >&#xe6b8;</div>
<div class="myiconfont redzibg jingicon Dianziweilan_baojing1">&#xe6b8;</div>
<!-- 显示文字 -->
<div class="seencons Dianziweilan_zhengchang1b" v-show="seenshipinDianziweilan">
<p @click="toMore()">布防</p>
<p @click="toMore()">撤防</p>
<p @click="toMore()">报警确认</p>
<p @click="toMore()">旁路</p>
<!-- 下部机构导航 -->
<div class="tabhead">
<!-- <el-checkbox-group v-model="departmentTypeArray" @change="getList">
<el-checkbox-button v-for="(item,index) in jigounavType" :key="index" :label="item.value" :value="item.value">
<span class="iconfontyuan myiconfont" :class="icontu[index]"></span>
{{item.label}}
</el-checkbox-button>
</el-checkbox-group> -->
<!-- <el-checkbox-group v-model="departmentTypeArray">
<el-checkbox-button label="1" checked><div @click="openruqinbaojing()"><span class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button>
<el-checkbox-button label="2"><div @click="openshipinjiankong()"><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div></el-checkbox-button>
<el-checkbox-button label="3"><div @click="openmenjinguanli()"><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div></el-checkbox-button>
<el-checkbox-button label="4"><div @click="opendianziweilan()"><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div></el-checkbox-button>
</el-checkbox-group> -->
</div>
</div>
<!-- 444end -->
<!-- 列表结束 -->
</div>
<!-- 下部机构导航 -->
<div class="tabhead">
<!-- <el-checkbox-group v-model="departmentTypeArray" @change="getList">
<el-checkbox-button v-for="(item,index) in jigounavType" :key="index" :label="item.value" :value="item.value">
<span class="iconfontyuan myiconfont" :class="icontu[index]"></span>
{{item.label}}
</el-checkbox-button>
</el-checkbox-group> -->
<!-- <el-checkbox-group v-model="departmentTypeArray">
<el-checkbox-button label="1" checked><div @click="openruqinbaojing()"><span class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button>
<el-checkbox-button label="2"><div @click="openshipinjiankong()"><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div></el-checkbox-button>
<el-checkbox-button label="3"><div @click="openmenjinguanli()"><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div></el-checkbox-button>
<el-checkbox-button label="4"><div @click="opendianziweilan()"><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div></el-checkbox-button>
</el-checkbox-group> -->
</div>
<!-- 列表结束 -->
</div>
</div>
</div>
@ -579,7 +581,47 @@ export default {
padding: 10px;
}
.tab-header{background-color: #fff;}
.shipinscon {margin: 20px 0 0 0;
.shipinscons {height: 95%;text-align: center;
margin: 20px auto 0;
text-align: center;position: relative;
padding: 20px 50px 20px 50px;
background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.shipinscon {width: 60%;
margin: 20px auto 0;
text-align: center;position: relative;
padding: 20px 50px 20px 50px;
}
.shipinstu {
/* border:1px solid #0241c1; */
position:absolute;left: 0;
margin: 0 auto;text-align: center;
/* z-index: 0;
background: url("/image/cangkutu.png") center bottom no-repeat;
background-size: 100% 100%;min-height: 580px;
padding: 0 20px;position: relative; */
}
.shipinstu img{margin: 0 auto;height: 550px;}
.shipinstu .ruqinbaojing{position:absolute;left: 0;top:0;
/* position:absolute; */
/* border: #e20202 solid 2px; */
width: 100%;
height: 100%;
/* float: left;
top:0; */
}
.shipinstu .jingicon {cursor: pointer;
font-size: 22px !important;
border-radius: 40px !important;
width: 40px !important;
height: 40px !important;line-height: 40px;
padding: 0px;text-align: center;
}
/* .shipinscon {margin: 20px 0 0 0;
padding: 20px 50px 20px 50px;background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.shipinstu {z-index: 0;
@ -595,7 +637,7 @@ export default {
padding: 0px;text-align: center;
}
} */
.redzibg {
color: #fff; background: radial-gradient(circle, #8c0303, #e20202);

Write Preview
Loading…
Cancel
Save