修改

src/components/exam/exampaperlist.vue

@@ -6,15 +6,31 @@
 </style>
 <template>
   <div class="page-content examForm">
-    <div style="margin:15px 0;">
-      <q-btn v-if="multipleSelection&&multipleSelection.length>0" color="accent" size="sm" class="q-mr-md"
-        @click="movePaperFile()" label="移动到" />
-      <q-btn v-if="multipleSelection&&multipleSelection.length>0" color="accent" size="sm" class="q-mr-md" label="删除"
-        @click="batchDelete()" />
-    </div>
     <q-table :pagination="pageMsg" :loading="loading" selection="multiple" :selected.sync="multipleSelection"
       no-data-label="暂无相关数据" flat class="sticky-column-table sticky-right-column-table" separator="none"
       :data="dataList" :columns="columns" row-key="PaperId">
+      <template v-slot:top="props">
+        <div style="margin-right:20px;">
+          <div v-if="navList&&navList.length>0" class="examPNav">
+            <span @click="getPaperChild(0)">全部</span> >
+            <template v-for="(item,index) in navList">
+              <span @click="getPaperChild(item.PaperId)" :class="{'lastExam':index==navList.length-1}" :key="index">
+                {{item.PaperName}}
+              </span>
+              <span v-if="index!=navList.length-1" :key="index">></span>
+            </template>
+          </div>
+          <div v-else>
+            试卷列表
+          </div>
+        </div>
+        <div>
+          <q-btn v-if="multipleSelection&&multipleSelection.length>0" color="accent" size="sm" class="q-mr-md"
+            @click="movePaperFile()" label="移动到" />
+          <q-btn v-if="multipleSelection&&multipleSelection.length>0" color="accent" size="sm" class="q-mr-md"
+            label="删除" @click="batchDelete()" />
+        </div>
+      </template>
       <template v-slot:header-selection="scope">
         <q-checkbox v-model="scope.selected" />
       </template>
@@ -179,6 +195,10 @@
       msg: {
         type: Object,
         default: null
+      },
+      navList: {
+        type: Array,
+        default: null
       }
     },
     data() {
@@ -313,7 +333,7 @@
       },
       refreshPage() {
         this.$emit('success');
-        this.multipleSelection=[];
+        this.multipleSelection = [];
       },
       //点击编辑 跳转
       goExameEdit(item) {

src/pages/exam/examPaper.vue

@@ -11,22 +11,7 @@
     color: #2961FE;
   }
 
-  .OCourseTable {
-    width: 400px;
-    text-align: center;
-  }
-
-  .OCourseTable tr td {
-    height: 40px;
-  }
-
-  .OCourseTable tr th {
-    height: 40px;
-    background-color: rgb(238, 238, 239);
-  }
-
   .Exam_PaperName {
-    width: 300px;
     display: inline;
     overflow: hidden;
     white-space: nowrap;
@@ -37,10 +22,6 @@
     font-size: 18px;
   }
 
-  .examPaper .el-table th {
-    background-color: #F5F6F7;
-  }
-
   .examPNav {
     margin: 10px 0;
     color: #3A8BFF;
@@ -111,7 +92,7 @@
       </div>
     </div>
     <div class="page-content examPaper">
-      <div v-if="navList&&navList.length>0" class="examPNav">
+      <!-- <div v-if="navList&&navList.length>0" class="examPNav">
         <span @click="getPaperChild(0)">全部</span> >
         <template v-for="(item,index) in navList">
           <span @click="getPaperChild(item.PaperId)" :class="{'lastExam':index==navList.length-1}" :key="index">
@@ -119,8 +100,8 @@
           </span>
           <span v-if="index!=navList.length-1" :key="index">></span>
         </template>
-      </div>
-      <exampaperlist :dataList="dataList" ref="examPaper" :msg="msg" :loading="loading" @success="refreshPage">
+      </div> -->
+      <exampaperlist :dataList="dataList" ref="examPaper" :msg="msg" :navList="navList" :loading="loading" @success="refreshPage">
       </exampaperlist>
       <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
         :input="true" @input="changePage" />