<template>
  <div class="hintDetail">
    <div class="header">
      <van-nav-bar class="navBar" title="门店拜访" left-arrow @click-left="onClickLeft" />
    </div>
    <div class="tab">
      <van-tabs class="myTab" type="card" v-model="tabVal" color="#0057ba" @change="tabChange">
        <van-tab
          :title="item.title"
          :name="item.name"
          v-for="(item, index) in tabsItem"
          :key="index"></van-tab>
      </van-tabs>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tabVal: 0,
      tabsItem: [
        {
          title: '未拜访',
          name: '0',
        },
        {
          title: '建店',
          name: '1',
        },
        {
          title: '色卡',
          name: '0',
        },
      ],
    };
  },
  methods: {
    tabChange(val) {},
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="scss" scoped></style>
