能耗管理-添加导出功能

gaoluyang

2 天以前 ee56d420df75e3284a1fe4756363fa3c924b9190

能耗管理-添加导出功能

 src/views/energyManagement/energyPeriodTime/index.vue

@@ -16,7 +16,8 @@
            v-model="searchForm.date"
            type="date"
            placeholder="请选择日期"
            :size="size"
            value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
        />
        <!-- <el-time-picker
            v-model="searchForm.timeRange"
@@ -41,6 +42,7 @@
      </div>
      <div>
        <el-button type="primary" @click="openForm('add')">新增</el-button>
        <el-button @click="handleOut">导出</el-button>
        <el-button type="danger" plain @click="handleDelete">删除</el-button>
      </div>
    </div>
@@ -160,7 +162,7 @@
</template>
<script setup>
import {Search} from "@element-plus/icons-vue";
import {onMounted, ref} from "vue";
import {onMounted, ref, getCurrentInstance} from "vue";
import {ElMessageBox} from "element-plus";
import {getToken} from "@/utils/auth.js";
import {periodListPage,periodDelete,periodAdd,periodUpdate} from "@/api/energyManagement/index.js";
@@ -316,7 +318,7 @@
};
const getList = () => {
    tableLoading.value = true;
    periodListPage({ ...searchForm, ...page.value }).then((res) => {
    periodListPage({ ...searchForm.value, ...page.value }).then((res) => {
            tableLoading.value = false;
            if (res && res.data) {
                tableData.value = res.data.records || [];
@@ -434,6 +436,22 @@
        proxy.$modal.msg("已取消");
    });
};

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

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

 src/views/energyManagement/energyPower/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} from "vue";
import {onMounted, ref, getCurrentInstance} from "vue";
import FormDia from "@/views/energyManagement/energyPower/components/formDia.vue";
import {ElMessageBox} from "element-plus";
import {getToken} from "@/utils/auth.js";
@@ -295,6 +296,22 @@
            proxy.$modal.msg("已取消");
        });
};

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

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

 src/views/energyManagement/energyTrends/index.vue

@@ -14,6 +14,7 @@
                <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
                >搜索</el-button
                >
                <el-button @click="handleOut" style="margin-left: 10px">导出</el-button>
            </div>
        </div>
        <div class="table_list">
@@ -34,8 +35,11 @@

<script setup>
import {Search} from "@element-plus/icons-vue";
import {onMounted, ref} from "vue";
import {onMounted, ref, getCurrentInstance} from "vue";
import {listPageByTrend} from "@/api/energyManagement/index.js";
import { ElMessageBox } from "element-plus";

const { proxy } = getCurrentInstance();

const data = reactive({
    searchForm: {
@@ -76,6 +80,7 @@
    },
]);
const tableData = ref([]);
const selectedRows = ref([]);
const tableLoading = ref(false);
const page = reactive({
    current: 1,
@@ -106,6 +111,22 @@
        page.total = res.data.total;
    });
};

// 导出
const handleOut = () => {
    ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
        confirmButtonText: "确认",
        cancelButtonText: "取消",
        type: "warning",
    })
        .then(() => {
            proxy.download("/equipmentEnergyConsumption/exportTwo", {}, "能源趋势.xlsx");
        })
        .catch(() => {
            proxy.$modal.msg("已取消");
        });
};

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

 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();
});

 src/views/fileManagement/borrow/index.vue

@@ -568,7 +568,7 @@
    type: "warning",
  })
    .then(() => {
      proxy.download("/documentationBorrowManagement/export", {}, "借阅管理.xlsx");
      proxy.download("/documentationBorrowManagement/export", {}, "借阅登记.xlsx");
    })
    .catch(() => {
      ElMessage.info("已取消");