mky-vent-base/src/views/vent/reportManager/index.vue

<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 '/@/components/vent/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>