{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\navMenu\\vertical.vue?vue&type=style&index=0&id=013c443f&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\navMenu\\vertical.vue","mtime":1761185180058},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQo6OnYtZGVlcCAuY2VudGVyIHsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBtYXJnaW4tcmlnaHQ6IDAgIWltcG9ydGFudDsNCiAgbWFyZ2luLWxlZnQ6IDVweDsNCn0NCi8vIDo6di1kZWVwIC5lbC1zdWJtZW51X190aXRsZSB7DQovLyAgIGRpc3BsYXk6IGZsZXg7DQovLyAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KLy8gICBhbGlnbi1pdGVtczogY2VudGVyOw0KLy8gfQ0K"},{"version":3,"sources":["vertical.vue"],"names":[],"mappings":";AAsFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"vertical.vue","sourceRoot":"src/layout/navMenu","sourcesContent":["<template>\r\n  <div>\r\n    <el-menu\r\n      router\r\n      :class=\"setColumnsAsideStyle\"\r\n      background-color=\"transparent\"\r\n      :default-active=\"activePath || defaultActive\"\r\n      :collapse=\"setIsCollapse\"\r\n      :unique-opened=\"getThemeConfig.isUniqueOpened\"\r\n      :collapse-transition=\"true\"\r\n    >\r\n      <template v-for=\"val in menuList\">\r\n        <el-submenu :index=\"val.path\" v-if=\"val.is_show && val.children && val.children.length > 0\" :key=\"val.path\">\r\n          <template slot=\"title\">\r\n            <i class=\"ivu-icon\" :class=\"val.icon ? 'el-icon-' + val.icon : ''\"></i>\r\n            <span>{{ $t(val.title) }}</span>\r\n          </template>\r\n          <SubItem :chil=\"val.children\" />\r\n        </el-submenu>\r\n        <template v-else-if=\"val.is_show\">\r\n          <el-menu-item :index=\"val.path\" :key=\"val.path\">\r\n            <i class=\"ivu-icon\" :class=\"val.icon ? 'el-icon-' + val.icon : ''\"></i>\r\n            <template slot=\"title\" v-if=\"!val.isLink || (val.isLink && val.isIframe)\">\r\n              <span>{{ $t(val.title) }}</span>\r\n            </template>\r\n            <template slot=\"title\" v-else>\r\n              <a :href=\"val.isLink\" target=\"_blank\">{{ $t(val.title) }}</a>\r\n            </template>\r\n          </el-menu-item>\r\n        </template>\r\n      </template>\r\n    </el-menu>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SubItem from '@/layout/navMenu/subItem.vue';\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n  name: 'navMenuVertical',\r\n  components: { SubItem },\r\n  props: {\r\n    menuList: {\r\n      type: Array,\r\n      default() {\r\n        return [];\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      defaultActive: this.$route.path,\r\n      onRoutes: '',\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState('menu', ['activePath']),\r\n    // 设置分栏高亮风格\r\n    setColumnsAsideStyle() {\r\n      return this.$store.state.themeConfig.themeConfig.columnsAsideStyle;\r\n    },\r\n    // 获取布局配置信息\r\n    getThemeConfig() {\r\n      return this.$store.state.themeConfig.themeConfig;\r\n    },\r\n    // 设置左侧菜单是否展开/收起\r\n    setIsCollapse() {\r\n      return document.body.clientWidth < 1000 ? false : this.$store.state.themeConfig.themeConfig.isCollapse;\r\n    },\r\n  },\r\n  watch: {\r\n    // 监听路由的变化\r\n    $route: {\r\n      handler(to) {\r\n        this.defaultActive = to.path;\r\n        const clientWidth = document.body.clientWidth;\r\n        if (clientWidth < 1000) this.$store.state.themeConfig.themeConfig.isCollapse = false;\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  created() {},\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n::v-deep .center {\r\n  text-align: center;\r\n  margin-right: 0 !important;\r\n  margin-left: 5px;\r\n}\r\n// ::v-deep .el-submenu__title {\r\n//   display: flex;\r\n//   justify-content: center;\r\n//   align-items: center;\r\n// }\r\n</style>\r\n"]}]}