<template>
  <div class="devicea-wrapper">
    <div class="device-title">
      {{ pointInfo.title }}
    </div>
    <!--<div class="close" @click="close">
      <i class="el-icon-close" style="font-size:20px;color:#ffffff;"></i>
    </div>-->
    <p style="border: 1px solid #ffffff; width:100%;height:1px;"></p>
    <div class="info">
      <span>设备类型:</span>
      <span>{{ deviceType[pointInfo.type] }}</span>
    </div>

    <div class="info">
      <span>设备名称:</span>
      <span>{{ pointInfo.title }}</span>
    </div>

    <div class="info">
      <span>设备压力:</span>
      <span>{{ pointInfo.pressure ? pointInfo.pressure : "-" }}</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: "refer-point-info",
    data(){
      return{
        deviceType:{
          1 : "调压箱",
          2 : "阀门井",
          3 : "管线",
          4 : "管线定向钻",
          5 : "管线大开挖",
          6 : "管线直埋",
          7 : "阴保测试桩",
          8 : "光缆测试桩",
          9 : "排流测试桩",
          10 : "计量柜",
          11 : "交叉测试桩",
        },
      }
    },
    methods:{
      close() {
        this.parent.infowindow.close();
      },
    }
  }
</script>

<style scoped lang="scss">
  .devicea-wrapper {
    background-color: #222121;
    padding: 10px;
    position: relative;
    width: 200px;
    border-radius: 7px;
    .device-title {
      font-size: 14px;
      line-height: 14px;
      color: #ffffff;
    }
    .close {
      position: absolute;
      right: 10px;
      top: 5px;
      cursor: pointer;
    }
    .info{
      color: #ffffff;
      span{
        margin-right: 6px;
      }
    }
  }
</style>
