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

<script setup lang="ts">
import { ref, onMounted } from 'vue';
import liftInfo from './liftInfo.vue'
// 请求
import { message } from 'ant-design-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>
