flat: 过期状态

2025-11-27 21:45:15 +08:00
parent 4563fa90af
commit dfd79646d6
5 changed files with 108 additions and 67 deletions
--- a/common/common.css
+++ b/common/common.css
@@ -465,3 +465,7 @@ html {
    text-overflow: ellipsis;
    /* 使用省略号 */
 }
+
+.grayscale {
+    filter: grayscale(100%) opacity(0.6);
+}
--- a/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
+++ b/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
@@ -1,6 +1,11 @@
 <template>
    <view v-for="company in listData" :key="company.id">
-        <view v-if="company.dataType==2" 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>
@@ -23,7 +28,7 @@
                </view>
            </view>
        </view>
-        <view v-else class="cards" @click="nextDetail(company)">
+        <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>
@@ -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,8 +83,13 @@ const listData = computed(() => {
 });

 function nextDetail(company) {
+    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`);
+        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}`);
    }
--- a/components/renderDeliveryRecord/renderDeliveryRecord.vue
+++ b/components/renderDeliveryRecord/renderDeliveryRecord.vue
@@ -3,10 +3,13 @@
        <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>
@@ -37,10 +40,13 @@

            <!-- 数据类型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>
@@ -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>
--- a/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
+++ b/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
@@ -3,10 +3,13 @@
        <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>
@@ -37,10 +40,13 @@

            <!-- 数据类型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>
@@ -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}`);
 }
--- a/components/renderJobViewRecord/renderJobViewRecord.vue
+++ b/components/renderJobViewRecord/renderJobViewRecord.vue
@@ -3,10 +3,13 @@
        <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>
@@ -37,10 +40,13 @@

            <!-- 数据类型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>
@@ -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>