You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
12 KiB
1 line
12 KiB
{"version":3,"sources":["webpack:///src/components/src/components/comprehensiveAside.vue"],"names":[],"mappings":"AAwSA,+BACA,WAAA,CACA,WAAA,CACA,eACA,CAEA,2BACA,wBAAA,CACA,UAAA,CACA,oBAAA,CACA,eAAA,CACA,iBACA,CAEA,mDACA,2BACA,CACA,oCACA,wBACA,CACA,0BACA,iBACA,CACA,0BACA,wBAAA,CACA,UAAA,CAEA,UACA,CACA,mDACA,oBAAA,CACA,iDACA,CACA,4BACA,UAAA,CACA,gBAAA,CACA,WAAA,CACA,gBAAA,CACA,aACA,CACA,8CACA,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,qBACA,CACA,2BACA,oBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,iBACA","file":"chunk-627aea7e.b6d43d53.css","sourcesContent":["<template>\n <div>\n <el-container>\n <el-aside :width=\"isCollapse ? '58px' : '200px'\" :style=\"{backgroundColor: $store.state.bgColor}\">\n <el-menu :default-active=\"activeIndex\"\n class=\"el-menu-vertical-demo\"\n :style=\"{backgroundColor: $store.state.bgColor}\"\n text-color=\"#999999\"\n :collapse-transition=\"false\"\n active-text-color=\"#ffffff\"\n :collapse=\"isCollapse\"\n unique-opened\n router>\n <div class=\"asideMenu\">\n <i class=\"el-icon-s-unfold\"\n @click=\"toggleCollapse\"> </i>\n </div>\n <div v-for=\"item in asideMenu\"\n :key=\"item.path\">\n <template v-if=\"item.isChildren === 0\">\n <el-menu-item :index=\"item.path\">\n <img v-if=\"activeIndex === item.path\"\n :src=\"item.iconisactive\"\n class=\"icon_img\"\n alt=\"\" />\n <img v-else\n :src=\"item.iconurl\"\n class=\"icon_img\"\n alt=\"\" />\n <span slot=\"title\">{{ item.label }}</span>\n </el-menu-item>\n </template>\n <template v-if=\"item.isChildren === 1\">\n <el-submenu :index=\"item.path\">\n <template slot=\"title\">\n <img :src=\"item.iconurl\"\n class=\"icon_img\"\n alt=\"\" />\n <span>{{ item.label }} </span>\n </template>\n <el-menu-item-group>\n <el-menu-item :index=\"subItem.path\"\n v-for=\"subItem in item.children\"\n :key=\"subItem.path\">\n <span>{{ subItem.label }}</span>\n </el-menu-item>\n </el-menu-item-group>\n </el-submenu>\n </template>\n </div>\n </el-menu>\n </el-aside>\n <el-main>\n <router-view></router-view>\n </el-main>\n </el-container>\n </div>\n</template>\n<script>\nexport default {\n data () {\n return {\n activeIndex: this.$route.path,\n asideMenu: [\n {\n path: '/company/companyInfo',\n label: '企业资料',\n iconurl: require('@/assets/images/company/icon_comprehensive01_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive01_sel.png'),\n isChildren: 0\n },\n {\n path: '/company/orgManagement',\n label: '组织架构管理',\n iconurl: require('@/assets/images/company/icon_comprehensive02_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive02_sel.png'),\n isChildren: 0\n\n },\n {\n path: '/company/personnelManagement',\n label: '人员管理',\n iconurl: require('@/assets/images/company/icon_comprehensive03_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive03_sel.png'),\n isChildren: 1,\n children:[\n {\n path: '/company/personnelManagement',\n label: '员工管理'\n },\n \n {\n path: '/company/salaryManagement',\n label: '薪资管理'\n },\n {\n path: '/company/contractManage',\n label: '员工合同'\n }\n ]\n\n },\n /**\n * {\n path: '/company/attendanceRecord',\n label: '考勤记录管理'\n },\n */\n {\n path: '/company/attendance',\n label: '考勤管理',\n iconurl: require('@/assets/images/company/kqgl_nor.png'),\n iconisactive: require('@/assets/images/company/kqgl_sel.png'),\n isChildren: 1,\n children:[\n {\n path: '/company/attendanceRecord',\n label: '考勤记录'\n },\n {\n path: '/company/attendanceApplication',\n label: '申请记录'\n },\n {\n path: '/company/attendanceTeam',\n label: '考勤小组'\n },\n {\n path: '/company/scheduling',\n label: '排班计划'\n },\n ]\n },\n {\n path: '/company/trainManage',\n label: '培训管理',\n iconurl: require('@/assets/images/company/pxgl_nor.png'),\n iconisactive: require('@/assets/images/company/pxgl_sel.png'),\n isChildren: 0\n },\n {\n path: '/company/functionAuthority',\n label: '功能权限管理',\n iconurl: require('@/assets/images/company/icon_comprehensive08_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive08_sel.png'),\n isChildren: 0\n },\n {\n path: '/company/systemSettings',\n label: '系统设置',\n iconurl: require('@/assets/images/company/icon_comprehensive07_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive07_sel.png'),\n isChildren: 0\n\n },\n {\n path: '/company/gentleSearch',\n label: '通用查询',\n iconurl: require('@/assets/images/company/icon_comprehensive07_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive07_sel.png'),\n isChildren: 0\n\n },\n {\n path: '/company/reportForm',\n label: '报表管理',\n iconurl: require('@/assets/images/company/icon_comprehensive09_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive09_sel.png'),\n isChildren: 0\n },\n {\n path: '/company/dataDictionary',\n label: '数据字典',\n iconurl: require('@/assets/images/company/icon_comprehensive10_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive10_sel.png'),\n isChildren: 0\n },//databaseManagement\n {\n path: '/company/databaseManagement',\n label: '数据库管理',\n iconurl: require('@/assets/images/company/sjkgl_nor.png'),\n iconisactive: require('@/assets/images/company/sjkgl_sel.png'),\n isChildren: 0\n },\n {\n path: '/company/notice',\n label: '提醒通知',\n iconurl: require('@/assets/images/company/txtz_nor.png'),\n iconisactive: require('@/assets/images/company/txtz_sel.png'),\n isChildren: 0\n },\n {\n path: '/company/alarm',\n label: '报警记录',\n iconurl: require('@/assets/images/company/icon_comprehensive11_nor.png'),\n iconisactive: require('@/assets/images/company/icon_comprehensive11_sel.png'),\n isChildren: 1,\n children: [\n {\n // Announcement management\n path: '/company/emergencyAlarm',\n label: '业主端报警记录'\n },\n {\n // Announcement management\n path: '/company/appEmergencyAlarm',\n label: '管家端报警记录'\n },\n {\n // Notification management\n path: '/company/fireAlarm',\n label: '火灾报警记录'\n }\n ]\n },\n {\n path: '/company/prohibitedKeywords',\n label: '屏蔽管理',\n iconurl: require('@/assets/images/company/sjkgl_nor.png'),\n iconisactive: require('@/assets/images/company/sjkgl_sel.png'),\n isChildren: 0\n },\n // {\n // path: '/company/dataAuthority',\n // label: '数据权限管理',\n // iconurl: require('@/assets/images/company/icon_comprehensive04_nor.png'),\n // iconisactive: require('@/assets/images/company/icon_comprehensive04_sel.png'),\n // isChildren: 0\n // },\n ],\n // asideMenu: [\n // {\n // path: '/operation/announcement',\n // label: '通知公告',\n // iconurl: require('@/assets/images/operation/icon_operate01_nor.png'),\n // iconisactive: require('@/assets/images/operation/icon_operate01_sel.png'),\n // isChildren: 1,\n // children: [\n // {\n // // Announcement management\n // path: '/operation/announcementManagement',\n // label: '公告管理'\n // },\n // {\n // // Notification management\n // path: '/operation/notificationManagement',\n // label: '通知管理'\n // }\n // ]\n // },\n // {\n // // community activity\n // path: '/operation/communityActivity',\n // label: '小区活动',\n // iconurl: require('@/assets/images/operation/icon_operate02_nor.png'),\n // iconisactive: require('@/assets/images/operation/icon_operate02_sel.png'),\n // icon: 'el-icon-message',\n // isChildren: 1,\n // children: [\n // {\n // // Announcement management\n // path: '/operation/eventManagement',\n // label: '活动管理'\n // },\n // {\n // // Notification management\n // path: '/operation/sponsorManagement',\n // label: '主办方管理'\n // }\n // ]\n // },\n // {\n // // Voting management\n // path: '/operation/votingManagement',\n // iconurl: require('@/assets/images/operation/icon_operate03_nor.png'),\n // iconisactive: require('@/assets/images/operation/icon_operate03_sel.png'),\n // label: '投票管理',\n // isChildren: 0\n // }\n // ],\n isCollapse: false\n }\n },\n methods: {\n toggleCollapse () {\n this.isCollapse = !this.isCollapse\n }\n },\n watch: {\n $route (to, from) {\n this.activeIndex = this.$route.path\n }\n }\n}\n</script>\n<style scoped>\n.el-container {\n width: 100vw;\n height: 100%;\n overflow: hidden;\n}\n\n.el-aside {\n background-color: #1f293d;\n color: #333;\n padding-bottom: 150px;\n text-align: left;\n overflow-x: hidden;\n}\n/* */\n.el-menu-item-group .el-menu-item {\n padding-left: 58px !important;\n}\n.el-aside .el-menu {\n background-color: #2b2c4b;\n}\n.el-menu {\n border-right: none;\n}\n.el-main {\n background-color: #e8ebf2;\n width: 100%;\n\n color: #333;\n}\n.el-aside .el-menu-item.is-active {\n color: white !important;\n background: linear-gradient(90deg, #00a4ff 0%, #036dfd 100%);\n}\n.asideMenu {\n width: 100%;\n line-height: 50px;\n height: 50px;\n text-align: right;\n color: #d8d8d8;\n}\n.asideMenu [class^='el-icon-'] {\n margin-right: 20px;\n text-align: center;\n font-size: 28px;\n vertical-align: middle;\n}\n.icon_img {\n display: inline-block;\n width: 14px;\n height: 14px;\n margin-right: 14px;\n padding-left: 10px;\n}\n</style>\n"]} |