You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
953 B
47 lines
953 B
<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>
|
|
|