<template>
|
<div class="knowledge-info">
|
<svg width="100%" height="100%">
|
<text
|
class="text-item"
|
x="60"
|
y="80"
|
style="
|
fill: rgb(211 211 211);
|
font-weight: bold;
|
padding: 5px;
|
font-size: 14px;
|
display: inline-block;
|
border-radius: 8px;
|
cursor: pointer;
|
postion: absolute;
|
left: 200;
|
top: 40;
|
"
|
>
|
误报警
|
</text>
|
<text
|
class="text-item"
|
x="50"
|
y="170"
|
text-anchor="middle"
|
style="padding: 5px; font-size: 14px; display: inline-block; border-radius: 8px; fill: rgb(211 211 211)"
|
>
|
管路整动
|
</text>
|
<text
|
class="text-item"
|
x="245"
|
y="250"
|
text-anchor="middle"
|
font-size="20px"
|
style="padding: 5px; font-size: 14px; display: inline-block; border-radius: 8px; fill: rgb(211 211 211)"
|
>
|
冷却油度高
|
</text>
|
<text
|
x="50"
|
y="270"
|
class="text-item"
|
style="padding: 5px; font-size: 14px; display: inline-block; border-radius: 8px; fill: rgb(211 211 211)"
|
text-anchor="middle"
|
>
|
清洁度超差
|
</text>
|
<text
|
x="220"
|
class="text-item"
|
y="60"
|
text-anchor="middle"
|
font-size="20px"
|
style="padding: 5px; font-size: 14px; display: inline-block; border-radius: 8px; fill: rgb(211 211 211)"
|
>
|
清洁度超差
|
</text>
|
<text
|
x="280"
|
class="text-item"
|
y="110"
|
text-anchor="middle"
|
font-size="20px"
|
style="padding: 5px; font-size: 14px; display: inline-block; border-radius: 8px"
|
>
|
保护器报警
|
</text>
|
<image xlink:href="~@/assets/images/voice.png" x="105" y="100" width="110" height="110" />
|
</svg>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
import { toRefs } from 'vue'
|
</script>
|
<style scoped lang="scss">
|
.knowledge-info {
|
height: calc(100% - 90px - 32px);
|
margin-top: 10px;
|
.text-item {
|
width: 100px;
|
padding: 5px;
|
font-size: 14px;
|
display: inline-block;
|
border-radius: 8px;
|
fill: #fff;
|
color: #fff;
|
cursor: pointer;
|
}
|
}
|
</style>
|
