prev batch index

src/views/career/PrevBatch/formatted.vue

@@ -1,54 +1,52 @@
 <template>
-  <layout>
-    <el-container v-loading="loading">
-      <el-aside width="400" class="tree-container">
-        <div class="bg-white pd20">
-          <el-select v-model="query.year" placeholder="请选择年份" @change="handleYearChange">
-            <el-option v-for="item in queryData.years" :key="item.label" :label="item.label" :value="item.value" />
-          </el-select>
-          <el-input v-model="tagKeyword" placeholder="输入类别名称进行筛选" class="mt20" />
-          <el-tree
-            ref="tree"
-            class="mt10"
-            :data="preTree"
-            node-key="value"
-            default-expand-all
-            highlight-current
-            :expand-on-click-node="false"
-            :filter-node-method="filterNode"
-            @node-click="handleTagChange"
+  <el-container v-loading="loading">
+    <el-aside width="400" class="tree-container">
+      <div class="bg-white pd20">
+        <el-select v-model="query.year" placeholder="请选择年份" @change="handleYearChange">
+          <el-option v-for="item in queryData.years" :key="item.label" :label="item.label" :value="item.value"/>
+        </el-select>
+        <el-input v-model="tagKeyword" placeholder="输入类别名称进行筛选" class="mt20"/>
+        <el-tree
+          ref="tree"
+          class="mt10"
+          :data="preTree"
+          node-key="value"
+          default-expand-all
+          highlight-current
+          :expand-on-click-node="false"
+          :filter-node-method="filterNode"
+          @node-click="handleTagChange"
+        />
+      </div>
+    </el-aside>
+    <el-main class="content-container">
+      <div class="bg-white pb40 pl20 pr20">
+        <div class="text-right pt20">
+          <el-input
+            v-model="query.keyword"
+            placeholder="请输入院校/专业名称"
+            suffix-icon="el-icon-search"
+            style="width: 250px"
+            clearable
+            @keyup.enter.native="handleSearch"
           />
+          <el-button type="primary" class="ml10" @click="handleSearch">搜索</el-button>
         </div>
-      </el-aside>
-      <el-main class="content-container">
-        <div class="bg-white pb40 pl20 pr20">
-          <div class="text-right pt20">
-            <el-input
-              v-model="query.keyword"
-              placeholder="请输入院校/专业名称"
-              suffix-icon="el-icon-search"
-              style="width: 250px"
-              clearable
-              @keyup.enter.native="handleSearch"
-            />
-            <el-button type="primary" class="ml10" @click="handleSearch">搜索</el-button>
-          </div>
-          <sub-major-table
-            v-for="row in rows"
-            :key="row.id"
-            :row="row"
-            :is-new-gaokao="isNewGaokao"
-            show-shift-line-entry
-            @university="toDetail(row)"
-            @shift-line="toShiftLine(row)"
-          />
-          <evaluation-empty v-if="!rows.length" title="暂无数据" class="mt20" />
-          <vip-guide-more v-if="total>1&&!isBind" />
-          <pagination :total="total" :page.sync="query.pageNum" :limit.sync="query.pageSize" @pagination="getList" />
-        </div>
-      </el-main>
-    </el-container>
-  </layout>
+        <sub-major-table
+          v-for="row in rows"
+          :key="row.id"
+          :row="row"
+          :is-new-gaokao="isNewGaokao"
+          show-shift-line-entry
+          @university="toDetail(row)"
+          @shift-line="toShiftLine(row)"
+        />
+        <evaluation-empty v-if="!rows.length" title="暂无数据" class="mt20"/>
+        <vip-guide-more v-if="total>1&&!isBind"/>
+        <pagination :total="total" :page.sync="query.pageNum" :limit.sync="query.pageSize" @pagination="getList"/>
+      </div>
+    </el-main>
+  </el-container>
 </template>
 
 <script>
@@ -57,7 +55,7 @@ import PrevEnrollPlanV2 from '@/views/career/PrevBatch/PrevEnrollPlanV2.vue'
 
 export default {
   name: 'Formatted',
-  components: { Layout },
+  components: {Layout},
   extends: PrevEnrollPlanV2,
   data() {
     return {
@@ -65,12 +63,12 @@ export default {
     }
   },
   watch: {
-    'query.year': function() {
+    'query.year': function () {
       this.query.tagCode = ''
       this.tagKeyword = ''
-      this.loadPreTree({ year: this.query.year })
+      this.loadPreTree({year: this.query.year})
     },
-    'tagKeyword': function(val) {
+    'tagKeyword': function (val) {
       this.$refs.tree.filter(val)
     }
   },
@@ -98,7 +96,7 @@ export default {
       }
     },
     toShiftLine(row) {
-      const next = { code: row.universityCode, tab: 7 }
+      const next = {code: row.universityCode, tab: 7}
       this.transferTo('/career/plan/UniversityDetail', next, null, '_blank')
     }
   }
@@ -111,9 +109,11 @@ export default {
   height: calc(100vh - 68px);
   overflow-y: auto;
   padding: 20px;
+
   ::v-deep .el-tree-node__content {
     height: fit-content;
   }
+
   ::v-deep .el-tree-node__label {
     flex: 1;
     white-space: normal;