feat:视频浏览

ZhangXianQiang

2024-07-05 98f494cf633e3acf5c20f3e9de0d708f2a6c2045

 src/views/grade-list/index.vue

@@ -7,16 +7,18 @@
          <el-card class="h-full" :body-style="{ height: '100%' }">
            <div class="card-wrapper w-full h-full flex flex-col px-8 box-border">
              <div class="card-header flex justify-between items-center shrink-0">
                <div class="header-tab">

                <!-- <div class="header-tab">
                  <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="全部" name="1"></el-tab-pane>
                    <el-tab-pane label="已批改" name="2"></el-tab-pane>
                    <el-tab-pane label="未批改" name="3"></el-tab-pane>
                  </el-tabs>
                </div>
                </div> -->

                <div class="header-search flex items-center">
                  <el-input v-model="searchText" placeholder="请输入考试名称" :prefix-icon="Search" />
                  <el-button type="primary" class="ml-4">搜索</el-button>
                  <el-input v-model="searchText" placeholder="请输入考试名称" :prefix-icon="Search" maxlength="20"/>
                  <el-button type="primary" class="ml-4" @click="searchData">搜索</el-button>
                </div>

              </div>
@@ -28,7 +30,12 @@
              </div>

              <div class="card-footer flex justify-center mb-7 shrink-0">
                <el-pagination background layout="prev, pager, next" :total="1000" />
                <el-pagination background layout="prev, pager, next" 
                :total="dataList.length" 
                :default-page-size="currentSize"
                :currentPage="currentIndex"
                :hide-on-single-page="true"
                @current-change="handleCurrentChange" />
              </div>
            </div>
          </el-card>
@@ -51,9 +58,12 @@

const dataList = ref([]);

const currentIndex = ref(1);
const currentSize = ref(10);

const getData = () => {
  loading.value = true;
  getGradeList().then(res => {
  getGradeList({examName: searchText.value, pageIndex: currentIndex.value, pageSize: currentSize.value}).then(res => {
    dataList.value = res.data.list;
    loading.value = false;
  }).catch(err => {
@@ -63,6 +73,14 @@

getData();

const handleCurrentChange = () => {
  getData();
}

const searchData = () => {
  getData();
}

const handleClick = (tab, event) => {
};
</script>