求职反馈

src/components/Position/longStrip.vue

@@ -1,7 +1,6 @@
 <template>
   <div>
     <div class="position-item mb-3 job-closed elevation-2" style="position: relative;" 
-      :class="{'close-position': val.job.status === '1'}"  
       v-for="(val, i) in props.items" :key="i" @mouseenter="val.active = true" @mouseleave="val.active = false"
     >
       <div class="info-header">
@@ -9,6 +8,7 @@
           <v-btn v-if="props.showCancelBtn" class="half-button ml-3" color="primary" size="small" @click="handleCancel(val)">取消收藏</v-btn>
           <v-btn class="half-button ml-3" color="primary" size="small" @click="toDetails(val)">立即沟通</v-btn>
         </div>
+        <div v-if="val.job.status === '1'" class="font-size-14 header-btn color-error">职位已关闭</div>
         <div class="img-box">
           <v-avatar :image="getUserAvatar(val.contact.avatar, val.contact.sex)" size="x-small"></v-avatar>
           <span class="name">
@@ -19,8 +19,8 @@
       </div>
       <div class="info-content" >
         <div class="job-info">
-          <div class="job-name cursor-pointer">
-            <span class="mr-3 info-name" @click="handleToPositionDetails(val)">{{ val.job.name }}</span>
+          <div class="job-name" :class="{'cursor-pointer': val.job.status === '0'}">
+            <span class="mr-3" :class="{'info-name': val.job.status === '0'}" @click="handleToPositionDetails(val)">{{ val.job.name }}</span>
             <span v-if="val?.job?.areaName">[{{ val.job.areaName }}]</span>
           </div>
           <div class="job-other">
@@ -84,6 +84,7 @@ const handleCancel = async (item) => {
 
 // 职位详情
 const handleToPositionDetails = (item) => {
+  if (item.job.status === '1') return
   router.push(`/recruit/personal/position/details/${item.job.id}`)
 }
 

src/views/recruit/personal/PersonalCenter/jobFeedback/components/interview/item.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="position-item mb-3 job-closed elevation-2"
     style="position: relative;"
-    :class="{'close-position': val.job.status === '1'}"  
     v-for="(val, i) in props.items" :key="i" @mouseenter="val.active = true" @mouseleave="val.active = false"
   >
     <div class="info-header">
@@ -9,9 +8,10 @@
         <v-btn color="primary" size="small" @click="handleAgree(val)">同意</v-btn>
         <v-btn class="ml-3" color="error" size="small" @click="handleRefuse(val)">拒绝</v-btn>
       </div>
-      <div v-if="tab === '1' || tab === '98'" class="float-right font-size-13" :style="{'padding': '12px 12px 0 0', 'color': tab === '1' ? 'var(--v-primary-base)' : 'var(--v-error-base)'}">
+      <div v-if="val.job.status === '1'" class="font-size-14 header-btn color-error">职位已关闭</div>
+      <!-- <div v-if="tab === '1' || tab === '98'" class="float-right font-size-13" :style="{'padding': '12px 12px 0 0', 'color': tab === '1' ? 'var(--v-primary-base)' : 'var(--v-error-base)'}">
         您已于{{ timesTampChange(val.updateTime, 'Y-M-D h:m') }}{{ tab === '1' ? '接受' : '拒绝'}}了此面试邀请
-      </div>
+      </div> -->
       <div class="img-box">
           <v-avatar :image="getUserAvatar(val.contact.avatar, val.contact.sex)" size="x-small"></v-avatar>
           <span class="name">
@@ -24,12 +24,13 @@
     </div>
     <div class="info-content">
         <div class="font-size-16 color-333 mr-5" style="width: 322px;">
+          <div v-if="tab === '1' || tab === '98'" class="font-size-13 mb-1" :style="{'color': tab === '1' ? 'var(--v-primary-base)' : 'var(--v-error-base)'}">您已于{{ timesTampChange(val.updateTime, 'Y-M-D h:m') }}{{ tab === '1' ? '接受' : '拒绝'}}了此面试邀请</div>
           <div>面试时间：{{ timesTampChange(val.time, 'Y-M-D h:m') }}</div>
           <div class="mt-3 ellipsis" style="max-width: 322px;">面试地点：{{ val.address }}</div>
         </div>
         <div class="job-info color-666">
           <div class="job-name ellipsis" style="max-width: 410px;">
-            <span class="mr-3 cursor-pointer position-name" @click="handleToPositionDetails(val)">{{ val.job.name }}</span>
+            <span class="mr-3" :class="{'cursor-pointer': val.job.status === '0', 'position-name': val.job.status === '0'}" @click="handleToPositionDetails(val)">{{ val.job.name }}</span>
             <span v-if="!val.job.payFrom && !val.job.payTo">面议</span>
             <span v-else>{{ val.job.payFrom ? val.job.payFrom + '-' : '' }}{{ val.job.payTo }}{{ val.job.payName ? '/' + val.job.payName : '' }}</span>
           </div>
@@ -85,6 +86,7 @@ const handleToEnterprise = (item) => {
 
 // 职位详情
 const handleToPositionDetails = (item) => {
+  if (item.job.status === '1') return
   router.push(`/recruit/personal/position/details/${item.job.id}`)
 }
 
@@ -120,7 +122,7 @@ const handleRefuse = (val) => {
 
 <style scoped lang="scss">
 .position-item {
-  height: 144px;
+  height: 160px;
   background-color: #fff;
   border-radius: 12px;
   &:hover {

src/views/recruit/personal/PersonalCenter/resume/online/components/jobIntention.vue

@@ -278,8 +278,6 @@ const handleArea = (list, arr) => {
   if (!list.length) return setValue('interestedAreaIdList', '')
   query.interestedAreaIdList = list
   areaSelect = arr
-  // const str = arr.map(e => e.name).join('、')
-  // setValue('interestedAreaIdList', str)
 }
 const handleAreaClear = (k) => {
   query.interestedAreaIdList = query.interestedAreaIdList.filter(i => i !== k.id)