<template>
    <div class="reportManager">
        <customHeader>报表管理中心</customHeader>
        <div class="content">
            <NormalTable v-if="refesh"  :columns="columns" :searchFormSchema="searchFormSchema"
                :deleteById="deleteById" :downLoad="downLoad" :list="reportList" designScope="device-tabel" title="报表管理"
                :showTab="true" @saveAdd="saveAdd" />
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref, nextTick } from 'vue'
import customHeader from '/@/views/vent/comment/components/customHeader.vue';
import NormalTable from './comment/NormalTable.vue';
import { columns, searchFormSchema } from './reportManager.data';
import { reportList, save, deleteById,downLoad } from './reportManager.api'

let refesh = ref(true)
async function saveAdd(params) {
    let res = await save({ ...params })
    console.log(res, '新增成功-------')
    refesh.value = false
    nextTick(() => {
        refesh.value = true
    })
}


</script>

<style lang="less" scoped>
.reportManager {
    width: calc(100% - 20px);
    height: calc(100% - 90px);
    position: relative;
    margin: 80px 10px 10px 10px;

    .content {
        width: 100%;
        height: calc(100% - 30px);
        position: relative;
    }
}
</style>