1.递交

loulijun2021

2022-06-15 8e51e2713e358aade30db570b0cb8a4877022cf9

 src/layout/components/Sidebar/index.vue

@@ -13,14 +13,14 @@
        :collapse-transition="false"
        mode="vertical"
      >
        <!--        <sidebar-item-->
        <!--          v-for="route in routes"-->
        <!--          :key="route.path"-->
        <!--          class="el-scrollbar-menu"-->
        <!--          :item="route"-->
        <!--          :base-path="route.path"-->
        <!--        />-->
        <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
        <sidebar-item
          v-for="route in routes"
          :key="route.path"
          class="el-scrollbar-menu"
          :item="route"
          :base-path="route.path"
        />
        <!--        <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />-->

      </el-menu>
    </el-scrollbar>
@@ -36,16 +36,95 @@
import Logo from './Logo'
import SidebarItem from './SidebarItem'
import variables from '@/styles/variables.scss'
import { LoginMenu } from '@/api/user'

export default {
  components: { SidebarItem, Logo },
  data() {
    return {
      routers: []
    }
  },
  async created() {
    // const arr = [
    //   {
    //     name: '系统首页'
    //   },
    //   {
    //     name: '基础设置',
    //     children: [
    //       { name: '组织架构' },
    //       { name: '角色清单' },
    //       { name: '用户清单' }
    //     ]
    //   },
    //   {
    //     name: '制造模型',
    //     children: [
    //       { name: '公益路线' },
    //       { name: '节拍工价' },
    //       { name: '存货档案' }
    //     ]
    //   }
    // ]
    // this.routers = arr
    const res = await LoginMenu()
    console.log(res, 999)
  },
  computed: {
    ...mapGetters([
      'permission_routes',
      'sidebar'
    ]),
    routes() {
      return this.$router.options.routes
      // console.log(this.$router.options.routes, 111)
      // this.$router.options.routes.forEach((item, index) => {
      //   if (item.name === 'jcsz') {
      //     this.$router.options.routes.slice(index, 1)
      //   }
      // })

      // return this.$router.options.routes.filter(item => {
      //   console.log(item)
      //   return item.name === 'jcsz'
      // })
      console.log(this.routers, 99)
      console.log(this.$router.options.routes, 11)

      const newArr = []
      this.routers.forEach(item => {
        if (item.name) {
          newArr.push(item.name)
          if (item.children) {
            item.children.forEach(it => {
              if (it.name) {
                newArr.push(it.name)
              }
            })
          }
        }
      })
      console.log(newArr, 333)
      const arr = this.$router.options.routes
      const arr2 = []
      arr.forEach((item, index) => {
        console.log(newArr.includes(item.name), 222)

        if (newArr.includes(item.name) && item.children.length === 1) {
          arr2.push(item)
        } else if (newArr.includes(item.name) && item.children.length > 1) {
          const a = []
          item.children.forEach((it, ind) => {
            if (newArr.includes(it.name)) {
              a.push(it)
            }
          })
          item.children = a

          arr2.push(item)
        }
      })
      return arr2
    },
    activeMenu() {
      const route = this.$route