天气历史

src/router/index.js

@@ -687,6 +687,11 @@ const routes = [{
 		import( /* webpackChunkName: "historysearch" */ "../views/report/xnyrb.vue"),
 },
 {
+	path: "/others/weather",
+	name: "weather",
+	component: () => import("../views/report/weather.vue"),
+},
+{
 	path: "/others/ExportExcel",
 	name: "ExportExcel",
 	component: () => import("../views/report/ExportExcel.vue"),

src/views/layout/Menu.vue

@@ -801,6 +801,11 @@ export default {
                   path: "/others/historySearch",
                 },
 				{
+				  text: "气象历史数据",
+				  icon: "svg-wind-site",
+				  path: "/others/weather",
+				},
+				{
 				  text: "数据导出",
 				  icon: "svg-wind-site",
 				  path: "/others/ExportExcel",

src/views/report/weather.vue

@@ -0,0 +1,275 @@
+<template>
+	<div>
+		<div class="query mg-b-8">
+			<div class="query-items">
+				<div class="query-item">
+					<div class="lable">开始日期：</div>
+					<div class="search-input">
+						<el-date-picker v-model="startDate" type="date" placeholder="开始日期" popper-class="date-select"
+							value-format="YYYY-MM-DD"></el-date-picker>
+					</div>
+				</div>
+				<div class="query-item">
+					<div class="lable">结束日期：</div>
+					<div class="search-input">
+						<el-date-picker v-model="endDate" type="date" placeholder="结束日期" popper-class="date-select"
+							value-format="YYYY-MM-DD"></el-date-picker>
+					</div>
+				</div>
+				<div class="query-item">
+					<div class="lable">场站：</div>
+					<div class="search-input">
+						<el-select v-model="stationId" clearable placeholder="请选择" popper-class="select">
+							<el-option v-for="item in ChangZhan" :key="item.id" :value="item.id" :label="item.name">
+							</el-option>
+						</el-select>
+					</div>
+				</div>
+				<div class="query-actions">
+					<button class="btn green" @click="getTable()">查询</button>
+					<button class="btn green" @click="exportCsv()">导出</button>
+				</div>
+			</div>
+		</div>
+		<div class="table-box">
+			<div class="title">升压站报警</div>
+			<ComTable ref="curRef" :data="tableData" :pageSize="pageSize" @onPagging="onChangePage" height="73vh"
+				v-loading="tableLoading" element-loading-text="拼命加载中.." element-loading-background="rgba(0, 0, 0, 0.8)">
+			</ComTable>
+		</div>
+	</div>
+</template>
+<script>
+	import ComTable from "@/components/coms/table/table.vue";
+	import Papa from 'papaparse';
+	export default {
+		name: "boosterAlarm",
+		components: {
+			ComTable,
+			Papa
+		},
+		data() {
+			let that = this;
+			return {
+				ChangZhan: [],
+				stationId: "XS_FDC",
+				startDate: "",
+				endDate: "",
+				tableLoading: true,
+				pageNum: 1,
+				pageSize: 20,
+				tableData: {
+					column: [{
+						name: "记录日期",
+						field: "recodedata",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "地点",
+						field: "region",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "气象",
+						field: "weather",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "最高温度（℃）",
+						field: "maximumtem",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "最低温度（℃）",
+						field: "minimumtem",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "日出时间",
+						field: "sunrise",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "日落时间",
+						field: "sunset",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "白气象",
+						field: "weather1",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "夜气象",
+						field: "weather2",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "白温度（℃）",
+						field: "temperature1",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "夜温度（℃）",
+						field: "temperature2",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "白体感（℃）",
+						field: "realfeel1",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "夜体感（℃）",
+						field: "realfeel2",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "白降水（ml）",
+						field: "precipitation1",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "夜降水（ml）",
+						field: "precipitation2",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "白风向",
+						field: "winddirection1",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "夜风向",
+						field: "winddirection2",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "白风速(m/s)",
+						field: "speed1",
+						is_num: false,
+						is_light: false,
+					}, {
+						name: "夜风速(m/s)",
+						field: "speed2",
+						is_num: false,
+						is_light: false,
+					}, ],
+					data: [],
+					currentPageTotal: 0
+				}
+			};
+		},
+		created() {
+			this.ChangZhanVal();
+			let end = new Date();
+			let start = new Date(end.getTime() - 1 * 24 * 60 * 60 * 1000);
+			this.endDate = end.formatDate("yyyy-MM-dd");
+			this.startDate = start.formatDate("yyyy-MM-dd");
+			this.getTable();
+		},
+		methods: {
+			exportCsv() {
+				var csv = Papa.unparse(this.tableData);
+				//定义文件内容，类型必须为Blob 否则createObjectURL会报错
+				let content = new Blob([csv]);
+				//生成url对象
+				let urlObject = window.URL || window.webkitURL || window;
+				let url = urlObject.createObjectURL(content);
+				//生成<a></a>DOM元素
+				let el = document.createElement("a");
+				//链接赋值
+				el.href = url;
+				el.download = "文件导出.cvs";
+				//必须点击否则不会下载
+				el.click();
+				//移除链接释放资源
+				urlObject.revokeObjectURL(url);
+			},
+			// 场站
+			ChangZhanVal() {
+				var that = this;
+				that.API.requestData({
+					method: "GET",
+					subUrl: "powercompare/windfarmAjax",
+					success(res) {
+						that.ChangZhan = res.data;
+						that.stationId = res.data[0].id;
+					}
+				});
+			},
+			getTable() {
+				let that = this;
+				this.tableLoading = true;
+				this.API.requestData({
+					timeout: 30000,
+					method: "GET",
+					subUrl: "weather/history/list",
+					data: {
+						wpId: this.stationId,
+						startTs: this.startDate,
+						endTs: this.endDate,
+						pageNum: this.pageNum,
+						pageSize: this.pageSize,
+					},
+					success(res) {
+						console.log(res)
+						var dataTab = [];
+						res.data.list.forEach(item => {
+							dataTab.push({ //表格
+								recodedata: that.formatTime(item.recodedata),
+								region: item.region,
+								weather: item.weather,
+								maximumtem: item.maximumtem,
+								minimumtem: item.minimumtem,
+								sunrise: item.sunrise,
+								sunset: item.sunset,
+								weather1: item.weather1,
+								weather2: item.weather2,
+								temperature1: item.temperature1,
+								temperature2: item.temperature2,
+								realfeel1: item.realfeel1,
+								realfeel2: item.realfeel2,
+								precipitation1: item.precipitation1,
+								precipitation2: item.precipitation2,
+								winddirection1: item.winddirection1,
+								winddirection2: item.winddirection2,
+								speed1: item.speed1,
+								speed2: item.speed2
+							})
+						})
+						that.tableData.data = dataTab;
+						that.tableLoading = false;
+						that.tableData.total = res.data.total;
+					}
+				});
+			},
+			formatTime(value) {
+				if (typeof(value) == 'undefined') {
+					return ''
+				} else {
+					let date = new Date(parseInt(value))
+					let y = date.getFullYear()
+					let MM = date.getMonth() + 1
+					MM = MM < 10 ? ('0' + MM) : MM
+					let d = date.getDate()
+					d = d < 10 ? ('0' + d) : d
+					return y + '-' + MM + '-' + d
+				}
+			},
+			onChangePage(params) {
+				console.log(params)
+				this.pageNum = params.pageNum;
+				this.pageSize = params.pageSize;
+				this.getTable();
+			},
+		}
+	};
+</script>
+<style scoped>
+	.title {
+		background: rgba(255, 255, 255, 0.1);
+		margin-bottom: 8px;
+		padding: 1vh;
+	}
+</style>