<template>
  <div class="cardclewContent clewentDetails">
    <div class="info">
      客资线索：
      <span v-if="infoData.cid == 3">申请代理</span>
      <span v-if="infoData.cid == 4">开设门店</span>
      <span v-if="infoData.cid == 5">批量采购</span>
      <span v-if="infoData.cid == 10">申请服务商</span>
    </div>
    <div class="info">区域：{{ infoData.companyName }}</div>
    <div class="info">省：{{ infoData.provinceName }}</div>
    <div class="info">市：{{ infoData.cityName }}</div>
    <div class="info">区/县：{{ infoData.countryName }}</div>
    <template v-if="infoData.cid == 10">
      <div class="info">乡镇/街道：{{ infoData.townName }}</div>
      <div class="info">详细地址：{{ infoData.detailAddress }}</div>
    </template>
    <div class="info">姓名：{{ infoData.name }}</div>
    <div class="info">
      来电电话：<a
        style="color: #0057ba; font-weight: bold; text-decoration: underline"
        :href="'tel:' + infoData.phone"
        >{{ infoData.phone }}<van-icon name="phone"
      /></a>
    </div>
    <div class="info">
      有无涂料从业经验：<span v-if="infoData.paintExperience == 1">有</span
      ><span v-if="infoData.paintExperience == 2">无</span>
    </div>
    <div class="info">目前经营的行业：{{ infoData.industry }}</div>
    <div class="info">目前经营的品牌：{{ infoData.brand }}</div>
    <div class="info">
      目前有无实体店：<span v-if="infoData.physicalStore == 1">有</span
      ><span v-if="infoData.physicalStore == 2">无</span>
    </div>
    <div class="info" v-if="infoData.createTime">首次接入时间：{{ infoData.createTime }}</div>
    <div class="info" v-if="infoData.latestClueTime">
      最后一次跟进时间：{{ infoData.latestClueTime }}
    </div>
    <div class="info">
      跟进状态：
      <span v-if="infoData.isClose == 1">跟进完成</span>
      <span v-if="infoData.isClose == 0">跟进中</span>
      <span v-if="infoData.isClose == -1">未跟进</span>
      <span v-if="infoData.isClose == 2">已过期</span>
    </div>
    <div class="info" v-if="infoData.followUpResult" style="word-break: break-all">
      跟进结果：{{ infoData.followUpResult }}
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'clewentDetails',
  props: {
    infoData: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style scoped lang="scss">
.cardclewContentCell {
  margin: 0 10px;
}
.cardclewContent {
  background: #fff;
  box-sizing: border-box;
  padding: 10px 16px;
  margin: 6px 10px 10px;
}
.cardclewContent .info {
  font-size: 14px;
  color: #444;
  line-height: 28px;
}
.cardclewContent .title p {
  padding: 0;
  margin: 0;
}
.cardclewContent .title .textLeft {
  display: inline-block;
  padding-bottom: 10px;
}
</style>
