index.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div class="reportManager">
  3. <customHeader>报表管理中心</customHeader>
  4. <div class="content">
  5. <NormalTable v-if="refesh" :columns="columns" :searchFormSchema="searchFormSchema"
  6. :deleteById="deleteById" :downLoad="downLoad" :list="reportList" designScope="device-tabel" title="报表管理"
  7. :showTab="true" @saveAdd="saveAdd" />
  8. </div>
  9. </div>
  10. </template>
  11. <script setup lang="ts">
  12. import { ref, nextTick } from 'vue'
  13. import customHeader from '/@/views/vent/comment/components/customHeader.vue';
  14. import NormalTable from './comment/NormalTable.vue';
  15. import { columns, searchFormSchema } from './reportManager.data';
  16. import { reportList, save, deleteById,downLoad } from './reportManager.api'
  17. let refesh = ref(true)
  18. async function saveAdd(params) {
  19. let res = await save({ ...params })
  20. console.log(res, '新增成功-------')
  21. refesh.value = false
  22. nextTick(() => {
  23. refesh.value = true
  24. })
  25. }
  26. </script>
  27. <style lang="less" scoped>
  28. .reportManager {
  29. width: calc(100% - 20px);
  30. height: calc(100% - 90px);
  31. position: relative;
  32. margin: 80px 10px 10px 10px;
  33. .content {
  34. width: 100%;
  35. height: calc(100% - 30px);
  36. position: relative;
  37. }
  38. }
  39. </style>