{"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\\component\\columnsAside.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\component\\columnsAside.vue","mtime":1761185180049},{"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\\babel-loader\\lib\\index.js","mtime":456789000000},{"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:DQppbXBvcnQgeyBnZXRNZW51U2lkZXIsIGdldEhlYWRlck5hbWUsIGZpbmRGaXJzdE5vbk51bGxDaGlsZHJlbiB9IGZyb20gJ0AvbGlicy9zeXN0ZW0nOw0KaW1wb3J0IExvZ28gZnJvbSAnQC9sYXlvdXQvbG9nby9pbmRleC52dWUnOw0KaW1wb3J0IHsgbWFwU3RhdGUgfSBmcm9tICd2dWV4JzsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnbGF5b3V0Q29sdW1uc0FzaWRlJywNCiAgY29tcG9uZW50czogeyBMb2dvIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGNvbHVtbnNBc2lkZUxpc3Q6IFtdLA0KICAgICAgbGlJbmRleDogMCwNCiAgICAgIGRpZmZlcmVuY2U6IDAsDQogICAgICByb3V0ZVNwbGl0OiBbXSwNCiAgICB9Ow0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC8vIOiuvue9ruWIhuagj+mrmOS6rumjjuagvA0KICAgIHNldENvbHVtbnNBc2lkZVN0eWxlKCkgew0KICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmNvbHVtbnNBc2lkZVN0eWxlOw0KICAgIH0sDQogICAgLy8g6K6+572u5YiG5qCP5biD5bGA6aOO5qC8DQogICAgc2V0Q29sdW1uc0FzaWRlbGF5b3V0KCkgew0KICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmNvbHVtbnNBc2lkZUxheW91dDsNCiAgICB9LA0KICAgIExheW91dCgpIHsNCiAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZy5MYXlvdXQ7DQogICAgfSwNCiAgICByb3V0ZXNMaXN0KCkgew0KICAgICAgdGhpcy4kc3RvcmUuc3RhdGUucm91dGVzTGlzdC5yb3V0ZXNMaXN0Ow0KICAgIH0sDQogICAgLi4ubWFwU3RhdGUoJ21lbnUnLCBbJ2FjdGl2ZVBhdGgnXSksDQogIH0sDQogIGJlZm9yZURlc3Ryb3koKSB7DQogICAgdGhpcy5idXMuJG9mZigncm91dGVzTGlzdENoYW5nZScpOw0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuYnVzLiRvbigncm91dGVzTGlzdENoYW5nZScsICgpID0+IHsNCiAgICAgIHRoaXMuc2V0RmlsdGVyUm91dGVzKCk7DQogICAgfSk7DQogICAgdGhpcy5zZXRGaWx0ZXJSb3V0ZXMoKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOiuvue9ruiPnOWNlemrmOS6ruS9jee9ruenu+WKqA0KICAgIHNldENvbHVtbnNBc2lkZU1vdmUoaykgew0KICAgICAgaWYgKGsgPT09IHVuZGVmaW5lZCkgcmV0dXJuIGZhbHNlOw0KICAgICAgY29uc3QgZWxzID0gdGhpcy4kcmVmcy5jb2x1bW5zQXNpZGVPZmZzZXRUb3BSZWZzOw0KICAgICAgdGhpcy5saUluZGV4ID0gazsNCiAgICAgIHRoaXMuJHJlZnMuY29sdW1uc0FzaWRlQWN0aXZlUmVmLnN0eWxlLnRvcCA9IGAke2Vsc1trXS5vZmZzZXRUb3AgKyB0aGlzLmRpZmZlcmVuY2V9cHhgOw0KICAgIH0sDQogICAgLy8g6I+c5Y2V6auY5Lqu54K55Ye75LqL5Lu2DQogICAgb25Db2x1bW5zQXNpZGVNZW51Q2xpY2sodikgew0KICAgICAgbGV0IHsgcGF0aCwgcmVkaXJlY3QgfSA9IHY7DQogICAgICBpZiAodi5jaGlsZHJlbikgew0KICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaChmaW5kRmlyc3ROb25OdWxsQ2hpbGRyZW4odi5jaGlsZHJlbikucGF0aCk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaChwYXRoKTsNCiAgICAgIH0NCiAgICAgIC8vIOS4gOS4qui3r+eUseiuvue9ruiHquWKqOaUtui1t+iPnOWNlQ0KICAgICAgaWYgKCF2LmNoaWxkcmVuIHx8IHYuY2hpbGRyZW4ubGVuZ3RoIDw9IDEpIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmlzQ29sbGFwc2UgPSB0cnVlOw0KICAgICAgZWxzZSBpZiAodi5jaGlsZHJlbi5sZW5ndGggPiAxKSB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZy5pc0NvbGxhcHNlID0gZmFsc2U7DQogICAgICAvLyB0aGlzLmJ1cy4kZW1pdCgnc2V0U2VuZENvbHVtbnNDaGlsZHJlbicsIGdldE1lbnVTaWRlcih0aGlzLmNvbHVtbnNBc2lkZUxpc3QsIHBhdGgpKTsNCiAgICB9LA0KICAgIC8vIOiuvue9rumrmOS6ruWKqOaAgeS9jee9rg0KICAgIG9uQ29sdW1uc0FzaWRlRG93bihrKSB7DQogICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgIHRoaXMuc2V0Q29sdW1uc0FzaWRlTW92ZShrKTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g6K6+572uL+i/h+a7pOi3r+eUse+8iOmdnumdmeaAgei3r+eUsS/mmK/lkKbmmL7npLrlnKjoj5zljZXkuK3vvIkNCiAgICBzZXRGaWx0ZXJSb3V0ZXMoKSB7DQogICAgICBpZiAodGhpcy4kc3RvcmUuc3RhdGUucm91dGVzTGlzdC5yb3V0ZXNMaXN0Lmxlbmd0aCA8PSAwKSByZXR1cm4gZmFsc2U7DQogICAgICB0aGlzLmNvbHVtbnNBc2lkZUxpc3QgPSB0aGlzLmZpbHRlclJvdXRlc0Z1bih0aGlzLiRzdG9yZS5zdGF0ZS5yb3V0ZXNMaXN0LnJvdXRlc0xpc3QpOw0KICAgICAgLy8gICBjb25zdCByZXNEYXRhID0gZ2V0SGVhZGVyTmFtZSh0aGlzLiRyb3V0ZS5wYXRoLCB0aGlzLmNvbHVtbnNBc2lkZUxpc3QpOw0KICAgICAgY29uc3QgcmVzRGF0YSA9IHRoaXMuc2V0U2VuZENoaWxkcmVuKGdldEhlYWRlck5hbWUodGhpcy4kcm91dGUsIHRoaXMuY29sdW1uc0FzaWRlTGlzdCkpOw0KICAgICAgaWYgKCFyZXNEYXRhLmNoaWxkcmVuKSB7DQogICAgICAgIHRoaXMuYnVzLiRlbWl0KCdzZXRTZW5kQ29sdW1uc0NoaWxkcmVuJywgW10pOw0KICAgICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ21lbnVzL2NoaWxkTWVudUxpc3QnLCBbXSk7DQoNCiAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcuaXNDb2xsYXBzZSA9IHRydWU7DQogICAgICAgIHJldHVybiBmYWxzZTsNCiAgICAgIH0NCiAgICAgIHRoaXMuYnVzLiRlbWl0KCdvbmVDYXROYW1lJywgcmVzRGF0YS5pdGVtWzBdLnRpdGxlKTsNCiAgICAgIHRoaXMub25Db2x1bW5zQXNpZGVEb3duKHJlc0RhdGEuaXRlbVswXS5rKTsNCiAgICAgIC8vIOWIt+aWsOaXtu+8jOWIneWni+WMluS4gOS4qui3r+eUseiuvue9ruiHquWKqOaUtui1t+iPnOWNlQ0KICAgICAgcmVzRGF0YS5jaGlsZHJlbi5sZW5ndGggPiAwDQogICAgICAgID8gKHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmlzQ29sbGFwc2UgPSBmYWxzZSkNCiAgICAgICAgOiAodGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcuaXNDb2xsYXBzZSA9IHRydWUpOw0KICAgICAgdGhpcy5idXMuJGVtaXQoJ3NldFNlbmRDb2x1bW5zQ2hpbGRyZW4nLCByZXNEYXRhPy5jaGlsZHJlbiB8fCBbXSk7DQogICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ21lbnVzL2NoaWxkTWVudUxpc3QnLCByZXNEYXRhPy5jaGlsZHJlbiB8fCBbXSk7DQogICAgfSwNCiAgICAvLyDkvKDpgIHlvZPliY3lrZDnuqfmlbDmja7liLDoj5zljZXkuK0NCiAgICBzZXRTZW5kQ2hpbGRyZW4ocGF0aCkgew0KICAgICAgbGV0IGN1cnJlbnREYXRhID0ge307DQogICAgICB0aGlzLmNvbHVtbnNBc2lkZUxpc3QubWFwKCh2LCBrKSA9PiB7DQogICAgICAgIHZbJ2snXSA9IGs7DQogICAgICAgIGlmICh2LnBhdGggPT09IHBhdGgpIHsNCiAgICAgICAgICBjdXJyZW50RGF0YVsnaXRlbSddID0gW3sgLi4udiB9XTsNCiAgICAgICAgICAvLyAgIGN1cnJlbnREYXRhWydjaGlsZHJlbiddID0gW3sgLi4udiB9XTsNCiAgICAgICAgICBpZiAodi5jaGlsZHJlbikgY3VycmVudERhdGFbJ2NoaWxkcmVuJ10gPSB2LmNoaWxkcmVuOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICAgIHJldHVybiBjdXJyZW50RGF0YTsNCiAgICB9LA0KICAgIC8vIOi3r+eUsei/h+a7pOmAkuW9kuWHveaVsA0KICAgIGZpbHRlclJvdXRlc0Z1bihhcnIpIHsNCiAgICAgIHJldHVybiBhcnINCiAgICAgICAgLmZpbHRlcigoaXRlbSkgPT4gaXRlbS5wYXRoKQ0KICAgICAgICAubWFwKChpdGVtKSA9PiB7DQogICAgICAgICAgaXRlbSA9IE9iamVjdC5hc3NpZ24oe30sIGl0ZW0pOw0KICAgICAgICAgIGlmIChpdGVtLmNoaWxkcmVuKSBpdGVtLmNoaWxkcmVuID0gdGhpcy5maWx0ZXJSb3V0ZXNGdW4oaXRlbS5jaGlsZHJlbik7DQogICAgICAgICAgcmV0dXJuIGl0ZW07DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgLy8gdGFnc1ZpZXcg54K55Ye75pe277yM5qC55o2u6Lev55Sx5p+l5om+5LiL5qCHIGNvbHVtbnNBc2lkZUxpc3TvvIzlrp7njrDlt6bkvqfoj5zljZXpq5jkuq4NCiAgICBzZXRDb2x1bW5zTWVudUhpZ2hsaWdodChwYXRoKSB7DQogICAgICAvLyB0aGlzLnJvdXRlU3BsaXQgPSBwYXRoLnNwbGl0KCcvJyk7DQogICAgICAvLyB0aGlzLnJvdXRlU3BsaXQuc2hpZnQoKTsNCiAgICAgIC8vIGNvbnN0IHJvdXRlRmlyc3QgPSBgLyR7dGhpcy5yb3V0ZVNwbGl0WzBdfWA7DQogICAgICBjb25zdCBjdXJyZW50U3BsaXRSb3V0ZSA9IHRoaXMuY29sdW1uc0FzaWRlTGlzdC5maW5kKCh2KSA9PiB2LnBhdGggPT09IHBhdGgpOw0KICAgICAgaWYgKCFjdXJyZW50U3BsaXRSb3V0ZSkgew0KICAgICAgICAvLyB0aGlzLm9uQ29sdW1uc0FzaWRlRG93bigwKTsNCiAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgfQ0KICAgICAgLy8g5bu26L+f5ou/5YC877yM6Ziy5q2i5Y+W5LiN5YiwDQogICAgICBzZXRUaW1lb3V0KCgpID0+IHsNCiAgICAgICAgdGhpcy5vbkNvbHVtbnNBc2lkZURvd24oY3VycmVudFNwbGl0Um91dGUuayk7DQogICAgICB9LCAwKTsNCiAgICB9LA0KICB9LA0KICB3YXRjaDogew0KICAgIC8vIOebkeWQrCB2dWV4IOaVsOaNruWPmOWMlg0KICAgICckc3RvcmUuc3RhdGUnOiB7DQogICAgICBoYW5kbGVyKHZhbCkgew0KICAgICAgICB2YWwudGhlbWVDb25maWcudGhlbWVDb25maWcuY29sdW1uc0FzaWRlU3R5bGUgPT09ICdjb2x1bW5zUm91bmQnDQogICAgICAgICAgPyAodGhpcy5kaWZmZXJlbmNlID0gMykNCiAgICAgICAgICA6ICh0aGlzLmRpZmZlcmVuY2UgPSAwKTsNCiAgICAgICAgaWYgKHZhbC5yb3V0ZXNMaXN0LnJvdXRlc0xpc3QubGVuZ3RoID09PSB0aGlzLmNvbHVtbnNBc2lkZUxpc3QubGVuZ3RoKSByZXR1cm4gZmFsc2U7DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICB9LA0KICAgIC8vIOebkeWQrOi3r+eUseeahOWPmOWMlg0KICAgICRyb3V0ZTogew0KICAgICAgaGFuZGxlcih0bykgew0KICAgICAgICB0aGlzLnNldENvbHVtbnNNZW51SGlnaGxpZ2h0KHRvLnBhdGgpOw0KICAgICAgICBsZXQgSGVhZE5hbWUgPSBnZXRIZWFkZXJOYW1lKHRvLCB0aGlzLmNvbHVtbnNBc2lkZUxpc3QpOw0KICAgICAgICBsZXQgYXNpZGVMaXN0ID0gZ2V0TWVudVNpZGVyKHRoaXMuY29sdW1uc0FzaWRlTGlzdCwgSGVhZE5hbWUpWzBdPy5jaGlsZHJlbjsNCiAgICAgICAgY29uc3QgcmVzRGF0YSA9IHRoaXMuc2V0U2VuZENoaWxkcmVuKEhlYWROYW1lKTsNCiAgICAgICAgaWYgKHJlc0RhdGEuaXRlbSkgew0KICAgICAgICAgIHRoaXMub25Db2x1bW5zQXNpZGVEb3duKHJlc0RhdGEuaXRlbVswXS5rKTsNCiAgICAgICAgICB0aGlzLmJ1cy4kZW1pdCgnb25lQ2F0TmFtZScsIHJlc0RhdGEuaXRlbVswXS50aXRsZSk7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgdGhpcy5vbkNvbHVtbnNBc2lkZURvd24oMCk7DQogICAgICAgIH0NCiAgICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdtZW51cy9jaGlsZE1lbnVMaXN0JywgYXNpZGVMaXN0IHx8IFtdKTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["columnsAside.vue"],"names":[],"mappings":";AA4CA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"columnsAside.vue","sourceRoot":"src/layout/component","sourcesContent":["<template>\r\n  <div class=\"layout-columns-aside\">\r\n    <el-scrollbar>\r\n      <Logo />\r\n      <ul>\r\n        <li\r\n          v-for=\"(v, k) in columnsAsideList\"\r\n          :key=\"k\"\r\n          @click=\"onColumnsAsideMenuClick(v)\"\r\n          ref=\"columnsAsideOffsetTopRefs\"\r\n          class=\"layout-columns\"\r\n          :class=\"{ 'layout-columns-active': v.k === liIndex }\"\r\n          :title=\"$t(v.title)\"\r\n        >\r\n          <div :class=\"setColumnsAsidelayout\" v-if=\"!v.isLink || (v.isLink && v.isIframe)\">\r\n            <i :class=\"'el-icon-' + v.icon\"></i>\r\n            <div class=\"font12\">\r\n              {{\r\n                $t(v.title) && $t(v.title).length >= 4\r\n                  ? $t(v.title).substr(0, setColumnsAsidelayout === 'columns-vertical' ? 4 : 3)\r\n                  : $t(v.title)\r\n              }}\r\n            </div>\r\n          </div>\r\n          <div :class=\"setColumnsAsidelayout\" v-else>\r\n            <a :href=\"v.isLink\" target=\"_blank\">\r\n              <i :class=\"'el-icon-' + v.icon\"></i>\r\n              <div class=\"font12\">\r\n                {{\r\n                  $t(v.title) && $t(v.title).length >= 4\r\n                    ? $t(v.title).substr(0, setColumnsAsidelayout === 'columns-vertical' ? 4 : 3)\r\n                    : $t(v.title)\r\n                }}\r\n              </div>\r\n            </a>\r\n          </div>\r\n        </li>\r\n        <div ref=\"columnsAsideActiveRef\" :class=\"setColumnsAsideStyle\"></div>\r\n      </ul>\r\n    </el-scrollbar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getMenuSider, getHeaderName, findFirstNonNullChildren } from '@/libs/system';\r\nimport Logo from '@/layout/logo/index.vue';\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n  name: 'layoutColumnsAside',\r\n  components: { Logo },\r\n  data() {\r\n    return {\r\n      columnsAsideList: [],\r\n      liIndex: 0,\r\n      difference: 0,\r\n      routeSplit: [],\r\n    };\r\n  },\r\n  computed: {\r\n    // 设置分栏高亮风格\r\n    setColumnsAsideStyle() {\r\n      return this.$store.state.themeConfig.themeConfig.columnsAsideStyle;\r\n    },\r\n    // 设置分栏布局风格\r\n    setColumnsAsidelayout() {\r\n      return this.$store.state.themeConfig.themeConfig.columnsAsideLayout;\r\n    },\r\n    Layout() {\r\n      return this.$store.state.themeConfig.themeConfig.Layout;\r\n    },\r\n    routesList() {\r\n      this.$store.state.routesList.routesList;\r\n    },\r\n    ...mapState('menu', ['activePath']),\r\n  },\r\n  beforeDestroy() {\r\n    this.bus.$off('routesListChange');\r\n  },\r\n  mounted() {\r\n    this.bus.$on('routesListChange', () => {\r\n      this.setFilterRoutes();\r\n    });\r\n    this.setFilterRoutes();\r\n  },\r\n  methods: {\r\n    // 设置菜单高亮位置移动\r\n    setColumnsAsideMove(k) {\r\n      if (k === undefined) return false;\r\n      const els = this.$refs.columnsAsideOffsetTopRefs;\r\n      this.liIndex = k;\r\n      this.$refs.columnsAsideActiveRef.style.top = `${els[k].offsetTop + this.difference}px`;\r\n    },\r\n    // 菜单高亮点击事件\r\n    onColumnsAsideMenuClick(v) {\r\n      let { path, redirect } = v;\r\n      if (v.children) {\r\n        this.$router.push(findFirstNonNullChildren(v.children).path);\r\n      } else {\r\n        this.$router.push(path);\r\n      }\r\n      // 一个路由设置自动收起菜单\r\n      if (!v.children || v.children.length <= 1) this.$store.state.themeConfig.themeConfig.isCollapse = true;\r\n      else if (v.children.length > 1) this.$store.state.themeConfig.themeConfig.isCollapse = false;\r\n      // this.bus.$emit('setSendColumnsChildren', getMenuSider(this.columnsAsideList, path));\r\n    },\r\n    // 设置高亮动态位置\r\n    onColumnsAsideDown(k) {\r\n      this.$nextTick(() => {\r\n        this.setColumnsAsideMove(k);\r\n      });\r\n    },\r\n    // 设置/过滤路由（非静态路由/是否显示在菜单中）\r\n    setFilterRoutes() {\r\n      if (this.$store.state.routesList.routesList.length <= 0) return false;\r\n      this.columnsAsideList = this.filterRoutesFun(this.$store.state.routesList.routesList);\r\n      //   const resData = getHeaderName(this.$route.path, this.columnsAsideList);\r\n      const resData = this.setSendChildren(getHeaderName(this.$route, this.columnsAsideList));\r\n      if (!resData.children) {\r\n        this.bus.$emit('setSendColumnsChildren', []);\r\n        this.$store.commit('menus/childMenuList', []);\r\n\r\n        this.$store.state.themeConfig.themeConfig.isCollapse = true;\r\n        return false;\r\n      }\r\n      this.bus.$emit('oneCatName', resData.item[0].title);\r\n      this.onColumnsAsideDown(resData.item[0].k);\r\n      // 刷新时，初始化一个路由设置自动收起菜单\r\n      resData.children.length > 0\r\n        ? (this.$store.state.themeConfig.themeConfig.isCollapse = false)\r\n        : (this.$store.state.themeConfig.themeConfig.isCollapse = true);\r\n      this.bus.$emit('setSendColumnsChildren', resData?.children || []);\r\n      this.$store.commit('menus/childMenuList', resData?.children || []);\r\n    },\r\n    // 传送当前子级数据到菜单中\r\n    setSendChildren(path) {\r\n      let currentData = {};\r\n      this.columnsAsideList.map((v, k) => {\r\n        v['k'] = k;\r\n        if (v.path === path) {\r\n          currentData['item'] = [{ ...v }];\r\n          //   currentData['children'] = [{ ...v }];\r\n          if (v.children) currentData['children'] = v.children;\r\n        }\r\n      });\r\n      return currentData;\r\n    },\r\n    // 路由过滤递归函数\r\n    filterRoutesFun(arr) {\r\n      return arr\r\n        .filter((item) => item.path)\r\n        .map((item) => {\r\n          item = Object.assign({}, item);\r\n          if (item.children) item.children = this.filterRoutesFun(item.children);\r\n          return item;\r\n        });\r\n    },\r\n    // tagsView 点击时，根据路由查找下标 columnsAsideList，实现左侧菜单高亮\r\n    setColumnsMenuHighlight(path) {\r\n      // this.routeSplit = path.split('/');\r\n      // this.routeSplit.shift();\r\n      // const routeFirst = `/${this.routeSplit[0]}`;\r\n      const currentSplitRoute = this.columnsAsideList.find((v) => v.path === path);\r\n      if (!currentSplitRoute) {\r\n        // this.onColumnsAsideDown(0);\r\n        return false;\r\n      }\r\n      // 延迟拿值，防止取不到\r\n      setTimeout(() => {\r\n        this.onColumnsAsideDown(currentSplitRoute.k);\r\n      }, 0);\r\n    },\r\n  },\r\n  watch: {\r\n    // 监听 vuex 数据变化\r\n    '$store.state': {\r\n      handler(val) {\r\n        val.themeConfig.themeConfig.columnsAsideStyle === 'columnsRound'\r\n          ? (this.difference = 3)\r\n          : (this.difference = 0);\r\n        if (val.routesList.routesList.length === this.columnsAsideList.length) return false;\r\n      },\r\n      deep: true,\r\n    },\r\n    // 监听路由的变化\r\n    $route: {\r\n      handler(to) {\r\n        this.setColumnsMenuHighlight(to.path);\r\n        let HeadName = getHeaderName(to, this.columnsAsideList);\r\n        let asideList = getMenuSider(this.columnsAsideList, HeadName)[0]?.children;\r\n        const resData = this.setSendChildren(HeadName);\r\n        if (resData.item) {\r\n          this.onColumnsAsideDown(resData.item[0].k);\r\n          this.bus.$emit('oneCatName', resData.item[0].title);\r\n        } else {\r\n          this.onColumnsAsideDown(0);\r\n        }\r\n        this.$store.commit('menus/childMenuList', asideList || []);\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.layout-columns-aside {\r\n  width: 70px;\r\n  height: 100%;\r\n  background: var(--prev-bg-columnsMenuBar);\r\n  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);\r\n  border-right: 1px solid var(--prev-border-color-lighter);\r\n\r\n  ul {\r\n    position: relative;\r\n    li {\r\n      color: var(--prev-bg-columnsMenuBarColor);\r\n      width: 100%;\r\n      height: 50px;\r\n      text-align: center;\r\n      display: flex;\r\n      cursor: pointer;\r\n      position: relative;\r\n      z-index: 1;\r\n      .columns-vertical {\r\n        margin: auto;\r\n        .columns-vertical-title {\r\n          padding-top: 1px;\r\n        }\r\n      }\r\n      .columns-horizontal {\r\n        display: flex;\r\n        height: 50px;\r\n        width: 100%;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0 5px;\r\n        i {\r\n          margin-right: 3px;\r\n        }\r\n        a {\r\n          display: flex;\r\n          .columns-horizontal-title {\r\n            padding-top: 1px;\r\n          }\r\n        }\r\n      }\r\n      a {\r\n        text-decoration: none;\r\n        color: var(--prev-bg-columnsMenuBarColor);\r\n      }\r\n    }\r\n    // li:hover {\r\n    //   background: var(--prev-color-primary);\r\n    //   color: var(--prev-bg-columnsMenuBarColor);\r\n    // }\r\n    .layout-columns {\r\n      transition: 0.3s ease-in-out;\r\n    }\r\n    .layout-columns-active,\r\n    .layout-columns-active a {\r\n      color: var(--prev-bg-columnsMenuActiveColor);\r\n      transition: 0.3s ease-in-out;\r\n    }\r\n\r\n    .columns-round {\r\n      background: var(--prev-color-primary);\r\n      // color: var(--prev-color-text-white);\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 2px;\r\n      height: 50px;\r\n      width: 65px;\r\n      transform: translateX(-50%);\r\n      z-index: 0;\r\n      transition: 0.3s ease-in-out;\r\n      border-radius: 5px;\r\n    }\r\n    .columns-card {\r\n      @extend .columns-round;\r\n      top: 0;\r\n      height: 50px;\r\n      width: 100%;\r\n      border-radius: 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}