<template>
  <div>
    <cpt-bread
      @tap="clickBreadItem"
      v-if="breadList.length > 1"
      :bread-list="breadList"
    />
    <personnel />
  </div>
</template>

<script>
import cptBread from "@/views/dataBoard/renfang/cpts/bread";
import personnel from "@/views/dataBoard/cpts/personnel";

export default {
  name: "renfang",

  components: {
    cptBread,
    personnel,
  },

  data() {
    return {
      breadList: [
        {
          path: "/dataBoard/overview/index",
          meta: {
            title: "概览",
          },
        },
        {
          meta: {
            title: "居民画像",
          },
        },
      ],
    };
  },
  watch: {
    breadList(val) {
      console.log("val::", val);
    },
  },
  mounted() {},
  watch: {},
  methods: {
    clickBreadItem({ item }) {
      this.$router.push({
        path: item.path,
      });
    },
  },
};
</script>

<style
  lang="scss"
  src="@/assets/scss/dataBoard/renfang/index.scss"
  scoped
></style>
