From 426a1311e3f0fe682f49b4203a0a72e668ca6be5 Mon Sep 17 00:00:00 2001
From: LokerL <loker80@qq.com>
Date: Fri, 27 Sep 2024 12:57:07 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E5=B9=B4=E5=BA=A6=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=89=8D=E5=90=8E=E7=AB=AF=EF=BC=9B=E5=8E=BB=E9=99=A4?=
 =?UTF-8?q?=E6=97=A0=E7=94=A8=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controller/OilStatisticsController.java   |  19 +-
 .../oil/mapper/ThDeviceReportMonthMapper.java |   3 +
 .../service/ThDeviceReportMonthService.java   |   2 +
 .../impl/ThDeviceReportMonthServiceImpl.java  |   5 +
 .../mybatis/oil/ThDeviceReportMonthMapper.xml |  24 +++
 ruoyi-ui/src/api/statistics/yearData.js       |  17 ++
 ruoyi-ui/src/layout/components/Navbar.vue     |   8 -
 ruoyi-ui/src/utils/excel.js                   |  26 ++-
 .../views/dataStatistics/yearData/index.vue   | 198 ++++++++++++++++++
 9 files changed, 289 insertions(+), 13 deletions(-)
 create mode 100644 ruoyi-ui/src/api/statistics/yearData.js

diff --git a/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/controller/OilStatisticsController.java b/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/controller/OilStatisticsController.java
index fea820f..11d3801 100644
--- a/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/controller/OilStatisticsController.java
+++ b/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/controller/OilStatisticsController.java
@@ -19,7 +19,6 @@ import org.springframework.web.bind.annotation.*;
 import java.time.LocalDate;
 import java.time.format.DateTimeFormatter;
 import java.time.temporal.ChronoUnit;
-import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
@@ -175,4 +174,22 @@ public class OilStatisticsController extends BaseController {
         List<Map<String, Object>> dailyReportDataOverview = oilThDeviceReportService.dailyReportDataOverview(day);
         return success(dailyReportDataOverview);
     }
+
+    @GetMapping("/yearData/getDeviceReportYearList")
+    public TableDataInfo getDeviceReportYearList(Long deptId, String year, int pageNum, int pageSize) {
+        Page<Object> page = PageHelper.startPage(pageNum, pageSize);
+        List<Map<String, Object>> result = thDeviceReportMonthService.selectThDeviceReportYearList(deptId, year);
+        TableDataInfo rspData = new TableDataInfo();
+        rspData.setCode(HttpStatus.SUCCESS);
+        rspData.setRows(result);
+        rspData.setMsg("查询成功");
+        rspData.setTotal(page.getTotal());
+        return rspData;
+    }
+
+    @GetMapping("/yearData/getDeviceReportYearListAll")
+    public AjaxResult getDeviceReportYearList(Long deptId, String year) {
+        List<Map<String, Object>> result = thDeviceReportMonthService.selectThDeviceReportYearList(deptId, year);
+        return success(result);
+    }
 }
diff --git a/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/mapper/ThDeviceReportMonthMapper.java b/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/mapper/ThDeviceReportMonthMapper.java
index 046c8d6..0ee46c0 100644
--- a/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/mapper/ThDeviceReportMonthMapper.java
+++ b/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/mapper/ThDeviceReportMonthMapper.java
@@ -28,6 +28,9 @@ public interface ThDeviceReportMonthMapper {
 
     @MapKey("dept_id")
     List<Map<String, Object>> selectAvgDsByDeptIdAndDate(@Param("deptId") Long deptId, @Param("startYear") int startYear, @Param("startMonth") int startMonth, @Param("endYear") int endYear, @Param("endMonth") int endMonth);
+
+    @MapKey("deptId")
+    List<Map<String, Object>> selectThDeviceReportYearList(Long deptId, String year);
 }
 
 
