<template>
  <div class="map-box">
    <div class="map">
      <liftInfo />
    </div>
  </div>
</template>

<script setup lang="ts">
  import { ref, onMounted } from 'vue';
  import liftInfo from './liftInfo.vue';
  // 请求

  // 初始化 ===========================================================

  onMounted(() => {});

  // tab页部分 ========================================================

  // 表格数据
  const dataSource = ref([]);
</script>
<style lang="less" scoped>
  .map-box {
    // 颜色变量，用于区别颜色

    // 正常 - 开启 - 上行 -下行
    --on: #0dffa4;
    // 关闭
    --off: #bfcde2;
    // 暂停 - 维修
    --pause: #ffbc46;
    // 告警 - 急停
    --stop: #f36163;
    // 故障
    --fault: #ff7636;
    // 未知
    --unknown: #a742ff;
    width: 100%;
    height: 100%;
    .map {
      width: 1280px;
      height: 720px;
      background-image: url(../image/bg.jpg);
    }
  }
</style>
