体系表加筛选条件

src/views/modules/rank/tabs/RankSystemTableList.vue

@@ -6,7 +6,7 @@
         <el-input size="small" v-model="searchForm.rankName" placeholder="职级名称" clearable></el-input>
       </el-form-item>
       <el-form-item prop="levelId" :rules="[]">
-        <el-select v-model="searchForm.levelId" style="width:100%" placeholder="请选择职层名称">
+        <el-select v-model="searchForm.levelId" @change="$forceUpdate()" style="width:100%" placeholder="请选择职层名称">
           <el-option
             v-for="rankLevel in rankLevelList"
             :key="rankLevel.id"
@@ -15,6 +15,16 @@
           </el-option>
         </el-select>
       </el-form-item>
+      <el-form-item prop="rsId" :rules="[]">
+        <el-select v-model="searchForm.rsId" @change="$forceUpdate()" style="width:100%" placeholder="请选择序列名称">
+          <el-option
+            v-for="sequence in sequenceList"
+            :key="sequence.id"
+            :label="sequence.name"
+            :value="sequence.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
       <!--<el-form-item prop="name">
         <el-input size="small" v-model="searchForm.sequenceChildName" placeholder="子序列名称" clearable></el-input>
       </el-form-item>
@@ -109,6 +119,7 @@
 <script>
   import RankSystemTableService from '@/api/rank/RankSystemTableService'
   import RankSystemTableForm from './RankSystemTableForm'
+  import RankService from '@/api/rank/RankService'
   export default {
     props: {
       index: {
@@ -134,12 +145,15 @@
         },
         loading: false,
         isShowC: false,
-        rankLevelList: []
+        rankLevelList: [],
+        sequenceList: []
       }
     },
     rankSystemTableService: null,
+    rankService: null,
     created () {
       this.rankSystemTableService = new RankSystemTableService()
+      this.rankService = new RankService()
     },
     watch: {
       index (index) {
@@ -192,6 +206,7 @@
           })
           this.tablePage.total = data.total
           this.queryAllRankLevel()
+          this.getAllSequence()
           this.loading = false
         }).catch(() => {
           this.loading = false
@@ -221,6 +236,11 @@
         this.rankSystemTableService.queryAllRankLevel().then(({data}) => {
           this.rankLevelList = JSON.parse(JSON.stringify(data))
         })
+      },
+      getAllSequence () {
+        this.rankService.queryAllSequence().then(({data}) => {
+          this.sequenceList = JSON.parse(JSON.stringify(data))
+        })
       }
     }
   }