{"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\index.vue?vue&type=style&index=0&id=3b95274a&prod&scoped=true&lang=css&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\index.vue","mtime":1697106011493},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1669864554855},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1697679531049},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1669864555556},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1669864538178},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697679531049}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoubGFyZ2VTY3JlZW4gew0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiBjYWxjKDEwMHZoKTsNCiAgLypiYWNrZ3JvdW5kLWNvbG9yOiAjMTAxQzM4OyovDQogIGJhY2tncm91bmQ6IHVybCguLi8uLi9hc3NldHMvaW1hZ2VzL2JnL3BhZ2VfYmcucG5nKSAxMDAlIG5vLXJlcGVhdDsNCiAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7DQogIGNvbG9yOiB3aGl0ZTsNCn0NCg0KLnRvcFRpbHRsZSB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDclOw0KICBiYWNrZ3JvdW5kOiB1cmwoLi4vLi4vYXNzZXRzL2xhcmdlU2NyZWVuL3RvcFRpdGxlQmcucG5nKSAtMnB4IC0xcHggbm8tcmVwZWF0Ow0KICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsNCiAgZGlzcGxheTogZmxleDsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQp9DQoNCi50aXRsZSB7DQogIHdpZHRoOiAxNyU7DQogIGhlaWdodDogMTAwJTsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBtYXJnaW4tdG9wOiAuMiU7DQogIGZvbnQtc2l6ZTogMzBweDsNCiAgZm9udC13ZWlnaHQ6IDgwMDsNCiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KA0KICAgIDM2MGRlZywNCiAgICByZ2IoMTQ0LCAyMjYsIDI1NSkgMCwNCiAgICByZ2IoMTQ0LCAyMjYsIDI1NSkgMCwNCiAgICByZ2JhKDI1NSwgMjU1LCAyNTUsIDEpIDEwMCUsDQogICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAxKSAxMDAlDQogICk7DQogIGJhY2tncm91bmQtY2xpcDogdGV4dDsNCiAgY29sb3I6IHRyYW5zcGFyZW50Ow0KfQ0KDQoudGltZUJveCB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgbGVmdDogMiU7DQogIHRvcDogMDsNCiAgZm9udC1zaXplOiAyMHB4Ow0KICBsaW5lLWhlaWdodDogNDBweDsNCiAgZm9udC1mYW1pbHk6IHRpbWVGb250ICFpbXBvcnRhbnQ7DQp9DQoNCi5idHVHcm91cCB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgcmlnaHQ6IDA7DQogIHRvcDogLS42JTsNCiAgd2lkdGg6IDMwJTsNCiAgaGVpZ2h0OiA1LjUlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOw0KICBmb250LXNpemU6IDIwcHg7DQp9DQoNCi50b3BSaWdodEJ0dUJnIHsNCiAgYmFja2dyb3VuZDogdXJsKC4uLy4uL2Fzc2V0cy9sYXJnZVNjcmVlbi90b3BSaWdodEJ0dUJnLnBuZykgMTAwJSBuby1yZXBlYXQ7DQogIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOw0KICB3aWR0aDogMzAlOw0KICBoZWlnaHQ6IDUwcHg7DQp9DQoNCi5iZyB7DQogIGJhY2tncm91bmQ6IHVybCguLi8uLi9hc3NldHMvbGFyZ2VTY3JlZW4vbGluZS5wbmcpIDEwMCUgbm8tcmVwZWF0Ow0KICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsNCiAgaGVpZ2h0OiA5MCU7DQp9DQoNCi50b3BSaWdodEJ0dSB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KfQ0KDQoubGFyZ2VTY3JlZW4tbWFpbi1jb250YWluZXIgew0KICB3aWR0aDogMTAwJTsNCiAgZGlzcGxheTogZmxleDsNCiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCn0NCg0KLmxhcmdlU2NyZWVuLW1haW4tdG9wLWNvbnRhaW5lciB7DQogIG1hcmdpbi10b3A6IC41JTsNCiAgd2lkdGg6IDk4JTsNCiAgaGVpZ2h0OiBjYWxjKDMwdmgpOw0KICBib3JkZXItd2lkdGg6IDFweDsNCiAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7DQogIGJvcmRlci1jb2xvcjogYXF1YTsNCiAgZGlzcGxheTogZmxleDsNCiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7DQp9DQoNCi5sYXJnZVNjcmVlbi1tYWluLW1pZGRsZS1jb250YWluZXIgew0KICBtYXJnaW4tdG9wOiAxJTsNCiAgd2lkdGg6IDk4JTsNCiAgaGVpZ2h0OiBjYWxjKDU4dmgpOw0KICBib3JkZXItd2lkdGg6IDFweDsNCiAgYm9yZGVyLXJhZGl1czogNXB4Ow0KICBib3JkZXItY29sb3I6IGFxdWE7DQogIGJveC1zaGFkb3c6IDFweCAwcHggMTBweCAycHggYXF1YQ0KfQ0KDQoubGluZVN0eWxlIHsNCiAgd2lkdGg6IDFweDsNCiAgaGVpZ2h0OiBjYWxjKDMwdmgpOw0KICBib3JkZXItd2lkdGg6IC4xcHg7DQogIGJvcmRlci1zdHlsZTogZGFzaGVkOw0KICBib3JkZXItY29sb3I6IGFxdWE7DQp9DQoNCi5iYXJCb3ggew0KICB3aWR0aDogMjQlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KfQ0KDQouYmFyVGl0bGUgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KICBtYXJnaW4tbGVmdDogMSU7DQogIG1hcmdpbi10b3A6IDEuNSU7DQp9DQoNCi5hcnJvdyB7DQogIGJhY2tncm91bmQtaW1hZ2U6IHVybCgiLi4vLi4vYXNzZXRzL2xhcmdlU2NyZWVuL2Fycm93LmdpZiIpOw0KICB3aWR0aDogNDhweDsNCiAgaGVpZ2h0OiA0OHB4Ow0KICB0cmFuc2Zvcm06IHNjYWxlKC41KTsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBsZWZ0OiA4NyUNCn0NCg0KLmxpbmVEaXYgew0KICB3aWR0aDogMjUlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgcG9zaXRpb246IHJlbGF0aXZlDQp9DQoNCi5qaWFudG91IHsNCiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCIuLi8uLi9hc3NldHMvbGFyZ2VTY3JlZW4vamlhbnRvdS5wbmciKTsNCiAgd2lkdGg6IDIwMHB4Ow0KICBoZWlnaHQ6IDIwMHB4Ow0KICB0cmFuc2Zvcm06IHNjYWxlKC4xNyk7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgbGVmdDogNDAlOw0KfQ0KDQouYXJyb3dMZWZ0IHsNCiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCIuLi8uLi9hc3NldHMvbGFyZ2VTY3JlZW4vYXJyb3dMZWZ0LnBuZyIpOw0KICB3aWR0aDogMjAwcHg7DQogIGhlaWdodDogMjAwcHg7DQogIHRyYW5zZm9ybTogc2NhbGUoLjE3KTsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBsZWZ0OiAzMCU7DQp9DQoNCi5hcnJvd0Rvd24gew0KICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoIi4uLy4uL2Fzc2V0cy9sYXJnZVNjcmVlbi9hcnJvd0Rvd24ucG5nIik7DQogIHdpZHRoOiAyMDBweDsNCiAgaGVpZ2h0OiAyMDBweDsNCiAgdHJhbnNmb3JtOiBzY2FsZSguMTcpOw0KfQ0KDQouYXJyb3dVcHBlciB7DQogIGJhY2tncm91bmQtaW1hZ2U6IHVybCgiLi4vLi4vYXNzZXRzL2xhcmdlU2NyZWVuL2Fycm93VXBwZXIucG5nIik7DQogIHdpZHRoOiAyMDBweDsNCiAgaGVpZ2h0OiAyMDBweDsNCiAgdHJhbnNmb3JtOiBzY2FsZSguMTcpOw0KfQ0KDQouc29saWRMaW5lIHsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogMXB4Ow0KICBib3JkZXItd2lkdGg6IDFweDsNCiAgYm9yZGVyLXN0eWxlOiBzb2xpZDsNCiAgYm9yZGVyLWNvbG9yOiBhcXVhDQp9DQoNCi5kYXNoZWRMaW5lIHsNCiAgd2lkdGg6IDIwMHB4Ow0KICBoZWlnaHQ6IDFweDsNCiAgYm9yZGVyLXdpZHRoOiAxcHg7DQogIGJvcmRlci1zdHlsZTogZGFzaGVkOw0KICBib3JkZXItY29sb3I6IGFxdWENCn0NCg0KLmZsb3dCb3R0b21CdHUgew0KICB3aWR0aDogMTcwcHg7DQogIGhlaWdodDogNDBweDsNCiAgZm9udC1zaXplOiAxOHB4Ow0KICBmb250LXdlaWdodDogYm9sZDsNCiAgYm9yZGVyOiAwLjVweCBzb2xpZCAjMmZmZjgyOw0KICBib3gtc2hhZG93OiBpbnNldCByZ2IoMCAyNTUgMjM0KSAtMXB4IDBweCAxN3B4Ow0KfQ0KDQouZmxvd1RvcEJ0dSB7DQogIHdpZHRoOiAxMzBweDsNCiAgaGVpZ2h0OiA0MHB4Ow0KICBmb250LXNpemU6IDE4cHg7DQogIGZvbnQtd2VpZ2h0OiBib2xkOw0KICBib3JkZXI6IDAuNXB4IHNvbGlkICNmZmM5MmY7DQogIGJveC1zaGFkb3c6IGluc2V0IHJnYigyNTUgMjA3IDApIC0xcHggMHB4IDE2cHg7DQp9DQoNCi5kaWFsb2dJbmZvQmcgew0KICAvKmJhY2tncm91bmQ6IHVybCguLi8uLi9hc3NldHMvbGFyZ2VTY3JlZW4vZGlhbG9nQmcucG5nKSAxMDAlIG5vLXJlcGVhdDsqLw0KICAvKmJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOyovDQogIGJhY2tncm91bmQ6IHJnYigxIDMwIDQwKTsNCiAgYm94LXNoYWRvdzogaW5zZXQgMHB4IDBweCAxMXB4IDNweCAjMDFmNGY0NzU7DQogIHBhZGRpbmc6IDElOw0KICB3aWR0aDogNTUlOw0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHRvcDogMjAlOw0KICBsZWZ0OiAyMiU7DQp9DQoNCi5yaWdodFRpbHRsZVRleHRCZyB7DQogIGhlaWdodDogMzJweDsNCiAgYmFja2dyb3VuZDogdXJsKC4uLy4uL2Fzc2V0cy9sYXJnZVNjcmVlbi9sZWZ0VGl0bGVCZy5wbmcpIDEwMCUgbm8tcmVwZWF0Ow0KICBiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTsNCn0NCg0KLnJpZ2h0TWFpblRpdGxlIHsNCiAgY29sb3I6IHJnYigxNDQsIDIyNiwgMjU1KTsNCiAgZm9udC1zaXplOiAyMHB4Ow0KICBmb250LXdlaWdodDogNTUwOw0KICBtYXJnaW4tbGVmdDogOCU7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgdG9wOiAtMjUlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQp9DQoNCkBmb250LWZhY2Ugew0KICBmb250LWZhbWlseTogdGltZUZvbnQ7DQogIHNyYzogdXJsKCcuLi8uLi9hc3NldHMvZm9udC9EaWdpZmFjZSBSZWd1bGFyLnR0ZicpDQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4NA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/largeScreen","sourcesContent":["<template>\r\n  <div class=\"largeScreen\">\r\n    <div class=\"topTiltle\">\r\n      <div class=\"timeBox\">运行日：{{ time }}</div>\r\n      <span class=\"title\">电力交易辅助系统</span>\r\n      <div class=\"btuGroup\"><span class=\"topRightBtuBg topRightBtu\" style=\"cursor: pointer;\" @click=\"push()\">后台管理</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"largeScreen-main-container\">\r\n      <div class=\"largeScreen-main-top-container\">\r\n        <div class=\"barBox\">\r\n          <div class=\"barTitle\">\r\n            <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n            中长期电量\r\n          </div>\r\n          <electricity-bar/>\r\n        </div>\r\n        <div class=\"lineStyle\"></div>\r\n        <div class=\"barBox\">\r\n          <div class=\"barTitle\" style=\"margin-left: 0px\">\r\n            <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n            月交易电量\r\n          </div>\r\n          <day-income/>\r\n        </div>\r\n        <div class=\"lineStyle\"></div>\r\n        <div class=\"barBox\">\r\n          <div class=\"barTitle\" style=\"margin-left: 0px\">\r\n            <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n            月发电收益\r\n          </div>\r\n          <real-income/>\r\n        </div>\r\n        <div class=\"lineStyle\"></div>\r\n        <div class=\"barBox\">\r\n          <div class=\"barTitle\" style=\"margin-left: 0px\">\r\n            <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n            月策略增益\r\n          </div>\r\n          <strategy-gain/>\r\n        </div>\r\n      </div>\r\n      <!--  交易流程  -->\r\n      <div class=\"largeScreen-main-middle-container\">\r\n        <div class=\"barTitle\" style=\"margin-top: .5%;margin-left: .5%;\">\r\n          <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n          交易流程\r\n        </div>\r\n        <div class=\"bg\">\r\n          <div style=\"margin-top:.5%;display: flex;flex-direction: column;justify-content: space-between;height: calc(52vh)\">\r\n            <div>\r\n              <span style=\"margin-left: .5%;font-size: 16px;font-weight: bold;text-shadow: 2px 2px 3px #f9e32f;\">竞价日（d-1）</span>\r\n              <div style=\"display: flex;flex-direction: column;align-items: center\">\r\n                <div\r\n                  style=\"width: 98%;height: calc(17vh);display: flex;flex-direction: column;justify-content: space-between;\">\r\n                  <div style=\"margin-left:18%;margin-top:.5%;display: flex;\">\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('市场披露数据','publicData')\">获取披露数据\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('负荷预测分析','loadForecasting')\">负荷预测\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('电价预测分析','paPriceChart')\">日前电价预测\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('日前价差分析','priceDiffAnalysis')\">日前策略\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('短期曲线调整','shortForecastChart')\">短期曲线上报\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 23%;cursor: pointer;\"\r\n                         @click=\"showDialog('日前收益测算','gainEstimation')\">收益评估</div>\r\n                  </div>\r\n\r\n                  <div style=\"margin-top: 1.5%;display: flex;width: 98%;\">\r\n                    <div class=\"flowBottomBtu topRightBtu\">机组信息申报</div>\r\n                    <div class=\"flowBottomBtu topRightBtu\" style=\"margin-left: 2%\">发布边界信息</div>\r\n                    <div class=\"flowBottomBtu topRightBtu\" style=\"margin-left: 35%\">日前交易申报</div>\r\n                    <div class=\"flowBottomBtu topRightBtu\" style=\"margin-left: 2%\">日前预出清</div>\r\n                    <div class=\"flowBottomBtu topRightBtu\" style=\"margin-left: 12%\">发布预出清结果</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div>\r\n              <span style=\"margin-left: .5%;font-size: 16px;font-weight: bold;text-shadow: 2px 2px 3px #f9e32f;\">运行日（d）</span>\r\n              <div style=\"display: flex;flex-direction: column;align-items: center;\">\r\n                <div\r\n                  style=\"width: 98%;height: calc(18vh);display: flex;flex-direction: column;justify-content: space-between;\">\r\n                  <div style=\"display: flex;justify-content: flex-end;\">\r\n                    <div\r\n                      style=\"margin-top: 1.5%;margin-right: 10%;width: 70%;display: flex;flex-direction:row-reverse;\">\r\n                      <div class=\"flowBottomBtu topRightBtu\">获取最新边界条件</div>\r\n                      <div class=\"flowBottomBtu topRightBtu\" style=\"margin-right: 30%\">实时市场出清计算</div>\r\n                      <div class=\"flowBottomBtu topRightBtu\" style=\"margin-right: 5%\">发布出清结果</div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div style=\"display: flex;justify-content: flex-end\">\r\n                    <div\r\n                      style=\"width:100%;margin-top: 1%;margin-bottom: .5%;margin-right: 20%;display: flex;flex-direction: row-reverse;\">\r\n                      <div class=\"flowTopBtu topRightBtu\" style=\"cursor: pointer;\"\r\n                           @click=\"showDialog('实时电价预测','rtPriceChart')\">实时电价预测\r\n                      </div>\r\n                      <div class=\"flowTopBtu topRightBtu\" style=\"margin-right: 5%\">交易测算</div>\r\n                      <div class=\"flowTopBtu topRightBtu\" style=\"margin-right: 32%;cursor: pointer;\"\r\n                           @click=\"showDialog('市场披露数据','publicData')\">获取披露数据\r\n                      </div>\r\n                      <div class=\"flowTopBtu topRightBtu\" style=\"margin-right: 12%;cursor: pointer;\"\r\n                           @click=\"showDialog('复盘分析','reviewAnalysis')\">复盘分析\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <!--  负荷预测弹框    -->\r\n      <div class=\"dialogInfoBg\" v-if=\"dialogShow\">\r\n        <!--   弹框头     -->\r\n        <div class=\"rightTiltleTextBg\">\r\n          <div class=\"rightMainTitle\">\r\n            <span>{{ dialogTitle }}</span>\r\n            <div @click=\"dialogShow = false\">\r\n              <img src=\"../../assets/largeScreen/guanbixiao.png\" width=\"25px\" style=\"cursor: pointer\">\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n        <!--    弹框主体    -->\r\n        <div>\r\n          <component :is=\"componentName\"></component>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport electricityBar from './components/electricityBar'\r\nimport dayIncome from './components/dayIncome'\r\nimport realIncome from './components/realIncome'\r\nimport strategyGain from './components/strategyGain'\r\nimport loadForecasting from './components/loadForecasting'\r\nimport paPriceChart from './components/paPriceChart'\r\nimport shortForecastChart from './components/shortForecastChart'\r\nimport publicData from './components/publicData'\r\nimport priceDiffAnalysis from './components/priceDiffAnalysis'\r\nimport gainEstimation from \"./components/gainEstimation\";\r\nimport reviewAnalysis from \"./components/reviewAnalysis\";\r\nimport rtPriceChart from \"./components/rtPriceChart\";\r\n\r\nexport default {\r\n  name: \"index\",\r\n  components: {\r\n    electricityBar,\r\n    dayIncome,\r\n    realIncome,\r\n    strategyGain,\r\n    loadForecasting,\r\n    paPriceChart,\r\n    shortForecastChart,\r\n    publicData,\r\n    priceDiffAnalysis,\r\n    gainEstimation,\r\n    reviewAnalysis,\r\n    rtPriceChart\r\n  },\r\n  data() {\r\n    return {\r\n      time: '',\r\n      dialogTitle: '负载预测',\r\n      dialogShow: false,\r\n      componentName: 'loadForecasting'\r\n    }\r\n  },\r\n  mounted() {\r\n    this.formatTime()\r\n    // this.timer = setInterval(this.formatTime, 1000 * 60)\r\n  },\r\n  destroyed() {\r\n    clearInterval(this.timer)\r\n    this.timer = null\r\n  },\r\n  methods: {\r\n    showDialog(title, componentName) {\r\n      this.dialogTitle = title\r\n      this.componentName = componentName\r\n      this.dialogShow = true\r\n    },\r\n    push() {\r\n      this.$router.push({path: \"/\"})\r\n    },\r\n    /*时间格式化*/\r\n    formatTime() {\r\n      this.time = ''\r\n      let date = new Date()\r\n      let year = date.getFullYear();                // 年\r\n      let month = date.getMonth() + 1;        // 月\r\n      let day = date.getDate();\r\n      // let hour = date.getHours();                   // 获取当前小时数(0-23)\r\n      // let minutes = date.getMinutes();\r\n      if (month < 10) month = \"0\" + month;\r\n      // if (day < 10) day = \"0\" + day;\r\n      // if (minutes < 10) minutes = \"0\" + minutes;\r\n      this.time = year + \"年\" + month + \"月\" + day + \"日  \";\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.largeScreen {\r\n  width: 100%;\r\n  height: calc(100vh);\r\n  /*background-color: #101C38;*/\r\n  background: url(../../assets/images/bg/page_bg.png) 100% no-repeat;\r\n  background-size: 100% 100%;\r\n  color: white;\r\n}\r\n\r\n.topTiltle {\r\n  width: 100%;\r\n  height: 7%;\r\n  background: url(../../assets/largeScreen/topTitleBg.png) -2px -1px no-repeat;\r\n  background-size: 100% 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.title {\r\n  width: 17%;\r\n  height: 100%;\r\n  text-align: center;\r\n  margin-top: .2%;\r\n  font-size: 30px;\r\n  font-weight: 800;\r\n  background-image: linear-gradient(\r\n    360deg,\r\n    rgb(144, 226, 255) 0,\r\n    rgb(144, 226, 255) 0,\r\n    rgba(255, 255, 255, 1) 100%,\r\n    rgba(255, 255, 255, 1) 100%\r\n  );\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n.timeBox {\r\n  position: absolute;\r\n  left: 2%;\r\n  top: 0;\r\n  font-size: 20px;\r\n  line-height: 40px;\r\n  font-family: timeFont !important;\r\n}\r\n\r\n.btuGroup {\r\n  position: absolute;\r\n  right: 0;\r\n  top: -.6%;\r\n  width: 30%;\r\n  height: 5.5%;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  font-size: 20px;\r\n}\r\n\r\n.topRightBtuBg {\r\n  background: url(../../assets/largeScreen/topRightBtuBg.png) 100% no-repeat;\r\n  background-size: 100% 100%;\r\n  width: 30%;\r\n  height: 50px;\r\n}\r\n\r\n.bg {\r\n  background: url(../../assets/largeScreen/line.png) 100% no-repeat;\r\n  background-size: 100% 100%;\r\n  height: 90%;\r\n}\r\n\r\n.topRightBtu {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.largeScreen-main-container {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.largeScreen-main-top-container {\r\n  margin-top: .5%;\r\n  width: 98%;\r\n  height: calc(30vh);\r\n  border-width: 1px;\r\n  border-style: dashed;\r\n  border-color: aqua;\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n.largeScreen-main-middle-container {\r\n  margin-top: 1%;\r\n  width: 98%;\r\n  height: calc(58vh);\r\n  border-width: 1px;\r\n  border-radius: 5px;\r\n  border-color: aqua;\r\n  box-shadow: 1px 0px 10px 2px aqua\r\n}\r\n\r\n.lineStyle {\r\n  width: 1px;\r\n  height: calc(30vh);\r\n  border-width: .1px;\r\n  border-style: dashed;\r\n  border-color: aqua;\r\n}\r\n\r\n.barBox {\r\n  width: 24%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.barTitle {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-left: 1%;\r\n  margin-top: 1.5%;\r\n}\r\n\r\n.arrow {\r\n  background-image: url(\"../../assets/largeScreen/arrow.gif\");\r\n  width: 48px;\r\n  height: 48px;\r\n  transform: scale(.5);\r\n  position: absolute;\r\n  left: 87%\r\n}\r\n\r\n.lineDiv {\r\n  width: 25%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative\r\n}\r\n\r\n.jiantou {\r\n  background-image: url(\"../../assets/largeScreen/jiantou.png\");\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: scale(.17);\r\n  position: absolute;\r\n  left: 40%;\r\n}\r\n\r\n.arrowLeft {\r\n  background-image: url(\"../../assets/largeScreen/arrowLeft.png\");\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: scale(.17);\r\n  position: absolute;\r\n  left: 30%;\r\n}\r\n\r\n.arrowDown {\r\n  background-image: url(\"../../assets/largeScreen/arrowDown.png\");\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: scale(.17);\r\n}\r\n\r\n.arrowUpper {\r\n  background-image: url(\"../../assets/largeScreen/arrowUpper.png\");\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: scale(.17);\r\n}\r\n\r\n.solidLine {\r\n  width: 100%;\r\n  height: 1px;\r\n  border-width: 1px;\r\n  border-style: solid;\r\n  border-color: aqua\r\n}\r\n\r\n.dashedLine {\r\n  width: 200px;\r\n  height: 1px;\r\n  border-width: 1px;\r\n  border-style: dashed;\r\n  border-color: aqua\r\n}\r\n\r\n.flowBottomBtu {\r\n  width: 170px;\r\n  height: 40px;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  border: 0.5px solid #2fff82;\r\n  box-shadow: inset rgb(0 255 234) -1px 0px 17px;\r\n}\r\n\r\n.flowTopBtu {\r\n  width: 130px;\r\n  height: 40px;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  border: 0.5px solid #ffc92f;\r\n  box-shadow: inset rgb(255 207 0) -1px 0px 16px;\r\n}\r\n\r\n.dialogInfoBg {\r\n  /*background: url(../../assets/largeScreen/dialogBg.png) 100% no-repeat;*/\r\n  /*background-size: 100% 100%;*/\r\n  background: rgb(1 30 40);\r\n  box-shadow: inset 0px 0px 11px 3px #01f4f475;\r\n  padding: 1%;\r\n  width: 55%;\r\n  position: absolute;\r\n  top: 20%;\r\n  left: 22%;\r\n}\r\n\r\n.rightTiltleTextBg {\r\n  height: 32px;\r\n  background: url(../../assets/largeScreen/leftTitleBg.png) 100% no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n\r\n.rightMainTitle {\r\n  color: rgb(144, 226, 255);\r\n  font-size: 20px;\r\n  font-weight: 550;\r\n  margin-left: 8%;\r\n  position: relative;\r\n  top: -25%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n@font-face {\r\n  font-family: timeFont;\r\n  src: url('../../assets/font/Digiface Regular.ttf')\r\n}\r\n</style>\r\n"]}]}