{"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\thread-loader\\dist\\cjs.js!D:\\test\\ssi-satoken\\ui\\node_modules\\babel-loader\\lib\\index.js!D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\babel.config.js","mtime":1696909835000},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1669864538178},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1669864538194},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCgppbXBvcnQgZWxlY3RyaWNpdHlCYXIgZnJvbSAnLi9jb21wb25lbnRzL2VsZWN0cmljaXR5QmFyJzsKaW1wb3J0IGRheUluY29tZSBmcm9tICcuL2NvbXBvbmVudHMvZGF5SW5jb21lJzsKaW1wb3J0IHJlYWxJbmNvbWUgZnJvbSAnLi9jb21wb25lbnRzL3JlYWxJbmNvbWUnOwppbXBvcnQgc3RyYXRlZ3lHYWluIGZyb20gJy4vY29tcG9uZW50cy9zdHJhdGVneUdhaW4nOwppbXBvcnQgbG9hZEZvcmVjYXN0aW5nIGZyb20gJy4vY29tcG9uZW50cy9sb2FkRm9yZWNhc3RpbmcnOwppbXBvcnQgcGFQcmljZUNoYXJ0IGZyb20gJy4vY29tcG9uZW50cy9wYVByaWNlQ2hhcnQnOwppbXBvcnQgc2hvcnRGb3JlY2FzdENoYXJ0IGZyb20gJy4vY29tcG9uZW50cy9zaG9ydEZvcmVjYXN0Q2hhcnQnOwppbXBvcnQgcHVibGljRGF0YSBmcm9tICcuL2NvbXBvbmVudHMvcHVibGljRGF0YSc7CmltcG9ydCBwcmljZURpZmZBbmFseXNpcyBmcm9tICcuL2NvbXBvbmVudHMvcHJpY2VEaWZmQW5hbHlzaXMnOwppbXBvcnQgZ2FpbkVzdGltYXRpb24gZnJvbSAiLi9jb21wb25lbnRzL2dhaW5Fc3RpbWF0aW9uIjsKaW1wb3J0IHJldmlld0FuYWx5c2lzIGZyb20gIi4vY29tcG9uZW50cy9yZXZpZXdBbmFseXNpcyI7CmltcG9ydCBydFByaWNlQ2hhcnQgZnJvbSAiLi9jb21wb25lbnRzL3J0UHJpY2VDaGFydCI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiaW5kZXgiLAogIGNvbXBvbmVudHM6IHsKICAgIGVsZWN0cmljaXR5QmFyOiBlbGVjdHJpY2l0eUJhciwKICAgIGRheUluY29tZTogZGF5SW5jb21lLAogICAgcmVhbEluY29tZTogcmVhbEluY29tZSwKICAgIHN0cmF0ZWd5R2Fpbjogc3RyYXRlZ3lHYWluLAogICAgbG9hZEZvcmVjYXN0aW5nOiBsb2FkRm9yZWNhc3RpbmcsCiAgICBwYVByaWNlQ2hhcnQ6IHBhUHJpY2VDaGFydCwKICAgIHNob3J0Rm9yZWNhc3RDaGFydDogc2hvcnRGb3JlY2FzdENoYXJ0LAogICAgcHVibGljRGF0YTogcHVibGljRGF0YSwKICAgIHByaWNlRGlmZkFuYWx5c2lzOiBwcmljZURpZmZBbmFseXNpcywKICAgIGdhaW5Fc3RpbWF0aW9uOiBnYWluRXN0aW1hdGlvbiwKICAgIHJldmlld0FuYWx5c2lzOiByZXZpZXdBbmFseXNpcywKICAgIHJ0UHJpY2VDaGFydDogcnRQcmljZUNoYXJ0CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGltZTogJycsCiAgICAgIGRpYWxvZ1RpdGxlOiAn6LSf6L296aKE5rWLJywKICAgICAgZGlhbG9nU2hvdzogZmFsc2UsCiAgICAgIGNvbXBvbmVudE5hbWU6ICdsb2FkRm9yZWNhc3RpbmcnCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuZm9ybWF0VGltZSgpOwogICAgLy8gdGhpcy50aW1lciA9IHNldEludGVydmFsKHRoaXMuZm9ybWF0VGltZSwgMTAwMCAqIDYwKQogIH0sCiAgZGVzdHJveWVkOiBmdW5jdGlvbiBkZXN0cm95ZWQoKSB7CiAgICBjbGVhckludGVydmFsKHRoaXMudGltZXIpOwogICAgdGhpcy50aW1lciA9IG51bGw7CiAgfSwKICBtZXRob2RzOiB7CiAgICBzaG93RGlhbG9nOiBmdW5jdGlvbiBzaG93RGlhbG9nKHRpdGxlLCBjb21wb25lbnROYW1lKSB7CiAgICAgIHRoaXMuZGlhbG9nVGl0bGUgPSB0aXRsZTsKICAgICAgdGhpcy5jb21wb25lbnROYW1lID0gY29tcG9uZW50TmFtZTsKICAgICAgdGhpcy5kaWFsb2dTaG93ID0gdHJ1ZTsKICAgIH0sCiAgICBwdXNoOiBmdW5jdGlvbiBwdXNoKCkgewogICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7CiAgICAgICAgcGF0aDogIi8iCiAgICAgIH0pOwogICAgfSwKICAgIC8q5pe26Ze05qC85byP5YyWKi9mb3JtYXRUaW1lOiBmdW5jdGlvbiBmb3JtYXRUaW1lKCkgewogICAgICB0aGlzLnRpbWUgPSAnJzsKICAgICAgdmFyIGRhdGUgPSBuZXcgRGF0ZSgpOwogICAgICB2YXIgeWVhciA9IGRhdGUuZ2V0RnVsbFllYXIoKTsgLy8g5bm0CiAgICAgIHZhciBtb250aCA9IGRhdGUuZ2V0TW9udGgoKSArIDE7IC8vIOaciAogICAgICB2YXIgZGF5ID0gZGF0ZS5nZXREYXRlKCk7CiAgICAgIC8vIGxldCBob3VyID0gZGF0ZS5nZXRIb3VycygpOyAgICAgICAgICAgICAgICAgICAvLyDojrflj5blvZPliY3lsI/ml7bmlbAoMC0yMykKICAgICAgLy8gbGV0IG1pbnV0ZXMgPSBkYXRlLmdldE1pbnV0ZXMoKTsKICAgICAgaWYgKG1vbnRoIDwgMTApIG1vbnRoID0gIjAiICsgbW9udGg7CiAgICAgIC8vIGlmIChkYXkgPCAxMCkgZGF5ID0gIjAiICsgZGF5OwogICAgICAvLyBpZiAobWludXRlcyA8IDEwKSBtaW51dGVzID0gIjAiICsgbWludXRlczsKICAgICAgdGhpcy50aW1lID0geWVhciArICLlubQiICsgbW9udGggKyAi5pyIIiArIGRheSArICLml6UgICI7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["electricityBar","dayIncome","realIncome","strategyGain","loadForecasting","paPriceChart","shortForecastChart","publicData","priceDiffAnalysis","gainEstimation","reviewAnalysis","rtPriceChart","name","components","data","time","dialogTitle","dialogShow","componentName","mounted","formatTime","destroyed","clearInterval","timer","methods","showDialog","title","push","$router","path","date","Date","year","getFullYear","month","getMonth","day","getDate"],"sources":["src/views/largeScreen/index.vue"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,OAAAA,cAAA;AACA,OAAAC,SAAA;AACA,OAAAC,UAAA;AACA,OAAAC,YAAA;AACA,OAAAC,eAAA;AACA,OAAAC,YAAA;AACA,OAAAC,kBAAA;AACA,OAAAC,UAAA;AACA,OAAAC,iBAAA;AACA,OAAAC,cAAA;AACA,OAAAC,cAAA;AACA,OAAAC,YAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IACAb,cAAA,EAAAA,cAAA;IACAC,SAAA,EAAAA,SAAA;IACAC,UAAA,EAAAA,UAAA;IACAC,YAAA,EAAAA,YAAA;IACAC,eAAA,EAAAA,eAAA;IACAC,YAAA,EAAAA,YAAA;IACAC,kBAAA,EAAAA,kBAAA;IACAC,UAAA,EAAAA,UAAA;IACAC,iBAAA,EAAAA,iBAAA;IACAC,cAAA,EAAAA,cAAA;IACAC,cAAA,EAAAA,cAAA;IACAC,YAAA,EAAAA;EACA;EACAG,IAAA,WAAAA,KAAA;IACA;MACAC,IAAA;MACAC,WAAA;MACAC,UAAA;MACAC,aAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAC,UAAA;IACA;EACA;EACAC,SAAA,WAAAA,UAAA;IACAC,aAAA,MAAAC,KAAA;IACA,KAAAA,KAAA;EACA;EACAC,OAAA;IACAC,UAAA,WAAAA,WAAAC,KAAA,EAAAR,aAAA;MACA,KAAAF,WAAA,GAAAU,KAAA;MACA,KAAAR,aAAA,GAAAA,aAAA;MACA,KAAAD,UAAA;IACA;IACAU,IAAA,WAAAA,KAAA;MACA,KAAAC,OAAA,CAAAD,IAAA;QAAAE,IAAA;MAAA;IACA;IACA,SACAT,UAAA,WAAAA,WAAA;MACA,KAAAL,IAAA;MACA,IAAAe,IAAA,OAAAC,IAAA;MACA,IAAAC,IAAA,GAAAF,IAAA,CAAAG,WAAA;MACA,IAAAC,KAAA,GAAAJ,IAAA,CAAAK,QAAA;MACA,IAAAC,GAAA,GAAAN,IAAA,CAAAO,OAAA;MACA;MACA;MACA,IAAAH,KAAA,OAAAA,KAAA,SAAAA,KAAA;MACA;MACA;MACA,KAAAnB,IAAA,GAAAiB,IAAA,SAAAE,KAAA,SAAAE,GAAA;IACA;EACA;AACA"}]}