智慧工位这两天遇到的问题

智慧工位这两天遇到的问题

桌椅显示在各个楼层

1、ui 给楼层 背景图、房间背景图、桌椅背景图

2、固定楼层工位图大小（当 dom 容器变小，楼层背景图不改变）

• 父容器使用动态宽高
• 子容器使用固定宽高
• overflow: auto;属性设置在父容器
• 当父容器变小子容器不变那么久出现滚动条

.container {
  width: 100%;
  height: calc(100vh - 124px);
  overflow: auto;
  &-bg {
    width: 1826px;
    height: 785px;
    background-image: url("~@/assets/images/spacePlanningManagement/floor.png");
    background-size: 100% 90%;
    background-repeat: no-repeat;
    position: relative;
  }
}

3、点击房间进入房间容器（房间和楼层保持等比例）

楼层 大房间 小房间 桌椅

• 楼层里循环大房间

• 设置大房间的位置、大小

• 大房间循环小房间

• 设置小房间位置、大小

• 小房间循环桌椅

• 设置桌椅位置、大小

• 点击大房间进入房间详情

• 房间详情是大房间等比例放大的产物

• 后面房间详情右边可以拖拽桌椅，直接把座椅拖到某一位置（暂时还没有想好如何做）

• 其实主要就是 antv|X6 自定义图标没有搞懂

小技巧

总结