分类筛选

src/components/FirstJob/joblist.vue

@@ -333,6 +333,12 @@
 									}">男女不限</span>
               </dd>
             </dl>
+            <dl>
+              <dt>分类：</dt>
+              <dd>
+                <span v-for="(item, index) in classifyList" :key="index" :class="{ 'special-active': filterObj.specialactive.indexOf(item) > -1, }" @click.stop="classifyClick(index, item)">{{ item.name }}</span>
+              </dd>
+            </dl>
             <dl>
               <dt>薪资福利：</dt>
               <dd>
@@ -561,8 +567,10 @@ export default {
       sortNum: 1, // 排序的标识
       sortStr: '工价',
       specialList: [], // 获取的特色列表
+      classifyList: [], // 分类列表
       searchValue: '',
       specialvalue: [], // 点中的特色标签
+      classifyvalue: [], // 点中的分类标签
       filterObj: {
         price: '', // 选中的价格搜索
         gender: '', // 选中的性别搜索
@@ -955,11 +963,6 @@ export default {
                 this.specialHotTag.push(item)
               }
             })
-            this.$nextTick(() => {
-              let fileterContent = document.querySelector('.filter-content')
-              this.filterHeight = fileterContent.scrollHeight
-              // fileterContent.style.height = this.filterHeight + "px";
-            })
           })
         } else {
           this.specialList = JSON.parse(localStorage.getItem('SPECIALLIST')).data
@@ -980,11 +983,6 @@ export default {
               this.specialHotTag.push(item)
             }
           })
-          this.$nextTick(() => {
-            let fileterContent = document.querySelector('.filter-content')
-            this.filterHeight = fileterContent.scrollHeight
-            // fileterContent.style.height = this.filterHeight + "px";
-          })
         }
       } else {
         this.getJobSpecialList().then((res) => {
@@ -1005,13 +1003,13 @@ export default {
               this.specialHotTag.push(item)
             }
           })
-          this.$nextTick(() => {
-            let fileterContent = document.querySelector('.filter-content')
-            this.filterHeight = fileterContent.scrollHeight
-            // fileterContent.style.height = this.filterHeight + "px";
-          })
         })
       }
+      this.$nextTick(() => {
+        let fileterContent = document.querySelector('.filter-content')
+        this.filterHeight = fileterContent.scrollHeight
+        // fileterContent.style.height = this.filterHeight + "px";
+      })
     },
     // 改变自营三方类型
     changeTab(e) {
@@ -1145,6 +1143,19 @@ export default {
       // console.log(this.formvalue);
       // console.log(index);
     },
+    classifyClick(index, item) {
+      let arrIndex = this.filterObj.specialactive.indexOf(item)
+      if (arrIndex > -1) {
+        this.filterObj.specialactive.splice(arrIndex, 1)
+        this.classifyvalue.splice(arrIndex, 1)
+      } else {
+        this.filterObj.specialactive.push(item)
+        this.classifyvalue.push(item.id)
+      }
+      this.formvalue.jobCategoryLabelIds = this.classifyvalue
+      // console.log(this.filterObj.specialactive);
+      this.getJobList()
+    },
     isspecialboxshowclick() {
       this.$emit('update:isspecialboxshow', !this.isspecialboxshow)
     },
@@ -1181,8 +1192,13 @@ export default {
         this.formvalue.sex = ''
       } else {
         this.filterObj.specialactive.splice(this.filterObj.specialactive.indexOf(items), 1)
-        this.specialvalue.splice(this.specialvalue.indexOf(items.id), 1)
-        this.formvalue.jobSpecialLabelIds = this.specialvalue
+        if (this.classifyvalue.indexOf(items.id) != -1) {
+          this.classifyvalue.splice(this.classifyvalue.indexOf(items.id), 1)
+          this.formvalue.jobCategoryLabelIds = this.classifyvalue
+        } else {
+          this.specialvalue.splice(this.specialvalue.indexOf(items.id), 1)
+          this.formvalue.jobSpecialLabelIds = this.specialvalue
+        }
 
         // if(this.filterObj.specialactive.indexOf(items) > -1){
         // }
@@ -1332,9 +1348,15 @@ export default {
     async getClassifyList() {
       try {
         const { data } = await getClassifyListApi()
-        console.log(data);
+        console.log(data)
         if (data.status == 200) {
-          console.log(data);
+          console.log(data)
+          this.classifyList = data.data.labels
+          this.$nextTick(() => {
+            let fileterContent = document.querySelector('.filter-content')
+            this.filterHeight = fileterContent.scrollHeight
+            // fileterContent.style.height = this.filterHeight + "px";
+          })
         }
       } catch (error) {
         // console.log(error);