3dModeling FloorClick.js 韩正义 commit at 2021-04-22

3dModeling/tjby32/FloorClick.js

@@ -77,3 +77,160 @@ function floorclick(id) {
     //  var floor = building.floors[s - 1];
     var floor = app.query("#" + id)[0];
     app.level.change(floor);
+    // creatbutType(s);
+    creatbutElement(id)
+}
+// 点击右侧侧边栏开关
+function handleSide() {
+    if ($('#rightSideSwitch').attr('value') == 'close') {
+        $('.showFloorBtn').animate({ right: 0 }, 300);
+        //  $('#rightSideSwitch').attr('value', 'open');
+        $('#rightSideSwitch').attr('value', 'open').css('background-image', 'url(https://s3.ax1x.com/2021/01/29/yCRGIf.png)');
+    } else if ($('#rightSideSwitch').attr('value') == 'open') {
+        $('.showFloorBtn').animate({ right: -52 }, 300);
+        $('#rightSideSwitch').attr('value', 'close').css('background-image', 'url(https://s3.ax1x.com/2021/01/29/yCR8dP.png)');
+        //  $('#rightSideSwitch').attr('value', 'close');
+    }
+}
+//设备类型div删除
+function delMydiv() {
+    var mydiv = document.getElementById("bottomBtnsRight")
+    if (mydiv) {
+        if (mydiv != null)
+            mydiv.parentNode.removeChild(mydiv);
+    }
+}
+//设备类型选择器
+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);
+}