diff --git a/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/service/ThDeviceReportMonthService.java b/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/service/ThDeviceReportMonthService.java
index e95b6a8..3952105 100644
--- a/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/service/ThDeviceReportMonthService.java
+++ b/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/service/ThDeviceReportMonthService.java
@@ -23,4 +23,6 @@ public interface ThDeviceReportMonthService {
     int updateThDeviceReportMonth(ThDeviceReportMonth thDeviceReportMonth);
 
     List<Map<String, Object>> selectAvgDsByDeptIdAndDate(Long deptId, String startTime, String endTime);
+
+    List<Map<String, Object>> selectThDeviceReportYearList(Long deptId, String year);
 }
diff --git a/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/service/impl/ThDeviceReportMonthServiceImpl.java b/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/service/impl/ThDeviceReportMonthServiceImpl.java
index 2f5b5f3..b897fff 100644
--- a/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/service/impl/ThDeviceReportMonthServiceImpl.java
+++ b/RuoYi-Vue-Oracle/src/main/java/com/ruoyi/project/oil/service/impl/ThDeviceReportMonthServiceImpl.java
@@ -44,6 +44,11 @@ public class ThDeviceReportMonthServiceImpl implements ThDeviceReportMonthServic
         int endMonth = Integer.parseInt(endDate.split("-")[1]);
         return camelCaseMapListKey(thDeviceReportMonthMapper.selectAvgDsByDeptIdAndDate(deptId, startYear, startMonth, endYear, endMonth));
     }
+
+    @Override
+    public List<Map<String, Object>> selectThDeviceReportYearList(Long deptId, String year) {
+        return camelCaseMapListKey(thDeviceReportMonthMapper.selectThDeviceReportYearList(deptId, year));
+    }
 }
 
 
diff --git a/RuoYi-Vue-Oracle/src/main/resources/mybatis/oil/ThDeviceReportMonthMapper.xml b/RuoYi-Vue-Oracle/src/main/resources/mybatis/oil/ThDeviceReportMonthMapper.xml
index 6c53624..6fcf0f6 100644
--- a/RuoYi-Vue-Oracle/src/main/resources/mybatis/oil/ThDeviceReportMonthMapper.xml
+++ b/RuoYi-Vue-Oracle/src/main/resources/mybatis/oil/ThDeviceReportMonthMapper.xml
@@ -45,6 +45,30 @@
 
     </select>
 
+    <select id="selectThDeviceReportYearList" parameterType="map" resultType="map">
+        select
+        m.sn,
+        m.dept_id,
+        m.year,
+        round(AVG(TO_NUMBER(m.avg_value)), 8) AS avg_value,
+        p.dept_name,
+        p.ancestors,
+        pp.dept_name as "gangqu"
+        from th_device_report_month1 m
+        left join sys_dept p on m.dept_id = p.dept_id
+        left join sys_dept pp on p.parent_id = pp.dept_id
+        WHERE m.dept_id IN (
+        SELECT dept_id
+        FROM sys_dept START WITH dept_id = #{deptId}
+        CONNECT BY PRIOR dept_id = parent_id
+        )
+        <if test="year != null and year != ''">
+            AND m.year = #{year}
+        </if>
+        GROUP BY m.sn, m.dept_id, m.year, p.dept_name, p.ancestors, pp.dept_name
+        ORDER BY m.dept_id, m.year ASC
+    </select>
+
     <update
             id="updateThDeviceReportMonth"
             parameterType="com.ruoyi.project.oil.domain.ThDeviceReportMonth"
diff --git a/ruoyi-ui/src/api/statistics/yearData.js b/ruoyi-ui/src/api/statistics/yearData.js
new file mode 100644
index 0000000..2ec5118
--- /dev/null
+++ b/ruoyi-ui/src/api/statistics/yearData.js
@@ -0,0 +1,17 @@
+import request from '@/utils/request'
+
+export function getDeviceReportYearList(params) {
+  return request({
+    url: '/statistics/yearData/getDeviceReportYearList',
+    params: params,
+    method: 'get',
+  })
+}
+
+export function getDeviceReportYearListAll(params) {
+  return request({
+    url: '/statistics/yearData/getDeviceReportYearListAll',
+    params: params,
+    method: 'get',
+  })
+}
diff --git a/ruoyi-ui/src/layout/components/Navbar.vue b/ruoyi-ui/src/layout/components/Navbar.vue
index 466cd98..e501a0b 100644
--- a/ruoyi-ui/src/layout/components/Navbar.vue
+++ b/ruoyi-ui/src/layout/components/Navbar.vue
@@ -9,14 +9,6 @@
       <template v-if="device!=='mobile'">
         <search id="header-search" class="right-menu-item" />
 
