1

src/pages/joinUs/joinUs.vue

 <template>
   <div class="jiahe">
     <Header :menuList="menuList" :curMenu="menuList[6].Name" :type="2" />
-    <div class="bannerBox" :style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }">
-      <div class="banner_title"><span class="jh">甲鹤</span>-{{swiperData[0].NavTitle}}</div>
+    <div
+      class="bannerBox"
+      :style="{ backgroundImage: 'url(' + swiperData[0].BgImg + ')' }"
+    >
+      <div class="banner_title">
+        <span class="jh">甲鹤</span>-{{ swiperData[0].NavTitle }}
+      </div>
     </div>
     <div class="join_main">
       <div class="joinUs_imgBox">
-        <div v-for="item in recruitmentTypeList" :key="item.Id" class="imgItem" @click="checkType(item)">
+        <div
+          v-for="item in recruitmentTypeList"
+          :key="item.Id"
+          class="imgItem"
+          @click="checkType(item)"
+        >
           <div class="main_title">{{ item.TypeName }}</div>
-          <img :src="item.CheckImg" alt="" class="imgItem" v-if="item.Id==currentId"/>
+          <img
+            :src="item.CheckImg"
+            alt=""
+            class="imgItem"
+            v-if="item.Id == currentId"
+          />
           <img :src="item.ImgCover" alt="" class="imgItem" v-else />
         </div>
       </div>
-      <div class="conBox" v-if="jobList.length>0">
-        <div v-for="item in jobList" :key="item.Id" class="jobItem" >
+      <div class="conBox" v-if="jobList.length > 0">
+        <div v-for="item in jobList" :key="item.Id" class="jobItem">
           <div class="job_info1" @click="jumpJobDetail(item.Id)">
             <div class="job_title">{{ item.PositionName }}</div>
             <div class="job_info1_sub">
               <div class="job_price">{{ item.Salary }}</div>
               <div class="job_other">
-                {{ item.Experience }}<span style="margin: 0 0.5vw">|</span>{{ item.Education }}
+                {{ item.Experience }}<span style="margin: 0 0.5vw">|</span
+                >{{ item.Education }}
               </div>
             </div>
           </div>
@@ -32,7 +48,7 @@
           </div>
         </div>
       </div>
-      <NoData v-if="jobList.length==0"></NoData>
+      <NoData v-if="jobList.length == 0"></NoData>
 
       <template>
         <q-dialog ref="dialog" @hide="onDialogHide">
@@ -67,17 +83,15 @@
                   />
                 </div>
                 <div>
-                  <q-btn label="提交" type="Submit" style="background-color: #45766D ;color:#ffffff" />
                   <q-btn
-                    label="重置"
-                    type="reset"
-                    flat
-                    class="q-ml-sm"
+                    label="提交"
+                    type="Submit"
+                    style="background-color: #45766d; color: #ffffff"
                   />
+                  <q-btn label="重置" type="reset" flat class="q-ml-sm" />
                 </div>
               </q-form>
             </div>
-           
           </q-card>
         </q-dialog>
       </template>
@@ -113,11 +127,11 @@ export default {
   components: {
     Header,
     Footer,
-    NoData
+    NoData,
   },
   data() {
     return {
-      swiperData: [{BgImg:"",NavTitle:""}],
+      swiperData: [{ BgImg: "", NavTitle: "" }],
       currentPage: 1,
       pageCount: 1,
       menuList: [
@@ -131,7 +145,7 @@ export default {
           Name: "",
         },
       ],
-      currentId:"",
+      currentId: "",
       msg: {
         pageIndex: 1,
         pageSize: 10,
@@ -161,19 +175,25 @@ export default {
       this.getWebRecruitmentPage();
     },
     // 切换职位类型
-    checkType(item){
-      this.currentId=item.Id
-      this.msg.TypeId=item.Id
-      this.getWebRecruitmentPage()
+    checkType(item) {
+      if (this.currentId == item.Id) {
+        this.currentId = "";
+        this.msg.TypeId = "";
+        this.getWebRecruitmentPage();
+      } else {
+        this.currentId = item.Id;
+        this.msg.TypeId = item.Id;
+        this.getWebRecruitmentPage();
+      }
     },
     //跳转职位详情
-    jumpJobDetail(id){
-      this.$router.push({path:"/jobDetail",query:{id:id}})
+    jumpJobDetail(id) {
+      this.$router.push({ path: "/jobDetail", query: { id: id } });
     },
     //获取招聘信息分页列表
     async getWebRecruitmentTypeList() {
       let res = await getWebRecruitmentTypeList();
-      this.recruitmentTypeList = res.Data
+      this.recruitmentTypeList = res.Data;
     },
     //获取招聘信息分页列表
     async getWebRecruitmentPage() {
@@ -190,13 +210,13 @@ export default {
       let res = await addWebJobApply(this.applymsg);
       if (res.Code === 1) {
         this.$q.notify({
-          type:"positive",
-          icon: 'done',
-          position:'top',
-          color: 'positive',
-          message: res.Message
-        })
-        this.hide()
+          type: "positive",
+          icon: "done",
+          position: "top",
+          color: "positive",
+          message: res.Message,
+        });
+        this.hide();
       }
     },
     //对话框
@@ -241,7 +261,7 @@ export default {
     this.menuList = JSON.parse(localStorage.getItem("menuList"));
     this.getWebRecruitmentTypeList();
     this.getWebRecruitmentPage();
-    this.getWebNavList()
+    this.getWebNavList();
   },
 };
 </script>