{"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"]}]}