已申请的招聘会有提示,逻辑限制重复申请

src/views/jobs/jobfair/index.vue

@@ -34,9 +34,9 @@ export default {
     firstList: [],
     myList: [],
   }),
-  created() {
-    this.search({ type: 'first' });
-    this.search({ type: 'my' });
+  async created() {
+    await this.search({ type: 'my' });
+    await this.search({ type: 'first' });
   },
   computed: {
     ...mapState(['user']),
@@ -66,6 +66,14 @@ export default {
       } else {
         this.$message.error(result.errmsg ? result.errmsg : 'error');
       }
+      if (type === 'first') {
+        let arr = this.firstList.map(item => {
+          let res = this.myList.filter(fil => fil.fairid === item.id);
+          item.is_join = res.length > 0 ? '已申请' : '未申请';
+          return item;
+        });
+        this.$set(this, `${type}List`, arr);
+      }
     },
     async proMyList(list) {
       let arr = [];

src/views/jobs/jobfair/list.vue

@@ -56,9 +56,12 @@
           <span v-else>
             <el-button v-if="scoped.row.type === '2'" type="text" size="small" :disabled="true">专场双选会/组团</el-button>
             <el-button v-if="scoped.row.type === '1'" type="text" size="small" :disabled="true">不支持企业申请参加</el-button>
-            <el-button v-else @click="$router.push({ path: '/jobs/jobfair/detail', query: { fair_id: scoped.row.id } })" type="text" size="small">
-              申请入驻
-            </el-button>
+            <span v-else>
+              <span v-if="scoped.row.is_join === '已申请'"> {{ scoped.row.is_join }}</span>
+              <el-button @click="$router.push({ path: '/jobs/jobfair/detail', query: { fair_id: scoped.row.id } })" type="text" size="small" v-else>
+                申请入驻
+              </el-button>
+            </span>
           </span>
         </template>
       </el-table-column>