diff --git a/common/common.css b/common/common.css
index 7e4329d..68e0da4 100644
--- a/common/common.css
+++ b/common/common.css
@@ -464,4 +464,8 @@ html {
     /* 隐藏超出的文本 */
     text-overflow: ellipsis;
     /* 使用省略号 */
+}
+
+.grayscale {
+    filter: grayscale(100%) opacity(0.6);
 }
\ No newline at end of file
diff --git a/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue b/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
index e07ec8c..b9d2f53 100644
--- a/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
+++ b/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
@@ -1,36 +1,18 @@
 <template>
     <view v-for="company in listData" :key="company.id">
-        <view v-if="company.dataType==2" class="cards" @click="nextDetail(company)">
-            <view class="card-company">
-                <text class="company line_1">{{ company.name }}</text>
-            </view>
-            <view class="card-bottom ">
-                <view class="fl_box fs_14">
-                    <view class="mar_ri10">{{company.industry}}</view>
-                    <view>{{company.scale  }}</view>
-                </view>
-                <view class="ris">
-                    <text class="fs_14">
-                        在招职位·
-                        <text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
-                        个
-                    </text>
-                </view>
-            </view>
-            <view class="card-tags">
-                <view class="tag" v-if="company.nature">
-                    {{company.nature}}
-                </view>
-            </view>
-        </view>
-        <view v-else class="cards" @click="nextDetail(company)">
+        <view
+            v-if="company.dataType == 2"
+            :class="{ grayscale: company.isPublish }"
+            class="cards"
+            @click="nextDetail(company)"
+        >
             <view class="card-company">
                 <text class="company line_1">{{ company.name }}</text>
             </view>
             <view class="card-bottom">
                 <view class="fl_box fs_14">
-                    <view class="mar_ri10">{{company.industry}}</view>
-                    <view>{{company.scale }}</view>
+                    <view class="mar_ri10">{{ company.industry }}</view>
+                    <view>{{ company.scale }}</view>
                 </view>
                 <view class="ris">
                     <text class="fs_14">
@@ -42,7 +24,30 @@
             </view>
             <view class="card-tags">
                 <view class="tag" v-if="company.nature">
-                    {{company.nature}}
+                    {{ company.nature }}
+                </view>
+            </view>
+        </view>
+        <view v-else class="cards" :class="{ grayscale: company.isPublish }" @click="nextDetail(company)">
+            <view class="card-company">
+                <text class="company line_1">{{ company.name }}</text>
+            </view>
+            <view class="card-bottom">
+                <view class="fl_box fs_14">
+                    <view class="mar_ri10">{{ company.industry }}</view>
+                    <view>{{ company.scale }}</view>
+                </view>
+                <view class="ris">
+                    <text class="fs_14">
+                        在招职位·
+                        <text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
+                        个
+                    </text>
+                </view>
+            </view>
+            <view class="card-tags">
+                <view class="tag" v-if="company.nature">
+                    {{ company.nature }}
                 </view>
             </view>
         </view>
@@ -51,7 +56,7 @@
 
 <script setup>
 import { inject, computed, toRaw } from 'vue';
