<template>
  <div>
    <el-image :src="item.bkgPicUrl ? `${item.bkgPicUrl}`: defaultPhoto" width="150" height="90" style="width: 200px; height: 120px;margin-top: 10px" @error="errorImg"/>
    <div class="item-text">{{item.time}}</div>
    <div class="item-text">{{item.devName}}</div>
    <div class="item-text">{{item.positionName}}{{item.areaName}}</div>
    <div class="item-text">相似度：{{item.similarity}}</div>
  </div>
</template>

<script>

export default {
  name: 'TrailItem',
  props: {
    item: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      defaultPhoto: require('@/assets/global_images/photo.png'),
      errorImg: require('@/assets/global_images/photo_error.png')
    }
  },
  methods: {}
}
</script>
<style scoped>
.item-text {
  font-size: 15px;
  margin-top: 2px;
  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
  font-weight: bold;
  color: #5f5f5f;
}
</style>