61 lines
1.4 KiB
Vue
61 lines
1.4 KiB
Vue
<template>
|
|
<div class="buildDiv">
|
|
<TopDiv title="资产信息"></TopDiv>
|
|
<dv-border-box-10 backgroundColor="#00174b" :color="['#3cbfdf', '#3cbfdf']">
|
|
<div>
|
|
<span class="name">名称</span>
|
|
<span class="text">{{ deviceInfo.name }}</span>
|
|
</div>
|
|
<div>
|
|
<span class="name">类型</span>
|
|
<span class="text">{{ deviceInfo.type }}</span>
|
|
</div>
|
|
<div>
|
|
<span class="name">状态</span>
|
|
<span class="text">{{ deviceInfo.status }}</span>
|
|
</div>
|
|
</dv-border-box-10>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import TopDiv from "./TopDiv.vue";
|
|
import bimStore from '@/store/modules/bim';
|
|
const data = reactive({
|
|
deviceInfo: {
|
|
name: '立仓',
|
|
type: '生产设备',
|
|
status:'启用',
|
|
}
|
|
});
|
|
|
|
const { deviceInfo } = toRefs(data);
|
|
|
|
</script>
|
|
<style lang='scss' scoped>
|
|
.buildDiv {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
width: 360px;
|
|
height: 340px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
color: #3cbfdf;
|
|
:deep(.border-box-content) {
|
|
padding: 10px;
|
|
>div {
|
|
line-height: 48px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.name {
|
|
width: 25%;
|
|
}
|
|
.text {
|
|
width: 75%;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
</style> |