<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import { Message } from "element-ui";
export default {
  name: "App",
  watch: {
    $route(r) {
      if (window.__MODE__.showPagePath) {
        this.$store.state.permission.addRoutes.forEach((pEle) => {
          if (Array.isArray(pEle.children)) {
            const findRes = pEle.children.find((cEle) => {
              return cEle.name === r.name;
            });
            if (findRes) {
              Message.success(`${findRes.meta.title} -> ${findRes.pagePath}`);
            }
          }
        });
      }
    },
  },
};
</script>

<style>
body .el-scrollbar__wrap {
  overflow-x: hidden;
}

body .el-tabs .el-tabs__item {
  font-size: 16px;
  font-weight: 700;
}

body .el-select-dropdown .el-scrollbar__wrap {
  overflow: scroll;
}
</style>