index.vue 885 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <script>
  2. import AddDialog from "./add-dialog.vue";
  3. import EditDialog from "./edit-dialog.vue";
  4. import AuthDialog from "./auth-dialog.vue";
  5. import SearchTable from "./search-table.vue";
  6. export default {
  7. name: "TableTemplate",
  8. components: {
  9. AddDialog,
  10. EditDialog,
  11. AuthDialog,
  12. SearchTable,
  13. },
  14. data() {
  15. return {};
  16. },
  17. methods: {},
  18. created() {},
  19. };
  20. </script>
  21. <template>
  22. <el-container class="container table-template">
  23. <search-table></search-table>
  24. <add-dialog></add-dialog>
  25. <edit-dialog></edit-dialog>
  26. <auth-dialog></auth-dialog>
  27. </el-container>
  28. </template>
  29. <style scoped>
  30. .container {
  31. --size: 12px;
  32. --margin: var(--size);
  33. --padding: var(--size);
  34. }
  35. .container {
  36. width: 100%;
  37. height: calc(100vh - 50px);
  38. margin-right: var(--padding);
  39. }
  40. .hasTagsView .container {
  41. height: calc(100vh - 84px);
  42. overflow: hidden;
  43. }
  44. </style>