{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\thread-loader\\dist\\cjs.js!D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1671428309952},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1671074747683},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      itemList: [// 水平一级菜单栏的菜单\n      // { path: '/Home', title: '首页' },\n      {\n        path: '/test1',\n        title: '一级菜单1'\n      }, {\n        path: '/test2',\n        title: '一级菜单2'\n      }, {\n        path: '/test3',\n        title: '一级菜单3'\n      }, {\n        path: '/permission',\n        title: '管理员权限'\n      } // { path: '/i18n', title: '国际化组件' }\n      ],\n      leftMenus: [{\n        title: '分析',\n        path: 'AnalysisMain',\n        icon: 'el-icon-user-solid' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        icon: 'el-icon-s-goods',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          icon: 'el-icon-s-goods',\n          children: [{\n            title: '关于本机',\n            path: 'AboutMachine',\n            icon: 'bars'\n          }, {\n            title: '网络',\n            path: 'network',\n            icon: 'tool'\n          }, {\n            title: 'VPN',\n            path: 'VPN',\n            icon: 'tool'\n          }, {\n            title: '自定义操作',\n            path: 'CustomOperations',\n            icon: 'tool'\n          }, {\n            title: '健康检测',\n            path: 'HealthCheck',\n            icon: 'tool'\n          }]\n        }, {\n          title: '运行状态',\n          path: 'StateOperation',\n          icon: 'el-icon-user-solid'\n        }, {\n          title: '接口',\n          path: 'interface',\n          icon: 'el-icon-user-solid'\n        }, {\n          title: 'IP设置',\n          path: 'IPSetting',\n          icon: 'el-icon-user-solid'\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: 'el-icon-s-goods',\n        children: [{\n          title: '全局设置',\n          path: 'globalSettings',\n          icon: 'bars'\n        }, {\n          title: '关于本机——导出设置',\n          path: 'ExportingSettings',\n          icon: 'tool'\n        }, {\n          title: '关于本机——导入设置',\n          path: 'ImportSettings',\n          icon: 'tool'\n        }, {\n          title: '接口与服务器证书',\n          path: 'InterfaceServerCertificates',\n          icon: 'tool'\n        }, {\n          title: 'UDP服务设置',\n          path: 'UDPServiceSettings',\n          icon: 'tool'\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        icon: 'el-icon-s-goods',\n        children: [{\n          title: '我的账号',\n          path: 'myId',\n          icon: 'bars'\n        }, {\n          title: '账号管理',\n          path: 'IdManagement',\n          icon: 'tool'\n        }]\n      }, {\n        title: '通知/日志',\n        path: 'logs',\n        icon: 'el-icon-s-goods'\n      }],\n      globalTheme: false\n    };\n  },\n  computed: {\n    username: function username() {\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    }\n  },\n  created: function created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect: function handleSelect(path) {\n      // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'loginout') {\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n          path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle: function handleChangeStyle() {\n      // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme); // 本地存储选择的 globalTheme\n\n      bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n    }\n  }\n};",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height:1000px\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n        \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-user-solid',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon : 'el-icon-s-goods',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                            icon : 'el-icon-s-goods',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n                                    icon : 'tool',\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n                                    icon : 'tool',\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-goods',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-s-goods',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-s-goods',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    position: absolute;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    width: 87%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"],"sourceRoot":"src/components/common"}]}