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