add:电梯系统静态页面

This commit is contained in:
chenpingsen
2024-07-24 13:47:15 +08:00
parent 84191fe301
commit ecf6cd38dd
11 changed files with 295 additions and 0 deletions

View File

@@ -0,0 +1,53 @@
<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>