10c0a31c0af0e02a944b47760fda3ed4.json 15 KB

1
  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\\nwp\\index.vue?vue&type=style&index=0&id=104f8c6f&scoped=true&lang=css&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\bizManager\\nwp\\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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5jaGFydC1jb250YWluZXJ7DQogIHBvc2l0aW9uOnJlbGF0aXZlOw0KICB3aWR0aDoxMDAlOw0KICBoZWlnaHQ6Y2FsYygxMDB2aCAtIDUwcHgpOw0KfQ0KDQouZmlsdGVyew0KICBwb3NpdGlvbjpyZWxhdGl2ZTsNCiAgZGlzcGxheTpmbGV4Ow0KICBwYWRkaW5nOjIwcHggMCAxMHB4IDE1cHg7DQogIGZvbnQtc2l6ZToxMnB4Ow0KICBsaW5lLWhlaWdodDoxMXB4Ow0KICBjb2xvcjp3aGl0ZTsNCn0NCg0KaW5wdXR7DQogIGJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7DQogIGJvcmRlcjpub25lOw0KICBjb2xvcjp3aGl0ZTsNCn0NCg0KLnRpbWVUZXh0ew0KICBvcGFjaXR5OjAuNjk7DQogIHBhZGRpbmctcmlnaHQ6N3B4Ow0KICBmb250LXNpemU6MTRweDsNCn0NCg0KLnN0YXJ0VGltZXsNCiAgZGlzcGxheTppbmxpbmUtYmxvY2s7DQp9DQoNCi5lbmRUaW1lew0KICBkaXNwbGF5OmlubGluZS1ibG9jazsNCiAgcGFkZGluZy1sZWZ0OjQycHg7DQp9DQoNCg0KLnRpbWVRdWVyeXsNCiAgYmFja2dyb3VuZDp0cmFuc3BhcmVudDsNCn0NCg0KLmZpbHRlcnsNCiAgd2lkdGg6IDEwMCU7YmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7aGVpZ2h0OiAxMCUNCn0NCi5maWx0ZXIgPj4+IGlucHV0ew0KICBiYWNrZ3JvdW5kOnRyYW5zcGFyZW50Ow0KICBib3JkZXI6bm9uZTsNCiAgY29sb3I6d2hpdGU7DQp9DQouY29udGVudHsNCiAgd2lkdGg6IDEwMCU7DQogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50Ow0KICBoZWlnaHQ6IDkwJTsNCiAgcGFkZGluZy1sZWZ0OiA1cHg7DQogIHBhZGRpbmctcmlnaHQ6IDVweDsNCn0NCg0KDQoNCi50YWJsZUNvbnRlbnR7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6Y2FsYyg4MHZoIC0gNTBweCk7DQp9DQoudGFibGVDb250ZW50ID4+PiB0ZHsNCiAgYm9yZGVyOjFweCBzb2xpZCAjZmZmZmZmOw0KfQ0KDQoucnRQYWdldHVybmluZyA+Pj4gYnV0dG9uLA0KLnJ0UGFnZXR1cm5pbmcgPj4+IHNwYW4sDQoucnRQYWdldHVybmluZyA+Pj4gaW5wdXQsDQoucnRQYWdldHVybmluZyA+Pj4gLnZ4ZS1wYWdlci0tYnRuLXdyYXBwZXIgbGl7DQogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7DQogIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7DQogIGJvcmRlcjogMXB4IHNvbGlkICNmZmZmZmY7DQp9DQoucnRQYWdldHVybmluZyA+Pj4gc3BhbnsNCiAgYm9yZGVyOm5vbmUNCn0NCi5ydFBhZ2V0dXJuaW5nID4+PiAudnhlLXBhZ2VyLS13cmFwcGVyIC52eGUtcGFnZXItLWJ0bi13cmFwcGVyIGxpOm5vdCguZGlzYWJsZWQpLmlzLS1hY3RpdmUgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjOWY5ZmEwICFpbXBvcnRhbnQ7DQp9DQoudG9vbGJhcnsNCiAgcG9zaXRpb246YWJzb2x1dGU7cmlnaHQ6MHB4Ow0KfQ0KLnRvb2xiYXIgPj4+IC52eGUtYnV0dG9uLnR5cGUtLWJ1dHRvbi5pcy0tY2lyY2xlIHsNCiAgcGFkZGluZzogMCAuNWVtOw0KICBtaW4td2lkdGg6IDM0cHg7DQogIGJvcmRlci1yYWRpdXM6IDEwJTsNCiAgYm9yZGVyOiBub25lOw0KICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsNCiAgY29sb3I6IHdoaXRlOw0KfQ0KDQoNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyPA;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/nwp","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=\"preTime\" title=\"预测时间\" :formatter=\"dateFormat\" width=\"180\" min-width=\"150\"></vxe-table-column>\r\n <vxe-table-column field=\"t\" title=\"温度\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"rh\" title=\"湿度\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"swr\" title=\"总辐射\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"directRadiation\" title=\"直辐射\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"diffuseRadiation\" title=\"散辐射\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"ws10\" title=\"10米风速\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"ws30\" title=\"30米风速\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"ws50\" title=\"50米风速\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"ws70\" title=\"70米风速\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"wd10\" title=\"10米风向\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"wd30\" title=\"30米风向\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"wd50\" title=\"50米风向\" min-width=\"90\" ></vxe-table-column>\r\n <vxe-table-column field=\"wd70\" title=\"70米风向\" min-width=\"90\" ></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 </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 }\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 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 await this.$axios.get('/nwpController/getDraw',{params: searchParams}).then((res) => {\r\n this.drawData = res.data\r\n }).catch((error) => {\r\n this.$message.error('查询实时Nwp 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 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 await this.$axios.get('/nwpController/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\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"]}]}