|
@@ -102,3 +102,135 @@ function delMydiv() {
|
|
|
}
|
|
|
//设备类型选择器
|
|
|
function creatbutElement(floorNum) {
|
|
|
+ if(floorNum == "B1"){
|
|
|
+ floorNum = "F-1"
|
|
|
+ }
|
|
|
+ delMydiv();
|
|
|
+ var devType = [];
|
|
|
+ var data = cleanObj(buildingStore);
|
|
|
+ for (var i = 0; i < data.length; i++) {
|
|
|
+ var floorData = data[i]
|
|
|
+ var floorId = floorData.min_level;
|
|
|
+ var num = floorNum.substring(1, 3);
|
|
|
+ var s = parseInt(num)
|
|
|
+ if (floorId == s) {
|
|
|
+ var dataArray = floorData.item;
|
|
|
+ if (dataArray) {
|
|
|
+ for (var q = 0; q < dataArray.length; q++) {
|
|
|
+ var eee = dataArray[q].dwtype;
|
|
|
+ devType.push(eee);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var darray = uniq(devType);
|
|
|
+ var textAndPictureMarkerHtml =
|
|
|
+ `<div class="bottomBtnsRight" id="bottomBtnsRight">
|
|
|
+ </div>`;
|
|
|
+ $('#div2d').append($(textAndPictureMarkerHtml));
|
|
|
+ darray.forEach(function (name) {
|
|
|
+ if (name == "YTVA") {
|
|
|
+ var yTVAHtml =
|
|
|
+ `<div onclick="icon_click('YTVA',` + s + `)" class="bottomBtn" value='视频告警监测'>
|
|
|
+ <span class="bottomBtnText">视频告警监测<span>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $('#bottomBtnsRight').append($(yTVAHtml));
|
|
|
+ } else if (name == "YTWP") {
|
|
|
+ var yTVAHtml =
|
|
|
+ `<div onclick="icon_click('YTWP',` + s + `)" class="bottomBtn" value='水压检测'>
|
|
|
+ <span class="bottomBtnText">水压监测<span>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $('#bottomBtnsRight').append($(yTVAHtml));
|
|
|
+ } else if (name == "YTCI") {
|
|
|
+ var yTVAHtml =
|
|
|
+ `<div onclick="icon_click('YTCI',` + s + `)" class="bottomBtn" value='环境监测'>
|
|
|
+ <span class="bottomBtnText">环境监测<span>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $('#bottomBtnsRight').append($(yTVAHtml));
|
|
|
+ } else if (name == "YTEF") {
|
|
|
+ var yTVAHtml =
|
|
|
+ `<div onclick="icon_click('YTEF',` + s + `)" class="bottomBtn" value='电气火灾监测'>
|
|
|
+ <span class="bottomBtnText">电气火灾监测<span>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $('#bottomBtnsRight').append($(yTVAHtml));
|
|
|
+ } else if (name == "YTFC") {
|
|
|
+ var yTVAHtml =
|
|
|
+ `<div onclick="icon_click('YTFC',` + s + `)" class="bottomBtn" value='消防控制柜'>
|
|
|
+ <span class="bottomBtnText">消防控制柜<span>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $('#bottomBtnsRight').append($(yTVAHtml));
|
|
|
+ } else if (name == "YTSM") {
|
|
|
+ var yTVAHtml =
|
|
|
+ `<div onclick="icon_click('YTSM',` + s + `)" class="bottomBtn" value='烟感'>
|
|
|
+ <span class="bottomBtnText">烟感<span>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $('#bottomBtnsRight').append($(yTVAHtml));
|
|
|
+ }
|
|
|
+
|
|
|
+ else if (name == "YTLL") {
|
|
|
+ var yTVAHtml =
|
|
|
+ `<div onclick="icon_click('YTLL',` + s + `)" class="bottomBtn" value='液位'>
|
|
|
+ <span class="bottomBtnText">液位<span>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $('#bottomBtnsRight').append($(yTVAHtml));
|
|
|
+ }
|
|
|
+ else if (name == "YTWI") {
|
|
|
+ var yTVAHtml =
|
|
|
+ `<div onclick="icon_click('YTWI',` + s + `)" class="bottomBtn" value='水浸'>
|
|
|
+ <span class="bottomBtnText">水浸<span>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
+ $('#bottomBtnsRight').append($(yTVAHtml));
|
|
|
+ }
|
|
|
+ })
|
|
|
+ $('head').append($(`
|
|
|
+ <style>
|
|
|
+ .bottomBtn{
|
|
|
+ text-align: center;
|
|
|
+ left:200px;
|
|
|
+ width: 100px;
|
|
|
+ height: 31px;
|
|
|
+ margin-top: 7px;
|
|
|
+ top:650px;
|
|
|
+ // display: inline-block;
|
|
|
+ background-image: url(${baseURL}ySL6MT.png);
|
|
|
+ }
|
|
|
+ .bottomBtnsRight{
|
|
|
+ position: relative;
|
|
|
+ // top:481px;
|
|
|
+ bottom:-459px;
|
|
|
+ justify-content: left;
|
|
|
+ // width: calc(100% - 203px);
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ .bottomBtnText{
|
|
|
+ font-size: 12px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align:center;
|
|
|
+ padding-left: 15px;
|
|
|
+ color:rgba(255,255,255,0.5);
|
|
|
+ letter-spacing: 2px;
|
|
|
+ line-height: 36px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ `));
|
|
|
+}
|
|
|
+//创建设备点位标识
|
|
|
+function icon_click(deviceType, floorNum) {
|
|
|
+ buildingStore;
|
|
|
+ deviceList = [];
|
|
|
+ for (var i = 0; i < buildingStore.length; i++) {
|
|
|
+ if (floorNum == buildingStore[i].min_level) {
|
|
|
+ deviceList.push(buildingStore[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ create_ui(deviceType, floorNum, deviceList);
|
|
|
+}
|