-        <el-tooltip content="源码地址" effect="dark" placement="bottom">
-          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
-        <el-tooltip content="文档地址" effect="dark" placement="bottom">
-          <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
         <el-tooltip content="布局大小" effect="dark" placement="bottom">
diff --git a/ruoyi-ui/src/utils/excel.js b/ruoyi-ui/src/utils/excel.js
index 2cef1b5..afa3ab3 100644
--- a/ruoyi-ui/src/utils/excel.js
+++ b/ruoyi-ui/src/utils/excel.js
@@ -1,8 +1,7 @@
 import * as XLSX from "xlsx";
 
-
-export function exportExcel(dom, fileName="导出文件") {
-  const xlsxParam = { raw: true };//转换成excel时，使用原始的格式
+export function exportExcel(dom, fileName = "导出文件") {
+  const xlsxParam = { raw: true }; //转换成excel时，使用原始的格式
   let table;
   if (!dom) {
     return;
@@ -16,5 +15,24 @@ export function exportExcel(dom, fileName="导出文件") {
   let wb = XLSX.utils.table_to_book(table, xlsxParam);
 
   // 生成excel
-  XLSX.writeFile(wb, `${fileName.endsWith(".xlsx") ? fileName : fileName + ".xlsx"}`);
+  XLSX.writeFile(
+    wb,
+    `${fileName.endsWith(".xlsx") ? fileName : fileName + ".xlsx"}`
+  );
+}
+export function dataToExcel({data, fileName = "导出文件", sheetName = "SheetJS", wsCallback=null}) {
+  const wb = XLSX.utils.book_new();
+  // 创建一个新的工作表
+  const ws_name = sheetName;
+  const ws_data = data;
+  const ws = XLSX.utils.aoa_to_sheet(ws_data);
+
+  if (wsCallback) {
+    wsCallback(ws);
+  }
+
+  // 将工作表添加到工作簿中
+  XLSX.utils.book_append_sheet(wb, ws, ws_name);
+
+  XLSX.writeFile(wb, `${fileName}.xlsx`);
 }
diff --git a/ruoyi-ui/src/views/dataStatistics/yearData/index.vue b/ruoyi-ui/src/views/dataStatistics/yearData/index.vue
index e69de29..3d69624 100644
--- a/ruoyi-ui/src/views/dataStatistics/yearData/index.vue
+++ b/ruoyi-ui/src/views/dataStatistics/yearData/index.vue
@@ -0,0 +1,198 @@
+<template>
+  <div class="year-data">
+    <el-row :gutter="10">
+      <el-col :span="6" style="margin-top: 10px; margin-bottom: 10px">
+        <dept-tree @deptChange="handleDeptChange" :showQuickGroup="true" />
+      </el-col>
+      <el-col :span="6" style="margin-top: 10px; margin-bottom: 10px">
+        <el-date-picker
+          v-model="year"
+          type="year"
+          format="yyyy"
+          value-format="yyyy"
+          placeholder="选择年"
+          @change="handleYearChange"
+        >
+        </el-date-picker>
+      </el-col>
+      <el-col :span="12">
+        <div class="export_btn">
+          <el-button
+            type="primary"
+            icon="eel-icon-download"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </div>
+      </el-col>
+    </el-row>
+    <el-row :gutter="10">
+      <el-table
+        :data="tableData"
+        style="width: 100%"
+        border
+        :max-height="tableHeight"
+        v-loading="loading"
+      >
+        <el-table-column prop="gangqu" label="归属港区" />
+        <el-table-column prop="deptName" label="归属企业" />
+        <el-table-column prop="sn" label="设备编码" />
+        <el-table-column prop="year" label="年份" />
+        <el-table-column prop="avgValue" label="平均值">
+          <!-- <template slot-scope="scope">
+            <div @dblclick="changeAvgValue(scope.$index, scope.row)">
+              <span v-show="!scope.row.enable_edit">{{
+                scope.row.avgValue
+              }}</span>
+
+              <el-input
+                :ref="'changeAvgValue' + scope.$index"
+                @blur="changeAvgValueBlur(scope.$index, scope.row)"
+                @keyup.enter.native="$event.target.blur"
+                clearable
+                v-show="scope.row.enable_edit"
+                size="mini"
+                v-model="scope.row.avgValue"
+                placeholder="请输入内容"
+              ></el-input>
+            </div>
+          </template> -->
+        </el-table-column>
+      </el-table>
+      <div class="page-ele">
+        <el-pagination
+          layout="sizes, prev, pager, next, total"
+          :total="total"
+          :page-size="pageSize"
+          :page-sizes="[10, 20, 30, 40]"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        >
+        </el-pagination>
+      </div>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { debounce } from "@/utils";
+import moment from "moment";
+import {
+  getDeviceReportYearList,
+  getDeviceReportYearListAll,
+} from "@/api/statistics/yearData.js";
+import { dataToExcel } from "@/utils/excel.js";
+import to from '@/utils/await-to.js';
+
+
+export default {
+  data() {
+    return {
+      dept: null,
+      year: "",
+      queryDebounce: null,
+      tableData: [],
+      total: 0,
+      pageNum: 1,
+      pageSize: 10,
+      loading: false,
+    };
+  },
+  computed: {
+    tableHeight() {
+      return window.innerHeight - 300;
+    },
+  },
+  mounted() {
+    // 获取当前年份 2024
+    this.year = moment().year().toString();
+    this.queryDebounce = debounce(this.query, 100);
+  },
+  methods: {
+    handleYearChange() {
+      this.queryDebounce();
+    },
+    handleDeptChange(dept) {
+      this.dept = dept;
+      this.queryDebounce();
+    },
+    handleCurrentChange(val) {
+      this.pageNum = val;
+      this.queryDebounce();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.queryDebounce();
+    },
+    query() {
+      if (!this.dept || !this.year) {
+        return;
+      }
+      this.loading = true;
+
+      getDeviceReportYearList({
+        deptId: this.dept.deptId,
+        year: this.year,
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+      })
+        .then((res) => {
+          if (res.code === 200) {
+            this.tableData = res.rows;
+            this.total = res.total;
+          }
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    async handleExport() {
+      const fileName = `${this.dept.deptName} ${this.year}年数据统计`;
+      const [err, response] = await to(getDeviceReportYearListAll({
+        deptId: this.dept.deptId,
+        year: this.year,
+      }));
+      if (err) {
+        console.error(err);
+        this.$message.error("导出失败");
+        return;
+      }
+      const {data} = response;
+      dataToExcel({
+        data: [
+          [fileName],
+          ["归属港区", "归属企业", "设备编码", "年份", "平均值"],
+          ...data.map((row) => [
+            row.gangqu,
+            row.deptName,
+            row.sn,
+            row.year,
+            row.avgValue,
+          ]),
+        ],
+        fileName,
+        wsCallback: (ws) => {
+          if (!ws["!merges"]) ws["!merges"] = [];
+          ws["!merges"].push({ s: { r: 0, c: 0 }, e: { r: 0, c: 4 } });
+        },
+      });
+      this.$message.success("导出成功");
+    },
+  },
+};
+</script>
+
+<style scoped>
+.year-data {
+  padding: 10px 20px;
+}
+.export_btn {
+  margin-top: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
+.page-ele {
+  margin-top: 10px;
+  text-align: right;
+}
+</style>