能耗管理-添加导出功能

gaoluyang

昨天 ee56d420df75e3284a1fe4756363fa3c924b9190

 src/views/energyManagement/waterManagement/index.vue

@@ -18,6 +18,7 @@
         <div>
            <el-button type="primary" @click="openForm('add')">新增</el-button>
            <el-button type="info" plain icon="Upload" @click="handleImport">导入</el-button>
            <el-button @click="handleOut">导出</el-button>
            <el-button type="danger" plain @click="handleDelete">删除</el-button>
         </div>
      </div>
@@ -83,7 +84,7 @@

<script setup>
import {Search} from "@element-plus/icons-vue";
import {onMounted, ref, reactive, nextTick} from "vue";
import {onMounted, ref, reactive, nextTick, getCurrentInstance} from "vue";
import FormDia from "@/views/energyManagement/waterManagement/components/formDia.vue";
import {ElMessageBox} from "element-plus";
import {getToken} from "@/utils/auth.js";
@@ -302,6 +303,22 @@
         proxy.$modal.msg("已取消");
      });
};

// 导出
const handleOut = () => {
   ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
   })
      .then(() => {
         proxy.download("/waterRecord/export", {}, "用水管理.xlsx");
      })
      .catch(() => {
         proxy.$modal.msg("已取消");
      });
};

onMounted(() => {
   getList();
});