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