{"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=527a3f8c&prod&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"]}]}