drp-ui/src/views/system/table-template/index.vue

<script>
import AddDialog from "./add-dialog.vue";
import EditDialog from "./edit-dialog.vue";
import AuthDialog from "./auth-dialog.vue";
import SearchTable from "./search-table.vue";
export default {
  name: "TableTemplate",
  components: {
    AddDialog,
    EditDialog,
    AuthDialog,
    SearchTable,
  },
  data() {
    return {};
  },
  methods: {},

  created() {},
};
</script>

<template>
  <el-container class="container table-template">
    <search-table></search-table>
    <add-dialog></add-dialog>
    <edit-dialog></edit-dialog>
    <auth-dialog></auth-dialog>
  </el-container>
</template>

<style scoped>
.container {
  --size: 12px;
  --margin: var(--size);
  --padding: var(--size);
}
.container {
  width: 100%;
  height: calc(100vh - 50px);
  margin-right: var(--padding);
}
.hasTagsView .container {
  height: calc(100vh - 84px);
  overflow: hidden;
}
</style>