-const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
+const { $api, insertSortData, navTo, vacanciesTo } = inject('globalFunction');
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
 const props = defineProps({
@@ -78,9 +83,14 @@ const listData = computed(() => {
 });
 
 function nextDetail(company) {
-    if(company.dataType == 2){
-        navTo(`/packageA/pages/UnitDetails/UnitDetails?companyId=${company.gsID}&companyName=${company.name}&zphId=${company.zphID}&dataType=2`);
-    }else{
+    if (company.isPublish) {
+        return $api.msg('已过期');
+    }
+    if (company.dataType == 2) {
+        navTo(
+            `/packageA/pages/UnitDetails/UnitDetails?companyId=${company.gsID}&companyName=${company.name}&zphId=${company.zphID}&dataType=2`
+        );
+    } else {
         navTo(`/packageA/pages/UnitDetails/UnitDetails?companyId=${company.companyId}`);
     }
 }
@@ -154,4 +164,4 @@ function nextDetail(company) {
 .ris{
     font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/renderDeliveryRecord/renderDeliveryRecord.vue b/components/renderDeliveryRecord/renderDeliveryRecord.vue
index 111a610..8aca631 100644
--- a/components/renderDeliveryRecord/renderDeliveryRecord.vue
+++ b/components/renderDeliveryRecord/renderDeliveryRecord.vue
@@ -3,22 +3,25 @@
         <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
             <!-- 数据类型2的完整模块 -->
             <view v-if="job.dataType == 2">
-                <view class="card-company">
+                <view class="card-company" :class="{ grayscale: job.isPublish }">
                     <text class="company">{{ job.jobTitle }}</text>
                     <view class="salary">
-                        <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
                     </view>
                 </view>
                 <view class="card-companyName">{{ job.companyName }}</view>
                 <view class="card-tags">
                     <view class="tag">
-                        {{job.education == '不限' ? '学历不限' : job.education}}
+                        {{ job.education == '不限' ? '学历不限' : job.education }}
                     </view>
                     <view class="tag">
-                     {{job.experience == '不限' ? '经验不限' : job.experience}}
+                        {{ job.experience == '不限' ? '经验不限' : job.experience }}
                     </view>
                     <view class="tag">
-                       {{ vacanciesTo(job.vacancies) }}
+                        {{ vacanciesTo(job.vacancies) }}
                     </view>
                 </view>
                 <view class="card-bottom">
@@ -34,22 +37,25 @@
                     </view>
                 </view>
             </view>
-            
+
             <!-- 数据类型1的完整模块 -->
             <view v-else>
-                <view class="card-company">
+                <view class="card-company" :class="{ grayscale: job.isPublish }">
                     <text class="company">{{ job.jobTitle }}</text>
                     <view class="salary">
-                        <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
                     </view>
                 </view>
                 <view class="card-companyName">{{ job.companyName }}</view>
                 <view class="card-tags">
                     <view class="tag">
-                        {{job.education == '不限' ? '学历不限' : job.education}}
+                        {{ job.education == '不限' ? '学历不限' : job.education }}
                     </view>
                     <view class="tag">
-                     {{job.experience == '不限' ? '经验不限' : job.experience}}
+                        {{ job.experience == '不限' ? '经验不限' : job.experience }}
                     </view>
                     <view class="tag">
                         {{ vacanciesTo(job.vacancies) }}
@@ -77,7 +83,7 @@
 
 <script setup>
 import { inject, computed, toRaw } from 'vue';
-const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
+const { $api, insertSortData, navTo, vacanciesTo } = inject('globalFunction');
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
 const props = defineProps({
@@ -129,6 +135,9 @@ function parseDateTime(datetimeStr) {
 }
 
 function nextDetail(job) {
+    if (job.isPublish) {
+        return $api.msg('已过期');
+    }
     navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
 }
 </script>
@@ -198,4 +207,4 @@ function nextDetail(job) {
         color: #6C7282;
     }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/renderJobCollectionRecord/renderJobCollectionRecord.vue b/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
index c1f6888..3857395 100644
--- a/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
+++ b/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
@@ -3,19 +3,22 @@
         <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
             <!-- 数据类型2的完整模块 -->
             <view v-if="job.dataType == 2">
-                <view class="card-company">
+                <view class="card-company" :class="{ grayscale: job.isPublish }">
                     <text class="company">{{ job.jobTitle }}</text>
                     <view class="salary">
-                        <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
                     </view>
                 </view>
                 <view class="card-companyName">{{ job.companyName }}</view>
                 <view class="card-tags">
                     <view class="tag">
-                        {{job.education == '不限' ? '学历不限' : job.education}}
+                        {{ job.education == '不限' ? '学历不限' : job.education }}
                     </view>
                     <view class="tag">
-                     {{job.experience == '不限' ? '经验不限' : job.experience}}
+                        {{ job.experience == '不限' ? '经验不限' : job.experience }}
                     </view>
                     <view class="tag">
                         {{ vacanciesTo(job.vacancies) }}
@@ -34,22 +37,25 @@
                     </view>
                 </view>
             </view>
-            
+
             <!-- 数据类型1的完整模块 -->
             <view v-else>
-                <view class="card-company">
+                <view class="card-company" :class="{ grayscale: job.isPublish }">
                     <text class="company">{{ job.jobTitle }}</text>
                     <view class="salary">
-                        <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
                     </view>
                 </view>
                 <view class="card-companyName">{{ job.companyName }}</view>
                 <view class="card-tags">
                     <view class="tag">
-                        {{job.education == '不限' ? '学历不限' : job.education}}
+                        {{ job.education == '不限' ? '学历不限' : job.education }}
                     </view>
                     <view class="tag">
-                     {{job.experience == '不限' ? '经验不限' : job.experience}}
+                        {{ job.experience == '不限' ? '经验不限' : job.experience }}
                     </view>
                     <view class="tag">
                         {{ vacanciesTo(job.vacancies) }}
@@ -77,7 +83,7 @@
 
 <script setup>
 import { inject, computed, toRaw } from 'vue';
-const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
+const { $api, insertSortData, navTo, vacanciesTo } = inject('globalFunction');
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
 const props = defineProps({
@@ -129,6 +135,9 @@ function parseDateTime(datetimeStr) {
 }
 
 function nextDetail(job) {
+    if (job.isPublish) {
+        return $api.msg('已过期');
+    }
     // 根据数据类型跳转到不同的详情页
     navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
 }
@@ -199,4 +208,4 @@ function nextDetail(job) {
         color: #6C7282;
     }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/renderJobViewRecord/renderJobViewRecord.vue b/components/renderJobViewRecord/renderJobViewRecord.vue
index 111a610..8aca631 100644
--- a/components/renderJobViewRecord/renderJobViewRecord.vue
+++ b/components/renderJobViewRecord/renderJobViewRecord.vue
@@ -3,22 +3,25 @@
         <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
             <!-- 数据类型2的完整模块 -->
             <view v-if="job.dataType == 2">
-                <view class="card-company">
+                <view class="card-company" :class="{ grayscale: job.isPublish }">
                     <text class="company">{{ job.jobTitle }}</text>
                     <view class="salary">
-                        <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
                     </view>
                 </view>
                 <view class="card-companyName">{{ job.companyName }}</view>
                 <view class="card-tags">
                     <view class="tag">
-                        {{job.education == '不限' ? '学历不限' : job.education}}
+                        {{ job.education == '不限' ? '学历不限' : job.education }}
                     </view>
                     <view class="tag">
-                     {{job.experience == '不限' ? '经验不限' : job.experience}}
+                        {{ job.experience == '不限' ? '经验不限' : job.experience }}
                     </view>
                     <view class="tag">
-                       {{ vacanciesTo(job.vacancies) }}
+                        {{ vacanciesTo(job.vacancies) }}
                     </view>
                 </view>
                 <view class="card-bottom">
@@ -34,22 +37,25 @@
                     </view>
                 </view>
             </view>
-            
+
             <!-- 数据类型1的完整模块 -->
             <view v-else>
-                <view class="card-company">
+                <view class="card-company" :class="{ grayscale: job.isPublish }">
                     <text class="company">{{ job.jobTitle }}</text>
                     <view class="salary">
-                        <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
                     </view>
                 </view>
                 <view class="card-companyName">{{ job.companyName }}</view>
                 <view class="card-tags">
                     <view class="tag">
-                        {{job.education == '不限' ? '学历不限' : job.education}}
+                        {{ job.education == '不限' ? '学历不限' : job.education }}
                     </view>
                     <view class="tag">
-                     {{job.experience == '不限' ? '经验不限' : job.experience}}
+                        {{ job.experience == '不限' ? '经验不限' : job.experience }}
                     </view>
                     <view class="tag">
                         {{ vacanciesTo(job.vacancies) }}
@@ -77,7 +83,7 @@
 
 <script setup>
 import { inject, computed, toRaw } from 'vue';
-const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
+const { $api, insertSortData, navTo, vacanciesTo } = inject('globalFunction');
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
 const props = defineProps({
@@ -129,6 +135,9 @@ function parseDateTime(datetimeStr) {
 }
 
 function nextDetail(job) {
+    if (job.isPublish) {
+        return $api.msg('已过期');
+    }
     navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
 }
 </script>
@@ -198,4 +207,4 @@ function nextDetail(job) {
         color: #6C7282;
     }
 }
-</style>
\ No newline at end of file
+</style>