<!--
 * @Description: 井信息弹窗
 * @Author: 王晓颖
 * @Date: 2022-05-13
 -->
<template>
  <div class="info-window">
    <div class="info-header">
      {{ wellInfo.wellCode }}
    </div>
    <div class="info-body">
      <div>井类型：{{ wellInfo.wellTypeName }}</div>
      <div>权属单位：{{ wellInfo.deptName }}</div>
      <div>详细地址：{{ wellInfo.position }}</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'WellInfoWindow',
  props: {
    wellInfo: {
      type: Object,
      required: true
    }
  }
}
</script>

<style lang="scss" scoped>
.info-window{
  max-width: 260px;
  min-width: 200px;
  .info-header{
    padding: 10px 10px 5px 10px;
    line-height: 30px;
    font-weight: bold;
    /*background-color: #eaf4ff;*/
  }
  .info-body{
    padding: 5px 10px 10px 10px;
    line-height: 23px;
    font-size: 14px;
  }
}
</style>
