<template>
  <div class="warehouse">
    <div class="warehouse-left">
      <div class="left-3d">
        <h2 class="title-arrow">
          3D库房
        </h2>
        <iframe
          ref="iframe"
          class="iframe_box"
          src="/webTotal/index.html"
          frameborder="0"
          scrolling="no"
        />
      </div>
    </div>
    <warehouse-warning :width="'458px'" :height="'calc(100% - 40px)'" />
  </div>
</template>

<script>
import WarehouseWarning from '@/views/components/WarehouseWarning'
export default {
  name: 'FullView',
  components: { WarehouseWarning },
  data() {
    return {
      cameraNameId: null
    }
  },
  mounted() {
    // 监听'全景图' iframe 获取摄像头name得id
    // window.addEventListener('message', this.handleMessageCamera)
  },
  methods: {
    // handleMessageCamera(event) {
    //   const _this = this
    //   if (event.data && event.data.data) {
    //     const data = event.data.data
    //     _this.cameraNameId = data
    //   }
    // },
    destroyed() {
      window.removeEventListener('message', this.handleMessageCamera)
    }
  }
}
</script>

<style lang="scss" scoped>
@import '~@/assets/styles/lend-manage.scss';
  .warehouse-left{
    position: relative;
    h2{
      // position: absolute;
      // left: 50%;
      // top: 0;
      // transform: translateX(-50%);
      display: block;
      width: 460px !important;
      color: #fff;
      font-size: 16px;
      text-align: center;
      margin: 0 auto;
    }
  }
</style>
