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
15 KiB
1 line
15 KiB
{"version":3,"sources":["webpack:///src/components/src/components/dailyAside.vue"],"names":[],"mappings":"AAmUA,+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,CACA,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-6449bcc7.097eb27c.css","sourcesContent":["<template>\n <div>\n <el-container>\n <el-aside\n :width=\"isCollapse ? '58px' : '200px'\"\n :style=\"{ backgroundColor: $store.state.bgColor }\"\n >\n <el-menu\n :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=\"#ffd04b\"\n :collapse=\"isCollapse\"\n unique-opened\n router\n >\n <div class=\"asideMenu\">\n <i class=\"el-icon-s-unfold\" @click=\"toggleCollapse\">\n </i>\n </div>\n <div v-for=\"item in asideMenu\" :key=\"item.path\">\n <template v-if=\"item.isChildren === 0\">\n <el-menu-item :index=\"item.path\">\n <img\n v-if=\"activeIndex === item.path\"\n :src=\"item.iconisactive\"\n class=\"icon_img\"\n alt=\"\"\n />\n <img\n v-else\n :src=\"item.iconurl\"\n class=\"icon_img\"\n alt=\"\"\n />\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\n :src=\"item.iconurl\"\n class=\"icon_img\"\n alt=\"\"\n />\n <span>{{ item.label }} </span>\n </template>\n <el-menu-item-group>\n <el-menu-item\n :index=\"subItem.path\"\n v-for=\"subItem in item.children\"\n :key=\"subItem.path\"\n >\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.path,\n asideMenu: [\n {\n // Facility Booking facilitiesPlanExecuteList\n path: '/daily/facilityBooking',\n label: '公共设施设备',\n iconurl: require('@/assets/images/daily/ssyy_nor.png'),\n iconisactive: require('@/assets/images/daily/ssyy_sel.png'),\n isChildren: 1,\n children: [\n {\n path: '/daily/facilitiesManagement',\n label: '设施设备管理'\n },\n {\n path: '/daily/sysOperations',\n label: '运维管理'\n },\n {\n path: '/daily/bookingManagement',\n label: '预约管理'\n },\n {\n path: '/daily/facilitiesExecute',\n label: '检查记录'\n },\n\n {\n path: '/daily/facilityInspection',\n label: '设施设备检查'\n },\n {\n path: '/daily/facilityItem',\n label: '设施设备分类'\n }\n ]\n },\n {\n // xunjiandian\n path: '/daily/inspection',\n iconurl: require('@/assets/images/daily/icon_service15_nor.png'),\n iconisactive: require('@/assets/images/daily/icon_service15_sel.png'),\n label: '巡检管理',\n isChildren: 1,\n children: [\n {\n path: '/daily/inspectionPlanExecuteList',\n label: '巡检记录'\n },\n {\n path: '/daily/inspectionPlan',\n label: '巡检计划'\n },\n {\n path: '/daily/inspectionRoute',\n label: '巡检路线'\n },\n {\n path: '/daily/inspectionPoint',\n label: '巡检点'\n }\n ]\n },\n {\n // Business meeting management\n path: '/daily/material',\n label: '物资管理',\n iconurl: require('@/assets/images/daily/wzgl_nor.png'),\n iconisactive: require('@/assets/images/daily/wzgl_sel.png'),\n isChildren: 1,\n children: [\n {\n path: '/daily/materialInventory',\n label: '物料盘点'\n },\n {\n path: '/daily/materialInOut',\n label: '物料出入库'\n },\n {\n path: '/daily/materialManagement',\n label: '物料管理'\n }\n ]\n },\n {\n // Report for repair\n path: '/daily/reportRepair',\n label: '报事报修',\n iconurl: require('@/assets/images/butler/icon_service08_nor.png'),\n iconisactive: require('@/assets/images/butler/icon_service08_sel.png'),\n isChildren: 1,\n children: [\n {\n path: '/daily/reportRepair',\n label: '报事报修'\n },\n {\n // Item management\n path: '/daily/engineeringMaintenance',\n label: '工程维修'\n }\n ]\n },\n {\n // Business meeting management\n path: '/daily/key',\n label: '钥匙管理',\n iconurl: require('@/assets/images/daily/icon_service16_nor.png'),\n iconisactive: require('@/assets/images/daily/icon_service16_sel.png'),\n isChildren: 1,\n children: [\n {\n path: '/daily/keyManagement',\n label: '钥匙记录'\n },\n {\n path: '/daily/keyExamine',\n label: '钥匙审核'\n }\n ]\n },\n {\n // Business meeting management\n path: '/daily/packageCollection',\n label: '包裹代收',\n iconurl: require('@/assets/images/daily/icon_service17_nor.png'),\n iconisactive: require('@/assets/images/daily/icon_service17_sel.png'),\n isChildren: 0\n },\n //decorationManagement\n {\n // Business meeting management\n path: '/daily/decorationManagement',\n label: '装修管理',\n iconurl: require('@/assets/images/daily/zxgl_nor.png'),\n iconisactive: require('@/assets/images/daily/zxgl_sel.png'),\n isChildren: 0\n },\n {\n // Report for repair\n path: '/daily/housekeepingServices',\n label: '家政服务',\n iconurl: require('@/assets/images/butler/jzfw_nor.png'),\n iconisactive: require('@/assets/images/butler/jzfw_sel.png'),\n isChildren: 0\n },\n \n {\n // Business meeting management\n path: '/daily/CustomerInterview',\n label: '客户访谈',\n iconurl: require('@/assets/images/daily/khft_nor.png'),\n iconisactive: require('@/assets/images/daily/khft_sel.png'),\n isChildren: 0\n },\n {\n // Business meeting management\n path: '/daily/businessManagement',\n label: '业委会管理',\n iconurl: require('@/assets/images/daily/icon_service13_nor.png'),\n iconisactive: require('@/assets/images/daily/icon_service13_sel.png'),\n isChildren: 0\n },\n //CommunityIntroduction\n {\n path: '/daily/CommunityIntroduction',\n label: '小区介绍',\n iconurl: require('@/assets/images/daily/sqjs_nor.png'),\n iconisactive: require('@/assets/images/daily/sqjs_sel.png'),\n isChildren: 0\n },\n {\n path: '/daily/RegulationManagement',\n label: '规程管理',\n iconurl: require('@/assets/images/daily/gcgl_nor.png'),\n iconisactive: require('@/assets/images/daily/gcgl_sel.png'),\n isChildren: 0\n },\n {\n path: '/daily/ServiceBrowsing',\n label: '服务浏览',\n iconurl: require('@/assets/images/daily/fwll_nor.png'),\n iconisactive: require('@/assets/images/daily/fwll_sel.png'),\n isChildren: 0\n },\n {\n path: '/daily/greening',\n label: '绿化管理',\n iconurl: require('@/assets/images/daily/lhgl_nor.png'),\n iconisactive: require('@/assets/images/daily/lhgl_sel.png'),\n isChildren: 1,\n children: [\n {\n path: '/daily/GreeningTask',\n label: '绿化任务'\n },\n {\n path: '/daily/GreeningArea',\n label: '绿化区域'\n }\n ]\n },\n {\n path: '/daily/health',\n label: '卫生计划',\n iconurl: require('@/assets/images/daily/wsgl_nor.png'),\n iconisactive: require('@/assets/images/daily/wsgl_sel.png'),\n isChildren: 1,\n children: [\n {\n path: '/daily/HealthManagement',\n label: '卫生管理'\n },\n {\n path: '/daily/HealthArea',\n label: '卫生区域'\n }\n ]\n },\n {\n path: '/daily/safeManage',\n label: '安全管理',\n iconurl: require('@/assets/images/daily/icon_service13_nor.png'),\n iconisactive: require('@/assets/images/daily/icon_service13_sel.png'),\n isChildren: 0\n }\n ],\n isCollapse: false\n }\n },\n mounted() {\n console.log(this.activeIndex)\n },\n methods: {\n toggleCollapse() {\n this.isCollapse = !this.isCollapse\n // console.log(12)\n }\n },\n watch: {\n $route(to, from) {\n this.activeIndex = this.path\n },\n activeIndex() {}\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: #2b2c4b;\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 color: #333;\n}\n.el-aside .el-menu-item.is-active {\n color: white !important;\n background: linear-gradient(90deg, #fe822f 0%, #e2495f 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"]} |