{"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\Home.vue?vue&type=style&index=0&id=57468743&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\Home.vue","mtime":1664246393752},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["\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\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\r\n// .dmp-content{\r\n//     flex-direction: column;\r\n//     .dmp-main{\r\n//         background-color: #f4f7f9;\r\n//         position: relative;\r\n//         overflow: hidden;\r\n//         padding: 0;\r\n//         .main-wrap{\r\n//             width: 100%;\r\n// \t\t\theight: 100%;\r\n// \t\t\tposition: absolute;\r\n// \t\t\toverflow: auto;\r\n// \t\t\tpadding: 20px;\r\n//         }\r\n//     }\r\n// }\r\n.dmp-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 0;\r\n}\r\n.main-wrap {\r\n    background-color: #f4f7f9;\r\n    position: relative;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    padding: 20px 20px 10px 20px;\r\n    height: 100%;\r\n}\r\n.newWorkBench {\r\n    background-color: #2c354a;\r\n    overflow: hidden;\r\n    padding-top: 0;\r\n}\r\n",{"version":3,"sources":["Home.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA;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":"Home.vue","sourceRoot":"src/components/common","sourcesContent":["<!--\r\n * @Author: zouwenying\r\n * @Date: 2020-10-22 15:51:29\r\n * @LastEditTime: 2021-04-19 10:58:38\r\n * @LastEditors: zwy\r\n * @Description: In User Settings Edit\r\n * @FilePath: \\vue-manage-system-master\\src\\components\\others\\Home.vue\r\n-->\r\n<template>\r\n    <div class=\"dmp-app\" :class=\"routePath ? 'newWorkBench' : ''\">\r\n        <v-sidebar></v-sidebar>\r\n        <div class=\"dmp-content\" :style=\"{ width: collapse ? 'calc(100% - 4.42708vw)' : 'calc(100% - 11.45833vw)' }\">\r\n            <v-head></v-head>\r\n            <div class=\"main-wrap\" :class=\"routePath ? 'newWorkBench' : ''\">\r\n                <transition name=\"move\" mode=\"out-in\">\r\n                    <!-- <keep-alive :include=\"tagsList\">\r\n                            <router-view></router-view>\r\n                        </keep-alive> -->\r\n                    <router-view></router-view>\r\n                </transition>\r\n            </div>\r\n        </div>\r\n        <xk-modal></xk-modal>\r\n        <div class=\"dmp-alert\" v-if=\"popupsList.length !== 0\">\r\n            <div class=\"dmp-alert-body\" v-for=\"item in popupsList\" :key=\"item.id\">\r\n                <alert-modal :params=\"item\"></alert-modal>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport vHead from './Header.vue';\r\nimport vSidebar from './Sidebar.vue';\r\nimport vTags from './Tags.vue';\r\nexport default {\r\n    data() {\r\n        return {};\r\n    },\r\n    computed: {\r\n        collapse() {\r\n            return this.$store.getters['getCollapse'];\r\n        },\r\n        tagsList() {\r\n            let arr = [],\r\n                msg = this.$store.getters['getTagsList'];\r\n            for (let i = 0, len = msg.length; i < len; i++) {\r\n                msg[i].name && arr.push(msg[i].name);\r\n            }\r\n            return arr;\r\n        },\r\n        popupsList() {\r\n            return this.$store.getters.getPopups;\r\n        },\r\n        routePath() {\r\n            return this.$route.path == '/passengerFlow/index' || this.$route.path == '/videoSurveillance/index';\r\n        }\r\n    },\r\n    methods: {\r\n        beforeunloadHandler() {\r\n            //页面刷新\r\n            let taglist = this.$store.getters['getTagsList'] || [];\r\n            sessionStorage.setItem('tabs', JSON.stringify(taglist));\r\n        },\r\n        // 获取用户权限\r\n        getElement() {\r\n            this.$http.post('/sc-user-center/menu/selectAuthCode').then((res) => {\r\n                let data = res.data || [];\r\n                this.$store.commit('setPermissionList', new Set(data));\r\n                console.log('获取到的权限标识为', data);\r\n            });\r\n        },\r\n        beforeunload() {\r\n            window.addEventListener('beforeunload', this.beforeunloadHandler, false);\r\n        }\r\n    },\r\n    components: {\r\n        vHead,\r\n        vSidebar,\r\n        vTags\r\n    },\r\n    created() {\r\n        this.$store.dispatch('SET_MENU_LIST');\r\n        this.getElement();\r\n        this.$store.dispatch('tags', JSON.parse(sessionStorage.getItem('tabs')) || []);\r\n    },\r\n    mounted() {\r\n        this.beforeunload();\r\n    },\r\n    destroyed() {\r\n        window.removeEventListener('beforeunload', this.beforeunloadHandler, false);\r\n    }\r\n};\r\n</script>\r\n<style lang='scss' scoped>\r\n// .dmp-content{\r\n//     flex-direction: column;\r\n//     .dmp-main{\r\n//         background-color: #f4f7f9;\r\n//         position: relative;\r\n//         overflow: hidden;\r\n//         padding: 0;\r\n//         .main-wrap{\r\n//             width: 100%;\r\n// \t\t\theight: 100%;\r\n// \t\t\tposition: absolute;\r\n// \t\t\toverflow: auto;\r\n// \t\t\tpadding: 20px;\r\n//         }\r\n//     }\r\n// }\r\n.dmp-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 0;\r\n}\r\n.main-wrap {\r\n    background-color: #f4f7f9;\r\n    position: relative;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    padding: 20px 20px 10px 20px;\r\n    height: 100%;\r\n}\r\n.newWorkBench {\r\n    background-color: #2c354a;\r\n    overflow: hidden;\r\n    padding-top: 0;\r\n}\r\n</style>\r\n"]}]}