接口对接

zhangxiaoxu123456

2022-05-10 6e41ce0ab4300758ebd77ea257c3d9532e3df7e0

 src/pages/components/showIndexTitle.vue

@@ -2,8 +2,7 @@
  <div class="showIndexTitle-wrap">
    <h1 class="title">石家庄人社局业务运行数据分析平台</h1>
    <el-menu
      default-active="/index"
      :class="activeStyle"
      :default-active="activeIndex"
      router
      mode="horizontal"
      class="el-menu-demo"
@@ -12,7 +11,6 @@
        <el-menu-item index="/index">
          <div class="showIndex-block">
            <h1>首页</h1>

          </div>
        </el-menu-item>
        <el-menu-item index="/jiuyeAndChuangye">
@@ -62,7 +60,7 @@
            <h1>文档中心</h1>
          </div>
        </el-menu-item>
        <el-menu-item index="/login">
        <el-menu-item @click="goOut">
          <div class="showIndex-block">
            <h1>退出登录</h1>
          </div>
@@ -75,21 +73,28 @@
<script>
export default {
  name: "showIndexTitle",
  watch: {
    '$route' (toRouter, fromRouter) {
        console.log(toRouter,'toRouter')
        console.log(fromRouter,'fromRouter')
        console.log('$route.path---',this.$route)
  data() {
    return {
        activeIndex: '/index'
    }
  },
    data() {
      return {
          activeStyle: false
      }
    },
  mounted() {
      this.$route.meta.routerParent && (this.activeIndex = '/' + this.$route.meta.routerParent)
  },
  methods: {
      goOut() {
          this.$confirm('是否退出系统, 是否继续?', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
          }).then(() => {
              this.$store.dispatch('logout').then(res => {
                  this.$router.push('/login')
              })
          })

  }
      }
  },
};
</script>