3dModeling FloorClick.js 韩正义 commit at 2020-12-11

3dModeling/zyl281/FloorClick.js

@@ -0,0 +1,135 @@
+//创建楼层选择器
+function creatFloorChoose() {
+    var floorsign =
+        `<div id="floorChooseDiv" class="showFloorBtn">         
+        
+        <div value='close' onclick="handleSide()"  class ="closeIocn"  id='rightSideSwitch'></div>
+        </div>`;
+
+    $('#div2d').append($(floorsign));
+
+    var car = app.query(".Floor")
+
+    var html = ``
+    for(let i = 0 ; i < car.length; i++){
+        html +=
+        `
+        <div onclick="floorclick('${car[i].id}')" class = "showFloorBtns" id='${car[i].id}'>${car[i].id}</div> 
+        `
+    }
+    $('#floorChooseDiv').append($(html));
+    
+    $('head').append($(`
+        <style>
+        .showFloorBtns{
+            margin-bottom:6px;
+            border:1px solid rgb(24,118,208);
+            border-radius:4px;
+            text-align:center;
+            height:28px;
+            line-height:28px;
+            width:40px;
+            color:rgba(255,255,255,0.5);
+            background-color:rgba(24,144,255,0.3);
+        //  display:inline-block;
+                    }
+        .showFloorBtn{
+        position: absolute;
+        // top:10px;
+            top:calc(2%);
+            right:-52px;
+        // height:800px;
+            width:50px;
+            border-radius:0px;
+            margin-top:0px;
+                    }
+        .closeIocn{
+        //  margin-bottom:6px;
+        //  border:1px solid rgb(24,118,208);
+            border-radius:4px;
+            text-align:center;
+            height:30px;
+            line-height:28px;
+            width:40px;
+            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='视频告警监测'>