{"remainingRequest":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\babel-loader\\lib\\index.js!D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\cache-loader\\dist\\cjs.js??ref--1-0!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=script&lang=js&","dependencies":[{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\src\\layout\\Main\\index.vue","mtime":1683195893749},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\babel.config.js","mtime":1683194775537},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1683195233343},{"path":"D:\\GERENWENJIAN\\code\\qv\\vue\\node_modules\\babel-loader\\lib\\index.js","mtime":1683195236757},{"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:aW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ0FwcE1haW4nLAogIGNvbXB1dGVkOiB7CiAgICAuLi5tYXBHZXR0ZXJzKFsnaW5pdCcsICdwbGF0Zm9ybXMnLCAncGxhdGZvcm1TaG93JywgJ3BsYXRmb3JtSUQnXSksCiAgICBrZXkoKSB7CiAgICAgIHJldHVybiB0aGlzLiRyb3V0ZXIucGF0aDsKICAgIH0KICB9LAogIHdhdGNoOiB7CiAgICBpbml0OiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uICh2YWwsIG9sZFZhbCkgewogICAgICAgIHRoaXMuJHdzdC5zZW5kKHsKICAgICAgICAgIHVybDogJ2dldFBsYXRmb3JtVGFibGUnCiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBwbGF0Zm9ybXM6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gKHZhbCwgb2xkVmFsKSB7CiAgICAgICAgdGhpcy50YWJsZURhdGEgPSB2YWw7CiAgICAgIH0KICAgIH0KICB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB0YWJsZURhdGE6IFtdCiAgICB9OwogIH0sCiAgbW91bnRlZCgpIHsKICAgIGlmICh0aGlzLmluaXQgPT0gMTAwKSB7CiAgICAgIHRoaXMuJHdzdC5zZW5kKHsKICAgICAgICB1cmw6ICdnZXRQbGF0Zm9ybVRhYmxlJwogICAgICB9KTsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGhhbmRsZUN1cnJlbnRDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgiYXBwL3NldFBsYXRmb3JtSUQiLCB2YWwucGxhdGZvcm1JRCk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["mapGetters","name","computed","key","$router","path","watch","init","handler","val","oldVal","$wst","send","url","platforms","tableData","data","mounted","methods","handleCurrentChange","$store","commit","platformID"],"sources":["src/layout/Main/index.vue"],"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: 10px !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"],"mappings":"AA2BA,SAAAA,UAAA;AACA;EACAC,IAAA;EACAC,QAAA;IACA,GAAAF,UAAA,EACA,QACA,aACA,gBACA,aACA;IACAG,IAAA;MACA,YAAAC,OAAA,CAAAC,IAAA;IACA;EACA;EACAC,KAAA;IACAC,IAAA;MACAC,OAAA,WAAAA,CAAAC,GAAA,EAAAC,MAAA;QAEA,KAAAC,IAAA,CAAAC,IAAA;UAAAC,GAAA;QAAA;MAEA;IACA;IACAC,SAAA;MACAN,OAAA,WAAAA,CAAAC,GAAA,EAAAC,MAAA;QACA,KAAAK,SAAA,GAAAN,GAAA;MACA;IACA;EACA;EACAO,KAAA;IACA;MACAD,SAAA;IAEA;EACA;EACAE,QAAA;IACA,SAAAV,IAAA;MACA,KAAAI,IAAA,CAAAC,IAAA;QAAAC,GAAA;MAAA;IACA;EACA;EACAK,OAAA;IACAC,oBAAAV,GAAA;MAEA,KAAAW,MAAA,CAAAC,MAAA,sBAAAZ,GAAA,CAAAa,UAAA;IACA;EAEA;AAEA"}]}