{"remainingRequest":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\src\\components\\Index.vue?vue&type=style&index=0&id=82b7485c&scoped=true&lang=css&","dependencies":[{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\src\\components\\Index.vue","mtime":1713435226763},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1713435216634},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1713435227553},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\postcss-loader\\src\\index.js","mtime":1713435221759},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713435214031},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManager\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713435227548}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5lbC1oZWFkZXIgewogICAgLyoqYmFja2dyb3VuZC1jb2xvcjogI0IzQzBEMTsqKi8KICAgIGNvbG9yOiAjMzMzOwogICAgbGluZS1oZWlnaHQ6IDYwcHg7Cn0KLmVsLW1haW57CiAgICBwYWRkaW5nOiA1cHg7Cn0KLmVsLWFzaWRlIHsKICAgIGNvbG9yOiAjMzMzOwp9Cg=="},{"version":3,"sources":["Index.vue"],"names":[],"mappings":";AAqEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Index.vue","sourceRoot":"src/components","sourcesContent":["<!--\r\n * @Description: \r\n * @Author: \r\n * @Date: 2024-03-04 15:31:03\r\n-->\r\n<!--仓库管理系统首页组件-->\r\n<template>\r\n    <el-container style=\"height: 100%; border: 1px solid #eee; background-color:#F7FAF8;\">\r\n        <el-aside :width=\"aside_witdh\" style=\"height: 100vh;background-color: rgb(238, 241, 246);margin-left: -1px;\">\r\n            <Aside :isCollapse=\"isCollapse\"></Aside>\r\n        </el-aside>\r\n\r\n        <el-container style=\"height: 100%;\">\r\n            <el-header style=\"text-align: right; font-size: 12px;height: 100%;border-bottom: rgba(168,168,168,0.3) 1px solid;\">\r\n                <Header @doCollapse=\"doCollapse\" :icon=\"icon\"></Header>\r\n            </el-header>\r\n\r\n            <el-main style=\"height: 100%;\">\r\n               <!-- <Main></Main> -->\r\n                <router-view/>\r\n            </el-main>\r\n        </el-container>\r\n    </el-container>\r\n</template>\r\n\r\n<script>\r\n    import Aside from \"./Aside\";\r\n    import Header from \"./Header\";\r\n\r\n    export default {\r\n        name: \"Index\",\r\n        components:{Aside,Header},\r\n        data(){\r\n            return {\r\n                isCollapse:false,\r\n                aside_witdh:'200px',\r\n                icon:'iconfont icon-r-left'\r\n            }\r\n        },\r\n        methods:{\r\n            doCollapse(){\r\n                console.log(1111)\r\n\r\n                this.isCollapse = !this.isCollapse\r\n                if(!this.isCollapse){// 展开\r\n                    this.aside_witdh='200px'\r\n                    this.icon='iconfont icon-r-left'\r\n                }else{//关起、关闭、收起\r\n                    this.aside_witdh='64px'\r\n                    this.icon='iconfont icon-r-right'\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n    .el-header {\r\n        /**background-color: #B3C0D1;**/\r\n        color: #333;\r\n        line-height: 60px;\r\n    }\r\n    .el-main{\r\n        padding: 5px;\r\n    }\r\n    .el-aside {\r\n        color: #333;\r\n    }\r\n</style>"]}]}