<div class="adddevorgmask">
<div class="orgmask">
<h3>管理设备组织关系</h3>
<div class="historyorglist">
<p>已有组织关系:</p>
<hr>
<div class="historyorgcon">
</div>
</div>
<hr>
<div class="addneworg">
<p>新增组织关系:</p>
<hr>
<div class="neworgcon">
<select name="groupall" id="groupall">
</select>
</div>
</div>
<hr>
<div class="btn_org">
<button type="button" class="orgadd">添加</button>
<button type="button" class="offadd">关闭</button>
</div>
</div>
</div>
.adddevorgmask {
display: none;
width: 100%;
height: 100%;
z-index: 1;
position: fixed;
background-color: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
}
.orgmask {
display: none;
position: relative;
width: 600px;
/* height: 380px; */
max-height: 415px;
left: 50%;
transform: translateX(-50%);
margin-top: 260px;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 5px;
padding-bottom: 10px;
}
.orgmask>h3 {
text-align: center;
}
.historyorgcon {
width: 100%;
min-height: 150px;
max-height: 200px;
overflow-y: auto;
}
$('.offadd').click(function () {
layer.confirm('确认关闭吗?', function (index) {
$('.adddevorgmask,.orgmask').hide();
layer.close(index);
})
})
// $('.adddevorgmask,.orgmask').show();
//触发遮罩层