兼职招聘 城市选择bug‘修改

assets/css/job/index.scss

@@ -93,6 +93,10 @@
                   line-height: 21px;
                 }
               }
+              &.noneClick {
+                opacity: 0.6;
+                cursor: not-allowed;
+              }
             }
           }
 

pages/job/index.vue

@@ -12,7 +12,7 @@
               <div class="right">
                 <div class="cell"
                   v-for="(item, ii) in typeList[key].list"
-                  :class="{selected: item.id === selected[key]}"
+                  :class="{selected: item.id === selected[key], noneClick: !canSelectCity && key === 'city'}"
                   @click="changeIndexSeo(key, item)"
                   v-if="ii < 8 || expansion[key]"
                   :key="ii+key+item.id"
@@ -169,6 +169,12 @@
     watch: {
 
     },
+    computed: {
+      canSelectCity() {
+        //远程无法选中地区
+        return this.selected.workType !== 1
+      }
+    },
     created() {
       // this.firstLoading = true
     },
@@ -181,6 +187,19 @@
     methods: {
       changeIndexSeo(key, item) {
         console.log("key:", key, "item:", item, "selected:", this.selected)
+
+        //远程无法选中地区
+        if (!this.canSelectCity && key === 'city') {
+          return
+        }
+
+        // 如果选中了远程工作，重置城市选择
+        if (key === "workType" && item.id === 1) {
+          this.selected.city = 0
+          this.selected.cityName = ""
+          this.selected.citySlug= ""
+        }
+
         this.selected[ key ] = item.id
         this.selected[ key + 'Slug' ] = item.slug
         //大工作分类时，先显示子分类