职位管理：不可编辑时按钮置灰加提示

src/views/recruit/enterprise/hirePosition/components/item.vue

@@ -44,8 +44,11 @@
           <span v-if="val.status === '1' && tab === 2" class="cursor-pointer actions" @click="toPay(val)">职位已关闭，点击激活职位</span>
           <span v-if="(val.status-0) === 99 && tab === 0" class="cursor-pointer color-primary" @click="toPay(val)">发布</span>
           <span v-if="(val.status - 0) !== 99 && val.status !== '1' && tab === 1" class="cursor-pointer actions" @click="handleAction(0, val)">{{ $t('common.close') }}</span>
-          <span v-if="tab !== 3 && val.edit" class="lines"></span>
-          <span v-if="tab !== 3 && val.edit" class="cursor-pointer actions" @click="handleEdit(val)">编辑</span>
+          <div v-if="tab !== 3">
+            <span class="lines"></span>
+            <span class="cursor-pointer" :class="{'actions': val.edit}" :style="{'color': val.edit ? '#333' : '#999'}" @click="handleEdit(val)">编辑</span>
+            <v-tooltip v-if="!val.edit" activator="parent" location="top">职位发布时间超过24小时的不支持编辑</v-tooltip>
+          </div>
           <!-- <span v-if="tab === 3" class="cursor-pointer actions" @click="handleUpdateExpireTime(val)">修改到期时间</span> -->
           <span class="lines" v-if="tab !== 3"></span>
           <span class="cursor-pointer actions" @click="handleDetail(val)">详情</span> 
@@ -152,7 +155,7 @@ const handleAction = async (index, { id }) => {
 const router = useRouter()
 // 职位编辑
 const handleEdit = async (val) => {
-  // if (props.tab !== 1) return
+  if (!val.id || !val.edit) return
   const data = await getEnterprisePubJobTypePermission()
   if (!data || !data.length) return Snackbar.warning('没有该操作权限，请联系平台管理员升级后再试')
   router.push(`/recruit/enterprise/hirePosition/edit?id=${val.id}`)
@@ -227,6 +230,6 @@ const handleToResume = (val) => {
   color: var(--color-888);
 }
 .actions:hover {
-  color: var(--v-primary-base);
+  color: var(--v-primary-base) !important;
 }
 </style>

src/views/recruit/enterprise/positionManagement/components/item.vue

@@ -65,9 +65,10 @@
             <span v-if="tab === 2" class="cursor-pointer actions" @click="handleAction(1, '', val, val)">激活</span>
             <span class="lines" v-if="tab === 2"></span>
             <span class="cursor-pointer actions" @click="handleDetail(val)">详情</span>  
-            <div v-if="tab !== 3 && val.edit">
+            <div v-if="tab !== 3">
               <span class="lines"></span>
-              <span class="cursor-pointer actions" @click="handleEdit(val)">{{ $t('common.edit') }}</span>
+              <span class="cursor-pointer" :class="{'actions': val.edit}" :style="{'color': val.edit ? '#333' : '#999'}" @click="handleEdit(val)">{{ $t('common.edit') }}</span>
+              <v-tooltip v-if="!val.edit" activator="parent" location="top">职位发布时间超过24小时的不支持编辑</v-tooltip>
             </div>
           </div>
         </div>
@@ -273,7 +274,7 @@ const handleSubmit = async () => {
 const router = useRouter()
 // 职位编辑
 const handleEdit = async (val) => {
-  if (!val.id) return
+  if (!val.id || !val.edit) return
   const data = await getEnterprisePubJobTypePermission()
   if (!data || !data.length) return Snackbar.warning('没有该操作权限，请联系平台管理员升级后再试')
   router.push(`/recruit/enterprise/position/edit?id=${val.id}`)
@@ -331,6 +332,6 @@ const handleToResume = (val) => {
   color: var(--color-888);
 }
 .actions:hover {
-  color: var(--v-primary-base);
+  color: var(--v-primary-base) !important;
 }
 </style>