{"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\views\\bizManager\\forecastPowerShortTerm\\index.vue?vue&type=style&index=0&id=78ed91e0&prod&scoped=true&lang=css&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\bizManager\\forecastPowerShortTerm\\index.vue","mtime":1696909835000},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1697005521990},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1697005525068},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1697005523212},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1697005520931},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697005524089}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmNoYXJ0LWNvbnRhaW5lcnsNCiAgcG9zaXRpb246cmVsYXRpdmU7DQogIHdpZHRoOjEwMCU7DQogIGhlaWdodDpjYWxjKDEwMHZoIC0gNTBweCk7DQp9DQoNCi5maWx0ZXJ7DQogIHBvc2l0aW9uOnJlbGF0aXZlOw0KICBkaXNwbGF5OmZsZXg7DQogIHBhZGRpbmc6MjBweCAwIDEwcHggMTVweDsNCiAgZm9udC1zaXplOjEycHg7DQogIGxpbmUtaGVpZ2h0OjExcHg7DQogIGNvbG9yOndoaXRlOw0KfQ0KDQppbnB1dHsNCiAgYmFja2dyb3VuZDp0cmFuc3BhcmVudDsNCiAgYm9yZGVyOm5vbmU7DQogIGNvbG9yOndoaXRlOw0KfQ0KDQoudGltZVRleHR7DQogIG9wYWNpdHk6MC42OTsNCiAgcGFkZGluZy1yaWdodDo3cHg7DQogIGZvbnQtc2l6ZToxNHB4Ow0KfQ0KDQouc3RhcnRUaW1lew0KICBkaXNwbGF5OmlubGluZS1ibG9jazsNCn0NCg0KLmVuZFRpbWV7DQogIGRpc3BsYXk6aW5saW5lLWJsb2NrOw0KICBwYWRkaW5nLWxlZnQ6NDJweDsNCn0NCg0KDQoudGltZVF1ZXJ5ew0KICBiYWNrZ3JvdW5kOnRyYW5zcGFyZW50Ow0KfQ0KDQouZmlsdGVyew0KICB3aWR0aDogMTAwJTtiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtoZWlnaHQ6IDEwJQ0KfQ0KLmZpbHRlciA+Pj4gaW5wdXR7DQogIGJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7DQogIGJvcmRlcjpub25lOw0KICBjb2xvcjp3aGl0ZTsNCn0NCi5jb250ZW50ew0KICB3aWR0aDogMTAwJTsNCiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7DQogIGhlaWdodDogOTAlOw0KICBwYWRkaW5nLWxlZnQ6IDVweDsNCiAgcGFkZGluZy1yaWdodDogNXB4Ow0KfQ0KDQoNCg0KLnRhYmxlQ29udGVudHsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDpjYWxjKDgwdmggLSA1MHB4KTsNCn0NCi50YWJsZUNvbnRlbnQgPj4+IHRkew0KICBib3JkZXI6MXB4IHNvbGlkICNmZmZmZmY7DQp9DQoNCi5ydFBhZ2V0dXJuaW5nID4+PiBidXR0b24sDQoucnRQYWdldHVybmluZyA+Pj4gc3BhbiwNCi5ydFBhZ2V0dXJuaW5nID4+PiBpbnB1dCwNCi5ydFBhZ2V0dXJuaW5nID4+PiAudnhlLXBhZ2VyLS1idG4td3JhcHBlciBsaXsNCiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDsNCiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDsNCiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZmZmZjsNCn0NCi5ydFBhZ2V0dXJuaW5nID4+PiBzcGFuew0KICBib3JkZXI6bm9uZQ0KfQ0KLnJ0UGFnZXR1cm5pbmcgPj4+IC52eGUtcGFnZXItLXdyYXBwZXIgLnZ4ZS1wYWdlci0tYnRuLXdyYXBwZXIgbGk6bm90KC5kaXNhYmxlZCkuaXMtLWFjdGl2ZSB7DQogIGJhY2tncm91bmQtY29sb3I6ICM5ZjlmYTAgIWltcG9ydGFudDsNCn0NCi50b29sYmFyew0KICBwb3NpdGlvbjphYnNvbHV0ZTtyaWdodDowcHg7DQp9DQoudG9vbGJhciA+Pj4gLnZ4ZS1idXR0b24udHlwZS0tYnV0dG9uLmlzLS1jaXJjbGUgew0KICBwYWRkaW5nOiAwIC41ZW07DQogIG1pbi13aWR0aDogMzRweDsNCiAgYm9yZGVyLXJhZGl1czogMTAlOw0KICBib3JkZXI6IG5vbmU7DQogIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50Ow0KICBjb2xvcjogd2hpdGU7DQp9DQoNCg0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkPA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;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","file":"index.vue","sourceRoot":"src/views/bizManager/forecastPowerShortTerm","sourcesContent":["<template>\r\n  <div class=\"app-container\">\r\n    <el-row :gutter=\"24\">\r\n      <!--用户数据-->\r\n      <el-col :span=\"24\" :xs=\"24\">\r\n        <el-form ref=\"queryForm\" size=\"small\" :inline=\"true\" label-width=\"68px\">\r\n          <el-form-item label=\"起始时间\" prop=\"startTime\">\r\n            <el-date-picker\r\n              v-model=\"startTime\"\r\n              :clearable=\"false\"\r\n              type=\"datetime\"\r\n              value-format=\"timestamp\"\r\n              placeholder=\"选择日期\">\r\n            </el-date-picker>\r\n          </el-form-item>\r\n          <el-form-item label=\"截止时间\" prop=\"endTime\">\r\n            <el-date-picker\r\n              v-model=\"endTime\"\r\n              :clearable=\"false\"\r\n              type=\"datetime\"\r\n              value-format=\"timestamp\"\r\n              placeholder=\"选择日期\">\r\n            </el-date-picker>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"dateQuery\">查询</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-col>\r\n    </el-row>\r\n\r\n    <div class=\"content\">\r\n      <el-tabs type=\"card\" v-model=\"activeName\" @tab-click=\"Byresize\">\r\n        <el-tab-pane label=\"图表\" name=\"first\">\r\n          <chart :drawData = this.drawData :resizeKey=this.resizeKey  />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"表格\" name=\"second\">\r\n          <div class=\"tableContent\">\r\n            <vxe-table\r\n              id=\"fstTable\"\r\n              ref=\"fstRef\"\r\n              border\r\n              export-config\r\n              beforeExportMethod=\"\"\r\n              :auto-resize=\"true\"\r\n              highlight-hover-row\r\n              max-height=\"90%\"\r\n              align=\"center\"\r\n              :data=\"tableData\">\r\n              <vxe-table-column  field=\"forecastTime\" title=\"预测时间\" :formatter=\"dateFormat\" width=\"250\" min-width=\"250\"></vxe-table-column>\r\n              <vxe-table-column field=\"fpValue\" title=\"预测功率\" min-width=\"60\" ></vxe-table-column>\r\n            </vxe-table>\r\n            <vxe-pager\r\n              v-show=\"showTable\"\r\n              perfect\r\n              :current-page.sync=\"currentPage\"\r\n              :page-size.sync=\"pageSize\"\r\n              :total=\"total\"\r\n              :page-sizes=\"[10,50,100]\"\r\n              :layouts=\"['PrevJump', 'PrevPage','JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']\"\r\n              @page-change=\"handlePageChange\"\r\n            >\r\n            </vxe-pager>\r\n          </div>\r\n          <!-- <Table height=\"100%\" width=\"100%\" :queryTime=this.queryTime @sendLoading=\"getLoadingFormTable\"></Table>-->\r\n        </el-tab-pane>\r\n      </el-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Chart from './charts'\r\nimport resize from '../../../components/Charts/mixins/resize'\r\nimport moment from \"moment\";\r\nimport {debounce} from \"lodash\";\r\nexport default {\r\n  name: 'nwp',\r\n  components: { Chart},\r\n  mixins: [resize],\r\n  data(){\r\n    return{\r\n      showTable: true,\r\n      chart: null,\r\n      queryStartTime:'',\r\n      queryEndTime:'',\r\n      startTime:new Date(new Date().toLocaleDateString()).getTime()+ 60 * 60 * 24 * 1000,\r\n      endTime:new Date(new Date().toLocaleDateString()).getTime() + 60 * 60 * 24 * 1000*4-1,\r\n      loading:false,\r\n      drawLoading:true,\r\n      tableLoading:true,\r\n      resizeKey:1,\r\n      activeName: 'first',\r\n      drawData:{datas:[],times:[]},\r\n      tableData:[],\r\n      total:0,\r\n      sortOrder:'asc',\r\n      pageSize: 10,\r\n      currentPage: 1,\r\n      showToolBar:false,\r\n      /*menuKey:1,\r\n      isRenderingTime : new Date().getTime()*/\r\n\r\n    }\r\n  },\r\n  created () {\r\n  },\r\n  mounted() {\r\n    this.queryStartTime = this.startTime\r\n    this.queryEndTime = this.endTime\r\n  },\r\n  methods:{\r\n    async getDraw(){\r\n      let sysTime\r\n      let lk\r\n      await this.$axios.get('/sysPolicyController/getLicenseKey').then((res) => {\r\n        sysTime = res.data.sysTime\r\n        lk = res.data.lk\r\n      }).catch((error) => {\r\n      })\r\n\r\n      this.drawLoading = true\r\n      var searchParams = {\r\n        startTime: this.queryStartTime,\r\n        endTime: this.queryEndTime,\r\n        sysTime: sysTime,\r\n        lk: lk\r\n      }\r\n      this.$axios.get('/forecastPowerShortTermController/getDraw',{params: searchParams}).then((res) => {\r\n        this.drawData = res.data\r\n      }).catch((error) => {\r\n        this.$message.error('查询实时预测短期echarts出错' + error)\r\n      })\r\n    },\r\n    async getTable(){\r\n      let sysTime\r\n      let lk\r\n      await this.$axios.get('/sysPolicyController/getLicenseKey').then((res) => {\r\n        sysTime = res.data.sysTime\r\n        lk = res.data.lk\r\n      }).catch((error) => {\r\n      })\r\n\r\n      var searchParams = {\r\n        currentPage: this.currentPage,\r\n        pageSize: this.pageSize,\r\n        startTime: this.queryStartTime,\r\n        endTime: this.queryEndTime,\r\n        sysTime: sysTime,\r\n        lk: lk\r\n      }\r\n      this.$axios.get('/forecastPowerShortTermController/getAll',\r\n        {params: searchParams}).then((res) => {\r\n        if (res.code=='0'){\r\n          this.tableData = res.data.records\r\n          this.total = res.data.total\r\n          this.getDraw()\r\n        }\r\n        else if (res.code=='1'){\r\n          this.$message.error(res.data)\r\n          return\r\n        }\r\n      }).catch((error) => {\r\n        // this.$message.error(error)\r\n      })\r\n    },\r\n    handlePageChange ({ currentPage, pageSize }) {\r\n      this.currentPage = currentPage\r\n      this.pageSize = pageSize\r\n      this.startTime = this.queryStartTime\r\n      this.endTime = this.queryEndTime\r\n      this.loading = true\r\n      this.getTable();\r\n    },\r\n    dateFormat({ cellValue, row, column }) {\r\n      return this.$XEUtils.toDateString(cellValue, 'yyyy-MM-dd HH:mm:ss')\r\n    },\r\n    enumToWord({ cellValue, row, column }) {\r\n      if(cellValue == \"E1\"){\r\n        return \"云端模型\"\r\n      }\r\n      if(cellValue == 'E2'){\r\n        return \"物理模型\"\r\n      }\r\n      if(cellValue == 'E3'){\r\n        return \"统计模型\"\r\n      }\r\n      if(cellValue == 'E4'){\r\n        return \"补录数据\"\r\n      }\r\n      if(cellValue == 'E5'){\r\n        return \"差值模型\"\r\n      }\r\n    },\r\n    dateMoment({ cellValue, row, column }) {\r\n      return moment(cellValue).format('YYYY-MM-DD HH:mm:ss')\r\n    },\r\n    sortChangeEvent ({ column, property, order }) {\r\n      if(order == null){\r\n        order = 'asc'\r\n      }\r\n      this.currentPage = 1\r\n      this.sortOrder = order\r\n      this.loading = true\r\n      this.getTable()\r\n    },\r\n\r\n    checkColumnMethod ({ column }) {\r\n      if (column.property === 'preTime') {\r\n        return false\r\n      }\r\n      return true\r\n    },\r\n    dateQuery:debounce(function(){\r\n      this.loading = true\r\n      if(this.endTime<=this.startTime){\r\n        this.$message.error(\"开始时间不能大于结束时间\")\r\n        // this.startTime = this.queryStartTime\r\n        // this.endTime = this.queryEndTime\r\n        this.loading = false\r\n        return\r\n      }\r\n\r\n      this.queryStartTime = this.startTime\r\n      this.queryEndTime = this.endTime\r\n      this.currentPage = 1\r\n      this.pageSize = 10\r\n      this.getTable()\r\n    },1000),\r\n    Byresize(tab){\r\n      if(tab.name =='first'){\r\n        this.resizeKey++\r\n        this.showToolBar = false\r\n      }else{\r\n        this.showToolBar = true\r\n      }\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.chart-container{\r\n  position:relative;\r\n  width:100%;\r\n  height:calc(100vh - 50px);\r\n}\r\n\r\n.filter{\r\n  position:relative;\r\n  display:flex;\r\n  padding:20px 0 10px 15px;\r\n  font-size:12px;\r\n  line-height:11px;\r\n  color:white;\r\n}\r\n\r\ninput{\r\n  background:transparent;\r\n  border:none;\r\n  color:white;\r\n}\r\n\r\n.timeText{\r\n  opacity:0.69;\r\n  padding-right:7px;\r\n  font-size:14px;\r\n}\r\n\r\n.startTime{\r\n  display:inline-block;\r\n}\r\n\r\n.endTime{\r\n  display:inline-block;\r\n  padding-left:42px;\r\n}\r\n\r\n\r\n.timeQuery{\r\n  background:transparent;\r\n}\r\n\r\n.filter{\r\n  width: 100%;background-color: transparent;height: 10%\r\n}\r\n.filter >>> input{\r\n  background:transparent;\r\n  border:none;\r\n  color:white;\r\n}\r\n.content{\r\n  width: 100%;\r\n  background-color: transparent;\r\n  height: 90%;\r\n  padding-left: 5px;\r\n  padding-right: 5px;\r\n}\r\n\r\n\r\n\r\n.tableContent{\r\n  width: 100%;\r\n  height:calc(80vh - 50px);\r\n}\r\n.tableContent >>> td{\r\n  border:1px solid #ffffff;\r\n}\r\n\r\n.rtPageturning >>> button,\r\n.rtPageturning >>> span,\r\n.rtPageturning >>> input,\r\n.rtPageturning >>> .vxe-pager--btn-wrapper li{\r\n  background-color: transparent !important;\r\n  color: #ffffff !important;\r\n  border: 1px solid #ffffff;\r\n}\r\n.rtPageturning >>> span{\r\n  border:none\r\n}\r\n.rtPageturning >>> .vxe-pager--wrapper .vxe-pager--btn-wrapper li:not(.disabled).is--active {\r\n  background-color: #9f9fa0 !important;\r\n}\r\n.toolbar{\r\n  position:absolute;right:0px;\r\n}\r\n.toolbar >>> .vxe-button.type--button.is--circle {\r\n  padding: 0 .5em;\r\n  min-width: 34px;\r\n  border-radius: 10%;\r\n  border: none;\r\n  background: transparent;\r\n  color: white;\r\n}\r\n\r\n\r\n</style>\r\n\r\n"]}]}