| | |
| | | </div> |
| | | |
| | | <div class="card-main flex-1 my-5 relative"> |
| | | <div class="main-content absolute top-0 bottom-0 left-0 right-0"> |
| | | <DataList></DataList> |
| | | <div class="main-content absolute top-0 bottom-0 left-0 right-0" v-loading="loading"> |
| | | <DataList :dataList="dataList"></DataList> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | import NormalHeader from '@/components/NormalHeader/index.vue'; |
| | | import DataList from './data-list/index.vue'; |
| | | import { Search } from '@element-plus/icons-vue'; |
| | | import { getGradeList } from '@/api/modules/grade.js'; |
| | | |
| | | const activeName = ref('1'); |
| | | const searchText = ref(''); |
| | | const loading = ref(false); |
| | | |
| | | const dataList = ref([]); |
| | | |
| | | const getData = () => { |
| | | loading.value = true; |
| | | getGradeList().then(res => { |
| | | dataList.value = res.data.list; |
| | | loading.value = false; |
| | | }).catch(err => { |
| | | loading.value = false; |
| | | }); |
| | | }; |
| | | |
| | | getData(); |
| | | |
| | | const handleClick = (tab, event) => { |
| | | }; |
| | | </script> |
| | |
| | | :deep(.el-tabs__nav-wrap:after) { |
| | | display: none; |
| | | } |
| | | |
| | | </style> |