| 1 |
- {"remainingRequest":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\GERENWENJIAN\\code\\qv\\vue\\src\\layout\\Main\\index.vue?vue&type=style&index=0&id=f8c4b3d0&scoped=true&lang=css&","dependencies":[{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\src\\layout\\Main\\index.vue","mtime":1683195950146},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1683195235159},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1683195239228},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\postcss-loader\\src\\index.js","mtime":1683195236737},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1683195233343},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\vue-loader\\lib\\index.js","mtime":1683195237816}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouTWFpbnsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tYWluLWNvbG9yKTsNCiAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7DQogICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gOTBweCk7DQogICAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KfQ0KLmxlZnQtY29udGFpbmVyew0KICB3aWR0aDogMTAwJTsNCn0NCi5yaWdodC1jb250YWluZXJ7DQogIHBvc2l0aW9uOmZpeGVkOw0KICByaWdodDogMzBweDsNCiAgd2lkdGg6IDIwJTsNCiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSAxNTBweCk7DQogIHotaW5kZXg6IDk5OTsNCiAgDQp9DQoNCi5yaWdodC1jb250YWluZXIgLmVsLWNhcmR7DQogIGhlaWdodDogMTAwJTsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzY2YjFmZjsNCn0NCg0KLnJpZ2h0LWNvbnRhaW5lciAuZWwtY2FyZCAvZGVlcC8gLmVsLWNhcmRfX2JvZHl7DQogIGJhY2tncm91bmQtY29sb3I6ICM2NmIxZmY7DQp9DQoNCg0KICAuZWwtZHJvcGRvd24tbGluayB7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICAgIGNvbG9yOiAjNDA5RUZGOw0KICB9DQogIC5lbC1pY29uLWFycm93LWRvd24gew0KICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgfQ0KDQoubWFpbi1jYXJkew0KICBoZWlnaHQ6IDEwMCU7DQp9DQoNCi5tYWluLWNhcmQgL2RlZXAvIC5lbC1jYXJkX19ib2R5ew0KICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDQwcHgpOw0KfQ0KDQoNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA6EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/layout/Main","sourcesContent":["<template>\r\n <el-main class=\"Main\">\r\n <div class=\"left-container\">\r\n <transition name=\"fade-transform\" mode=\"out-in\">\r\n <keep-alive :max=\"20\">\r\n <router-view :key=\"key\" />\r\n </keep-alive>\r\n </transition>\r\n </div>\r\n <transition name=\"el-fade-in-linear\">\r\n <div v-show =\"platformShow\" class=\"right-container\">\r\n <el-card>\r\n <div slot=\"header\" class=\"clearfix\">\r\n <span>平台</span>\r\n </div>\r\n <div>\r\n <el-table :data=\"tableData\" :row-style=\"{height:'20px'}\" :cell-style=\"{padding:'0px'}\" style=\"font-size: 10px;width: 100%;\" @current-change=\"handleCurrentChange\" highlight-current-row border>\r\n <el-table-column prop=\"platformID\" label=\"平台ID\"></el-table-column>\r\n <el-table-column prop=\"platformName\" label=\"平台名称\"></el-table-column>\r\n </el-table>\r\n </div>\r\n </el-card>\r\n </div> \r\n </transition>\r\n </el-main>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n name: 'AppMain',\r\n computed: {\r\n ...mapGetters([\r\n 'init',\r\n 'platforms',\r\n 'platformShow',\r\n 'platformID'\r\n ]),\r\n key() {\r\n return this.$router.path\r\n }\r\n },\r\n watch: {\r\n init: {\r\n handler: function(val, oldVal){\r\n\r\n this.$wst.send({url:'getPlatformTable'})\r\n \r\n }\r\n },\r\n platforms: {\r\n handler: function(val, oldVal){\r\n this.tableData = val; \r\n }\r\n }\r\n },\r\n data(){\r\n return{\r\n tableData: [\r\n ]\r\n }\r\n },\r\n mounted(){\r\n if(this.init == 100) {\r\n this.$wst.send({url:'getPlatformTable'})\r\n }\r\n },\r\n methods:{\r\n handleCurrentChange(val) {\r\n \r\n this.$store.commit(\"app/setPlatformID\",val.platformID)\r\n }\r\n\r\n }\r\n \r\n}\r\n</script>\r\n<style scoped>\r\n.Main{\r\n background-color: var(--main-color);\r\n position: relative;\r\n padding: 0px !important;\r\n height: calc(100vh - 90px);\r\n overflow: hidden;\r\n display: flex;\r\n}\r\n.left-container{\r\n width: 100%;\r\n}\r\n.right-container{\r\n position:fixed;\r\n right: 30px;\r\n width: 20%;\r\n height: calc(100% - 150px);\r\n z-index: 999;\r\n \r\n}\r\n\r\n.right-container .el-card{\r\n height: 100%;\r\n background-color: #66b1ff;\r\n}\r\n\r\n.right-container .el-card /deep/ .el-card__body{\r\n background-color: #66b1ff;\r\n}\r\n\r\n\r\n .el-dropdown-link {\r\n cursor: pointer;\r\n color: #409EFF;\r\n }\r\n .el-icon-arrow-down {\r\n font-size: 12px;\r\n }\r\n\r\n.main-card{\r\n height: 100%;\r\n}\r\n\r\n.main-card /deep/ .el-card__body{\r\n height: calc(100% - 40px);\r\n}\r\n\r\n\r\n</style>\r\n\r\n"]}]}
|
