<template>
  <div>
    <div class="breadcrumb">
      <Breadcrumb :list="breadcrumbList"/>
    </div>
    <Family/>
  </div>
</template>

<script>
import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
import Family from '@/views/dataBoard/cpts/family'
export default {
  name: "dissatisfiedPersonnelDetail",
  components: {
    Breadcrumb,
    Family
  },
  data() {
    return {
      breadcrumbList: [{
        path: '/dataBoard/overview/index',
        name: '概览'
      }, {
        path: '/homeDetails/index',
        name: '画像匹配同类不满意人员'
      }, {
        path: '',
        name: ''
      }],
    }
  },
  watch: {
    '$route.query'() {
      this.$set(this.breadcrumbList[1], 'name', this.$route.query.name2)
      this.$set(this.breadcrumbList[1], 'path', this.breadcrumbList[1].path + '?id=' +this.$route.query.id)
      this.$set(this.breadcrumbList[2], 'name', this.$route.query.name)
      this.breadcrumbList[2].name = this.$route.query.name
    }
  },
  mounted() {
    this.$set(this.breadcrumbList[1], 'name', this.$route.query.name2)
    this.$set(this.breadcrumbList[1], 'path', this.breadcrumbList[1].path + '?id=' +this.$route.query.id)
    this.$set(this.breadcrumbList[2], 'name', this.$route.query.name)
    this.breadcrumbList[2].name = this.$route.query.name
  }
}
</script>

<style scoped lang="scss">
.sub-title {
  background: url("@/assets/images/manyidu/icon_fk.png") no-repeat left center;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
  padding-left: 26px;
  margin-bottom: 20px;
}
.breadcrumb {
  margin-bottom: 25px;
}
</style>