54 lines
949 B
Vue
54 lines
949 B
Vue
|
<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>
|