{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\vab\\components\\TagsBar\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\vab\\components\\TagsBar\\index.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgbWFwQWN0aW9ucywgbWFwR2V0dGVycyB9IGZyb20gInZ1ZXgiOwppbXBvcnQgeyB0YWJzQmFyU3R5bGUgfSBmcm9tICJAL2NvbmZpZy9zZXR0aW5ncyI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiVGFnc0JhciIsCiAgcHJvcHM6IHsKICAgIGxheW91dDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICIiCiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGFmZml4VGFnczogW10sCiAgICAgIHRhYkFjdGl2ZTogIiIsCiAgICAgIGNyZWF0ZWQ6IGZhbHNlLAogICAgICBhY3RpdmU6IGZhbHNlCiAgICB9OwogIH0sCgogIGNvbXB1dGVkOiB7IC4uLm1hcEdldHRlcnMoewogICAgICBzeXN0ZW1UeXBlOiAiTVVzZXIvc3lzdGVtVHlwZSIsCiAgICAgIC8vIHZpc2l0ZWRSb3V0ZXM6ICJ0YWdzQmFyL3Zpc2l0ZWRSb3V0ZXMiLAogICAgICByb3V0ZXM6ICJyb3V0ZXMvcm91dGVzIgogICAgfSksCgogICAgdmlzaXRlZFJvdXRlcygpIHsKICAgICAgaWYgKHRoaXMuc3lzdGVtVHlwZSA9PT0gMSkgewogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5nZXR0ZXJzWyJ0YWdzQmFyL3Zpc2l0ZWRSb3V0ZXMiXTsKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gdGhpcy4kc3RvcmUuZ2V0dGVyc1sidGFnc0Jhci92aXNpdGVkUm91dGVzIl0uZmlsdGVyKGl0ZW0gPT4gaXRlbS5tZXRhLnRpdGxlICE9PSAi57uP6JCl5qaC5Ya1Iik7CiAgICAgIH0KICAgIH0sCgogICAgdGFic0JhclN0eWxlKCkgewogICAgICByZXR1cm4gdGFic0JhclN0eWxlOwogICAgfQoKICB9LAogIHdhdGNoOiB7CiAgICAkcm91dGU6IHsKICAgICAgaGFuZGxlcihyb3V0ZSkgewogICAgICAgIHRoaXMuYWRkVGFicyhyb3V0ZSk7CiAgICAgIH0KCiAgICB9CiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuaW5pdEFmZml4VGFncyh0aGlzLnJvdXRlcyk7CiAgICB0aGlzLmFkZFRhYnModGhpcy4kcm91dGUpOwogIH0sCgogIG1ldGhvZHM6IHsgLi4ubWFwQWN0aW9ucyh7CiAgICAgIGFkZFZpc2l0ZWRSb3V0ZTogInRhZ3NCYXIvYWRkVmlzaXRlZFJvdXRlIiwKICAgICAgZGVsVmlzaXRlZFJvdXRlOiAidGFnc0Jhci9kZWxWaXNpdGVkUm91dGUiLAogICAgICBkZWxPdGhlcnNWaXNpdGVkUm91dGVzOiAidGFnc0Jhci9kZWxPdGhlcnNWaXNpdGVkUm91dGVzIiwKICAgICAgZGVsTGVmdFZpc2l0ZWRSb3V0ZXM6ICJ0YWdzQmFyL2RlbExlZnRWaXNpdGVkUm91dGVzIiwKICAgICAgZGVsUmlnaHRWaXNpdGVkUm91dGVzOiAidGFnc0Jhci9kZWxSaWdodFZpc2l0ZWRSb3V0ZXMiLAogICAgICBkZWxBbGxWaXNpdGVkUm91dGVzOiAidGFnc0Jhci9kZWxBbGxWaXNpdGVkUm91dGVzIgogICAgfSksCgogICAgaGFuZGxlVmlzaWJsZUNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5hY3RpdmUgPSB2YWw7CiAgICB9LAoKICAgIGluaXRBZmZpeFRhZ3Mocm91dGVzKSB7CiAgICAgIHJvdXRlcy5mb3JFYWNoKHJvdXRlID0+IHsKICAgICAgICBpZiAocm91dGUubWV0YSAmJiByb3V0ZS5tZXRhLmFmZml4KSB0aGlzLmFkZFRhYnMocm91dGUpOwogICAgICAgIGlmIChyb3V0ZS5jaGlsZHJlbikgdGhpcy5pbml0QWZmaXhUYWdzKHJvdXRlLmNoaWxkcmVuKTsKICAgICAgfSk7CiAgICB9LAoKICAgIC8qKgogICAgICog5re75Yqg5qCH562+6aG1CiAgICAgKiBAcGFyYW0gdGFnIHJvdXRlCiAgICAgKiBAcGFyYW0gaW5pdCDmmK/lkKbmmK/ku45yb3V0ZXLojrflj5bot6/nlLEKICAgICAqIEByZXR1cm5zIHtQcm9taXNlPHZvaWQ+fQogICAgICovCiAgICBhc3luYyBhZGRUYWJzKHRhZywgaW5pdCA9IGZhbHNlKSB7CiAgICAgIGxldCBwYXJlbnRSZW1peEljb24gPSAiIjsKICAgICAgaWYgKHRhZy5tYXRjaGVkICYmIHRhZy5tYXRjaGVkLmxlbmd0aCA+IDEpIHBhcmVudFJlbWl4SWNvbiA9IHRhZy5tYXRjaGVkWzBdLm1ldGEucmVtaXhJY29uIHx8ICIiOwoKICAgICAgaWYgKHRhZy5uYW1lICYmIHRhZy5tZXRhICYmIHRhZy5tZXRhLnRhZ0hpZGRlbiAhPT0gdHJ1ZSkgewogICAgICAgIGNvbnN0IHBhdGggPSB0aGlzLmhhbmRsZVJvdXRlUmF3UGF0aCh0YWcpOwogICAgICAgIGF3YWl0IHRoaXMuYWRkVmlzaXRlZFJvdXRlKHsKICAgICAgICAgIHBhdGg6IHBhdGgsCiAgICAgICAgICBxdWVyeTogdGFnLnF1ZXJ5LAogICAgICAgICAgcGFyYW1zOiB0YWcucGFyYW1zLAogICAgICAgICAgbmFtZTogdGFnLm5hbWUsCiAgICAgICAgICBtYXRjaGVkOiBpbml0ID8gW3RhZy5uYW1lXSA6ICh0YWcubWF0Y2hlZCB8fCBbXSkubWFwKGl0ZW0gPT4gaXRlbS5jb21wb25lbnRzLmRlZmF1bHQubmFtZSksCiAgICAgICAgICBwYXJlbnRSZW1peEljb24sCiAgICAgICAgICBtZXRhOiB7IC4uLnRhZy5tZXRhCiAgICAgICAgICB9CiAgICAgICAgfSk7CiAgICAgICAgdGhpcy50YWJBY3RpdmUgPSBwYXRoOwogICAgICB9CiAgICB9LAoKICAgIGhhbmRsZVJvdXRlUmF3UGF0aChyb3V0ZSkgewogICAgICByZXR1cm4gcm91dGUucGF0aDsgLy8gcmV0dXJuIHJvdXRlLm1hdGNoZWQKICAgICAgLy8gICA/IHJvdXRlLm1hdGNoZWRbcm91dGUubWF0Y2hlZC5sZW5ndGggLSAxXS5wYXRoCiAgICAgIC8vICAgOiByb3V0ZS5wYXRoOwogICAgfSwKCiAgICBpc0FjdGl2ZShwYXRoKSB7CiAgICAgIHJldHVybiBwYXRoID09PSB0aGlzLmhhbmRsZVJvdXRlUmF3UGF0aCh0aGlzLiRyb3V0ZSk7CiAgICB9LAoKICAgIGlzQWZmaXgodGFnKSB7CiAgICAgIHJldHVybiB0YWcubWV0YSAmJiB0YWcubWV0YS5hZmZpeDsKICAgIH0sCgogICAgaGFuZGxlVGFiQ2xpY2sodGFiKSB7CiAgICAgIGlmICghdGhpcy5pc0FjdGl2ZSh0YWIubmFtZSkpIHRoaXMuJHJvdXRlci5wdXNoKHRoaXMudmlzaXRlZFJvdXRlc1t0YWIuaW5kZXhdKTsKICAgIH0sCgogICAgYXN5bmMgaGFuZGxlVGFiUmVtb3ZlKGZ1bGxQYXRoKSB7CiAgICAgIGF3YWl0IHRoaXMuZGVsVmlzaXRlZFJvdXRlKGZ1bGxQYXRoKTsKICAgICAgaWYgKHRoaXMuaXNBY3RpdmUoZnVsbFBhdGgpKSB0aGlzLnRvTGFzdFRhYigpOwogICAgfSwKCiAgICBoYW5kbGVDb21tYW5kKGNvbW1hbmQpIHsKICAgICAgc3dpdGNoIChjb21tYW5kKSB7CiAgICAgICAgY2FzZSAiY2xvc2VPdGhlcnNUYWdzIjoKICAgICAgICAgIHRoaXMuY2xvc2VPdGhlcnNUYWdzKCk7CiAgICAgICAgICBicmVhazsKCiAgICAgICAgY2FzZSAiY2xvc2VMZWZ0VGFncyI6CiAgICAgICAgICB0aGlzLmNsb3NlTGVmdFRhZ3MoKTsKICAgICAgICAgIGJyZWFrOwoKICAgICAgICBjYXNlICJjbG9zZVJpZ2h0VGFncyI6CiAgICAgICAgICB0aGlzLmNsb3NlUmlnaHRUYWdzKCk7CiAgICAgICAgICBicmVhazsKCiAgICAgICAgY2FzZSAiY2xvc2VBbGxUYWdzIjoKICAgICAgICAgIHRoaXMuY2xvc2VBbGxUYWdzKCk7CiAgICAgICAgICBicmVhazsKICAgICAgfQogICAgfSwKCiAgICBhc3luYyBjbG9zZU90aGVyc1RhZ3MoKSB7CiAgICAgIGF3YWl0IHRoaXMuZGVsT3RoZXJzVmlzaXRlZFJvdXRlcyh0aGlzLmhhbmRsZVJvdXRlUmF3UGF0aCh0aGlzLiRyb3V0ZSkpOwogICAgfSwKCiAgICBhc3luYyBjbG9zZUxlZnRUYWdzKCkgewogICAgICBhd2FpdCB0aGlzLmRlbExlZnRWaXNpdGVkUm91dGVzKHRoaXMuaGFuZGxlUm91dGVSYXdQYXRoKHRoaXMuJHJvdXRlKSk7CiAgICB9LAoKICAgIGFzeW5jIGNsb3NlUmlnaHRUYWdzKCkgewogICAgICBhd2FpdCB0aGlzLmRlbFJpZ2h0VmlzaXRlZFJvdXRlcyh0aGlzLmhhbmRsZVJvdXRlUmF3UGF0aCh0aGlzLiRyb3V0ZSkpOwogICAgfSwKCiAgICBhc3luYyBjbG9zZUFsbFRhZ3MoKSB7CiAgICAgIGF3YWl0IHRoaXMuZGVsQWxsVmlzaXRlZFJvdXRlcygpOwogICAgICBpZiAoIXRoaXMuYWZmaXhUYWdzLnNvbWUodGFnID0+IHRoaXMuaXNBY3RpdmUodGhpcy5oYW5kbGVSb3V0ZVJhd1BhdGgodGFnKSkpKSB0aGlzLnRvTGFzdFRhYigpOwogICAgfSwKCiAgICB0b0xhc3RUYWIoKSB7CiAgICAgIGNvbnN0IGxhdGVzdFZpZXcgPSB0aGlzLnZpc2l0ZWRSb3V0ZXMuc2xpY2UoLTEpWzBdOwogICAgICBpZiAobGF0ZXN0VmlldykgdGhpcy4kcm91dGVyLnB1c2gobGF0ZXN0Vmlldyk7ZWxzZSB0aGlzLiRyb3V0ZXIucHVzaCgiLyIpOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA;AACA;AACA;EACAA,eADA;EAEAC;IACAC;MACAC,YADA;MAEAC;IAFA;EADA,CAFA;;EAQAC;IACA;MACAC,aADA;MAEAC,aAFA;MAGAC,cAHA;MAIAC;IAJA;EAMA,CAfA;;EAgBAC,YACA;MACAC,8BADA;MAEA;MACAC;IAHA,EADA;;IAMAC;MACA;QACA;MACA,CAFA,MAEA;QACA,2DACAC,kCADA;MAGA;IACA,CAdA;;IAeAC;MACA;IACA;;EAjBA,CAhBA;EAmCAC;IACAC;MACAC;QACA;MACA;;IAHA;EADA,CAnCA;;EA0CAV;IACA;IACA;EACA,CA7CA;;EA8CAW,WACA;MACAC,0CADA;MAEAC,0CAFA;MAGAC,wDAHA;MAIAC,oDAJA;MAKAC,sDALA;MAMAC;IANA,EADA;;IASAC;MACA;IACA,CAXA;;IAYAC;MACAf;QACA;QACA;MACA,CAHA;IAIA,CAjBA;;IAkBA;AACA;AACA;AACA;AACA;AACA;IACA;MACA;MACA,2CACAgB;;MACA;QACA;QACA;UACAC,UADA;UAEAC,gBAFA;UAGAC,kBAHA;UAIA/B,cAJA;UAKAgC,gBACA,UADA,GAEA,6DAPA;UAQAJ,eARA;UASAK;UAAA;QATA;QAWA;MACA;IACA,CA3CA;;IA4CAC;MACA,kBADA,CAEA;MACA;MACA;IACA,CAjDA;;IAkDAC;MACA;IACA,CApDA;;IAqDAC;MACA;IACA,CAvDA;;IAwDAC;MACA,8BACA;IACA,CA3DA;;IA4DA;MACA;MACA;IACA,CA/DA;;IAgEAC;MACA;QACA;UACA;UACA;;QACA;UACA;UACA;;QACA;UACA;UACA;;QACA;UACA;UACA;MAZA;IAcA,CA/EA;;IAgFA;MACA;IACA,CAlFA;;IAmFA;MACA;IACA,CArFA;;IAsFA;MACA;IACA,CAxFA;;IAyFA;MACA;MACA,IACA,4BACA,2CADA,CADA,EAKA;IACA,CAjGA;;IAkGAC;MACA;MACA,mDACA;IACA;;EAtGA;AA9CA","names":["name","props","layout","type","default","data","affixTags","tabActive","created","active","computed","systemType","routes","visitedRoutes","item","tabsBarStyle","watch","$route","handler","methods","addVisitedRoute","delVisitedRoute","delOthersVisitedRoutes","delLeftVisitedRoutes","delRightVisitedRoutes","delAllVisitedRoutes","handleVisibleChange","initAffixTags","parentRemixIcon","path","query","params","matched","meta","handleRouteRawPath","isActive","isAffix","handleTabClick","handleCommand","toLastTab"],"sourceRoot":"src/vab/components/TagsBar","sources":["index.vue"],"sourcesContent":["<template>\n  <div class=\"tabs-bar-container\">\n    <fold v-if=\"layout === 'common'\"></fold>\n    <el-tabs\n      v-model=\"tabActive\"\n      type=\"card\"\n      class=\"tabs-content\"\n      :class=\"{\n        ['tabs-content-' + tabsBarStyle]: true,\n      }\"\n      @tab-click=\"handleTabClick\"\n      @tab-remove=\"handleTabRemove\"\n    >\n      <el-tab-pane\n        v-for=\"item in visitedRoutes\"\n        :key=\"item.path\"\n        :closable=\"!isAffix(item)\"\n        :name=\"item.path\"\n      >\n        <span slot=\"label\">\n          <vab-remix-icon\n            v-if=\"item.meta && item.meta.remixIcon\"\n            :is-custom-svg=\"item.meta.isCustomSvgIcon\"\n            :icon-class=\"item.meta.remixIcon\"\n          />\n          <!--  如果没有图标那么取第二级的图标 -->\n          <vab-remix-icon v-else :icon-class=\"item.parentRemixIcon\" />\n          <span v-if=\"item.meta.title === '商户采购单'\">\n            {{ systemType === 3 ? \"商户入库单\" : item.meta.title }}\n          </span>\n          <span v-else>{{ item.meta.title }}</span>\n        </span>\n        <!--        <span v-else slot=\"label\">-->\n        <!--          {{ translateTitle(item.meta.title) }}-->\n        <!--        </span>-->\n      </el-tab-pane>\n    </el-tabs>\n\n    <el-dropdown\n      @command=\"handleCommand\"\n      @visible-chactiveange=\"handleVisibleChange\"\n    >\n      <span class=\"more\">\n        <!--        {{ translateTitle(\"更多\") }}-->\n        <!-- <vab-remix-icon\n          icon-class=\"vab-tabs-more-icon\"\n          class=\"vab-dropdown\"\n          :class=\"{ 'vab-dropdown-active': active }\"\n        />-->\n\n        <i style=\"font-size: 17px\" class=\"el-icon-menu\"></i>\n      </span>\n      <el-dropdown-menu slot=\"dropdown\" class=\"tags-more\">\n        <el-dropdown-item command=\"closeOthersTags\">\n          <vab-remix-icon icon-class=\"close-line\" />\n          关闭其他\n        </el-dropdown-item>\n        <el-dropdown-item command=\"closeLeftTags\">\n          <vab-remix-icon icon-class=\"arrow-left-line\" />\n          关闭左侧\n        </el-dropdown-item>\n        <el-dropdown-item command=\"closeRightTags\">\n          <vab-remix-icon icon-class=\"arrow-right-line\" />\n          关闭右侧\n        </el-dropdown-item>\n        <el-dropdown-item command=\"closeAllTags\">\n          <vab-remix-icon icon-class=\"close-line\" />\n          关闭全部\n        </el-dropdown-item>\n      </el-dropdown-menu>\n    </el-dropdown>\n  </div>\n</template>\n\n<script>\n  import { mapActions, mapGetters } from \"vuex\";\n  import { tabsBarStyle } from \"@/config/settings\";\n  export default {\n    name: \"TagsBar\",\n    props: {\n      layout: {\n        type: String,\n        default: \"\",\n      },\n    },\n    data() {\n      return {\n        affixTags: [],\n        tabActive: \"\",\n        created: false,\n        active: false,\n      };\n    },\n    computed: {\n      ...mapGetters({\n        systemType: \"MUser/systemType\",\n        // visitedRoutes: \"tagsBar/visitedRoutes\",\n        routes: \"routes/routes\",\n      }),\n      visitedRoutes() {\n        if (this.systemType === 1) {\n          return this.$store.getters[\"tagsBar/visitedRoutes\"];\n        } else {\n          return this.$store.getters[\"tagsBar/visitedRoutes\"].filter(\n            (item) => item.meta.title !== \"经营概况\"\n          );\n        }\n      },\n      tabsBarStyle() {\n        return tabsBarStyle;\n      },\n    },\n    watch: {\n      $route: {\n        handler(route) {\n          this.addTabs(route);\n        },\n      },\n    },\n    created() {\n      this.initAffixTags(this.routes);\n      this.addTabs(this.$route);\n    },\n    methods: {\n      ...mapActions({\n        addVisitedRoute: \"tagsBar/addVisitedRoute\",\n        delVisitedRoute: \"tagsBar/delVisitedRoute\",\n        delOthersVisitedRoutes: \"tagsBar/delOthersVisitedRoutes\",\n        delLeftVisitedRoutes: \"tagsBar/delLeftVisitedRoutes\",\n        delRightVisitedRoutes: \"tagsBar/delRightVisitedRoutes\",\n        delAllVisitedRoutes: \"tagsBar/delAllVisitedRoutes\",\n      }),\n      handleVisibleChange(val) {\n        this.active = val;\n      },\n      initAffixTags(routes) {\n        routes.forEach((route) => {\n          if (route.meta && route.meta.affix) this.addTabs(route);\n          if (route.children) this.initAffixTags(route.children);\n        });\n      },\n      /**\n       * 添加标签页\n       * @param tag route\n       * @param init 是否是从router获取路由\n       * @returns {Promise<void>}\n       */\n      async addTabs(tag, init = false) {\n        let parentRemixIcon = \"\";\n        if (tag.matched && tag.matched.length > 1)\n          parentRemixIcon = tag.matched[0].meta.remixIcon || \"\";\n        if (tag.name && tag.meta && tag.meta.tagHidden !== true) {\n          const path = this.handleRouteRawPath(tag);\n          await this.addVisitedRoute({\n            path: path,\n            query: tag.query,\n            params: tag.params,\n            name: tag.name,\n            matched: init\n              ? [tag.name]\n              : (tag.matched || []).map((item) => item.components.default.name),\n            parentRemixIcon,\n            meta: { ...tag.meta },\n          });\n          this.tabActive = path;\n        }\n      },\n      handleRouteRawPath(route) {\n        return route.path;\n        // return route.matched\n        //   ? route.matched[route.matched.length - 1].path\n        //   : route.path;\n      },\n      isActive(path) {\n        return path === this.handleRouteRawPath(this.$route);\n      },\n      isAffix(tag) {\n        return tag.meta && tag.meta.affix;\n      },\n      handleTabClick(tab) {\n        if (!this.isActive(tab.name))\n          this.$router.push(this.visitedRoutes[tab.index]);\n      },\n      async handleTabRemove(fullPath) {\n        await this.delVisitedRoute(fullPath);\n        if (this.isActive(fullPath)) this.toLastTab();\n      },\n      handleCommand(command) {\n        switch (command) {\n          case \"closeOthersTags\":\n            this.closeOthersTags();\n            break;\n          case \"closeLeftTags\":\n            this.closeLeftTags();\n            break;\n          case \"closeRightTags\":\n            this.closeRightTags();\n            break;\n          case \"closeAllTags\":\n            this.closeAllTags();\n            break;\n        }\n      },\n      async closeOthersTags() {\n        await this.delOthersVisitedRoutes(this.handleRouteRawPath(this.$route));\n      },\n      async closeLeftTags() {\n        await this.delLeftVisitedRoutes(this.handleRouteRawPath(this.$route));\n      },\n      async closeRightTags() {\n        await this.delRightVisitedRoutes(this.handleRouteRawPath(this.$route));\n      },\n      async closeAllTags() {\n        await this.delAllVisitedRoutes();\n        if (\n          !this.affixTags.some((tag) =>\n            this.isActive(this.handleRouteRawPath(tag))\n          )\n        )\n          this.toLastTab();\n      },\n      toLastTab() {\n        const latestView = this.visitedRoutes.slice(-1)[0];\n        if (latestView) this.$router.push(latestView);\n        else this.$router.push(\"/\");\n      },\n    },\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .tabs-bar-container {\n    width: 100%;\n    /*------------*/\n    position: relative;\n    box-sizing: border-box;\n    display: flex;\n    align-content: center;\n    align-items: center;\n    justify-content: space-between;\n    height: $base-tags-bar-height;\n    /*padding-right: $base-padding;\n    padding-left: $base-padding;*/\n    user-select: none;\n    background: $base-color-white;\n    /*border-top: 1px solid #f6f6f6;*/\n\n    ::v-deep {\n      .fold-unfold {\n        margin-right: $base-padding;\n      }\n    }\n\n    .tabs-content {\n      width: calc(100% - 60px);\n\n      &-card {\n        height: $base-tag-item-height;\n\n        ::v-deep {\n          .el-tabs__nav-next,\n          .el-tabs__nav-prev {\n            height: $base-tag-item-height;\n            line-height: $base-tag-item-height;\n            transform: translateY(10px);\n          }\n\n          .el-tabs__header {\n            border-bottom: 0;\n\n            .el-tabs__nav {\n              border: 0;\n            }\n\n            .el-tabs__item {\n              box-sizing: border-box;\n              height: $base-tag-item-height;\n              margin-right: 5px;\n              line-height: $base-tag-item-height;\n              border: 1px solid $base-border-color;\n              border-radius: $base-border-radius;\n              transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n\n              &.is-active {\n                color: $base-color-white;\n                background: $base-color-blue;\n                border: 1px solid $base-color-blue;\n              }\n            }\n          }\n        }\n      }\n      &-smart {\n        height: $base-tag-item-height;\n        ::v-deep {\n          .el-tabs__nav-next,\n          .el-tabs__nav-prev {\n            height: $base-tag-item-height;\n            line-height: $base-tag-item-height;\n          }\n\n          .el-tabs__header {\n            border-bottom: 0;\n\n            .el-tabs__nav {\n              border: 0;\n            }\n\n            .el-tabs__item {\n              height: $base-tag-item-height;\n              margin-right: 5px;\n              line-height: $base-tag-item-height;\n              border: 0;\n              transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n              &.is-active {\n                background: rgba($base-color-blue, 0.1);\n                &:after {\n                  width: 100%;\n                }\n              }\n              &:after {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                width: 0;\n                height: 2px;\n                content: \"\";\n                background-color: $base-color-blue;\n              }\n              &:hover {\n                background: rgba($base-color-blue, 0.1);\n                &:after {\n                  width: 100%;\n                }\n              }\n            }\n          }\n        }\n      }\n      &-smooth {\n        height: $base-tag-item-height + 4;\n        ::v-deep {\n          .el-tabs__nav-next,\n          .el-tabs__nav-prev {\n            height: $base-tag-item-height + 4;\n            line-height: $base-tag-item-height + 4;\n            transform: translateY(10px);\n          }\n\n          .el-tabs__header {\n            border-bottom: 0;\n\n            .el-tabs__nav {\n              border: 0;\n            }\n\n            .el-tabs__item {\n              height: $base-tag-item-height + 4;\n              margin-top: ($base-tags-bar-height - $base-tag-item-height - 4)/2;\n              margin-right: -18px;\n              line-height: $base-tag-item-height + 4;\n              border: 0;\n              transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n              &.is-active {\n                color: $base-color-blue;\n                background: rgba($base-color-blue, 0.1);\n                mask: url(\"~@/assets/tabs_images/vab-tab.png\");\n\n                mask-size: 100% 100%;\n                &:hover {\n                  color: $base-color-blue;\n                  background: rgba($base-color-blue, 0.1);\n                  mask: url(\"~@/assets/tabs_images/vab-tab.png\");\n\n                  mask-size: 100% 100%;\n                }\n              }\n              &:hover {\n                z-index: $base-z-index;\n                color: $base-color-black;\n                background: #dee1e6;\n                mask: url(\"~@/assets/tabs_images/vab-tab.png\");\n\n                mask-size: 100% 100%;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .more {\n      display: inline-block;\n      width: 50px;\n      height: 55px;\n      line-height: 55px;\n      cursor: pointer;\n      text-align: center;\n      &:hover {\n        color: $base-color-blue;\n      }\n    }\n  }\n</style>\n"]}]}