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

3dModeling/tjby31/FloorClick.js

@@ -54,3 +54,130 @@ function creatFloorChoose() {
             color:rgba(255,255,255,0.5);
             background-image: url(https://s3.ax1x.com/2021/01/29/yCR8dP.png);
             background-repeat:no-repeat;
+            background-position:center center;
+            position: absolute;
+            top: calc(50%);
+            left: -35px;
+
+                }
+                .active{
+        background-color:red;
+                }
+        </style>
+    `));
+}
+//楼层切换
+function floorclick(id) {
+    // test();
+    //  delMydiv();
+    //  floormen = id.id;
+    //  building = app.buildings[0];
+    //  var num = floormen.substring(1, 3);
+    //  var s = parseInt(num);
+    //  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));