修改

src/pages/exam/examPaper.vue

@@ -27,19 +27,29 @@
 
   .Exam_PaperName {
     width: 300px;
-    display: inline-block;
+    display: inline;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    margin-left:3px;
   }
 
   .Exam_PaperName i {
     font-size: 18px;
   }
-  .examPaper .el-table__expand-icon{
-    position: relative;
-    top:-6px;
+  .examPaper .el-table th{
+    background-color: #F5F6F7;
+  }
+  .examPNav{
+    margin:10px 0;
+    color:#3A8BFF;
+  }
+  .examPNav span{
+    cursor: pointer;
+  }
+  .lastExam{
+    color:#6B89B3;
+    cursor: default!important;
+    pointer-events: none;
   }
 </style>
 <!--试卷库管理-->
@@ -71,16 +81,33 @@
       </div>
     </div>
     <div class="page-content examPaper">
-      <el-table :data="dataList" v-loading="loading" :expand-row-keys="expandKeys" :default-expand-all="true"
-        class="tree-tab-chapter" style="width: 100%;margin-bottom: 20px;" row-key="PaperId" ref="examPaperTab"
-        @row-click="rowsClick" :tree-props="{ children: 'ChildList', hasChildren: 'hasChildren' }">
+      <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>
+      <el-table :data="dataList" v-loading="loading">
         <el-table-column prop="PaperName" label="文件夹/试卷" width="400">
           <template slot-scope="scope">
-            <i v-if="scope.row.PaperType==1" title="文件夹" class="iconfont icon-weibiaoti5" style="color:#85CDFD;position:relative;top:-5px;"></i>
-            <i v-if="scope.row.PaperType==2" title="试卷" class="iconfont icon-icon-test1" style="color:#85CDFD;position:relative;top:-5px;"></i>
             <div class="Exam_PaperName">
-              {{ scope.row.PaperName }}
-              <q-tooltip v-if="scope.row.PaperName.length>10" :offset="[10, 10]">{{ scope.row.PaperName }}</q-tooltip>
+              <i v-if="scope.row.PaperType==1" title="文件夹" class="iconfont icon-weibiaoti5"
+                style="color:#85CDFD;"></i>
+              <i v-if="scope.row.PaperType==2" title="试卷" class="iconfont icon-icon-test1"
+                style="color:#85CDFD;"></i>
+              <div class="Exam_PaperName">
+                <template v-if="scope.row.PaperType==1">
+                  <span style="cursor:pointer;" @click="getPaperChild(scope.row.PaperId)"> {{ scope.row.PaperName }}</span>
+                </template>
+                <template v-else>
+                  {{ scope.row.PaperName }}
+                  <q-tooltip v-if="scope.row.PaperName.length>10" :offset="[10, 10]">{{ scope.row.PaperName }}
+                  </q-tooltip>
+                </template>
+              </div>
             </div>
           </template>
         </el-table-column>
@@ -131,7 +158,7 @@
                 label="重命名" />
             </template>
             <template v-if="scope.row.PaperType==2">
-              <q-btn flat size="xs" color="primary" style="font-weight:400;width:68px;" @click="goExameEdit(scope.row)"
+              <q-btn flat size="xs" color="primary" style="font-weight:400" @click="goExameEdit(scope.row)"
                 label="编辑" />
             </template>
             <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left: 10px">
@@ -199,18 +226,21 @@
           pageIndex: 1,
           pageSize: 10,
           rowsPerPage: 10,
-          PaperName: '' //题库名
+          PaperName: '', //题库名
+          ParentId: 0,
         },
         pageCount: 0,
         loading: false,
         dataList: [],
-        expandKeys: [],
         isShowExamFolder: false, //是否显示新增文件夹
         isShowMoveFolder: false, //是否显示
         examObj: {}, //弹窗对象
+        navList: [], //导航列表
       }
     },
-    created() {},
+    created() {
+
+    },
     mounted() {
       this.getList();
     },
@@ -227,14 +257,22 @@
         this.msg.pageIndex = val;
         this.getList()
       },
+      getPaperChild(Id) {
+        this.msg.ParentId = Id;
+        this.refreshPage();
+      },
       //获取菜单分页列表
       getList() {
         this.loading = true;
         this.dataList = [];
         GetPaperPage(this.msg).then(res => {
+
           this.loading = false;
-          this.dataList = res.Data.PageData;
-          this.pageCount = res.Data.PageCount;
+          if (res.Code == 1) {
+            this.dataList = res.Data.pageModel.PageData;
+            this.pageCount = res.Data.pageModel.PageCount;
+            this.navList = res.Data.navList;
+          }
         }).catch(() => {
           this.loading = false
         })

src/router/routes.js

@@ -1045,7 +1045,7 @@ const routes = [{
   {
     path: "/exam/examPaper", //试卷管理
     component: () =>
-      import("pages/exam/examPaper_V2")
+      import("pages/exam/examPaper")
   },
   {
     path: "/exam/examlist", //考试管理