| 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=script&lang=js&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\index.vue","mtime":1697106011493},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1669864538178},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1669864538095},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgZWxlY3RyaWNpdHlCYXIgZnJvbSAnLi9jb21wb25lbnRzL2VsZWN0cmljaXR5QmFyJw0KaW1wb3J0IGRheUluY29tZSBmcm9tICcuL2NvbXBvbmVudHMvZGF5SW5jb21lJw0KaW1wb3J0IHJlYWxJbmNvbWUgZnJvbSAnLi9jb21wb25lbnRzL3JlYWxJbmNvbWUnDQppbXBvcnQgc3RyYXRlZ3lHYWluIGZyb20gJy4vY29tcG9uZW50cy9zdHJhdGVneUdhaW4nDQppbXBvcnQgbG9hZEZvcmVjYXN0aW5nIGZyb20gJy4vY29tcG9uZW50cy9sb2FkRm9yZWNhc3RpbmcnDQppbXBvcnQgcGFQcmljZUNoYXJ0IGZyb20gJy4vY29tcG9uZW50cy9wYVByaWNlQ2hhcnQnDQppbXBvcnQgc2hvcnRGb3JlY2FzdENoYXJ0IGZyb20gJy4vY29tcG9uZW50cy9zaG9ydEZvcmVjYXN0Q2hhcnQnDQppbXBvcnQgcHVibGljRGF0YSBmcm9tICcuL2NvbXBvbmVudHMvcHVibGljRGF0YScNCmltcG9ydCBwcmljZURpZmZBbmFseXNpcyBmcm9tICcuL2NvbXBvbmVudHMvcHJpY2VEaWZmQW5hbHlzaXMnDQppbXBvcnQgZ2FpbkVzdGltYXRpb24gZnJvbSAiLi9jb21wb25lbnRzL2dhaW5Fc3RpbWF0aW9uIjsNCmltcG9ydCByZXZpZXdBbmFseXNpcyBmcm9tICIuL2NvbXBvbmVudHMvcmV2aWV3QW5hbHlzaXMiOw0KaW1wb3J0IHJ0UHJpY2VDaGFydCBmcm9tICIuL2NvbXBvbmVudHMvcnRQcmljZUNoYXJ0IjsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAiaW5kZXgiLA0KICBjb21wb25lbnRzOiB7DQogICAgZWxlY3RyaWNpdHlCYXIsDQogICAgZGF5SW5jb21lLA0KICAgIHJlYWxJbmNvbWUsDQogICAgc3RyYXRlZ3lHYWluLA0KICAgIGxvYWRGb3JlY2FzdGluZywNCiAgICBwYVByaWNlQ2hhcnQsDQogICAgc2hvcnRGb3JlY2FzdENoYXJ0LA0KICAgIHB1YmxpY0RhdGEsDQogICAgcHJpY2VEaWZmQW5hbHlzaXMsDQogICAgZ2FpbkVzdGltYXRpb24sDQogICAgcmV2aWV3QW5hbHlzaXMsDQogICAgcnRQcmljZUNoYXJ0DQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHRpbWU6ICcnLA0KICAgICAgZGlhbG9nVGl0bGU6ICfotJ/ovb3pooTmtYsnLA0KICAgICAgZGlhbG9nU2hvdzogZmFsc2UsDQogICAgICBjb21wb25lbnROYW1lOiAnbG9hZEZvcmVjYXN0aW5nJw0KICAgIH0NCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLmZvcm1hdFRpbWUoKQ0KICAgIC8vIHRoaXMudGltZXIgPSBzZXRJbnRlcnZhbCh0aGlzLmZvcm1hdFRpbWUsIDEwMDAgKiA2MCkNCiAgfSwNCiAgZGVzdHJveWVkKCkgew0KICAgIGNsZWFySW50ZXJ2YWwodGhpcy50aW1lcikNCiAgICB0aGlzLnRpbWVyID0gbnVsbA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgc2hvd0RpYWxvZyh0aXRsZSwgY29tcG9uZW50TmFtZSkgew0KICAgICAgdGhpcy5kaWFsb2dUaXRsZSA9IHRpdGxlDQogICAgICB0aGlzLmNvbXBvbmVudE5hbWUgPSBjb21wb25lbnROYW1lDQogICAgICB0aGlzLmRpYWxvZ1Nob3cgPSB0cnVlDQogICAgfSwNCiAgICBwdXNoKCkgew0KICAgICAgdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6ICIvIn0pDQogICAgfSwNCiAgICAvKuaXtumXtOagvOW8j+WMliovDQogICAgZm9ybWF0VGltZSgpIHsNCiAgICAgIHRoaXMudGltZSA9ICcnDQogICAgICBsZXQgZGF0ZSA9IG5ldyBEYXRlKCkNCiAgICAgIGxldCB5ZWFyID0gZGF0ZS5nZXRGdWxsWWVhcigpOyAgICAgICAgICAgICAgICAvLyDlubQNCiAgICAgIGxldCBtb250aCA9IGRhdGUuZ2V0TW9udGgoKSArIDE7ICAgICAgICAvLyDmnIgNCiAgICAgIGxldCBkYXkgPSBkYXRlLmdldERhdGUoKTsNCiAgICAgIC8vIGxldCBob3VyID0gZGF0ZS5nZXRIb3VycygpOyAgICAgICAgICAgICAgICAgICAvLyDojrflj5blvZPliY3lsI/ml7bmlbAoMC0yMykNCiAgICAgIC8vIGxldCBtaW51dGVzID0gZGF0ZS5nZXRNaW51dGVzKCk7DQogICAgICBpZiAobW9udGggPCAxMCkgbW9udGggPSAiMCIgKyBtb250aDsNCiAgICAgIC8vIGlmIChkYXkgPCAxMCkgZGF5ID0gIjAiICsgZGF5Ow0KICAgICAgLy8gaWYgKG1pbnV0ZXMgPCAxMCkgbWludXRlcyA9ICIwIiArIG1pbnV0ZXM7DQogICAgICB0aGlzLnRpbWUgPSB5ZWFyICsgIuW5tCIgKyBtb250aCArICLmnIgiICsgZGF5ICsgIuaXpSAgIjsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}
|
