Merge remote-tracking branch 'origin/bin' into media-css

App.vue

@@ -4,7 +4,7 @@ import { onLaunch, onShow, onHide } from '@dcloudio/uni-app';
 import useUserStore from './stores/useUserStore';
 import usePageAnimation from './hook/usePageAnimation';
 import useDictStore from './stores/useDictStore';
-const { $api, navTo, appendScriptTagElement, aes_Decrypt, sm2_Decrypt } = inject('globalFunction');
+const { $api, navTo, appendScriptTagElement, aes_Decrypt, sm2_Decrypt, safeReLaunch } = inject('globalFunction');
 import config from '@/config.js';
 usePageAnimation();
 const appword = 'aKd20dbGdFvmuwrt'; // 固定值
@@ -14,8 +14,10 @@ onLaunch((options) => {
     useDictStore().getDictData();
     try {
         getUserInfo();
+        useUserStore().changMiniProgramAppStatus(false);
     } catch {
         console.log('不是爱山东平台，使用测试登陆');
+        useUserStore().changMiniProgramAppStatus(true);
         useUserStore().initSeesionId(); //更新
         let token = uni.getStorageSync('token') || ''; // 同步获取 缓存信息
         if (token) {
@@ -25,9 +27,10 @@ onLaunch((options) => {
                     $api.msg('登录成功');
                 });
         } else {
-            uni.redirectTo({
-                url: '/pages/login/login',
-            });
+            safeReLaunch('/pages/login/login');
+            // uni.redirectTo({
+            //     url: '/pages/login/login',
+            // });
         }
     }
 });
@@ -108,13 +111,15 @@ function loginCallback(userInfo) {
             .then((resume) => {
                 if (resume.data.jobTitleId) {
                     useUserStore().initSeesionId();
-                    uni.reLaunch({
-                        url: '/pages/index/index',
-                    });
+                    // uni.reLaunch({
+                    //     url: '/pages/index/index',
+                    // });
+                    safeReLaunch('/pages/index/index');
                 } else {
-                    uni.redirectTo({
-                        url: '/pages/login/login',
-                    });
+                    safeReLaunch('/pages/login/login');
+                    // uni.redirectTo({
+                    //     url: '/pages/login/login',
+                    // });
                 }
             });
     });
@@ -185,4 +190,4 @@ uni-modal,
 body {
     font-family: 'PingFangSC-Regular', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
-</style>
+</style>

common/common.css

@@ -33,12 +33,17 @@ html {
     overflow-x: hidden;
 }
 
+li {
+    list-style: none;
+}
+
 /* 布局调整 */
 
 /* 点击动效 */
 /* 缩小 */
 .button-click {
-    transition: transform 0.1s ease;
+    /* transition: transform 0.1s ease; */
+    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
 .button-click:active {
@@ -67,7 +72,8 @@ html {
 }
 
 .btn-feel {
-    transition: transform 0.15s ease;
+    transition: transform 0.5s ease;
+    /* transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); */
     transform-style: preserve-3d;
 }
 
@@ -84,7 +90,8 @@ html {
     border: none;
     border-radius: 6px;
     cursor: pointer;
-    transition: transform 0.1s ease, box-shadow 0.1s ease;
+    /* transition: transform 0.4s ease, box-shadow 0.1s ease; */
+    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     /* box-shadow: 0 4px 0 #2C3E50; */
 }
 
@@ -472,4 +479,159 @@ html {
 
 .height-100 {
     height: 100%;
+}
+
+
+.pointEveNone {
+    pointer-events: none;
+}
+
+/* 
+ * 
+ *  TransitionGroup 动画
+ *  stagger 错峰
+ *  fade-up-stagger --i 淡入上滑（经典错峰）
+ *  pop-in-stagger --i 旋转缩放弹入（活泼）
+ *  slide-left-stagger 从左侧滑入（消息流风格）
+ *  blur-fade-stagger  --i 渐显 + 模糊（毛玻璃感）
+ *  bounce-up-stagger 从底部弹跳入场（物理感）
+ * 
+ */
+/* 淡入上滑（经典错峰） */
+.fade-up-stagger-enter-active {
+    transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
+    transition-delay: calc(var(--i) * 0.1s);
+}
+
+.fade-up-stagger-enter-from {
+    opacity: 0;
+    transform: translateY(20px);
+}
+
+.fade-up-stagger-leave-active {
+    transition: opacity 0.25s ease;
+}
+
+.fade-up-stagger-leave-to {
+    opacity: 0;
+}
+
+/*  */
+
+.pop-in-stagger-enter-active {
+    transition: all 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+    transition-delay: calc(var(--i) * 0.08s);
+}
+
+.pop-in-stagger-enter-from {
+    opacity: 0;
+    transform: scale(0.7) rotate(-10deg);
+}
+
+.pop-in-stagger-leave-active {
+    transition: all 0.2s ease;
+}
+
+.pop-in-stagger-leave-to {
+    opacity: 0;
+    transform: scale(0.9) rotate(5deg);
+}
+
+.slide-left-stagger-enter-active {
+    transition: all 0.35s ease-out;
+    transition-delay: calc(var(--i) * 0.07s);
+}
+
+.slide-left-stagger-enter-from {
+    opacity: 0;
+    transform: translateX(-100%);
+}
+
+.slide-left-stagger-leave-active {
+    transition: all 0.25s ease;
+}
+
+.slide-left-stagger-leave-to {
+    opacity: 0;
+    transform: translateX(50%);
+}
+
+/* 错峰动画 */
+.stagger-enter-active {
+    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    transition-delay: calc(var(--i) * 0.42s);
+    /* 关键：120ms 间隔 */
+}
+
+.stagger-enter-from {
+    opacity: 0;
+    transform: translateY(30px) scale(0.95);
+    /* 更大位移 + 轻微缩放 */
+}
+
+.stagger-leave-active {
+    transition: all 0.25s ease;
+}
+
+.stagger-leave-to {
+    opacity: 0;
+    transform: translateX(20px);
+}
+
+.stagger-move {
+    transition: transform 0.4s ease;
+}
+
+.blur-fade-stagger-enter-active {
+    transition: all 0.5s ease;
+    transition-delay: calc(var(--i) * 0.09s);
+}
+
+.blur-fade-stagger-enter-from {
+    opacity: 0;
+    filter: blur(8px);
+    transform: scale(1.02);
+}
+
+.blur-fade-stagger-leave-active {
+    transition: all 0.2s ease;
+}
+
+.blur-fade-stagger-leave-to {
+    opacity: 0;
+    filter: blur(4px);
+}
+
+.bounce-up-stagger-enter-active {
+    animation: stagger-bounce 0.6s forwards;
+    animation-delay: calc(var(--i) * 0.12s);
+}
+
+.bounce-up-stagger-leave-active {
+    transition: all 0.25s ease;
+}
+
+.bounce-up-stagger-leave-to {
+    opacity: 0;
+    transform: translateY(30px);
+}
+
+@keyframes stagger-bounce {
+    0% {
+        opacity: 0;
+        transform: translateY(100px) scale(0.8);
+    }
+
+    60% {
+        transform: translateY(-10px) scale(1.05);
+    }
+
+    80% {
+        transform: translateY(5px) scale(0.98);
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
 }

common/globalFunction.js

@@ -51,6 +51,23 @@ const prePage = () => {
 }
 
 
+export function safeReLaunch(url) {
+    const pages = getCurrentPages();
+    const currentPage = pages[pages.length - 1];
+
+    // 移除传入url开头的斜杠用于对比
+    const cleanUrl = url.startsWith('/') ? url.slice(1) : url;
+
+    if (currentPage && currentPage.route === cleanUrl) {
+        console.log('已在当前页');
+        return;
+    }
+
+    uni.reLaunch({
+        url
+    });
+}
+
 
 
 /**
@@ -285,7 +302,9 @@ function deg2rad(deg) {
 }
 
 function vacanciesTo(vacancies) {
-    if (vacancies >= 0) {
+    if (vacancies === null) {
+        return '-人'
+    } else if (vacancies >= 0) {
         return vacancies + "人"
     } else {
         return '不限人数'
@@ -625,7 +644,8 @@ export const $api = {
     sendingMiniProgramMessage,
     copyText,
     aes_Decrypt,
-    createRequestWithCache
+    createRequestWithCache,
+    safeReLaunch
 }
 
 
@@ -658,5 +678,6 @@ export default {
     sm4Decrypt,
     aes_Decrypt,
     sm2_Decrypt,
-    sm2_Encrypt
+    sm2_Encrypt,
+    safeReLaunch
 }

components/AppLayout/AppLayout.vue

@@ -151,3 +151,31 @@ const handleScrollToLower = () => {
     height: 100%;
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .app-container {
+        .container-header{
+            height:120rpx;
+            line-height: 120rpx;
+            .header-btnLf{
+                ::v-deep *{
+                    width: 90rpx !important;
+                    height: 90rpx !important;
+                    font-size: 40rpx !important;
+                }
+            }
+            .header-btnRi{
+                ::v-deep *{
+                    width: 90rpx !important;
+                    height: 90rpx !important;
+                    font-size: 40rpx !important;
+                }
+            }
+            .header-title{
+                font-size: 40rpx;
+            }
+        }
+    }
+}
+</style>

components/DatePicker/DatePicker.vue

@@ -324,4 +324,21 @@ export default {
         color: #256bfa;
     }
 }
-</style>
+</style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .popup-header {
+        .title {
+            font-size: 40rpx;
+        }
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+}
+</style>
+

components/Salary-Expectation/Salary-Expectation.vue

@@ -1,17 +1,37 @@
 <template>
-    <view>{{ salaryText }}</view>
+  <view>
+    <view v-if="!minSalary || !maxSalary">面议</view>
+    <view v-else class="texts">
+      <text class="num">{{ minSalary / 1000 }}</text>
+      <text class="unit">k</text>
+      <text class="gap">~</text>
+      <text class="num">{{ maxSalary / 1000 }}</text>
+      <text class="unit">k</text>
+    </view>
+  </view>
 </template>
 
 <script setup>
-import { inject, computed } from 'vue';
-import useDictStore from '../../stores/useDictStore';
-const { minSalary, maxSalary, isMonth } = defineProps(['minSalary', 'maxSalary', 'isMonth']);
-
-const salaryText = computed(() => {
-    if (!minSalary || !maxSalary) return '面议';
-    if (isMonth) {
-        return `${minSalary}-${maxSalary}/月`;
-    }
-    return `${minSalary / 1000}k-${maxSalary / 1000}k`;
-});
+import { inject, computed } from "vue";
+import useDictStore from "../../stores/useDictStore";
+const { minSalary, maxSalary } = defineProps(["minSalary", "maxSalary"]);
 </script>
+
+<style lang="scss" scoped>
+.texts{
+    letter-spacing: 1rpx;
+}
+.num{
+    font-size: 32rpx;
+    font-weight: 500;
+}
+.unit{
+    font-size: 24rpx;
+    font-weight: 500;
+}
+.gap{
+    font-size: 32rpx;
+    font-weight: 500;
+    margin-left: 5rpx;
+}
+</style>

components/expected-station/expected-station.vue

@@ -252,3 +252,32 @@ export default {
                 border: 2rpx solid #256BFA;
                 color: #256BFA
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .sex-content{
+        .sex-content-left{
+            width: 350rpx;
+             .left-list-btn{
+                font-size: 36rpx;
+             }
+        }
+        .sex-content-right{
+            .grid-sex{
+                grid-template-columns:repeat(6,1fr);
+                .sex-right-btn{
+                    font-size: 36rpx;
+                    height: 100rpx;
+                    line-height: 100rpx;
+                }
+            }
+        }
+        .secondary-title{
+            font-size: 38rpx;
+        }
+   }
+}
+</style>
+
+
+

components/md-render/md-render.vue

@@ -355,3 +355,34 @@ ol {
         padding: 4rpx 20rpx;
         margin-right: 16rpx;
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .custom-card{
+        padding: 30rpx;
+        .card-title{
+            .title-text{
+                font-size: 36rpx;
+            }
+            .card-salary{
+                font-size: 34rpx;
+            }
+        }
+        .card-company{
+            font-size: 32rpx;
+        }
+        .card-info{
+            font-size: 32rpx;
+            .info-item{
+                font-size: 32rpx;
+            }
+        }
+        .card-tag{
+            font-size: 30rpx;
+            padding: 8rpx 20rpx;
+        }
+    }
+}
+</style>
+

components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue

@@ -10,12 +10,12 @@
                 <text class="company line_1">{{ company.name }}</text>
             </view>
             <view class="card-bottom">
-                <view class="fl_box fs_14">
+                <view class="fl_box">
                     <view class="mar_ri10">{{ company.industry }}</view>
                     <view>{{ company.scale }}</view>
                 </view>
                 <view class="ris">
-                    <text class="fs_14">
+                    <text>
                         在招职位·
                         <text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
                         个
@@ -33,12 +33,12 @@
                 <text class="company line_1">{{ company.name }}</text>
             </view>
             <view class="card-bottom">
-                <view class="fl_box fs_14">
+                <view class="fl_box ">
                     <view class="mar_ri10">{{ company.industry }}</view>
                     <view>{{ company.scale }}</view>
                 </view>
                 <view class="ris">
-                    <text class="fs_14">
+                    <text>
                         在招职位·
                         <text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
                         个
@@ -165,3 +165,25 @@ function nextDetail(company) {
     font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>

components/renderCompanys/renderCompanys.vue

@@ -5,12 +5,12 @@
                 <text class="company line_1">{{ job.name }}</text>
             </view>
             <view class="card-bottom">
-                <view class="fl_box fs_14">
+                <view class="fl_box">
                     <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
                     <dict-Label dictType="scale" :value="job.scale"></dict-Label>
                 </view>
                 <view class="ris">
-                    <text class="fs_14">
+                    <text>
                         在招职位·
                         <text class="color_256BFA">{{ job.totalRecruitment || '-' }}</text>
                         个
@@ -130,4 +130,27 @@ function nextDetail(company) {
 .ris{
     font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
 }
+</style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
 </style>

components/renderCompanysOutData/renderCompanysOutData.vue

@@ -1,48 +1,52 @@
 <template>
-    <view v-for="job in listData" :key="job.id">
-        <view class="cards" @click="nextDetail(job)">
-            <view class="card-company">
-                <text class="company line_1">{{ job.gsmc }}</text>
-            </view>
-            <view class="card-bottom" >
-                <view class="fl_box fs_14" >
-                    <!-- <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
+    <transition-group name="blur-fade-stagger" tag="view">
+        <view v-for="(job, index) in dataSource" :key="job.id" :style="{ '--i': 2 }">
+            <view class="cards" @click="nextDetail(job)">
+                <view class="card-company">
+                    <text class="company line_1">{{ job.gsmc }}</text>
+                </view>
+                <view class="card-bottom">
+                    <view class="fl_box fs_14">
+                        <!-- <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
                     <dict-Label dictType="scale" :value="job.scale"></dict-Label> -->
-                    <view>{{job.gsxy}}</view>
+                        <view>{{ job.gsxy }}</view>
+                    </view>
+                    <view class="ris">
+                        <text class="fs_14">
+                            在招职位·
+                            <text class="color_256BFA">{{ job.zzgwsl || '-' }}</text>
+                            个
+                        </text>
+                    </view>
                 </view>
-                <view class="ris" >
-                    <text class="fs_14">
-                        在招职位·
-                        <text class="color_256BFA">{{ job.zzgwsl || '-' }}</text>
-                        个
-                    </text>
-                </view>
-            </view>
-            <view class="card-tags">
-                <view class="tag" v-if="job.nature">
-                    <dict-Label dictType="nature" :value="job.nature"></dict-Label>
-                    <dict-Label  dictType="nature" :value="job.nature"></dict-Label>
-                </view>
-                <view class="tag">
-                    {{ vacanciesTo(job.vacancies) }}
-                </view>
-                 <view class="tag" v-if="job.qyxz">
-                  {{job.qyxz}}
+                <view class="card-tags">
+                    <view class="tag" v-if="job.nature">
+                        <dict-Label dictType="nature" :value="job.nature"></dict-Label>
+                        <dict-Label dictType="nature" :value="job.nature"></dict-Label>
+                    </view>
+                    <view class="tag">
+                        {{ vacanciesTo(job.vacancies) }}
+                    </view>
+                    <view class="tag" v-if="job.qyxz">
+                        {{ job.qyxz }}
+                    </view>
                 </view>
             </view>
         </view>
-    </view>
+    </transition-group>
 </template>
 
 <script setup>
-import { inject, computed, toRaw } from 'vue';
+import { inject, computed, toRaw, watch, ref, nextTick } from 'vue';
 const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
+
+const dataSource = ref([]);
 const props = defineProps({
     list: {
         type: Array,
-        default: '标题',
+        default: () => [],
     },
     longitude: {
         type: Number,
@@ -61,13 +65,49 @@ const props = defineProps({
         default: '',
     },
 });
+const processedIds = new Set();
+watch(
+    () => props.list,
+    (newList) => {
+        if (!Array.isArray(newList)) return;
 
-const listData = computed(() => {
-    return props.list;
-});
+        let shouldReset = false;
+
+        if (dataSource.value.length > newList.length) {
+            shouldReset = true;
+        } else if (dataSource.value.length > 0 && newList.length > 0) {
+            // 注意：这里沿用你代码中使用的 item.id 作为唯一标识
+            const oldId = dataSource.value[0].id;
+            const newId = newList[0].id;
+            if (oldId !== newId) {
+                shouldReset = true;
+            }
+        }
+
+        if (shouldReset) {
+            dataSource.value = [];
+            processedIds.clear();
+        }
+
+        const newItems = newList.filter((item) => !processedIds.has(item.id));
+
+        if (newItems.length === 0) return;
+
+        newItems.forEach((item) => processedIds.add(item.id));
+        const delay = 50;
+        newItems.forEach((item, index) => {
+            setTimeout(() => {
+                dataSource.value.push(item);
+            }, index * delay);
+        });
+    },
+    { immediate: true, deep: true }
+);
 
 function nextDetail(company) {
-    navTo(`/packageA/pages/UnitDetails/UnitDetails?companyId=${company.gsID}&companyName=${company.gsmc}&zphId=${props.zphId}&dataType=2`);
+    navTo(
+        `/packageA/pages/UnitDetails/UnitDetails?companyId=${company.gsID}&companyName=${company.gsmc}&zphId=${props.zphId}&dataType=2`
+    );
 }
 </script>
 
@@ -140,3 +180,26 @@ function nextDetail(company) {
     font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
 }
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>

components/renderDeliveryRecord/renderDeliveryRecord.vue

@@ -208,3 +208,48 @@ function nextDetail(job) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .date-jobTitle{
+        font-size: 38rpx;
+    }
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+                ::v-deep .texts {
+                    .num {
+                      font-size: 40rpx;
+                    }
+                    .unit {
+                      font-size: 30rpx;
+                    }
+                    .gap {
+                      font-size: 30rpx;
+                    }
+                }
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
+

components/renderJobCollectionRecord/renderJobCollectionRecord.vue

@@ -209,3 +209,44 @@ function nextDetail(job) {
     }
 }
 </style>
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+                ::v-deep .texts {
+                    .num {
+                      font-size: 40rpx;
+                    }
+                    .unit {
+                      font-size: 30rpx;
+                    }
+                    .gap {
+                      font-size: 30rpx;
+                    }
+                }
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
+

components/renderJobViewRecord/renderJobViewRecord.vue

@@ -208,3 +208,47 @@ function nextDetail(job) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .date-jobTitle{
+        font-size: 38rpx;
+    }
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+                ::v-deep .texts {
+                    .num {
+                      font-size: 40rpx;
+                    }
+                    .unit {
+                      font-size: 30rpx;
+                    }
+                    .gap {
+                      font-size: 30rpx;
+                    }
+                }
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>

components/renderJobs/renderJobs.vue

@@ -1,48 +1,54 @@
 <template>
-    <view v-for="job in listData" :key="job.id">
-        <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
-            <view class="card-company">
-                <text class="company">{{ job.jobTitle }}</text>
-                <view class="salary">
-                    <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+    <transition-group name="blur-fade-stagger" tag="view">
+        <view v-for="job in dataSource" :key="job.id || job.jobId" :style="{ '--i': 2 }">
+            <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
+                <view class="card-company">
+                    <text class="company">{{ job.jobTitle }}</text>
+                    <view class="salary">
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
+                    </view>
+                </view>
+                <view class="card-companyName">{{ job.gwmc }}</view>
+                <view class="card-tags">
+                    <view class="tag">
+                        <dict-Label dictType="education" :value="job.education"></dict-Label>
+                    </view>
+                    <view class="tag">
+                        <dict-Label dictType="experience" :value="job.experience"></dict-Label>
+                    </view>
+                    <view class="tag">
+                        {{ vacanciesTo(job.vacancies) }}
+                    </view>
+                </view>
+                <view class="card-bottom">
+                    <view>{{ job.postingDate }}</view>
+                    <view>
+                        <convert-distance
+                            :alat="job.latitude"
+                            :along="job.longitude"
+                            :blat="latitude"
+                            :blong="longitude"
+                        ></convert-distance>
+                        <dict-Label class="mar_le10" dictType="area" :value="job.jobLocationAreaCode"></dict-Label>
+                    </view>
                 </view>
             </view>
-            <view class="card-companyName">{{ job.gwmc }}</view>
-            <view class="card-tags">
-                <view class="tag">
-                    <dict-Label dictType="education" :value="job.education"></dict-Label>
-                </view>
-                <view class="tag">
-                    <dict-Label dictType="experience" :value="job.experience"></dict-Label>
-                </view>
-                <view class="tag">
-                    {{ vacanciesTo(job.vacancies) }}
-                </view>
-            </view>
-            <view class="card-bottom">
-                <view>{{ job.postingDate }}</view>
-                <view>
-                    <convert-distance
-                        :alat="job.latitude"
-                        :along="job.longitude"
-                        :blat="latitude"
-                        :blong="longitude"
-                    ></convert-distance>
-                    <dict-Label class="mar_le10" dictType="area" :value="job.jobLocationAreaCode"></dict-Label>
-                </view>
+            <view class="date-jobTitle" v-else>
+                {{ job.title }}
             </view>
         </view>
-        <view class="date-jobTitle" v-else>
-            {{ job.title }}
-        </view>
-    </view>
+    </transition-group>
 </template>
 
 <script setup>
-import { inject, computed, toRaw } from 'vue';
+import { inject, computed, toRaw, ref, watch } from 'vue';
 const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
+const dataSource = ref([]);
 const props = defineProps({
     list: {
         type: Array,
@@ -71,6 +77,51 @@ const listData = computed(() => {
     return props.list;
 });
 
+const processedIds = new Set();
+watch(
+    () => props.list,
+    (newList) => {
+        if (!Array.isArray(newList)) return;
+
+        // --- 新增逻辑开始 ---
+        // 判断是否需要重置数据 (例如：点击了搜索、切换了Tab、或下拉刷新)
+        let shouldReset = false;
+
+        // 场景1: 新列表长度比当前渲染的列表短，说明发生了重置（如从20条变成了10条）
+        if (dataSource.value.length > newList.length) {
+            shouldReset = true;
+        }
+        // 场景2: 列表不为空，且第一条数据的ID发生了变化，说明是全新的搜索结果
+        else if (dataSource.value.length > 0 && newList.length > 0) {
+            const oldId = dataSource.value[0].id || dataSource.value[0].jobId;
+            const newId = newList[0].id || newList[0].jobId;
+            if (oldId !== newId) {
+                shouldReset = true;
+            }
+        }
+
+        // 如果判定为重置，则清空现有数据和ID记录
+        if (shouldReset) {
+            dataSource.value = [];
+            processedIds.clear();
+        }
+        // --- 新增逻辑结束 ---
+
+        const newItems = newList.filter((item) => !processedIds.has(item.id || item.jobId));
+
+        if (newItems.length === 0) return;
+
+        newItems.forEach((item) => processedIds.add(item.id || item.jobId));
+        const delay = 50;
+        newItems.forEach((item, index) => {
+            setTimeout(() => {
+                dataSource.value.push(item);
+            }, index * delay);
+        });
+    },
+    { immediate: true, deep: true } // 建议加上 deep，虽然这里监听的是数组引用变化
+);
+
 function nextDetail(job) {
     // 记录岗位类型，用作数据分析
     if (job.jobCategory) {
@@ -147,3 +198,45 @@ function nextDetail(job) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+                ::v-deep .texts {
+                    .num {
+                      font-size: 40rpx;
+                    }
+                    .unit {
+                      font-size: 30rpx;
+                    }
+                    .gap {
+                      font-size: 30rpx;
+                    }
+                }
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>
+

components/renderJobsOutData/renderJobsOutData.vue

@@ -1,48 +1,54 @@
 <template>
-    <view v-for="job in listData" :key="job.id">
-        <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
-            <view class="card-company">
-                <text class="company">{{ job.gwmc }}</text>
-                <view class="salary">
-                    <Salary-Expectation :max-salary="job.maxSalary" :min-salary="job.minSalary"></Salary-Expectation>
+    <transition-group name="blur-fade-stagger" tag="view">
+        <view v-for="job in dataSource" :key="job.id" :style="{ '--i': 2 }">
+            <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
+                <view class="card-company">
+                    <text class="company">{{ job.gwmc }}</text>
+                    <view class="salary">
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
+                    </view>
                 </view>
-            </view>
-            <view class="card-companyName">{{ job.gsmc }}</view>
-            <view class="card-tags">
-                <view class="tag">
-                    {{job.xlyq == '不限' ? '学历不限' : job.xlyq}}
+                <view class="card-companyName">{{ job.gsmc }}</view>
+                <view class="card-tags">
+                    <view class="tag">
+                        {{ job.xlyq == '不限' ? '学历不限' : job.xlyq }}
+                    </view>
+                    <view class="tag">
+                        {{ job.gwgzjy == '不限' ? '经验不限' : job.gwgzjy }}
+                    </view>
+                    <view class="tag">
+                        {{ vacanciesTo(job.zprs) }}
+                    </view>
                 </view>
-                <view class="tag">
-                 {{job.gwgzjy == '不限' ? '经验不限' : job.gwgzjy}}
-                </view>
-                <view class="tag">
-                    {{ vacanciesTo(job.zprs) }}
-                </view>
-            </view>
-            <view class="card-bottom">
-                <view>{{ parseDateTime(job.createTime).date }}</view>
-                <view>
-                    <!-- <convert-distance
+                <view class="card-bottom">
+                    <view>{{ parseDateTime(job.createTime).date }}</view>
+                    <view>
+                        <!-- <convert-distance
                         :alat="job.latitude"
                         :along="job.longitude"
                         :blat="latitude"
                         :blong="longitude"
                     ></convert-distance>
                     <dict-Label class="mar_le10" dictType="area" :value="job.jobLocationAreaCode"></dict-Label> -->
+                    </view>
                 </view>
             </view>
+            <view class="date-jobTitle" v-else>
+                {{ job.title }}
+            </view>
         </view>
-        <view class="date-jobTitle" v-else>
-            {{ job.title }}
-        </view>
-    </view>
+    </transition-group>
 </template>
 
 <script setup>
-import { inject, computed, toRaw } from 'vue';
+import { inject, computed, toRaw, ref, watch } from 'vue';
 const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
+const dataSource = ref([]);
 const props = defineProps({
     list: {
         type: Array,
@@ -71,6 +77,24 @@ const listData = computed(() => {
     return props.list;
 });
 
+const processedIds = new Set();
+watch(
+    () => props.list,
+    (newList) => {
+        if (!Array.isArray(newList)) return;
+        const newItems = newList.filter((item) => !processedIds.has(item.id));
+        if (newItems.length === 0) return;
+        newItems.forEach((item) => processedIds.add(item.id));
+        const delay = 50;
+        newItems.forEach((item, index) => {
+            setTimeout(() => {
+                dataSource.value.push(item);
+            }, index * delay);
+        });
+    },
+    { immediate: true }
+);
+
 function nextDetail(job) {
     // 记录岗位类型，用作数据分析
     if (job.jobCategory) {
@@ -165,3 +189,34 @@ function parseDateTime(datetimeStr) {
     }
 }
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .cards{
+        .card-company{
+            .company{
+               font-size: 38rpx;
+            }
+            .salary{
+                font-size: 34rpx;
+            }
+        }
+        .card-companyName{
+            margin-top: 14rpx;
+            font-size: 32rpx;
+        }
+        .card-bottom{
+           font-size: 34rpx;
+        }
+        .card-tags{
+            margin-top: 14rpx;
+            .tag{
+                padding: 10rpx 30rpx;
+                font-size: 30rpx;
+                border-radius: 6rpx;
+            }
+        }
+    }
+}
+</style>

components/selectFilter/selectFilter.vue

@@ -374,3 +374,58 @@ defineExpose({
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .filter-nav{
+        width: 350rpx;
+        .nav-item{
+            font-size: 38rpx;
+        }
+        .active{
+            font-size: 40rpx !important;
+        }
+   }
+   .filter-content {
+        .content-item {
+            .item-title{
+                font-size: 38rpx;
+            }
+        }
+        .check-content{
+            margin-top: 30rpx;
+            row-gap: 30rpx;
+            .checkbox-item{
+                .option-label {
+                    font-size: 34rpx;
+                    width: 100%;
+                    white-space: nowrap;
+                    overflow: hidden;
+                }
+            }
+        }
+   }
+   .popup-header {
+        padding-bottom: 25rpx;
+        .title {
+            font-size: 40rpx;
+        }
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+    .popup-bottom {
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+}
+</style>
+
+

components/selectJobs/selectJobs.vue

@@ -299,3 +299,30 @@ defineExpose({
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .popup-header {
+        .title {
+            font-size: 40rpx;
+        }
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+    .popup-bottom {
+        .btn-cancel {
+            font-size: 36rpx;
+        }
+        .btn-confirm {
+            font-size: 36rpx;
+        }
+    }
+}
+</style>
+
+
+

components/selectPopup/selectPopup.vue

@@ -231,3 +231,4 @@ export default {
     }
 }
 </style>
+

config.js

@@ -1,18 +1,26 @@
 export default {
-    // baseUrl: 'https://fw.rc.qingdao.gov.cn/rgpp-api/api', // 内网
-    baseUrl: 'https://qd.zhaopinzao8dian.com/api', // 测试
+    baseUrl: 'https://fw.rc.qingdao.gov.cn/rgpp-api/api', // 内网
+    // baseUrl: 'https://qd.zhaopinzao8dian.com/api', // 测试
     // baseUrl: 'http://192.168.3.29:8081',
     // baseUrl: 'http://10.213.6.207:19010/api',
     // 语音转文字
-    // vioceBaseURl: 'wss://qd.zhaopinzao8dian.com/api/speech-recognition', 
-    vioceBaseURl: 'wss://qd.zhaopinzao8dian.com/api/system/asr/connect', // 自定义
+    // vioceBaseURl: 'wss://qd.zhaopinzao8dian.com/api/system/asr/connect', // 自定义 
+    vioceBaseURl: 'wss://fw.rc.qingdao.gov.cn/rgpp-api/api/system/asr/connect', // 内网 
     // 语音合成
     speechSynthesis: 'wss://qd.zhaopinzao8dian.com/api/speech-synthesis',
-    speechSynthesis2: 'wss://resource.zhuoson.com/synthesis/',
+    speechSynthesis2: 'wss://resource.zhuoson.com/synthesis/', //直接替换即可
     // indexedDB
-    DBversion: 2,
+    DBversion: 3,
     // 只使用本地缓寸的数据
     OnlyUseCachedDB: false,
+    // 素质测评URL
+    Quality_assessment_URL: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/3511c4a8b32c468489ace780d40f6d92/zycpvhyjw/index.html#/pages/evaluation_record/evaluation_record?uuid=2f19e4d676df4650b6fb7edf87461571',
+    // 职业指导
+    Career_guidance: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/927b0032dfe3405ab0124fda9282ebdd/zyzd/index.html',
+    // ai 模拟面试
+    mock_interview: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/4a21b3b6efec4f8db2c3d3d5fa51edc9/szjx-rgzn-xnsc/#/pages/interview/schedule',
+    // VR虚拟招聘会
+    virtualJobFair: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/4a21b3b6efec4f8db2c3d3d5fa51edc9/szjx-rgzn-xnsc/#/pages/metaverse/job_fair',
     // 使用模拟定位
     UsingSimulatedPositioning: true,
     // 应用信息
@@ -78,5 +86,12 @@ export default {
         mode: 'ECB', // default
         iv: 'UISwD9fW6cFh9SNS', // default is null
         cipherType: 'base64' // default is base64
-    }
+    },
+    animations: [ //动画
+        'fade-up-stagger',
+        'pop-in-stagger',
+        'slide-left-stagger',
+        'blur-fade-stagger',
+        'bounce-up-stagger'
+    ]
 }

hook/piper-sdk.js

@@ -0,0 +1,214 @@
+/**
+ * PiperTTS SDK - 兼容移动端的流式语音合成客户端
+ * 特性：
+ * 1. Web Audio API 实时调度，解决移动端不支持 MSE 的问题
+ * 2. 头部注入 (Header Injection) 技术，解决分片解码错误
+ * 3. 自动状态管理与事件回调
+ */
+export class PiperTTS {
+    constructor(config = {}) {
+        this.baseUrl = config.baseUrl || 'http://localhost:5001';
+        this.audioCtx = config.audioCtx || new(window.AudioContext || window.webkitAudioContext)();
+        this.onStatus = config.onStatus || ((msg, type) => console.log(`[Piper] ${msg}`));
+        this.onStart = config.onStart || (() => {});
+        this.onEnd = config.onEnd || (() => {});
+
+        // 内部状态
+        this.ws = null;
+        this.nextTime = 0; // 下一段音频的预定播放时间
+        this.audioHeader = null; // 保存WAV/MP3头部
+        this.chunkQueue = []; // 数据缓冲队列
+        this.queueSize = 0; // 当前缓冲区字节数
+        this.analyser = null; // 可视化分析器节点
+
+        // 配置参数
+        this.flushThreshold = 8 * 1024; // 8KB 阈值
+    }
+
+    /**
+     * [重要] 初始化音频引擎
+     * 必须在用户点击事件（click/touch）中调用一次，否则手机上没声音
+     */
+    async init() {
+        if (this.audioCtx.state === 'suspended') {
+            await this.audioCtx.resume();
+            this.onStatus('音频引擎已激活', 'success');
+        }
+    }
+
+    /**
+     * 绑定可视化分析器
+     * @param {AnalyserNode} analyserNode - Web Audio Analyser节点
+     */
+    attachVisualizer(analyserNode) {
+        this.analyser = analyserNode;
+    }
+
+    /**
+     * 开始合成并播放
+     * @param {string} text - 要合成的文本
+     * @param {object} options - 可选参数 {speaker_id, noise_scale, etc.}
+     */
+    speak(text, options = {}) {
+        if (!text) return;
+
+        this.stop(); // 清理上一次播放
+        this.onStatus('正在建立连接...', 'processing');
+
+        try {
+            const wsUrl = this.baseUrl.replace(/^http/, 'ws') + '/ws/synthesize';
+            this.ws = new WebSocket(wsUrl);
+            this.ws.binaryType = 'arraybuffer';
+
+            this.ws.onopen = () => {
+                this.onStatus('连接成功，请求生成...', 'processing');
+                // 初始化时间轴：当前时间 + 缓冲延迟
+                this.nextTime = this.audioCtx.currentTime + 0.1;
+                this.onStart();
+
+                this.ws.send(
+                    JSON.stringify({
+                        text: text,
+                        speaker_id: options.speakerId || null,
+                        length_scale: options.lengthScale || 1.0,
+                        noise_scale: options.noiseScale || 0.667,
+                    })
+                );
+            };
+
+            this.ws.onmessage = (event) => this._handleMessage(event);
+
+            this.ws.onclose = async () => {
+                // 处理剩余残余数据
+                if (this.chunkQueue.length > 0) {
+                    await this._processQueue(true);
+                }
+                this.onStatus('播放结束', 'success');
+                this.onEnd();
+            };
+
+            this.ws.onerror = (err) => {
+                console.error(err);
+                this.onStatus('连接发生错误', 'error');
+            };
+        } catch (e) {
+            this.onStatus(`启动失败: ${e.message}`, 'error');
+        }
+    }
+
+    /**
+     * 停止播放并重置状态
+     */
+    stop() {
+        if (this.ws) {
+            this.ws.close();
+            this.ws = null;
+        }
+        // 重置缓冲
+        this.chunkQueue = [];
+        this.queueSize = 0;
+        this.audioHeader = null;
+        // 注意：Web Audio API 很难"立即停止"已经在 flight 中的 node，
+        // 除非我们追踪所有的 sourceNode 并调用 .stop()。
+        // 简单实现：suspend 再 resume 或者关闭 context (不推荐频繁关闭)。
+        // 这里的 stop 主要停止数据接收。
+    }
+
+    // --- 内部私有方法 ---
+
+    async _handleMessage(event) {
+        if (!(event.data instanceof ArrayBuffer)) return;
+
+        const chunk = event.data;
+
+        // 1. 捕获头部 (Header Injection 核心)
+        if (!this.audioHeader) {
+            // 截取前100字节作为通用头
+            this.audioHeader = chunk.slice(0, 100);
+        }
+
+        // 2. 入队
+        this.chunkQueue.push(chunk);
+        this.queueSize += chunk.byteLength;
+
+        // 3. 达到阈值则解码播放
+        if (this.queueSize >= this.flushThreshold) {
+            await this._processQueue();
+        }
+    }
+
+    async _processQueue(isLast = false) {
+        if (this.chunkQueue.length === 0) return;
+
+        // 1. 合并 Buffer
+        const rawData = new Uint8Array(this.queueSize);
+        let offset = 0;
+        for (const chunk of this.chunkQueue) {
+            rawData.set(new Uint8Array(chunk), offset);
+            offset += chunk.byteLength;
+        }
+
+        // 清空队列
+        this.chunkQueue = [];
+        this.queueSize = 0;
+
+        try {
+            // 2. 构造带头部的 Buffer
+            let decodeTarget;
+            // 简单的头部检测逻辑，如果没有头，就拼上去
+            if (this.audioHeader && !this._hasHeader(rawData)) {
+                const newBuffer = new Uint8Array(this.audioHeader.byteLength + rawData.byteLength);
+                newBuffer.set(new Uint8Array(this.audioHeader), 0);
+                newBuffer.set(rawData, this.audioHeader.byteLength);
+                decodeTarget = newBuffer.buffer;
+            } else {
+                decodeTarget = rawData.buffer;
+            }
+
+            // 3. 解码
+            const decodedBuffer = await this.audioCtx.decodeAudioData(decodeTarget);
+
+            // 4. 播放调度
+            this._scheduleBuffer(decodedBuffer);
+        } catch (err) {
+            // 解码失败处理：如果是中间数据，放回队列头部等待拼接
+            if (!isLast) {
+                this.chunkQueue.unshift(rawData);
+                this.queueSize += rawData.byteLength;
+            } else {
+                console.warn('最后一段数据解码失败，丢弃', err);
+            }
+        }
+    }
+
+    _scheduleBuffer(decodedBuffer) {
+        const source = this.audioCtx.createBufferSource();
+        source.buffer = decodedBuffer;
+
+        // 连接可视化
+        if (this.analyser) {
+            source.connect(this.analyser);
+            this.analyser.connect(this.audioCtx.destination);
+        } else {
+            source.connect(this.audioCtx.destination);
+        }
+
+        // 计算播放时间：如果发生卡顿，立即播放；否则无缝衔接
+        const scheduleTime = Math.max(this.audioCtx.currentTime, this.nextTime);
+        source.start(scheduleTime);
+
+        // 更新下一段的开始时间
+        this.nextTime = scheduleTime + decodedBuffer.duration;
+    }
+
+    _hasHeader(uint8Arr) {
+        if (uint8Arr.byteLength < 4) return false;
+        // Check "RIFF" (WAV)
+        if (uint8Arr[0] === 82 && uint8Arr[1] === 73 && uint8Arr[2] === 70) return true;
+        // Check "ID3" (MP3)
+        if (uint8Arr[0] === 73 && uint8Arr[1] === 68 && uint8Arr[2] === 51) return true;
+        // Check MP3 Sync Word (Simplify)
+        if (uint8Arr[0] === 0xff && (uint8Arr[1] & 0xe0) === 0xe0) return true;
+        return false;
+    }
+}

hook/usePagination.js

@@ -86,8 +86,7 @@ export function usePagination(
             const res = await requestFn(params)
 
             const rawData = res[dataKey]
-            const total = res[totalKey] || 99999999
-            console.log(total, rawData)
+            
             const data = typeof transformFn === 'function' ? transformFn(rawData) : rawData
 
             if (type === 'refresh') {
@@ -96,9 +95,9 @@ export function usePagination(
                 list.value.push(...data)
             }
 
+            const total = res[totalKey] || list.value?.length
             pageState.total = total
             pageState.maxPage = Math.ceil(total / pageState.pageSize)
-
             finished.value = list.value.length >= total
             empty.value = list.value.length === 0
         } catch (err) {

hook/useTTSPlayer2.js

@@ -1,285 +1,168 @@
 import {
     ref,
     onUnmounted,
-    onMounted
+    onMounted,
+    watch
 } from 'vue'
-// 如果是 uni-app 环境，保留这些导入；如果是纯 Web Vue3，可以移除
 import {
     onHide,
     onUnload
 } from '@dcloudio/uni-app'
 import config from '@/config'
+// 请确保 piper-sdk.js 已经正确 export class PiperTTS
+import {
+    PiperTTS
+} from './piper-sdk.js'
 
-/**
- * Piper TTS 播放钩子 (WebSocket MSE 流式版 - 含 cancelAudio)
- * 依赖: 后端必须去除 MP3 ID3 标签 (-map_metadata -1)
- */
 export function useTTSPlayer() {
-    // 状态管理
+    // UI 状态
     const isSpeaking = ref(false)
     const isPaused = ref(false)
     const isLoading = ref(false)
 
-    // 核心对象
-    let audio = null
-    let mediaSource = null
-    let sourceBuffer = null
-    let ws = null
+    // SDK 实例
+    let piper = null
 
-    // 缓冲队列管理
-    let bufferQueue = []
-    let isAppending = false
-    let isStreamEnded = false
+    /**
+     * 初始化 SDK 实例
+     * 每次 stop 后 piper 会被置空，这里会重新创建
+     */
+    const initPiper = () => {
+        if (piper) return
 
-    // 初始化 Audio 监听器 (只运行一次)
-    const initAudioElement = () => {
-        if (!audio && typeof window !== 'undefined') {
-            audio = new Audio()
+        let baseUrl = config.speechSynthesis2 || ''
+        baseUrl = baseUrl.replace(/\/$/, '')
 
-            // 错误监听
-            audio.addEventListener('error', (e) => {
-                // 如果是手动停止导致的 error (src 被置空)，忽略
-                if (!audio.src) return
-                console.error('Audio Player Error:', e)
+        piper = new PiperTTS({
+            baseUrl: baseUrl,
+            onStatus: (msg, type) => {
+                if (type === 'error') {
+                    console.error('[TTS Error]', msg)
+                    // 出错时不重置状态，交给用户手动处理或结束事件处理
+                    resetState()
+                }
+            },
+            onStart: () => {
+                isLoading.value = false
+                isSpeaking.value = true
+                isPaused.value = false
+            },
+            onEnd: () => {
                 resetState()
-            })
-
-            // 播放结束监听
-            audio.addEventListener('ended', () => {
-                resetState()
-            })
-        }
+            }
+        })
     }
 
     /**
-     * 核心朗读方法 (WebSocket)
-     * @param {string} text - 要朗读的文本
+     * 核心朗读方法
      */
     const speak = async (text) => {
         if (!text) return
 
-        // 1. 提取文本
         const processedText = extractSpeechText(text)
         if (!processedText) return
 
-        // 2. 彻底清理旧状态
-        cancelAudio()
-        initAudioElement()
+        // 1. 【关键修改】先彻底停止并销毁旧实例
+        // 这会断开 socket 并且 close AudioContext，确保上一个声音立即消失
+        await stop()
 
+        // 2. 初始化新实例 (因为 stop() 把 piper 设为了 null)
+        initPiper()
+
+        // 3. 更新 UI 为加载中
         isLoading.value = true
-        isSpeaking.value = true
         isPaused.value = false
-        isStreamEnded = false
+        isSpeaking.value = true // 预先设为 true，防止按钮闪烁
 
-        // 3. 检查环境
-        if (!window.MediaSource || !window.WebSocket) {
-            console.error('当前环境不支持 MediaSource 或 WebSocket')
+        try {
+            // 4. 激活音频引擎 (移动端防静音关键)
+            await piper.init()
+
+            // 5. 发送请求
+            piper.speak(processedText, {
+                speakerId: 0,
+                noiseScale: 0.667,
+                lengthScale: 1.0
+            })
+        } catch (e) {
+            console.error('TTS Speak Error:', e)
             resetState()
-            return
-        }
-
-        try {
-            // 4. 初始化 MSE
-            mediaSource = new MediaSource()
-            // 绑定 MSE 到 Audio
-            audio.src = URL.createObjectURL(mediaSource)
-
-            // 监听 MSE 打开事件
-            mediaSource.addEventListener('sourceopen', () => {
-                // 防止多次触发
-                if (mediaSource.sourceBuffers.length > 0) return
-                startWebSocketStream(processedText)
-            })
-
-            // 尝试播放 (处理浏览器自动播放策略)
-            const playPromise = audio.play()
-            if (playPromise !== undefined) {
-                playPromise.catch(e => {
-                    console.warn('自动播放被拦截 (需用户交互):', e)
-                    // 保持 isSpeaking 为 true，UI 显示播放按钮，用户点击后调用 resume() 即可
-                })
-            }
-
-        } catch (err) {
-            console.error('TTS Initialization Failed:', err)
-            cancelAudio()
         }
     }
 
-    // 启动 WebSocket 流程
-    const startWebSocketStream = (text) => {
-        const mime = 'audio/mpeg'
-
-        // 4.1 创建 SourceBuffer
-        try {
-            sourceBuffer = mediaSource.addSourceBuffer(mime)
-            sourceBuffer.addEventListener('updateend', () => {
-                isAppending = false
-                processQueue()
-            })
-        } catch (e) {
-            console.error('SourceBuffer Create Failed:', e)
-            return
-        }
-
-        // 4.2 计算 WebSocket 地址
-        let baseUrl = config.speechSynthesis2 || ''
-        baseUrl = baseUrl.replace(/\/$/, '')
-        const wsUrl = baseUrl.replace(/^http/, 'ws') + '/ws/synthesize'
-
-        // 4.3 建立连接
-        ws = new WebSocket(wsUrl)
-        ws.binaryType = 'arraybuffer' // 关键
-
-        ws.onopen = () => {
-            // console.log('WS Open')
-            ws.send(JSON.stringify({
-                text: text,
-                speaker_id: 0,
-                length_scale: 1.0,
-                noise_scale: 0.667
-            }))
-            isLoading.value = false
-        }
-
-        ws.onmessage = (event) => {
-            if (event.data instanceof ArrayBuffer) {
-                bufferQueue.push(event.data)
-                processQueue()
-            }
-        }
-
-        ws.onerror = (e) => {
-            console.error('WS Error:', e)
-            cancelAudio()
-        }
-
-        ws.onclose = () => {
-            // console.log('WS Closed')
-            isStreamEnded = true
-            // 检查是否需要结束 MSE 流
-            checkEndOfStream()
-        }
-    }
-
-    // 处理缓冲队列
-    const processQueue = () => {
-        if (!sourceBuffer || sourceBuffer.updating || bufferQueue.length === 0) {
-            // 如果队列空了，且流已结束，尝试结束 MSE
-            if (bufferQueue.length === 0 && isStreamEnded && !sourceBuffer.updating) {
-                checkEndOfStream()
-            }
-            return
-        }
-
-        isAppending = true
-        const chunk = bufferQueue.shift()
-
-        try {
-            sourceBuffer.appendBuffer(chunk)
-        } catch (e) {
-            // console.error('AppendBuffer Error:', e)
-            isAppending = false
-        }
-    }
-
-    // 结束 MSE 流
-    const checkEndOfStream = () => {
-        if (mediaSource && mediaSource.readyState === 'open' && bufferQueue.length === 0 && !sourceBuffer
-            ?.updating) {
-            try {
-                mediaSource.endOfStream()
-            } catch (e) {}
-        }
-    }
-
-    const pause = () => {
-        if (audio && !audio.paused) {
-            audio.pause()
+    /**
+     * 暂停
+     */
+    const pause = async () => {
+        if (piper && piper.audioCtx && piper.audioCtx.state === 'running') {
+            await piper.audioCtx.suspend()
             isPaused.value = true
-            isSpeaking.value = false
         }
     }
 
-    const resume = () => {
-        if (audio && audio.paused) {
-            audio.play()
+    /**
+     * 恢复
+     */
+    const resume = async () => {
+        if (piper && piper.audioCtx && piper.audioCtx.state === 'suspended') {
+            await piper.audioCtx.resume()
             isPaused.value = false
             isSpeaking.value = true
         }
     }
 
-    // === 新增/核心方法：取消并停止 ===
-    const cancelAudio = () => {
-        // 1. 断开 WebSocket (停止数据接收)
-        if (ws) {
-            // 移除监听器防止报错
-            ws.onclose = null
-            ws.onerror = null
-            ws.onmessage = null
-            ws.close()
-            ws = null
-        }
+    /**
+     * 停止并重置 (核打击模式)
+     */
+    const stop = async () => {
+        if (piper) {
+            // 1. 断开 WebSocket
+            piper.stop()
 
-        // 2. 停止音频播放
-        if (audio) {
-            audio.pause()
-            // 释放 Blob URL 内存
-            if (audio.src) {
-                URL.revokeObjectURL(audio.src)
-                audio.removeAttribute('src')
-            }
-            audio.currentTime = 0
-        }
-
-        // 3. 清理 MSE 对象
-        if (mediaSource) {
-            try {
-                if (mediaSource.readyState === 'open') {
-                    mediaSource.endOfStream()
+            // 2. 【关键】关闭 AudioContext
+            // Web Audio API 中，已经 schedule 的 buffer 很难单独取消
+            // 最直接的方法是关闭整个 Context
+            if (piper.audioCtx && piper.audioCtx.state !== 'closed') {
+                try {
+                    await piper.audioCtx.close()
+                } catch (e) {
+                    console.warn('AudioContext close failed', e)
                 }
-            } catch (e) {}
-            mediaSource = null
+            }
+
+            // 3. 销毁实例引用
+            piper = null
         }
-
-        sourceBuffer = null
-        bufferQueue = []
-        isAppending = false
-        isStreamEnded = false
-
-        // 4. 重置 UI 状态
         resetState()
     }
 
-    // 只是重置 UI 变量的辅助函数
+    // UI 状态重置
     const resetState = () => {
         isSpeaking.value = false
         isPaused.value = false
         isLoading.value = false
     }
 
-    // 别名 stop -> cancelAudio (保持兼容性)
-    const stop = cancelAudio
-
     // === 生命周期 ===
     onMounted(() => {
-        initAudioElement()
+        // 预初始化可以不做，等到点击时再做，避免空闲占用 AudioContext 资源
+        // initPiper() 
     })
 
     onUnmounted(() => {
-        cancelAudio()
-        audio = null
+        stop()
     })
 
-    if (typeof onHide === 'function') onHide(cancelAudio)
-    if (typeof onUnload === 'function') onUnload(cancelAudio)
+    // Uniapp 生命周期
+    if (typeof onHide === 'function') onHide(stop)
+    if (typeof onUnload === 'function') onUnload(stop)
 
     return {
         speak,
         pause,
         resume,
         stop,
-        cancelAudio, // 新增导出
+        cancelAudio: stop,
         isSpeaking,
         isPaused,
         isLoading
@@ -287,7 +170,7 @@ export function useTTSPlayer() {
 }
 
 /**
- * 提取文本逻辑
+ * 提取文本逻辑 (保持不变)
  */
 function extractSpeechText(markdown) {
     if (!markdown || markdown.indexOf('job-json') === -1) {

index.html

@@ -22,15 +22,17 @@
         <script>
             eruda.init();
         </script> -->
-        <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
+        <!--    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
         <script>
             // VConsole 默认会挂载到 `window.VConsole` 上
             var vConsole = new window.VConsole();
-        </script>
+        </script> -->
         <!-- 爱山东jssdk 本sdk存在性能问题 -->
         <script type="text/javascript" src="https://isdapp.shandong.gov.cn/jmopen/jssdk/index.js"></script>
         <!-- 只在内网有效 -->
         <script type="text/javascript" src="./static/js/SM.js"></script>
+        <script type="text/javascript" src="./static/js/pixi.min.js"></script>
+
     </head>
     <body>
         <div id="app"><!--app-html--></div>

packageA/pages/Intendedposition/Intendedposition.vue

@@ -21,6 +21,7 @@ import { storeToRefs } from 'pinia';
 import useLocationStore from '@/stores/useLocationStore';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
 const userStore = useUserStore();
+const { isMiniProgram } = storeToRefs(useUserStore());
 const state = reactive({});
 const pageState = reactive({
     page: 0,
@@ -37,6 +38,15 @@ onLoad(() => {
     getJobList();
 });
 
+onMounted(() => {
+    // #ifdef H5
+    if (!isMiniProgram.value) {
+        const a = document.getElementsByClassName('uni-page-head-hd')[0];
+        a.style.display = 'none';
+    }
+    // #endif
+});
+
 onReachBottom(() => {
     getJobList();
 });
@@ -81,3 +91,5 @@ function getJobList(type = 'add') {
     position: relative;
 }
 </style>
+<style lang="scss" scoped>
+</style>

packageA/pages/UnitDetails/UnitDetails.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="" :use-scroll-view="false">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btnback">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -75,6 +75,8 @@ import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
 import dictLabel from '@/components/dict-Label/dict-Label.vue';
 import { storeToRefs } from 'pinia';
+const { isMiniProgram } = storeToRefs(useUserStore());
+import useUserStore from '@/stores/useUserStore';
 import useLocationStore from '@/stores/useLocationStore';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
 const { $api, navTo, vacanciesTo, navBack } = inject('globalFunction');
@@ -220,7 +222,8 @@ function handleJobsListResponse(type, rows, total, pageKey) {
         const str = pageState.pageSize * (pageState[pageKey] - 1);
         const end = pageState.list.length;
         const reslist = rows;
-        pageState.list.splice(str, end, ...reslist);
+        pageState.list = [...pageState.list, ...rows];
+        // pageState.list.splice(str, end, ...reslist);
     } else {
         pageState.list = rows;
     }
@@ -410,3 +413,84 @@ image {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .content{
+        .content-top{
+            .companyinfo-left{
+                width: 140rpx;
+                height: 140rpx;
+            }
+            .companyinfo-right{
+                .row1{
+                    margin-top: 10rpx;
+                    font-size: 40rpx;
+                }
+                .row2{
+                    margin-top: 10rpx;
+                    font-size: 34rpx;
+                }
+            }
+        }
+    }
+        .content{
+        .locations{
+            height: 120rpx;
+             .location-info{
+                 .info{
+                    .info-title{
+                        font-size: 36rpx;
+                    }
+                 }
+             }
+        }
+        .expand{
+            font-size: 36rpx;
+            .expand-img{
+                width: 50rpx;
+                height: 50rpx;
+            }
+        }
+        .conetent-info{
+            .info-title{
+               font-size: 36rpx;
+               margin-top: 20rpx;
+            }
+            .info-desirption{
+               font-size: 32rpx;
+            }
+            .card-times{
+                    padding: 30rpx 90rpx;
+                    .left-date{
+                        font-size: 55rpx;
+                    }
+                    .left-dateDay{
+                        font-size: 34rpx;
+                    }
+                    .line{
+                       margin-top: 0;
+                       width: 80rpx;
+                       border-width: 4rpx;
+                    }
+                    .time-center{
+                        .center-date{
+                            font-size: 42rpx;
+                        }
+                        .center-dateDay{
+                            width: fit-content;
+                            font-size: 36rpx;
+                        }
+                    }
+                }
+        }
+    }
+    .Detailscroll-view{
+        .views{
+            .Detail-title{
+                font-size: 40rpx;
+            }
+        }
+    }
+}
+</style>

packageA/pages/addPosition/addPosition.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="添加岗位">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btn">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -74,7 +74,7 @@ const { $api, navBack } = inject('globalFunction');
 import { storeToRefs } from 'pinia';
 import useUserStore from '@/stores/useUserStore';
 const { getUserResume } = useUserStore();
-const { userInfo } = storeToRefs(useUserStore());
+const { userInfo, isMiniProgram } = storeToRefs(useUserStore());
 const popup = ref(null);
 const selectJobsModel = ref(null);
 

packageA/pages/browseJob/browseJob.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="我的浏览" :show-bg-image="false" :use-scroll-view="false">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btnback">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -46,7 +46,7 @@ import { onLoad, onShow } from '@dcloudio/uni-app';
 import useUserStore from '@/stores/useUserStore';
 const { $api, navTo, navBack } = inject('globalFunction');
 import useLocationStore from '@/stores/useLocationStore';
-const { userInfo } = storeToRefs(useUserStore());
+const { userInfo, isMiniProgram } = storeToRefs(useUserStore());
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
 const userStore = useUserStore();
 const browseDate = ref('');
@@ -123,6 +123,7 @@ function getJobList(type = 'add', loading = true) {
                     reslist.shift();
                 }
             }
+            // pageState.list = [...pageState.list, ...rows];
             pageState.list.splice(str, end, ...reslist);
             pageState.lastDate = lastDate;
         } else {
@@ -219,3 +220,29 @@ image {
     height: 100%
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .collection-search{
+         .search-content{
+             .header-input{
+                .iconsearch{
+                   font-size: 50rpx !important;
+                }
+                .input{
+                    font-size: 40rpx;
+                    padding-left: 100rpx;
+                    height: 120rpx;
+                    }
+                .inputplace{
+                    font-size: 40rpx;
+                }
+             }
+             .data-all{
+                width: 100rpx;
+                height: 100rpx;
+             }
+         }
+    }
+}
+</style>

packageA/pages/choiceness/choiceness.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="精选企业">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btn">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -28,7 +28,7 @@ const { $api, navBack, navTo } = inject('globalFunction');
 import { storeToRefs } from 'pinia';
 import useUserStore from '@/stores/useUserStore';
 const { getUserResume } = useUserStore();
-const { userInfo } = storeToRefs(useUserStore());
+const { userInfo, isMiniProgram } = storeToRefs(useUserStore());
 const list = ref([]);
 
 onLoad(() => {

packageA/pages/choicenessList/choicenessList.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout :title="title" :show-bg-image="false" @onScrollBottom="getDataList('add')">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btnback">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -39,6 +39,8 @@ import { storeToRefs } from 'pinia';
 const { $api, navTo, navBack } = inject('globalFunction');
 import useLocationStore from '@/stores/useLocationStore';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
+import useUserStore from '@/stores/useUserStore';
+const { isMiniProgram } = storeToRefs(useUserStore());
 // state
 const title = ref('事业单位');
 const cardInfo = ref({});

packageA/pages/collection/collection.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="我的收藏" :show-bg-image="false" :use-scroll-view="false">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btn">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -61,6 +61,8 @@ import { storeToRefs } from 'pinia';
 import useLocationStore from '@/stores/useLocationStore';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
 const { $api, navBack } = inject('globalFunction');
+import useUserStore from '@/stores/useUserStore';
+const { isMiniProgram } = storeToRefs(useUserStore());
 const type = ref(0);
 
 const pageState = reactive({
@@ -272,3 +274,15 @@ function getCompanyList(type = 'add') {
    }
 }
 </style>
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .collection-content{
+     .header{
+        font-size: 38rpx;
+        .active{
+            font-size: 40rpx;
+        }
+     }
+   }
+}
+</style>

packageA/pages/exhibitors/exhibitors.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="" :use-scroll-view="false">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btnback">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -40,7 +40,7 @@
                 <!-- <view class="info-title title2">公司地址</view>
                 <view class="locationCompany"></view> -->
                 <view class="company-times">
-                    <view class="info-title">内容描述</view>
+                    <view class="info-title">举办时间</view>
                     <view class="card-times">
                         <view class="time-left">
                             <view class="left-date">{{ parseDateTime(fairInfo.zphjbsj).time }}</view>
@@ -83,7 +83,7 @@
                         :longitude="longitudeVal"
                         :latitude="latitudeVal"
                     ></renderCompanysOutData>
-                    <empty v-else is-position></empty>
+                    <empty v-if="!pageState.list.length" is-position></empty>
                 </view>
             </scroll-view>
         </view>
@@ -110,6 +110,8 @@ import useLocationStore from '@/stores/useLocationStore';
 const { $api, navTo, vacanciesTo, navBack } = inject('globalFunction');
 import { storeToRefs } from 'pinia';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
+import useUserStore from '@/stores/useUserStore';
+const { isMiniProgram } = storeToRefs(useUserStore());
 
 const isExpanded = ref(false);
 const fairInfo = ref({});
@@ -163,7 +165,8 @@ function getCompanyList(type = 'add') {
             const str = pageState.pageSize * (pageState.current - 1);
             const end = pageState.list.length;
             const reslist = rows;
-            pageState.list.splice(str, end, ...reslist);
+            pageState.list = [...pageState.list, ...rows];
+            // pageState.list.splice(str, end, ...reslist);
         } else {
             pageState.list = rows;
         }
@@ -590,3 +593,84 @@ image {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .app-container {
+        .content-top{
+            .companyinfo-left{
+                width: 140rpx;
+                height: 140rpx;
+            }
+            .companyinfo-right{
+                .row1{
+                    margin-top: 10rpx;
+                    font-size: 40rpx;
+                }
+                .row2{
+                    margin-top: 10rpx;
+                    font-size: 34rpx;
+                }
+            }
+        }
+    }
+    .content{
+        .locations{
+            height: 120rpx;
+             .location-info{
+                 .info{
+                    .info-title{
+                        font-size: 36rpx;
+                    }
+                 }
+             }
+        }
+        .expand{
+            font-size: 36rpx;
+            .expand-img{
+                width: 50rpx;
+                height: 50rpx;
+            }
+        }
+        .conetent-info{
+            .info-title{
+               font-size: 36rpx;
+               margin-top: 20rpx;
+            }
+            .info-desirption{
+               font-size: 32rpx;
+            }
+            .card-times{
+                    padding: 30rpx 90rpx;
+                    .left-date{
+                        font-size: 55rpx;
+                    }
+                    .left-dateDay{
+                        font-size: 34rpx;
+                    }
+                    .line{
+                       margin-top: 0;
+                       width: 80rpx;
+                       border-width: 4rpx;
+                    }
+                    .time-center{
+                        .center-date{
+                            font-size: 42rpx;
+                        }
+                        .center-dateDay{
+                            width: fit-content;
+                            font-size: 36rpx;
+                        }
+                    }
+                }
+        }
+    }
+    .Detailscroll-view{
+        .views{
+            .Detail-title{
+                font-size: 40rpx;
+            }
+        }
+    }
+}
+</style>

packageA/pages/jobExpect/jobExpect.vue

@@ -278,3 +278,29 @@ function getFormCompletionPercent(form) {
         border: 2rpx solid #E8EAEE;
    
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .content{
+        padding: 40rpx;
+    }
+   .content-input{
+        .input-titile{
+            font-size: 40rpx;
+        }
+        .input-con{
+            height: 100rpx;
+            font-size: 38rpx;
+        }
+   }
+   .input-nx{
+    margin-top: 20rpx;
+        .nx-item{
+            padding: 12rpx 40rpx;
+            font-size: 34rpx;
+        }
+   }
+}
+</style>
+
+

packageA/pages/myResume/myResume.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="我的简历" title-color="#FFFFFF" back-gorund-color="#F4F4F4">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btn">
                 <image src="@/static/icon/back-white.png" @click="navBack"></image>
             </view>
@@ -42,7 +42,7 @@
                         </view>
                         <view class="subName">
                             <dict-Label class="mar_ri10" dictType="sex" :value="userInfo.sex"></dict-Label>
-                            <text class="mar_ri10">{{ userInfo.age }}岁</text>
+                            <text class="mar_ri10">{{ userInfo.age || '-' }}岁</text>
                             <dict-Label class="mar_ri10" dictType="education" :value="userInfo.education"></dict-Label>
                             <dict-Label
                                 class="mar_ri10"
@@ -50,7 +50,7 @@
                                 :value="userInfo.politicalAffiliation"
                             ></dict-Label>
                         </view>
-                        <view class="subName">{{ userInfo.phone }}</view>
+                        <view class="subName">{{ userInfo.phone || '未知手机号' }}</view>
                     </view>
                     <view class="tops-right">
                         <view class="right-imghead">
@@ -104,7 +104,7 @@
                     </view>
                     <view class="exp-item button-click" v-for="item in userInfo.workExp" :key="item.id">
                         <view class="fl_box fl_justbet mar_top15">
-                            <view class="fs_16">{{ item.company }}</view>
+                            <view >{{ item.company }}</view>
                             <image
                                 class="icon btn-feel"
                                 src="@/static/icon/edit1.png"
@@ -112,7 +112,7 @@
                             ></image>
                         </view>
                         <view class="mys-text fl_box fl_justbet">
-                            <text class="color_333333 fs_14">{{ item.position }}</text>
+                            <text class="color_333333">{{ item.position }}</text>
                             <text class="datetext">{{ item.startTime }}--{{ item.endTime || '至今' }}</text>
                         </view>
                         <view class="mys-text">
@@ -137,7 +137,7 @@ import { onLoad, onShow } from '@dcloudio/uni-app';
 import { storeToRefs } from 'pinia';
 import useUserStore from '@/stores/useUserStore';
 import useDictStore from '@/stores/useDictStore';
-const { userInfo } = storeToRefs(useUserStore());
+const { userInfo, isMiniProgram } = storeToRefs(useUserStore());
 const { getUserResume } = useUserStore();
 const { getDictData, oneDictData } = useDictStore();
 import config from '@/config.js';
@@ -409,3 +409,84 @@ image{
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .notice-line{
+        height: 100rpx;
+        .icon{
+            width: 50rpx;
+            height: 50rpx;
+        }
+        .text{
+            font-size: 34rpx;
+        }
+        .close{
+            width: 40rpx;
+            height: 40rpx;
+        }
+   }
+   .mys-container{
+        .mys-tops{
+            .tops-left{
+                .name{
+                    font-size: 50rpx;
+                    .edit-icon{
+                        width: 50rpx;
+                        height: 50rpx;
+                    }
+                }
+                .subName{
+                    font-size: 38rpx;
+                }
+            }
+            .tops-right{
+                .right-imghead{
+                    width: 180rpx;
+                    height: 180rpx;
+                }
+            }
+        }
+        .mys-info{
+            .mys-h4{
+                font-size: 40rpx;
+                .icon{
+                    width: 55rpx;
+                    height: 55rpx;
+                }
+                .mys-edit-icon{
+                    .icon{
+                        width: 40rpx;
+                        height: 40rpx;
+                    }
+                    .txt{
+                        font-size: 36rpx;
+                    }
+                }
+            }
+            .exp-item{
+                font-size: 38rpx;
+                .icon{
+                    width: 55rpx;
+                    height: 55rpx;
+                }
+            }
+            .datetext{
+                font-size: 34rpx;
+            }
+            .mys-text{
+                font-size: 34rpx;
+            }
+            .mys-list{
+                margin-top: 20rpx;
+                .cards{
+                    padding: 12rpx 40rpx;
+                    font-size: 34rpx;
+                }
+            }
+        }
+   }
+}
+</style>
+
+

packageA/pages/newJobPosition/newJobPosition.vue

@@ -42,7 +42,7 @@ const { $api, navTo, debounce, customSystem } = inject('globalFunction');
 import { storeToRefs } from 'pinia';
 import useLocationStore from '@/stores/useLocationStore';
 import useUserStore from '@/stores/useUserStore';
-const { userInfo } = storeToRefs(useUserStore());
+const { userInfo, isMiniProgram } = storeToRefs(useUserStore());
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
 
 const pageState = reactive({
@@ -58,6 +58,15 @@ const state = reactive({
     tabIndex: 'all',
 });
 
+onMounted(() => {
+    // #ifdef H5
+    if (!isMiniProgram.value) {
+        const a = document.getElementsByClassName('uni-page-head-hd')[0];
+        a.style.display = 'none';
+    }
+    // #endif
+});
+
 onLoad(() => {
     getList('refresh');
 });

packageA/pages/personalInfo/personalInfo.vue

@@ -1,267 +1,295 @@
 <template>
-  <AppLayout title="个人信息" :sub-title="`完成度${percent}`" border back-gorund-color="#ffffff" :show-bg-image="false">
-    <template #headerleft>
-      <view class="btn mar_le20 button-click" @click="navBack">取消</view>
-    </template>
-    <template #headerright>
-      <view class="btn mar_ri20 button-click" @click="confirm">确认</view>
-    </template>
-    <view class="content">
-      <view class="content-avatar">
-        <view class="avatar-title">编辑头像</view>
-        <view @click="selectAvatar">
-          <image class="avatar" v-if="fromValue.avatar" :src="fromValue.avatar" />
-          <image class="avatar" v-else-if="fromValue.sex == '0'" src="@/static/icon/boy.png" />
-          <image class="avatar" v-else="fromValue.sex == '1'" src="@/static/icon/girl.png" />
+    <AppLayout
+        title="个人信息"
+        :sub-title="`完成度${percent}`"
+        border
+        back-gorund-color="#ffffff"
+        :show-bg-image="false"
+    >
+        <template #headerleft>
+            <view class="btn mar_le20 button-click" @click="navBack">取消</view>
+        </template>
+        <template #headerright>
+            <view class="btn mar_ri20 button-click" @click="confirm">确认</view>
+        </template>
+        <view class="content">
+            <view class="content-avatar">
+                <view class="avatar-title">编辑头像</view>
+                <view @click="selectAvatar">
+                    <image class="avatar" v-if="fromValue.avatar" :src="fromValue.avatar" />
+                    <image class="avatar" v-else-if="fromValue.sex == '0'" src="@/static/icon/boy.png" />
+                    <image class="avatar" v-else="fromValue.sex == '1'" src="@/static/icon/girl.png" />
+                </view>
+            </view>
+            <view class="content-input">
+                <view class="input-titile">姓名</view>
+                <input class="input-con" v-model="fromValue.name" placeholder="请输入您的姓名" />
+            </view>
+            <view class="content-sex">
+                <view class="sex-titile">性别</view>
+                <view class="sext-ri">
+                    <view class="sext-box" :class="{ 'sext-boxactive': fromValue.sex === 0 }" @click="changeSex(0)">
+                        男
+                    </view>
+                    <view class="sext-box" :class="{ 'sext-boxactive': fromValue.sex === 1 }" @click="changeSex(1)">
+                        女
+                    </view>
+                </view>
+            </view>
+            <view class="content-input" @click="changeDateBirt">
+                <view class="input-titile">出生年月</view>
+                <input
+                    class="input-con triangle pointEveNone"
+                    v-model="fromValue.birthDate"
+                    disabled
+                    placeholder="请选择您的出生年月"
+                />
+            </view>
+            <view class="content-input" @click="changeEducation">
+                <view class="input-titile">学历</view>
+                <input
+                    class="input-con triangle pointEveNone"
+                    v-model="state.educationText"
+                    disabled
+                    placeholder="请选择您的学历"
+                />
+            </view>
+            <view class="content-input" @click="changePoliticalAffiliation">
+                <view class="input-titile">政治面貌</view>
+                <input
+                    class="input-con triangle pointEveNone"
+                    v-model="state.politicalAffiliationText"
+                    disabled
+                    placeholder="请选择您的政治面貌"
+                />
+            </view>
+            <view class="content-input">
+                <view class="input-titile">手机号码</view>
+                <input class="input-con" v-model="fromValue.phone" placeholder="请输入您的手机号码" />
+            </view>
         </view>
-      </view>
-      <view class="content-input">
-        <view class="input-titile">姓名</view>
-        <input class="input-con" v-model="fromValue.name" placeholder="请输入您的姓名" />
-      </view>
-      <view class="content-sex">
-        <view class="sex-titile">性别</view>
-        <view class="sext-ri">
-          <view class="sext-box" :class="{ 'sext-boxactive': fromValue.sex === 0 }" @click="changeSex(0)"> 男 </view>
-          <view class="sext-box" :class="{ 'sext-boxactive': fromValue.sex === 1 }" @click="changeSex(1)"> 女 </view>
-        </view>
-      </view>
-      <view class="content-input" @click="changeDateBirt">
-        <view class="input-titile">出生年月</view>
-        <input class="input-con triangle" v-model="fromValue.birthDate" disabled placeholder="请选择您的出生年月" />
-      </view>
-      <view class="content-input" @click="changeEducation">
-        <view class="input-titile">学历</view>
-        <input class="input-con triangle" v-model="state.educationText" disabled placeholder="请选择您的学历" />
-      </view>
-      <view class="content-input" @click="changePoliticalAffiliation">
-        <view class="input-titile">政治面貌</view>
-        <input class="input-con triangle" v-model="state.politicalAffiliationText" disabled placeholder="请选择您的政治面貌" />
-      </view>
-      <view class="content-input">
-        <view class="input-titile">手机号码</view>
-        <input class="input-con" v-model="fromValue.phone" placeholder="请输入您的手机号码" />
-      </view>
-    </view>
-  </AppLayout>
+    </AppLayout>
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted } from "vue";
-import { onLoad, onShow } from "@dcloudio/uni-app";
-const { $api, navTo, navBack, checkingPhoneRegExp } = inject("globalFunction");
-import { storeToRefs } from "pinia";
-import useUserStore from "@/stores/useUserStore";
-import useDictStore from "@/stores/useDictStore";
+import { reactive, inject, watch, ref, onMounted } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+const { $api, navTo, navBack, checkingPhoneRegExp } = inject('globalFunction');
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+import useDictStore from '@/stores/useDictStore';
 const { userInfo } = storeToRefs(useUserStore());
 const { getUserResume } = useUserStore();
 const { dictLabel, oneDictData } = useDictStore();
-const openSelectPopup = inject("openSelectPopup");
+const openSelectPopup = inject('openSelectPopup');
 
-const percent = ref("0%");
+const percent = ref('0%');
 const state = reactive({
-  educationText: "",
-  politicalAffiliationText: "",
+    educationText: '',
+    politicalAffiliationText: '',
 });
 const fromValue = reactive({
-  name: "",
-  sex: 0,
-  birthDate: "",
-  education: "",
-  politicalAffiliation: "",
-  avatar: "",
+    name: '',
+    sex: 0,
+    birthDate: '',
+    education: '',
+    politicalAffiliation: '',
+    avatar: '',
 });
 onLoad(() => {
-  initLoad();
-  // setTimeout(() => {
-  //     const { age, birthDate } = useUserStore().userInfo;
-  //     const newAge = calculateAge(birthDate);
-  //     // 计算年龄是否对等
-  //     if (age != newAge) {
-  //         completeResume();
-  //     }
-  // }, 1000);
+    initLoad();
+    // setTimeout(() => {
+    //     const { age, birthDate } = useUserStore().userInfo;
+    //     const newAge = calculateAge(birthDate);
+    //     // 计算年龄是否对等
+    //     if (age != newAge) {
+    //         completeResume();
+    //     }
+    // }, 1000);
 });
 
 function initLoad() {
-  fromValue.name = userInfo.value.name;
-  fromValue.sex = Number(userInfo.value.sex);
-  fromValue.phone = userInfo.value.phone;
-  fromValue.birthDate = userInfo.value.birthDate;
-  fromValue.education = userInfo.value.education;
-  fromValue.politicalAffiliation = userInfo.value.politicalAffiliation;
-  fromValue.avatar = userInfo.value.avatar;
-  // 回显
-  state.educationText = dictLabel("education", userInfo.value.education);
-  state.politicalAffiliationText = dictLabel("affiliation", userInfo.value.politicalAffiliation);
-  const result = getFormCompletionPercent(fromValue);
-  percent.value = result;
+    fromValue.name = userInfo.value.name;
+    fromValue.sex = Number(userInfo.value.sex);
+    fromValue.phone = userInfo.value.phone;
+    fromValue.birthDate = userInfo.value.birthDate;
+    fromValue.education = userInfo.value.education;
+    fromValue.politicalAffiliation = userInfo.value.politicalAffiliation;
+    fromValue.avatar = userInfo.value.avatar;
+    // 回显
+    state.educationText = dictLabel('education', userInfo.value.education);
+    state.politicalAffiliationText = dictLabel('affiliation', userInfo.value.politicalAffiliation);
+    const result = getFormCompletionPercent(fromValue);
+    percent.value = result;
 }
 const confirm = () => {
-  if (!fromValue.name) {
-    return $api.msg("请输入姓名");
-  }
-  if (!fromValue.birthDate) {
-    return $api.msg("请选择出生年月");
-  }
-  if (!fromValue.education) {
-    return $api.msg("请选择学历");
-  }
-  if (!fromValue.politicalAffiliation) {
-    return $api.msg("请选择政治面貌");
-  }
-  // if (!checkingPhoneRegExp(fromValue.phone)) {
-  //     return $api.msg('请输入正确手机号');
-  // }
-  const params = {
-    ...fromValue,
-    age: calculateAge(fromValue.birthDate),
-  };
-  $api.createRequest("/app/user/resume", params, "post").then((resData) => {
-    $api.msg("完成");
-    state.disbleDate = true;
-    getUserResume().then(() => {
-      navBack();
+    if (!fromValue.name) {
+        return $api.msg('请输入姓名');
+    }
+    if (!fromValue.birthDate) {
+        return $api.msg('请选择出生年月');
+    }
+    if (!fromValue.education) {
+        return $api.msg('请选择学历');
+    }
+    if (!fromValue.politicalAffiliation) {
+        return $api.msg('请选择政治面貌');
+    }
+    // if (!checkingPhoneRegExp(fromValue.phone)) {
+    //     return $api.msg('请输入正确手机号');
+    // }
+    const params = {
+        ...fromValue,
+        age: calculateAge(fromValue.birthDate),
+    };
+    $api.createRequest('/app/user/resume', params, 'post').then((resData) => {
+        $api.msg('完成');
+        state.disbleDate = true;
+        getUserResume().then(() => {
+            navBack();
+        });
     });
-  });
 };
 
 const changeDateBirt = () => {
-  const datearray = generateDatePickerArrays();
-  const defaultIndex = getDatePickerIndexes(fromValue.birthDate);
-  openSelectPopup({
-    title: "年龄段",
-    maskClick: true,
-    data: datearray,
-    defaultIndex,
-    success: (_, value) => {
-      const [year, month, day] = value;
-      const dateStr = `${year.value}-${month.value}-${day.value}`;
-      if (isValidDate(dateStr)) {
-        fromValue.birthDate = dateStr;
-      } else {
-        $api.msg("没有这一天");
-      }
-    },
-  });
+    const datearray = generateDatePickerArrays();
+    let defaultIndex = [0, 0, 0];
+    if (fromValue.birthDate) {
+        const defaultIndex = getDatePickerIndexes(fromValue.birthDate);
+    }
+    console.log(defaultIndex);
+    openSelectPopup({
+        title: '年龄段',
+        maskClick: true,
+        data: datearray,
+        defaultIndex,
+        success: (_, value) => {
+            const [year, month, day] = value;
+            const dateStr = `${year.value}-${month.value}-${day.value}`;
+            if (isValidDate(dateStr)) {
+                fromValue.birthDate = dateStr;
+            } else {
+                $api.msg('没有这一天');
+            }
+        },
+    });
 };
 const changeEducation = () => {
-  openSelectPopup({
-    title: "学历",
-    maskClick: true,
-    data: [oneDictData("education")],
-    success: (_, [value]) => {
-      fromValue.education = value.value;
-      state.educationText = value.label;
-    },
-  });
+    openSelectPopup({
+        title: '学历',
+        maskClick: true,
+        data: [oneDictData('education')],
+        success: (_, [value]) => {
+            fromValue.education = value.value;
+            state.educationText = value.label;
+        },
+    });
 };
 const changeSex = (sex) => {
-  fromValue.sex = sex;
+    fromValue.sex = sex;
 };
 
 const changePoliticalAffiliation = () => {
-  openSelectPopup({
-    title: "政治面貌",
-    maskClick: true,
-    data: [oneDictData("affiliation")],
-    success: (_, [value]) => {
-      fromValue.politicalAffiliation = value.value;
-      state.politicalAffiliationText = value.label;
-    },
-  });
+    openSelectPopup({
+        title: '政治面貌',
+        maskClick: true,
+        data: [oneDictData('affiliation')],
+        success: (_, [value]) => {
+            fromValue.politicalAffiliation = value.value;
+            state.politicalAffiliationText = value.label;
+        },
+    });
 };
 
 function generateDatePickerArrays(startYear = 1975, endYear = new Date().getFullYear()) {
-  const years = [];
-  const months = [];
-  const days = [];
+    const years = [];
+    const months = [];
+    const days = [];
 
-  for (let y = startYear; y <= endYear; y++) {
-    years.push(y.toString());
-  }
-  for (let m = 1; m <= 12; m++) {
-    months.push(m.toString().padStart(2, "0"));
-  }
-  for (let d = 1; d <= 31; d++) {
-    days.push(d.toString().padStart(2, "0"));
-  }
+    for (let y = startYear; y <= endYear; y++) {
+        years.push(y.toString());
+    }
+    for (let m = 1; m <= 12; m++) {
+        months.push(m.toString().padStart(2, '0'));
+    }
+    for (let d = 1; d <= 31; d++) {
+        days.push(d.toString().padStart(2, '0'));
+    }
 
-  return [years, months, days];
+    return [years, months, days];
 }
 
 function isValidDate(dateString) {
-  const [year, month, day] = dateString.split("-").map(Number);
+    const [year, month, day] = dateString.split('-').map(Number);
 
-  const date = new Date(year, month - 1, day); // 月份从0开始
-  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
+    const date = new Date(year, month - 1, day); // 月份从0开始
+    return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
 }
 
 const calculateAge = (birthDate) => {
-  const birth = new Date(birthDate);
-  const today = new Date();
-  let age = today.getFullYear() - birth.getFullYear();
-  const monthDiff = today.getMonth() - birth.getMonth();
-  const dayDiff = today.getDate() - birth.getDate();
+    const birth = new Date(birthDate);
+    const today = new Date();
+    let age = today.getFullYear() - birth.getFullYear();
+    const monthDiff = today.getMonth() - birth.getMonth();
+    const dayDiff = today.getDate() - birth.getDate();
 
-  // 如果生日的月份还没到，或者刚到生日月份但当天还没过，则年龄减 1
-  if (monthDiff < 0 || (monthDiff === 0 && dayDiff < 0)) {
-    age--;
-  }
+    // 如果生日的月份还没到，或者刚到生日月份但当天还没过，则年龄减 1
+    if (monthDiff < 0 || (monthDiff === 0 && dayDiff < 0)) {
+        age--;
+    }
 
-  return age;
+    return age;
 };
 
 function getFormCompletionPercent(form) {
-  let total = Object.keys(form).length;
-  let filled = 0;
+    let total = Object.keys(form).length;
+    let filled = 0;
 
-  for (const key in form) {
-    const value = form[key];
-    if (value !== "" && value !== null && value !== undefined) {
-      if (typeof value === "number") {
-        filled += 1;
-      } else if (typeof value === "string" && value.trim() !== "") {
-        filled += 1;
-      }
+    for (const key in form) {
+        const value = form[key];
+        if (value !== '' && value !== null && value !== undefined) {
+            if (typeof value === 'number') {
+                filled += 1;
+            } else if (typeof value === 'string' && value.trim() !== '') {
+                filled += 1;
+            }
+        }
     }
-  }
 
-  if (total === 0) return "0%";
-  const percent = (filled / total) * 100;
-  return percent.toFixed(0) + "%"; // 取整，不要小数点
+    if (total === 0) return '0%';
+    const percent = (filled / total) * 100;
+    return percent.toFixed(0) + '%'; // 取整，不要小数点
 }
 // 主函数
 function getDatePickerIndexes(dateStr) {
-  const [year, month, day] = dateStr.split("-");
+    const [year, month, day] = dateStr.split('-');
 
-  const [years, months, days] = generateDatePickerArrays();
+    const [years, months, days] = generateDatePickerArrays();
 
-  const yearIndex = years.indexOf(year);
-  const monthIndex = months.indexOf(month);
-  const dayIndex = days.indexOf(day);
+    const yearIndex = years.indexOf(year);
+    const monthIndex = months.indexOf(month);
+    const dayIndex = days.indexOf(day);
 
-  return [yearIndex, monthIndex, dayIndex];
+    return [yearIndex, monthIndex, dayIndex];
 }
 
 function selectAvatar() {
-  uni.chooseImage({
-    sizeType: ["original", "compressed"],
-    sourceType: ["album", "camera"],
-    count: 1,
-    success: ({ tempFilePaths, tempFiles }) => {
-      $api
-        .uploadFile(tempFilePaths[0], true)
-        .then((res) => {
-          res = JSON.parse(res);
-          if (res.msg) fromValue.avatar = res.msg;
-        })
-        .catch((err) => {
-          $api.msg("上传失败");
-        });
-    },
-    fail: (error) => {},
-  });
+    uni.chooseImage({
+        sizeType: ['original', 'compressed'],
+        sourceType: ['album', 'camera'],
+        count: 1,
+        success: ({ tempFilePaths, tempFiles }) => {
+            $api.uploadFile(tempFilePaths[0], true)
+                .then((res) => {
+                    res = JSON.parse(res);
+                    if (res.msg) fromValue.avatar = res.msg;
+                })
+                .catch((err) => {
+                    $api.msg('上传失败');
+                });
+        },
+        fail: (error) => {},
+    });
 }
 </script>
 

packageA/pages/post/component/radarMap.vue

@@ -1,5 +1,5 @@
 <template>
-    <view style="display: flex; justify-content: center; padding: 0px 0">
+    <view class="radar" style="display: flex; justify-content: center; padding: 0px 0">
         <canvas canvas-id="radarCanvas" id="radarCanvas" style="width: 300px; height: 250px"></canvas>
     </view>
 </template>
@@ -41,6 +41,8 @@ watch(
 );
 
 function rawRadarChart(labels, data) {
+    let ratio = window.innerWidth / 600;
+    if (ratio < 1) ratio = 1;
     const ctx = uni.createCanvasContext('radarCanvas');
     const width = 80;
     const height = 80;
@@ -136,8 +138,8 @@ function rawRadarChart(labels, data) {
 
         //标题
         ctx.setFillStyle('#000');
-        ctx.setFontSize(12);
-        ctx.font = 'bold 12px sans-serif';
+        ctx.setFontSize(12 * ratio);
+        ctx.font = `bold ${12 * ratio}px sans-serif`;
         ctx.fillText(label, x, y);
     });
 
@@ -145,4 +147,10 @@ function rawRadarChart(labels, data) {
 }
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .radar{
+        padding-top: 30rpx !important;
+    }
+}
+</style>

packageA/pages/post/post.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="" backGorundColor="#F4F4F4">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btnback">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -183,6 +183,9 @@ import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
 import { onLoad, onShow, onHide } from '@dcloudio/uni-app';
 import dictLabel from '@/components/dict-Label/dict-Label.vue';
 import RadarMap from './component/radarMap.vue';
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+const { isMiniProgram } = storeToRefs(useUserStore());
 
 const { $api, navTo, getLenPx, parseQueryParams, navBack, isEmptyObject } = inject('globalFunction');
 import config from '@/config.js';
@@ -663,3 +666,87 @@ for i in 0..100
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .content{
+        .content-top{
+            .position-source{
+                font-size: 38rpx;
+            }
+            .top-salary{
+                ::v-deep .texts {
+                    .num {
+                      font-size: 50rpx;
+                    }
+                    .unit {
+                      font-size: 40rpx;
+                    }
+                    .gap {
+                      font-size: 40rpx;
+                    }
+                }
+            }
+            .top-name{
+                font-size: 38rpx;
+            }
+            .top-info{
+                .info-img{
+                    width: 50rpx;
+                    height: 50rpx;
+                }
+                .info-text{
+                    font-size: 36rpx;
+                }
+            }
+        }
+        .ai-explain{
+             .explain-left{
+                 .leftText{
+                    font-size: 36rpx;
+                 }
+                 .leftdownText{
+                    font-size: 32rpx;
+                 }
+             }
+            .explain-right{
+                font-size: 34rpx;
+                width: 200rpx;
+            }
+        }
+        .content-card{
+            .card-title{
+                font-size: 38rpx;
+                .btntext{
+                    font-size: 34rpx;
+                }
+            }
+            .description{
+                font-size: 34rpx;
+            }
+            .company-info{
+                .companyinfo-left{
+                    width: 150rpx;
+                    height: 150rpx;
+                }
+                .companyinfo-right{
+                    .row1{
+                        font-size: 38rpx;
+                    }
+                    .row2{
+                        font-size:32rpx;
+                    }
+                }
+            }
+        }
+        .card-footer{
+            .footer-title{
+                font-size: 36rpx;
+            }
+            .progress-text{
+                font-size: 32rpx;
+            }
+        }
+    }
+}
+</style>

packageA/pages/reservation/component/countdown.vue

@@ -7,7 +7,7 @@
                     <div class="time-block">{{ days }}</div>
                     <span class="colon">天</span>
                 </view>
-                <view style="color: #ff881a">待开始</view>
+                <view class="status" style="color: #ff881a">待开始</view>
             </view>
         </template>
 
@@ -21,7 +21,7 @@
                     <span class="colon hui">:</span>
                     <div class="time-block huibg">00</div>
                 </view>
-                <view class="hui">已结束</view>
+                <view class="status hui">已结束</view>
             </view>
         </template>
 
@@ -33,7 +33,7 @@
                         <div class="time-block">{{ days }}</div>
                         <span class="colon">天</span>
                     </view>
-                    <view style="color: #18a14f">进行中</view>
+                    <view class="status" style="color: #18a14f">进行中</view>
                 </view>
             </template>
             <template v-else>
@@ -46,7 +46,7 @@
                         <span class="colon">:</span>
                         <div class="time-block">{{ seconds }}</div>
                     </view>
-                    <view style="color: #18a14f">进行中</view>
+                    <view class="status" style="color: #18a14f">进行中</view>
                 </view>
             </template>
         </template>
@@ -160,3 +160,19 @@ onUnmounted(() => {
     color: #256bfa;
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .colon{
+    font-size: 38rpx;
+   }
+   .time-block{
+    font-size: 40rpx;
+    height: 50rpx;
+    line-height: 50rpx;
+   }
+   .status{
+    font-size: 38rpx;
+   }
+}
+</style>

packageA/pages/reservation/reservation.vue

@@ -60,7 +60,7 @@ import Countdown from './component/countdown.vue';
 import { storeToRefs } from 'pinia';
 import useLocationStore from '@/stores/useLocationStore';
 import useUserStore from '@/stores/useUserStore';
-const { userInfo } = storeToRefs(useUserStore());
+const { userInfo, isMiniProgram } = storeToRefs(useUserStore());
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
 
 const pageState = reactive({
@@ -92,6 +92,15 @@ onLoad(() => {
     getList();
 });
 
+onMounted(() => {
+    // #ifdef H5
+    if (!isMiniProgram.value) {
+        const a = document.getElementsByClassName('uni-page-head-hd')[0];
+        a.style.display = 'none';
+    }
+    // #endif
+});
+
 function chnageRanOption(item) {
     ranItem.value = item;
     getList();
@@ -207,10 +216,40 @@ function getList(type = 'add', loading = true) {
                 text-align: center;
                 border-radius: 12rpx 12rpx 12rpx 12rpx;
                 border: 2rpx solid #E8EAEE;
-                margin-top: 32rpx
             }
         }
 
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .reser-content{
+        .content-top{
+            .top-item{
+                font-size: 36rpx;
+            }
+            .active{
+                font-size: 38rpx;
+            }
+        }
+   }
+   .reser-content{
+     .main{
+         .card{
+             .card-row{
+                margin-top: 20rpx;
+                .rowleft{
+                    font-size: 34rpx;
+                }
+             }
+             .card-Title{
+                margin-top: 20rpx;
+                font-size: 40rpx;
+             }
+         }
+     }
+   }
+}
+</style>

packageA/pages/selectDate/selectDate.vue

@@ -1,7 +1,7 @@
 <template>
     <AppLayout title="选择日期" :use-scroll-view="false" back-gorund-color="#FAFAFA">
         <template #headerleft>
-            <view class="btn">
+            <view class="btn" v-if="isMiniProgram">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
         </template>
@@ -51,6 +51,9 @@ const { $api, navTo, navBack } = inject('globalFunction');
 const weekMap = ['日', '一', '二', '三', '四', '五', '六'];
 const calendarData = ref([]);
 const current = ref({});
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+const { isMiniProgram } = storeToRefs(useUserStore());
 import { Solar, Lunar } from '@/lib/lunar-javascript@1.7.2.js';
 
 const isRecord = ref(false);
@@ -59,7 +62,6 @@ const pages = reactive({
     year: 0,
     month: 0,
 });
-
 const hasZphDateArray = ref([]);
 
 onLoad((options) => {
@@ -336,3 +338,45 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .content{
+        .top-date{
+            display: grid;
+            grid-template-columns:repeat(7,1fr);
+            width: 100%;
+            box-sizing: border-box;
+            padding-right: 40rpx;
+            background: #f3f3f3;
+            .weekText{
+                width: 100%;
+                box-sizing: border-box;
+                text-align: center;
+                font-size: 40rpx;
+                padding: 20rpx;
+            }
+        }
+        .date-list{
+            .list-title{
+                height: 120rpx;
+                line-height: 120rpx;
+                font-size: 36rpx;
+            }
+            .list-item{
+                .item{
+                    padding: 35rpx 0;
+                    margin: 5rpx;
+                    .item-top{
+                        font-size: 40rpx;
+                    }
+                    .item-nong{
+                        font-size: 34rpx;
+                    }
+                }
+            }
+        }
+    }
+    
+}
+</style>

packageA/pages/tiktok/tiktok.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="video-container">
-        <view class="back-box">
+        <view class="back-box" v-if="isMiniProgram">
             <view class="btn">
                 <uni-icons type="left" size="26" color="#FFFFFF" @click="navBack"></uni-icons>
             </view>
@@ -31,6 +31,8 @@ import mTikTok from '@/components/TikTok/TikTok.vue';
 import useUserStore from '@/stores/useUserStore';
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
+import { storeToRefs } from 'pinia';
+const { isMiniProgram } = storeToRefs(useUserStore());
 const state = reactive({
     videoList: [],
 });
@@ -95,7 +97,7 @@ const change = (e) => {
     position: absolute;
     left: 24rpx;
     right: 24rpx;
-    bottom: 30rpx;
+    bottom: calc( var(--window-bottom));
     color: #fff;
     .title{
         font-weight: 500;

packageA/pages/vCard/vCard.vue

@@ -1,266 +1,355 @@
 <template>
-  <AppLayout title="电子名片" title-color="#FFFFFF" back-gorund-color="#F4F4F4">
-    <template #headerleft>
-      <view class="btn">
-        <image src="@/static/icon/back-white.png" @click="navBack"></image>
-      </view>
-    </template>
-    <view class="mys-container">
-      <!-- 个人信息 -->
-      <view class="card-top btn-feel">
-        <view class="info">
-          <view class="avatar">
-            <image v-if="userInfo.avatar" :src="userInfo.avatar"></image>
-            <image v-else-if="userInfo.sex == '0'" src="@/static/icon/boy.png"></image>
-            <image v-else src="@/static/icon/girl.png"></image>
-          </view>
-          <view class="info-right">
-            <view class="name">{{ userInfo.name || "编辑用户名" }}</view>
-            <view class="des">
-              <dict-Label class="mar_ri10" dictType="sex" :value="userInfo.sex"></dict-Label>
-              <text class="mar_ri10">|</text>
-              <text class="mar_ri10">{{ userInfo.age }}岁</text>
-              <text class="mar_ri10">|</text>
-              <dict-Label class="mar_ri10" dictType="education" :value="userInfo.education"></dict-Label>
-              <!-- <text class="mar_ri10">|</text>
+    <AppLayout title="电子名片" title-color="#FFFFFF" back-gorund-color="#F4F4F4">
+        <template #headerleft v-if="isMiniProgram">
+            <view class="btn">
+                <image src="@/static/icon/back-white.png" @click="navBack"></image>
+            </view>
+        </template>
+        <view class="mys-container">
+            <!-- 个人信息 -->
+            <view class="card-top btn-feel">
+                <view class="info">
+                    <view class="avatar">
+                        <image v-if="userInfo.avatar" :src="userInfo.avatar"></image>
+                        <image v-else-if="userInfo.sex == '0'" src="@/static/icon/boy.png"></image>
+                        <image v-else src="@/static/icon/girl.png"></image>
+                    </view>
+                    <view class="info-right">
+                        <view class="name">{{ userInfo.name || '编辑用户名' }}</view>
+                        <view class="des">
+                            <dict-Label class="mar_ri10" dictType="sex" :value="userInfo.sex"></dict-Label>
+                            <text class="mar_ri10">|</text>
+                            <text class="mar_ri10">{{ userInfo.age || '-' }}岁</text>
+                            <text class="mar_ri10">|</text>
+                            <dict-Label class="mar_ri10" dictType="education" :value="userInfo.education"></dict-Label>
+                            <!-- <text class="mar_ri10">|</text>
               <dict-Label class="mar_ri10" dictType="affiliation" :value="userInfo.politicalAffiliation"></dict-Label> -->
-            </view>
-            <view class="phone">
-              <image class="call-icon" src="@/static/icon/call.png" />
-              <view>{{ userInfo.phone }}</view>
-            </view>
-          </view>
-        </view>
-        <view class="info-bottom">
-          <!-- <view>到岗：2025-11-02</view> -->
-          <view></view>
-          <view>地点：青岛市-<dict-Label dictType="area" :value="Number(userInfo.area)"></dict-Label></view>
-        </view>
-        <view class="des-card" style="margin-top: 24rpx">
-          <view class="fl_box fl_justbet">
-            <view style="white-space:nowrap">求职意向岗位</view>
-            <view class="line_1" style="padding-left:40rpx" >{{ userInfo.jobIntention || userInfo.jobTitle?.join(',') || '-' }}</view>
-          </view>
-          <view class="fl_box fl_justbet">
-            <view>毕业学校</view>
-            <view>{{ userInfo.graduationSchool || "-" }}</view>
-          </view>
-          <!-- <view class="fl_box fl_justbet">
+                        </view>
+                        <view class="phone">
+                            <image class="call-icon" src="@/static/icon/call.png" />
+                            <view>{{ userInfo.phone || '未知手机号' }}</view>
+                        </view>
+                    </view>
+                </view>
+                <view class="info-bottom">
+                    <!-- <view>到岗：2025-11-02</view> -->
+                    <view></view>
+                    <view>
+                        地点：青岛市-
+                        <dict-Label dictType="area" :value="Number(userInfo.area)"></dict-Label>
+                    </view>
+                </view>
+                <view class="des-card" style="margin-top: 24rpx">
+                    <view class="fl_box fl_justbet">
+                        <view style="white-space: nowrap">求职意向岗位</view>
+                        <view class="line_1" style="padding-left: 40rpx">
+                            {{ userInfo.jobIntention || userInfo.jobTitle?.join(',') || '--' }}
+                        </view>
+                    </view>
+                    <view class="fl_box fl_justbet">
+                        <view>毕业学校</view>
+                        <view>{{ userInfo.graduationSchool || '--' }}</view>
+                    </view>
+                    <!-- <view class="fl_box fl_justbet">
             <view>当前状态</view>
             <view>在职 看工作机会</view>
           </view> -->
-        </view>
-      </view>
+                </view>
+            </view>
 
-      <view class="card btn-feel">
-        <view class="title">
-          <image class="bg" src="@/static/icon/title-bg.png" />
-          <view class="text">个人技能</view>
-        </view>
-        <view class="skill-box">
-          <view class="skill-item" v-for="item in userInfo?.skillList" :key="item.id">{{ item.skill }}</view>
-        </view>
-        <view v-if="!userInfo?.skillList?.length" class="empty-box">
-          <image class="img" src="@/static/icon/empty.png" mode="widthFix"></image>
-          <view class="content">暂无个人技能</view>
-        </view>
-      </view>
-      <view class="card btn-feel">
-        <view class="title">
-          <image class="bg" src="@/static/icon/title-bg.png" />
-          <view class="text">关键经历</view>
-        </view>
-        <view class="exp-box">
-          <view class="exp-item" v-for="(item, index) in userInfo?.workExp" :key="item.id">{{ index + 1 + "." }}{{ item.duty }}</view>
-        </view>
-        <view v-if="!userInfo?.workExp?.length" class="empty-box">
-          <image class="img" src="@/static/icon/empty.png" mode="widthFix"></image>
-          <view class="content">暂无关键经历</view>
-        </view>
-      </view>
-      <view class="card btn-feel">
-        <view class="title">
-          <image class="bg" src="@/static/icon/title-bg.png" />
-          <view class="text">荣誉及证书情况</view>
-        </view>
+            <view class="card btn-feel">
+                <view class="title">
+                    <image class="bg" src="@/static/icon/title-bg.png" />
+                    <view class="text">个人技能</view>
+                </view>
+                <view class="skill-box">
+                    <view class="skill-item" v-for="item in userInfo?.skillList" :key="item.id">{{ item.skill }}</view>
+                </view>
+                <view v-if="!userInfo?.skillList?.length" class="empty-box">
+                    <image class="img" src="@/static/icon/empty.png" mode="widthFix"></image>
+                    <view class="content">暂无个人技能</view>
+                </view>
+            </view>
+            <view class="card btn-feel">
+                <view class="title">
+                    <image class="bg" src="@/static/icon/title-bg.png" />
+                    <view class="text">关键经历</view>
+                </view>
+                <view class="exp-box">
+                    <view class="exp-item" v-for="(item, index) in userInfo?.workExp" :key="item.id">
+                        {{ index + 1 + '.' }}{{ item.duty }}
+                    </view>
+                </view>
+                <view v-if="!userInfo?.workExp?.length" class="empty-box">
+                    <image class="img" src="@/static/icon/empty.png" mode="widthFix"></image>
+                    <view class="content">暂无关键经历</view>
+                </view>
+            </view>
+            <view class="card btn-feel">
+                <view class="title">
+                    <image class="bg" src="@/static/icon/title-bg.png" />
+                    <view class="text">荣誉及证书情况</view>
+                </view>
 
-        <ul class="certificate-box">
-          <li class="certificate-item" v-for="(item, index) in userInfo?.certificateList" :key="item.id">{{ item.name }}</li>
-        </ul>
-        <view v-if="!userInfo?.certificateList?.length" class="empty-box">
-          <image class="img" src="@/static/icon/empty.png" mode="widthFix"></image>
-          <view class="content">暂无荣誉证书</view>
+                <ul class="certificate-box">
+                    <li class="certificate-item" v-for="(item, index) in userInfo?.certificateList" :key="item.id">
+                        {{ item.name }}
+                    </li>
+                </ul>
+                <view v-if="!userInfo?.certificateList?.length" class="empty-box">
+                    <image class="img" src="@/static/icon/empty.png" mode="widthFix"></image>
+                    <view class="content">暂无荣誉证书</view>
+                </view>
+            </view>
         </view>
-      </view>
-    </view>
-  </AppLayout>
+    </AppLayout>
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted, computed } from "vue";
-const { $api, navTo, navBack } = inject("globalFunction");
-import { onLoad, onShow } from "@dcloudio/uni-app";
-import { storeToRefs } from "pinia";
-import useUserStore from "@/stores/useUserStore";
-import useDictStore from "@/stores/useDictStore";
-const { userInfo } = storeToRefs(useUserStore());
+import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
+const { $api, navTo, navBack } = inject('globalFunction');
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+import useDictStore from '@/stores/useDictStore';
+const { userInfo, isMiniProgram } = storeToRefs(useUserStore());
 const { getUserResume } = useUserStore();
 const { getDictData, oneDictData } = useDictStore();
 </script>
 
 <style lang="scss" scoped>
 .btn {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 60rpx;
-  height: 60rpx;
-  image {
-    height: 100%;
-    width: 100%;
-  }
-}
-.card-top {
-  width: 100%;
-  border-radius: 8rpx;
-  box-sizing: border-box;
-  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9));
-}
-.card {
-  width: 100%;
-  border-radius: 8rpx;
-  box-sizing: border-box;
-  background: #fff;
-  padding: 24rpx;
-  margin-top: 24rpx;
-  .title {
-    position: relative;
-    .bg {
-      width: 108rpx;
-      height: 16rpx;
-      position: absolute;
-      left: 0;
-      bottom: 0;
-    }
-    .text {
-      margin-left: 20rpx;
-      font-size: 30rpx;
-      font-weight: bold;
-      color: #333;
-    }
-  }
-}
-.skill-box {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16rpx;
-  margin-top: 24rpx;
-  .skill-item {
-    padding: 8rpx 20rpx;
-    font-size: 24rpx;
-    color: #333;
-    background: #e7f1ff;
-    border-radius: 8rpx;
-  }
-}
-.exp-box {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 24rpx;
-  margin-top: 24rpx;
-  .exp-item {
-    font-size: 26rpx;
-    color: #333;
-  }
-}
-.certificate-box {
-  margin-top: 24rpx;
-  padding-inline-start: 40rpx !important;
-  .certificate-item {
-    font-size: 26rpx;
-    color: #333;
-    margin-bottom: 24rpx;
-  }
-}
-
-image {
-  width: 100%;
-  height: 100%;
-}
-.mys-container {
-  padding: 28rpx;
-  .info {
-    display: flex;
-    align-items: center;
-    padding: 24rpx;
-    .avatar {
-      width: 160rpx;
-      height: 160rpx;
-      margin-right: 24rpx;
-      image{
-        border-radius: 50%;
-      }
-    }
-    .info-right {
-      height: 160rpx;
-      flex: 1;
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      .name {
-        font-size: 40rpx;
-        font-weight: bold;
-      }
-      .des {
-        font-size: 26rpx;
-        color: #999999;
-      }
-      .phone {
-        display: flex;
-        align-items: center;
-        font-size: 26rpx;
-        color: #999999;
-        .call-icon {
-          width: 24rpx;
-          height: 24rpx;
-          margin-right: 5rpx;
-        }
-      }
-    }
-  }
-  .info-bottom {
-    background: linear-gradient(to right, #91b6ff, #87afff, #b7adff);
-    border-radius: 0 0 8rpx 8rpx;
-    padding: 12rpx 24rpx;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 26rpx;
-    color: #333;
-  }
-  .des-card {
+    width: 60rpx;
+    height: 60rpx;
+    image {
+        height: 100%;
+        width: 100%;
+    }
+}
+.card-top {
+    width: 100%;
+    border-radius: 8rpx;
+    box-sizing: border-box;
+    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9));
+}
+.card {
+    width: 100%;
+    border-radius: 8rpx;
+    box-sizing: border-box;
+    background: #fff;
     padding: 24rpx;
-    font-size: 26rpx;
-    color: #666;
-    display: flex;
-    flex-direction: column;
-    gap: 12rpx;
-  }
-  .empty-box {
-    padding: 80rpx;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    .img {
-      width: 100%;
+    margin-top: 24rpx;
+    .title {
+        position: relative;
+        .bg {
+            width: 108rpx;
+            height: 16rpx;
+            position: absolute;
+            left: 0;
+            bottom: 0;
+        }
+        .text {
+            margin-left: 20rpx;
+            font-size: 30rpx;
+            font-weight: bold;
+            color: #333;
+        }
     }
-    .content {
-      margin-top: 24rpx;
-      font-size: 30rpx;
-      color: #666;
+}
+.skill-box {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+    margin-top: 24rpx;
+    .skill-item {
+        padding: 8rpx 20rpx;
+        font-size: 24rpx;
+        color: #333;
+        background: #e7f1ff;
+        border-radius: 8rpx;
+    }
+}
+.exp-box {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 24rpx;
+    margin-top: 24rpx;
+    .exp-item {
+        font-size: 26rpx;
+        color: #333;
+    }
+}
+.certificate-box {
+    margin-top: 24rpx;
+    padding-inline-start: 40rpx !important;
+    .certificate-item {
+        font-size: 26rpx;
+        color: #333;
+        margin-bottom: 24rpx;
+    }
+}
+
+image {
+    width: 100%;
+    height: 100%;
+}
+.mys-container {
+    padding: 28rpx;
+    .info {
+        display: flex;
+        align-items: center;
+        padding: 24rpx;
+        .avatar {
+            background: #e8e8e8;
+            border-radius: 50%;
+            overflow: hidden;
+            width: 160rpx;
+            height: 160rpx;
+            margin-right: 24rpx;
+            image {
+                border-radius: 50%;
+            }
+        }
+        .info-right {
+            height: 160rpx;
+            flex: 1;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            .name {
+                font-size: 40rpx;
+                font-weight: bold;
+            }
+            .des {
+                font-size: 26rpx;
+                color: #999999;
+            }
+            .phone {
+                display: flex;
+                align-items: center;
+                font-size: 26rpx;
+                color: #999999;
+                .call-icon {
+                    width: 24rpx;
+                    height: 24rpx;
+                    margin-right: 5rpx;
+                }
+            }
+        }
+    }
+    .info-bottom {
+        background: linear-gradient(to right, #91b6ff, #87afff, #b7adff);
+        border-radius: 0 0 8rpx 8rpx;
+        padding: 12rpx 24rpx;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: 26rpx;
+        color: #333;
+    }
+    .des-card {
+        padding: 24rpx;
+        font-size: 26rpx;
+        color: #666;
+        display: flex;
+        flex-direction: column;
+        gap: 12rpx;
+    }
+    .empty-box {
+        padding: 80rpx;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .img {
+            width: 100%;
+        }
+        .content {
+            margin-top: 24rpx;
+            font-size: 30rpx;
+            color: #666;
+        }
     }
-  }
+}
+</style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .mys-container{
+     .info{
+      padding: 40rpx;
+      .avatar{
+        width: 180rpx;
+        height: 180rpx;
+      }
+      .info-right{
+        height: 170rpx;
+        .name{
+          font-size: 45rpx;
+        }
+        .des{
+          font-size: 34rpx;
+        }
+        .phone{
+          font-size: 34rpx;
+        }
+      }
+     }
+     .info-bottom{
+        padding: 25rpx 50rpx;
+        font-size: 34rpx;
+      }
+      .des-card{
+        padding: 30rpx 40rpx;
+        font-size: 34rpx;
+        gap:20rpx;
+      }
+      .empty-box{
+         display: flex;
+         align-items: center;
+         justify-content: center;
+         .img{
+           width: 600rpx;
+         }
+        }
+   }
+
+   .card{
+    .title{
+      .text{
+        font-size: 40rpx;
+      }
+    }
+   }
+
+   .skill-box{
+    margin-top: 40rpx;
+    .skill-item{
+      font-size: 34rpx;
+      padding: 15rpx 40rpx;
+      border-radius: 12rpx;
+    }
+   }
+
+   .exp-box{
+      margin-top: 40rpx;
+      .exp-item{
+        font-size: 36rpx;
+      }
+   }
+
+   .certificate-box{
+      margin-top: 40rpx;
+      .certificate-item{
+        font-size: 36rpx;
+      }
+   }
+
+   
 }
 </style>

packageA/pages/workExp/workExp.vue

@@ -1,245 +1,288 @@
 <template>
-  <AppLayout title="工作经历" border back-gorund-color="#ffffff" :show-bg-image="false">
-    <template #headerleft>
-      <view class="btn mar_le20 button-click" @click="navBack">取消</view>
-    </template>
-    <template #headerright>
-      <view class="btn mar_ri20 button-click blue" @click="confirm">确认</view>
-    </template>
-    <view class="content">
-      <view class="content-input">
-        <view class="input-titile">公司</view>
-        <input class="input-con" v-model="fromValue.company" placeholder="请输入公司名称" />
-      </view>
-      <view class="content-input">
-        <view class="input-titile">岗位</view>
-        <input class="input-con" v-model="fromValue.position" placeholder="请输入岗位" />
-      </view>
-      <view class="content-input">
-        <view class="input-titile">时间</view>
-        <view class="flex-box">
-          <view class="input-box btn-feel" @click="changestartTime">
-            <input v-model="fromValue.startTime" class="input-con triangle" disabled placeholder="开始时间" />
-            <image class="icon" src="@/static/icon/arrow-down.png" />
-          </view>
-          <view class="gap">-</view>
-          <view class="input-box btn-feel" @click="changeendTime">
-            <input v-model="fromValue.endTime" class="input-con triangle" disabled placeholder="至今" />
-            <image class="icon" src="@/static/icon/arrow-down.png" />
-          </view>
+    <AppLayout title="工作经历" border back-gorund-color="#ffffff" :show-bg-image="false">
+        <template #headerleft>
+            <view class="btn mar_le20 button-click" @click="navBack">取消</view>
+        </template>
+        <template #headerright>
+            <view class="btn mar_ri20 button-click blue" @click="confirm">确认</view>
+        </template>
+        <view class="content">
+            <view class="content-input">
+                <view class="input-titile">公司</view>
+                <input class="input-con" v-model="fromValue.company" placeholder="请输入公司名称" />
+            </view>
+            <view class="content-input">
+                <view class="input-titile">岗位</view>
+                <input class="input-con" v-model="fromValue.position" placeholder="请输入岗位" />
+            </view>
+            <view class="content-input">
+                <view class="input-titile">时间</view>
+                <view class="flex-box">
+                    <view class="input-box btn-feel" @click="changestartTime">
+                        <input
+                            v-model="fromValue.startTime"
+                            class="input-con triangle"
+                            disabled
+                            placeholder="开始时间"
+                        />
+                        <image class="icon" src="@/static/icon/arrow-down.png" />
+                    </view>
+                    <view class="gap">-</view>
+                    <view class="input-box btn-feel" @click="changeendTime">
+                        <input v-model="fromValue.endTime" class="input-con triangle" disabled placeholder="至今" />
+                        <image class="icon" src="@/static/icon/arrow-down.png" />
+                    </view>
+                </view>
+            </view>
+            <view class="content-input">
+                <view class="input-titile">工作内容</view>
+                <textarea class="text-area" placeholder="请输入工作内容" v-model="fromValue.duty"></textarea>
+            </view>
         </view>
-      </view>
-      <view class="content-input">
-        <view class="input-titile">工作内容</view>
-        <textarea class="text-area" placeholder="请输入工作内容" v-model="fromValue.duty"></textarea>
-      </view>
-    </view>
-    <!-- 时间选择器组件 -->
-    <DatePicker ref="datePicker" />
-    <template #footer v-if="fromValue.id">
-      <view class="footer-container">
-        <view class="footer-button btn-feel" @click="delCurrent">删除该工作经历</view>
-      </view>
-    </template>
-  </AppLayout>
+        <!-- 时间选择器组件 -->
+        <DatePicker ref="datePicker" />
+        <template #footer v-if="fromValue.id">
+            <view class="footer-container">
+                <view class="footer-button btn-feel" @click="delCurrent">删除该工作经历</view>
+            </view>
+        </template>
+    </AppLayout>
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted, computed } from "vue";
-import { onLoad, onShow } from "@dcloudio/uni-app";
-const { $api, navTo, navBack } = inject("globalFunction");
-import { storeToRefs } from "pinia";
-import useUserStore from "@/stores/useUserStore";
-import useDictStore from "@/stores/useDictStore";
-import DatePicker from "@/components/DatePicker/DatePicker.vue";
+import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+const { $api, navTo, navBack } = inject('globalFunction');
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+import useDictStore from '@/stores/useDictStore';
+import DatePicker from '@/components/DatePicker/DatePicker.vue';
 const { userInfo } = storeToRefs(useUserStore());
 const { getUserResume } = useUserStore();
 const { dictLabel, oneDictData } = useDictStore();
 
 // 初始化数据
 const fromValue = reactive({
-  position: "",
-  company: "",
-  startTime: "",
-  endTime: "",
-  duty: "",
-  id: undefined,
+    position: '',
+    company: '',
+    startTime: '',
+    endTime: '',
+    duty: '',
+    id: undefined,
 });
 
 // 获取时间选择器组件的引用
 const datePicker = ref();
 
 onLoad((e) => {
-  initLoad(e?.id);
+    initLoad(e?.id);
 });
 
 const confirm = async () => {
-  // 验证必填字段
-  if (!fromValue.company) {
-    return $api.msg("请输入公司名称");
-  }
-  if (!fromValue.position) {
-    return $api.msg("请输入岗位");
-  }
-  if (!fromValue.startTime) {
-    return $api.msg("请选择开始时间");
-  }
-  // 验证时间逻辑：结束时间不能早于开始时间
-  if (fromValue.endTime && new Date(fromValue.endTime) < new Date(fromValue.startTime)) {
-    return $api.msg("结束时间不能早于开始时间");
-  }
-  let res;
-  try {
-    if (fromValue.id) {
-      res = await $api.createRequest("/app/user/experience/edit", fromValue, "post");
-    } else {
-      res = await $api.createRequest("/app/user/experience/save", fromValue, "post");
+    // 验证必填字段
+    if (!fromValue.company) {
+        return $api.msg('请输入公司名称');
+    }
+    if (!fromValue.position) {
+        return $api.msg('请输入岗位');
+    }
+    if (!fromValue.startTime) {
+        return $api.msg('请选择开始时间');
+    }
+    // 验证时间逻辑：结束时间不能早于开始时间
+    if (fromValue.endTime && new Date(fromValue.endTime) < new Date(fromValue.startTime)) {
+        return $api.msg('结束时间不能早于开始时间');
+    }
+    let res;
+    try {
+        if (fromValue.id) {
+            res = await $api.createRequest('/app/user/experience/edit', fromValue, 'post');
+        } else {
+            res = await $api.createRequest('/app/user/experience/save', fromValue, 'post');
+        }
+        $api.msg('保存成功');
+        getUserResume().then(() => {
+            navBack();
+        });
+    } catch (error) {
+        $api.msg('保存失败');
     }
-    $api.msg("保存成功");
-    getUserResume().then(() => {
-      navBack();
-    });
-  } catch (error) {
-    $api.msg("保存失败");
-  }
 };
 
 function delCurrent() {
-  uni.showModal({
-    title: "提示",
-    content: "确认要删除此条工作经历吗?",
-    showCancel: true,
-    success: async ({ confirm, cancel }) => {
-      if (confirm) {
-        await $api.createRequest("/app/user/experience/delete", { id: fromValue.id }, "post");
-        $api.msg("删除成功");
-        getUserResume().then(() => {
-          navBack();
-        });
-      }
-    },
-  });
+    uni.showModal({
+        title: '提示',
+        content: '确认要删除此条工作经历吗?',
+        showCancel: true,
+        success: async ({ confirm, cancel }) => {
+            if (confirm) {
+                await $api.createRequest('/app/user/experience/delete', { id: fromValue.id }, 'post');
+                $api.msg('删除成功');
+                getUserResume().then(() => {
+                    navBack();
+                });
+            }
+        },
+    });
 }
 
 function initLoad(id) {
-  if (!id) return;
-  $api
-    .createRequest(`/app/user/experience/getSingle/${id}`, {}, "get")
-    .then((res) => {
-      Object.assign(fromValue, res.data);
-    })
-    .catch((err) => {
-      console.error("获取工作经历失败:", err);
-    });
+    if (!id) return;
+    $api.createRequest(`/app/user/experience/getSingle/${id}`, {}, 'get')
+        .then((res) => {
+            Object.assign(fromValue, res.data);
+        })
+        .catch((err) => {
+            console.error('获取工作经历失败:', err);
+        });
 }
 
 // 选择开始时间
 const changestartTime = () => {
-  console.log(1);
-  datePicker.value.open({
-    title: "选择开始时间",
-    defaultDate: fromValue.startTime,
-    success: (selectedDate) => {
-      fromValue.startTime = selectedDate;
-    },
-  });
+    console.log(1);
+    datePicker.value.open({
+        title: '选择开始时间',
+        defaultDate: fromValue.startTime,
+        success: (selectedDate) => {
+            fromValue.startTime = selectedDate;
+        },
+    });
 };
 
 // 选择结束时间
 const changeendTime = () => {
-  datePicker.value.open({
-    title: "选择结束时间",
-    defaultDate: fromValue.endTime,
-    success: (selectedDate) => {
-      fromValue.endTime = selectedDate;
-      // 如果结束时间早于新的开始时间，清空结束时间
-      if (fromValue.startTime && new Date(fromValue.startTime) > new Date(selectedDate)) {
-        fromValue.endTime = "";
-        $api.msg("结束时间不能小于开始时间!");
-      }
-    },
-  });
+    datePicker.value.open({
+        title: '选择结束时间',
+        defaultDate: fromValue.endTime,
+        success: (selectedDate) => {
+            fromValue.endTime = selectedDate;
+            // 如果结束时间早于新的开始时间，清空结束时间
+            if (fromValue.startTime && new Date(fromValue.startTime) > new Date(selectedDate)) {
+                fromValue.endTime = '';
+                $api.msg('结束时间不能小于开始时间!');
+            }
+        },
+    });
 };
 </script>
 
 <style lang="scss" scoped>
 .btn.blue {
-  color: #1677ff;
+    color: #1677ff;
 }
 .content {
-  padding: 28rpx;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  height: calc(100% - 120rpx);
+    padding: 28rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    height: calc(100% - 120rpx);
 }
 
 .flex-box {
-  display: flex;
-  align-items: center;
-  .gap {
-    font-size: 40rpx;
-    font-weight: bold;
-    flex: 0.25;
-    text-align: center;
-  }
-  .icon {
-    width: 75rpx;
-    height: 50rpx;
-  }
-  .input-box {
-    flex: 0.375;
     display: flex;
     align-items: center;
-  }
+    .gap {
+        font-size: 40rpx;
+        font-weight: bold;
+        flex: 0.25;
+        text-align: center;
+    }
+    .icon {
+        width: 75rpx;
+        height: 50rpx;
+    }
+    .input-box {
+        flex: 0.375;
+        display: flex;
+        align-items: center;
+    }
 }
 
 .content-input {
-  margin-bottom: 48rpx;
-  padding-bottom: 20rpx;
-  border-bottom: 2rpx solid #ebebeb;
-  &:nth-last-of-type(1) {
-    border-bottom: none;
-  }
-  .input-titile {
-    font-weight: 400;
-    font-size: 28rpx;
-    color: #6a6a6a;
-    margin-bottom: 10rpx;
-  }
-  .input-con {
-    font-weight: 400;
-    font-size: 32rpx;
-    color: #333333;
-    line-height: 80rpx;
-    height: 80rpx;
-    position: relative;
-  }
-  .triangle {
-    pointer-events: none;
-  }
-  .text-area {
-    width: 100%;
-    height: 700rpx;
-    background: #f5f5f5;
-    padding: 20rpx;
-    box-sizing: border-box;
-  }
+    margin-bottom: 48rpx;
+    padding-bottom: 20rpx;
+    border-bottom: 2rpx solid #ebebeb;
+    &:nth-last-of-type(1) {
+        border-bottom: none;
+    }
+    .input-titile {
+        font-weight: 400;
+        font-size: 28rpx;
+        color: #6a6a6a;
+        margin-bottom: 10rpx;
+    }
+    .input-con {
+        font-weight: 400;
+        font-size: 32rpx;
+        color: #333333;
+        line-height: 80rpx;
+        height: 80rpx;
+        position: relative;
+    }
+    .triangle {
+        pointer-events: none;
+    }
+    .text-area {
+        width: 100%;
+        height: 700rpx;
+        background: #f5f5f5;
+        padding: 20rpx;
+        box-sizing: border-box;
+    }
 }
 
 .footer-container {
-  background: #ffffff;
-  box-shadow: 0rpx -4rpx 24rpx 0rpx rgba(11, 44, 112, 0.12);
-  border-radius: 0rpx 0rpx 0rpx 0rpx;
-  padding: 40rpx 28rpx 20rpx 28rpx;
-  .footer-button {
-    width: 100%;
-    height: 90rpx;
-    background: #f93a4a;
-    border-radius: 8rpx;
-    color: #ffffff;
-    line-height: 90rpx;
-    text-align: center;
-  }
+    background: #ffffff;
+    box-shadow: 0rpx -4rpx 24rpx 0rpx rgba(11, 44, 112, 0.12);
+    border-radius: 0rpx 0rpx 0rpx 0rpx;
+    padding: 40rpx 28rpx 20rpx 28rpx;
+    .footer-button {
+        width: 100%;
+        height: 90rpx;
+        background: #f93a4a;
+        border-radius: 8rpx;
+        color: #ffffff;
+        line-height: 90rpx;
+        text-align: center;
+    }
 }
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .content{
+        padding: 40rpx;
+    }
+   .content-input{
+        .input-titile{
+            font-size: 40rpx;
+        }
+        .input-con{
+            height: 100rpx;
+            font-size: 38rpx;
+        }
+   }
+   .input-nx{
+        margin-top: 20rpx;
+        .nx-item{
+            padding: 12rpx 40rpx;
+            font-size: 34rpx;
+        }
+   }
+   .flex-box{
+    .input-box{
+      flex: 0.4;
+    }
+    .gap{
+      font-size: 60rpx;
+      flex: 0.2;
+    }
+   }
+   .content-input{
+    .text-area{
+      font-size: 36rpx;
+    }
+   }
+}
+</style>

pages/careerfair/careerfair.vue

@@ -45,56 +45,59 @@
             <view class="container-main">
                 <scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
                     <view class="cards">
-                        <view
-                            class="card press-button"
-                            v-for="(item, index) in fairList"
-                            :key="index"
-                            @click="
-                                navTo(
-                                    '/packageA/pages/exhibitors/exhibitors?jobFairId=' +
-                                        item.zphID +
-                                        '&jobFairName=' +
-                                        item.zphmc
-                                )
-                            "
-                        >
-                            <view class="card-title">{{ item.zphmc }}</view>
-                            <view class="card-row">
-                                <text class="">{{ item.jbf }}</text>
-                                <text class="">
-                                    <!-- <convert-distance
+                        <transition-group name="stagger" tag="view" :css="true">
+                            <view
+                                class="card press-button"
+                                v-for="(item, index) in fairList"
+                                :key="item.zphID"
+                                :style="{ '--i': index }"
+                                @click="
+                                    navTo(
+                                        '/packageA/pages/exhibitors/exhibitors?jobFairId=' +
+                                            item.zphID +
+                                            '&jobFairName=' +
+                                            item.zphmc
+                                    )
+                                "
+                            >
+                                <view class="card-title">{{ item.zphmc }}</view>
+                                <view class="card-row">
+                                    <text class="">{{ item.jbf }}</text>
+                                    <text class="">
+                                        <!-- <convert-distance
                                         :alat="item.latitude"
                                         :along="item.longitude"
                                         :blat="latitudeVal"
                                         :blong="longitudeVal"
                                     ></convert-distance> -->
-                                </text>
-                            </view>
-                            <view class="card-times">
-                                <view class="time-left">
-                                    <view class="left-date">{{ parseDateTime(item.zphjbsj).time }}</view>
-                                    <view class="left-dateDay">{{ parseDateTime(item.zphjbsj).date }}</view>
+                                    </text>
                                 </view>
-                                <view class="line"></view>
-                                <view class="time-center">
-                                    <view class="center-date">
-                                        {{ getTimeStatus(item.zphjbsj, item.zphjzsj).statusText }}
+                                <view class="card-times">
+                                    <view class="time-left">
+                                        <view class="left-date">{{ parseDateTime(item.zphjbsj).time }}</view>
+                                        <view class="left-dateDay">{{ parseDateTime(item.zphjbsj).date }}</view>
                                     </view>
-                                    <view class="center-dateDay">
-                                        {{ getHoursBetween(item.zphjbsj, item.zphjzsj) }}小时
+                                    <view class="line"></view>
+                                    <view class="time-center">
+                                        <view class="center-date">
+                                            {{ getTimeStatus(item.zphjbsj, item.zphjzsj).statusText }}
+                                        </view>
+                                        <view class="center-dateDay">
+                                            {{ getHoursBetween(item.zphjbsj, item.zphjzsj) }}小时
+                                        </view>
+                                    </view>
+                                    <view class="line"></view>
+                                    <view class="time-right">
+                                        <view class="left-date">{{ parseDateTime(item.zphjzsj).time }}</view>
+                                        <view class="left-dateDay">{{ parseDateTime(item.zphjzsj).date }}</view>
                                     </view>
                                 </view>
-                                <view class="line"></view>
-                                <view class="time-right">
-                                    <view class="left-date">{{ parseDateTime(item.zphjzsj).time }}</view>
-                                    <view class="left-dateDay">{{ parseDateTime(item.zphjzsj).date }}</view>
-                                </view>
+                                <view class="recommend-card-line"></view>
+                                <view class="card-footer">内容简介：{{ item.zphjj }}</view>
                             </view>
-                            <view class="recommend-card-line"></view>
-                            <view class="card-footer">内容简介：{{ item.zphjj }}</view>
-                        </view>
+                        </transition-group>
                     </view>
-                    <empty v-if="!fairList.length"></empty>
+                    <empty v-if="!fairList.length" content="暂时没有结果，下一天也许就有惊喜"></empty>
                 </scroll-view>
             </view>
             <!-- <Tabbar :currentpage="1"></Tabbar> -->
@@ -108,6 +111,7 @@ import { onLoad, onShow } from '@dcloudio/uni-app';
 import Tabbar from '@/components/tabbar/midell-box.vue';
 import useLocationStore from '@/stores/useLocationStore';
 import { storeToRefs } from 'pinia';
+import config from '@/config';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
 const { $api, navTo, cloneDeep, debounce } = inject('globalFunction');
 const weekList = ref([]);
@@ -140,6 +144,12 @@ onLoad(() => {
     getFair('refresh');
 });
 
+const handleItemClick = (item) => {
+    lightAppJssdk.navigation.hide({
+        url: config.virtualJobFair,
+    });
+};
+
 function toSelectDate() {
     navTo('/packageA/pages/selectDate/selectDate', {
         query: {
@@ -171,7 +181,9 @@ function changeSwiperMsgType(e) {
 
 function seemsg(index) {
     if (index === 1) {
-        return $api.msg('功能确定中');
+        handleItemClick();
+        // $api.msg('功能确定中');
+        return;
     }
     state.current = index;
 }
@@ -201,7 +213,7 @@ function getFair(type = 'add') {
     if (currentDay.value?.fullDate) {
         params.zphjbsj = currentDay.value.fullDate.replace(/-/g, '');
     }
-    $api.createRequest('/app/internal/jobFairThirdPart', params, 'GET', true).then((resData) => {
+    $api.createRequest('/app/internal/jobFairThirdPart', params, 'GET', false).then((resData) => {
         const { rows, total } = resData;
         if (type === 'add') {
             // const str = pageState.pageSize * (pageState.page - 1);
@@ -557,3 +569,86 @@ function getNextDates({ startDate = '', count = 6 }) {
     }
 }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+    .app-container{
+        .container-header{
+            background-size: 100% 600rpx;
+            .header-input{
+                margin: 20rpx 0;
+                .iconsearch{
+                    font-size: 60rpx !important;
+                }
+                .input{
+                    font-size: 40rpx;
+                    padding-left: 100rpx;
+                    height: 120rpx;
+                }
+                .inputplace{
+                    font-size: 40rpx;
+                }
+            }
+            .header-date{
+                .data-week{
+                    .weel-days{
+                        width: 300rpx;
+                        height: 200rpx;
+                        .label{
+                            font-size: 40rpx;
+                        }
+                        .day{
+                            font-size: 32rpx;
+                        }
+                    }
+                }
+                .data-all{
+                    width: 140rpx;
+                    height: 140rpx;
+                }
+            }
+        }
+        .cards{
+            .card{
+                padding: 50rpx 10rpx;
+                .card-title{
+                    font-size: 40rpx;
+                    padding: 0 90rpx;
+                }
+                .card-row{
+                    font-size: 34rpx;
+                    padding: 0 90rpx;
+                    margin-top: 12rpx;
+                }
+                .card-times{
+                    padding: 0 90rpx;
+                    .left-date{
+                        font-size: 55rpx;
+                    }
+                    .left-dateDay{
+                        font-size: 34rpx;
+                    }
+                    .line{
+                       margin-top: 0;
+                       width: 80rpx;
+                       border-width: 4rpx;
+                    }
+                    .time-center{
+                        .center-date{
+                            font-size: 42rpx;
+                        }
+                        .center-dateDay{
+                            width: fit-content;
+                            font-size: 36rpx;
+                        }
+                    }
+                }
+                .card-footer{
+                    padding: 0 90rpx;
+                    font-size: 34rpx;
+                }
+            }
+        }
+    }
+}
+</style>

pages/chat/chat.vue

@@ -111,16 +111,16 @@ onHide(() => {
     paging.value?.handleTouchCancel();
     if (isDrawerOpen.value) {
         isDrawerOpen.value = false;
-        // uni.showTabBar();
+        uni.showTabBar();
     }
 });
 
 const toggleDrawer = () => {
     isDrawerOpen.value = !isDrawerOpen.value;
     if (isDrawerOpen.value) {
-        // uni.hideTabBar();
+        uni.hideTabBar();
     } else {
-        // uni.showTabBar();
+        uni.showTabBar();
     }
 };
 
@@ -348,3 +348,23 @@ footer-height = 98rpx
     height: footer-height;
 }
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .main-content{
+        .head{
+            height: 120rpx;
+            .main-header{
+                height: 120rpx;
+                font-size: 40rpx;
+                uni-image{
+                    width: 55rpx;
+                    height: 55rpx;
+                }
+            }
+        }
+   }
+}
+</style>
+
+

pages/chat/components/ai-paging.vue

@@ -185,7 +185,7 @@
             <!-- btn -->
             <CollapseTransition :show="showfile">
                 <view class="area-tips">
-                    <uni-icons type="info-filled" color="#ADADAD" size="15"></uni-icons>
+                    <uni-icons type="info-filled" color="#ADADAD" size="20"></uni-icons>
                     上传后自动解析简历内容
                 </view>
                 <view class="area-file">
@@ -1107,3 +1107,86 @@ image-margin-top = 40rpx
     -webkit-animation: ai-circle 1s linear infinite;
     animation: ai-circle 1s linear infinite;
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .chat-background{
+        .back-rowTitle{
+            font-size:50rpx;
+        }
+        .back-rowText{
+            font-size:34rpx;
+        }
+        .back-rowh3{
+            font-size:36rpx;
+        }
+        .back-rowmsg{
+            font-size:34rpx;
+        }
+    }
+    .areatext{
+        align-items:center;
+    }
+    .btn-box{
+        width: 90rpx;
+        height:90rpx;
+        .send-btn{
+            width:50rpx;
+            height:50rpx;
+        }
+    }
+    .input {
+        min-height: 100rpx;
+        line-height: 100rpx;
+    }
+    .input_vio{
+        min-height: 100rpx;
+        line-height: 100rpx;
+        font-size:34rpx;
+    }
+    .inputplaceholder {
+        font-size: 34rpx;
+        line-height: 50rpx;
+    }
+    .area-tips{
+        font-size:32rpx;
+    }
+    .message{
+        font-size: 36rpx;
+        .message-markdown{
+            font-size: 36rpx;
+            padding:40rpx;
+            .message-controll{
+                margin-top:25rpx;
+                .controll-left{
+                    .controll-icon{
+                        width:80rpx;
+                        height:80rpx;
+                    }
+                }
+                .controll-right{
+                    .controll-icon{
+                        width:80rpx;
+                        height:80rpx;
+                    }
+                }
+            }
+        }
+    }
+    .markdown-body{
+        font-size:36rpx;
+    }
+
+    .area-file .file-card{
+        padding:50rpx 0;
+        .card-img{
+            width:65rpx;
+            height:65rpx;
+        }
+        uni-text{
+            font-size: 34rpx;
+        }
+    }
+}
+</style>

pages/index/components/AIMatch.vue

@@ -0,0 +1,371 @@
+<template>
+  <view class="container" id="pixi-box" ref="pixiContainerRef"></view>
+</template>
+
+<script setup>
+import { onMounted, onUnmounted, ref, nextTick } from "vue";
+const emit = defineEmits(["tag-click"]);
+
+// DOM Ref
+const pixiContainerRef = ref(null);
+
+// PIXI 变量
+let app = null;
+let tagsContainer = null;
+let activeTagInstances = [];
+
+// 配置数据
+const mockTags = [
+  { name: "医生", bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
+  {
+    name: "工程师",
+    bgColor: 0x87e2ec,
+    fontColor: 0xffffff,
+    size: 14,
+    opacity: 1,
+    angle: -Math.PI / 2,
+    radius: 68,
+    tailRotation: Math.PI / 2,
+  },
+  {
+    name: "建筑师",
+    bgColor: 0xffebeb,
+    tailColor: 0xffe1e1,
+    fontColor: 0xff6969,
+    size: 11.5,
+    opacity: 1,
+    angle: -Math.PI / 4.2,
+    radius: 125,
+    tailRotation: (3 * Math.PI) / 4,
+  },
+  {
+    name: "律师",
+    bgColor: 0x21ea85,
+    fontColor: 0xffffff,
+    size: 15,
+    opacity: 1,
+    angle: -Math.PI / 10,
+    radius: 130,
+    tailRotation: (3 * Math.PI) / 4,
+  },
+  {
+    name: "记者",
+    bgColor: 0xebf3ff,
+    tailColor: 0xb9d3ff,
+    fontColor: 0x1d71ef,
+    size: 12,
+    opacity: 1,
+    angle: Math.PI / 120,
+    radius: 130,
+    tailRotation: (3 * Math.PI) / 3.4,
+  },
+  {
+    name: "程序员",
+    bgColor: 0xffd4b6,
+    fontColor: 0xffffff,
+    size: 14,
+    opacity: 1,
+    angle: Math.PI / 7,
+    radius: 120,
+    tailRotation: (5 * Math.PI) / 4,
+  },
+  {
+    name: "摄影师",
+    bgColor: 0xd8e5fe,
+    tailColor: 0xb9d3ff,
+    fontColor: 0x1d71ef,
+    size: 11,
+    opacity: 1,
+    angle: Math.PI / 3,
+    radius: 79,
+    tailRotation: (3 * Math.PI) / 2,
+  },
+  {
+    name: "设计师",
+    bgColor: 0xff9400,
+    fontColor: 0xffffff,
+    size: 14,
+    opacity: 1,
+    angle: (2 * Math.PI) / 3,
+    radius: 92,
+    tailRotation: (7 * Math.PI) / 4,
+  },
+  {
+    name: "心理咨询师",
+    bgColor: 0xebf3ff,
+    tailColor: 0xb9d3ff,
+    fontColor: 0x1d71ef,
+    size: 10.5,
+    opacity: 1,
+    angle: (5.4 * Math.PI) / 6,
+    radius: 110,
+    tailRotation: (3 * Math.PI) / 1.78,
+  },
+  {
+    name: "护士",
+    bgColor: 0xff6969,
+    fontColor: 0xffffff,
+    size: 15,
+    opacity: 1,
+    angle: (6.3 * Math.PI) / 5.9,
+    radius: 110,
+    tailRotation: Math.PI / 4,
+  },
+  {
+    name: "会计",
+    bgColor: 0xfce9c9,
+    fontColor: 0xfbc55f,
+    size: 13,
+    opacity: 1,
+    angle: (7.2 * Math.PI) / 5.9,
+    radius: 120,
+    tailRotation: Math.PI / 4,
+  },
+];
+
+onMounted(async () => {
+  await nextTick();
+  setTimeout(() => {
+    initPixi();
+  }, 100);
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  window.removeEventListener("resize", handleResize);
+  if (app) {
+    app.destroy(true, { children: true, texture: true, baseTexture: true });
+    app = null;
+  }
+});
+
+const getContainerDOM = () => {
+  const refVal = pixiContainerRef.value;
+  if (!refVal) return document.getElementById("pixi-box");
+  if (refVal.$el) return refVal.$el;
+  return refVal;
+};
+
+const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
+
+const initPixi = () => {
+  const container = getContainerDOM();
+  if (!container) return;
+
+  const width = container.clientWidth || 300;
+  const height = container.clientHeight || 300;
+
+  if (app) return;
+
+  app = new PIXI.Application({
+    width: width,
+    height: height,
+    backgroundAlpha: 0,
+    backgroundColor: 0xf5f7fa,
+    antialias: true,
+    resolution: window.devicePixelRatio || 1,
+    autoDensity: true,
+  });
+  app.view.style.touchAction = "auto";
+
+  container.appendChild(app.view);
+
+  tagsContainer = new PIXI.Container();
+  app.stage.addChild(tagsContainer);
+
+  renderScene(width, height);
+};
+
+const renderScene = (sw, sh) => {
+  let ratio = window.innerWidth / 600;
+  if (ratio < 1) ratio = 1;
+  tagsContainer.removeChildren();
+  activeTagInstances = [];
+
+  mockTags.forEach((data, index) => {
+    const scaledRadius = data.radius * ratio;
+
+    let x = sw / 2 + scaledRadius * Math.cos(data.angle);
+    let y = sh / 2 + scaledRadius * Math.sin(data.angle);
+
+    const tag = createTag(data, index, ratio);
+
+    tagsContainer.addChild(tag);
+
+    const safeW = tag.width / 2 + 10;
+    const safeH = tag.height / 2 + 10;
+
+    // 强制修正 x 和 y，使其不超出屏幕
+    x = clamp(x, safeW, sw - safeW);
+    y = clamp(y, safeH, sh - safeH);
+
+    tag.x = x;
+    tag.y = y;
+
+    // 4. 保存元数据
+    tag.userData = {
+      originalX: x,
+      originalY: y,
+      angle: data.angle,
+      radius: scaledRadius,
+      floatOffset: Math.random() * Math.PI * 2,
+      floatSpeed: 0.01 + Math.random() * 0.02,
+      floatRange: 2 + Math.random() * 2,
+      safeH: safeH,
+    };
+
+    if (data.radius > 0) {
+      const tail = createCometTail(data.tailColor || data.bgColor, data.tailRotation, tag.width, ratio);
+      tag.addChildAt(tail, 0);
+      tag.updateTail = () => tail.updateAnim();
+    }
+
+    activeTagInstances.push(tag);
+  });
+
+  // 动画循环
+  app.ticker.add(() => {
+    const screenH = app.screen.height;
+    activeTagInstances.forEach((tag) => {
+      const meta = tag.userData;
+      if (meta) {
+        // 计算新的浮动位置
+        meta.floatOffset += meta.floatSpeed;
+        let nextY = meta.originalY + Math.sin(meta.floatOffset) * meta.floatRange;
+
+        // 再次进行边界检查
+        if (nextY < meta.safeH) nextY = meta.safeH;
+        if (nextY > screenH - meta.safeH) nextY = screenH - meta.safeH;
+
+        tag.y = nextY;
+
+        if (tag.updateTail) tag.updateTail();
+      }
+    });
+  });
+};
+
+const createTag = (tagData, index, ratio) => {
+  if (ratio > 1) ratio = ratio * 0.9;
+  const tagGroup = new PIXI.Container();
+  tagGroup.eventMode = "static";
+  tagGroup.cursor = "pointer";
+
+  tagGroup.on("pointertap", () => emit("tag-click", tagData));
+
+  const text = new PIXI.Text(tagData.name, {
+    fontFamily: ["PingFang SC", "Microsoft YaHei", "Arial"],
+    fontSize: tagData.size * ratio,
+    fill: tagData.fontColor,
+    padding: 4 * ratio,
+    resolution: 2,
+  });
+  text.anchor.set(0.5);
+
+  const paddingH = 26 * ratio;
+  const paddingV = 10 * ratio;
+  let bgWidth = text.width + paddingH;
+  let bgHeight = text.height + paddingV;
+
+  if (index === 0) bgWidth = Math.max(bgWidth, tagData.size * 4.5);
+
+  const bg = new PIXI.Graphics();
+  bg.beginFill(tagData.bgColor, tagData.opacity ?? 1);
+  bg.drawRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, bgHeight / 2);
+  bg.endFill();
+
+  tagGroup.addChild(bg);
+  tagGroup.addChild(text);
+
+  return tagGroup;
+};
+
+const createCometTail = (bgColor, tailRotation, parentWidth, ratio) => {
+  if (ratio > 1) ratio = ratio * 0.9;
+  const tailGroup = new PIXI.Container();
+  const graphics = new PIXI.Graphics();
+  tailGroup.addChild(graphics);
+
+  const baseLength = 45 * ratio;
+  const startWidth = parentWidth * 0.6;
+  const endWidth = 20 * ratio;
+
+  let breathPhase = Math.random() * Math.PI * 2;
+  const breathSpeed = 0.04;
+
+  tailGroup.updateAnim = () => {
+    breathPhase += breathSpeed;
+    const breathScale = 0.85 + 0.15 * Math.sin(breathPhase);
+    graphics.clear();
+    const currentLength = baseLength * breathScale;
+
+    const cos = Math.cos(tailRotation);
+    const sin = Math.sin(tailRotation);
+    const perpX = -sin;
+    const perpY = cos;
+
+    const p1 = { x: perpX * (startWidth / 2), y: perpY * (startWidth / 2) };
+    const p2 = { x: -perpX * (startWidth / 2), y: -perpY * (startWidth / 2) };
+    const endCX = cos * currentLength;
+    const endCY = sin * currentLength;
+    const p3 = { x: endCX - perpX * (endWidth / 2), y: endCY - perpY * (endWidth / 2) };
+    const p4 = { x: endCX + perpX * (endWidth / 2), y: endCY + perpY * (endWidth / 2) };
+
+    const segments = 8;
+    for (let i = 0; i < segments; i++) {
+      const t1 = i / segments;
+      const t2 = (i + 1) / segments;
+      const alpha = 0.4 * (1 - t1);
+      const sp1 = { x: p1.x + (p4.x - p1.x) * t1, y: p1.y + (p4.y - p1.y) * t1 };
+      const sp2 = { x: p2.x + (p3.x - p2.x) * t1, y: p2.y + (p3.y - p2.y) * t1 };
+      const ep1 = { x: p1.x + (p4.x - p1.x) * t2, y: p1.y + (p4.y - p1.y) * t2 };
+      const ep2 = { x: p2.x + (p3.x - p2.x) * t2, y: p2.y + (p3.y - p2.y) * t2 };
+      graphics.beginFill(bgColor, alpha);
+      graphics.moveTo(sp1.x, sp1.y);
+      graphics.lineTo(sp2.x, sp2.y);
+      graphics.lineTo(ep2.x, ep2.y);
+      graphics.lineTo(ep1.x, ep1.y);
+      graphics.endFill();
+    }
+  };
+  tailGroup.updateAnim();
+  return tailGroup;
+};
+
+const handleResize = () => {
+  const container = getContainerDOM();
+  if (!app || !container) return;
+
+  const w = container.clientWidth || 300;
+  const h = container.clientHeight || 300;
+
+  app.renderer.resize(w, h);
+
+  activeTagInstances.forEach((tag) => {
+    const meta = tag.userData;
+    if (!meta) return;
+
+    let newX = w / 2 + meta.radius * Math.cos(meta.angle);
+    let newY = h / 2 + meta.radius * Math.sin(meta.angle);
+
+    const safeW = tag.width / 2 + 10;
+    const safeH = tag.height / 2 + 10;
+
+    meta.originalX = clamp(newX, safeW, w - safeW);
+    meta.originalY = clamp(newY, safeH, h - safeH);
+    meta.safeH = safeH; // 更新安全高度
+
+    tag.x = meta.originalX;
+  });
+};
+</script>
+
+<style scoped>
+.container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  color: #b9d3ff;
+}
+</style>

pages/index/components/index-one.vue

@@ -148,14 +148,14 @@
         <!-- 筛选 -->
         <select-filter ref="selectFilterModel"></select-filter>
 
-        <!--        <view class="maskFristEntry" v-if="maskFristEntry">
+               <view class="maskFristEntry" v-if="maskFristEntry">
             <view class="entry-content">
                 <text class="text1">左滑查看视频</text>
                 <text class="text2">左滑查看视频</text>
                 <view class="goExperience">去体验</view>
                 <view class="maskFristEntry-Close" @click="closeFristEntry">1</view>
             </view>
-        </view> -->
+        </view>
     </view>
 </template>
 
@@ -183,7 +183,7 @@ const waterfallsFlowRef = ref(null);
 const loadmoreRef = ref(null);
 const conditionSearch = ref({});
 const waterfallcolumn = ref(2);
-const maskFristEntry = ref(false);
+const maskFristEntry = ref(true);
 const state = reactive({
     tabIndex: 'all',
 });

pages/index/components/index-two.vue

@@ -35,7 +35,6 @@
                         ref="waterfallsFlowRef"
                         :column="columnCount"
                         :columnSpace="columnSpace"
-                        @loaded="imageloaded"
                         :value="list"
                     >
                         <template v-slot:default="job">
@@ -72,15 +71,15 @@
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from 'vue';
-import { usePagination } from '@/hook/usePagination';
-const { $api, navTo } = inject('globalFunction');
-import { storeToRefs } from 'pinia';
-import useUserStore from '@/stores/useUserStore';
-import img from '@/static/icon/filter.png';
-import useLocationStore from '@/stores/useLocationStore';
-import { useColumnCount } from '@/hook/useColumnCount';
-import { useRecommedIndexedDBStore, jobRecommender } from '@/stores/useRecommedIndexedDBStore.js';
+import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from "vue";
+import { usePagination } from "@/hook/usePagination";
+const { $api, navTo } = inject("globalFunction");
+import { storeToRefs } from "pinia";
+import useUserStore from "@/stores/useUserStore";
+import img from "@/static/icon/filter.png";
+import useLocationStore from "@/stores/useLocationStore";
+import { useColumnCount } from "@/hook/useColumnCount";
+import { useRecommedIndexedDBStore, jobRecommender } from "@/stores/useRecommedIndexedDBStore.js";
 const recommedIndexDb = useRecommedIndexedDBStore();
 // status
 const { userInfo } = storeToRefs(useUserStore());
@@ -88,85 +87,106 @@ const isLoaded = ref(false);
 const waterfallsFlowRef = ref(null);
 const loadmoreRef = ref(null);
 const state = reactive({
-    tabIndex: 'all',
+  tabIndex: "all",
 });
 
 // 响应式搜索条件（可以被修改）
 const searchParams = ref({});
 const pageSize = ref(10);
-const { list, loading, refresh, loadMore } = usePagination(
-    (params) => $api.createRequest('/app/job/littleVideo', params),
-    dataToImg, // 转换函数
-    {
-        pageSize: pageSize,
-        search: searchParams,
-        dataKey: 'data',
-        onBeforeRequest: () => {
-            loadmoreRef.value?.change('loading');
-        },
+const { list, loading, refresh, loadMore, finished } = usePagination(
+  (params) => $api.createRequest("/app/job/littleVideo", params),
+  dataToImg, // 转换函数
+  {
+    pageSize: pageSize,
+    search: searchParams,
+    dataKey: "data",
+    onBeforeRequest: () => {
+      if (!finished) {
+        loadmoreRef.value?.change("loading");
+      }
+    },
+  }
+);
+watch(
+  () => finished.value,
+  (newVal) => {
+    console.log(newVal,'+++++')
+    if (newVal) {
+      // 确保瀑布流组件知道数据已加载完成
+      loadmoreRef.value?.change("noMore");
+    } else {
+      loadmoreRef.value?.change("more");
     }
+  }
 );
 
-function imageloaded() {
-    loadmoreRef.value?.change('more');
-}
+// function imageloaded() {
+//     nextTick(() => {
+//         console.log('触发',finished.value)
+//         if (finished.value) {
+//           loadmoreRef.value?.change('noMore')
+//         } else {
+//           loadmoreRef.value?.change('more')
+//         }
+//     })
+// }
 
 const { columnCount, columnSpace } = useColumnCount(() => {
-    pageSize.value = 10 * (columnCount.value - 1);
-    nextTick(() => {
-        waterfallsFlowRef.value?.refresh?.();
-        useLocationStore().getLocation();
-    });
+  pageSize.value = 10 * (columnCount.value - 1);
+  nextTick(() => {
+    waterfallsFlowRef.value?.refresh?.();
+    useLocationStore().getLocation();
+  });
 });
 
 async function loadData() {
-    try {
-        if (isLoaded.value) return;
-        isLoaded.value = true;
-        refresh();
-    } catch (err) {
-        isLoaded.value = false; // 重置状态允许重试
-        throw err;
-    }
+  try {
+    if (isLoaded.value) return;
+    isLoaded.value = true;
+    refresh();
+  } catch (err) {
+    isLoaded.value = false; // 重置状态允许重试
+    throw err;
+  }
 }
 
 async function choosePosition(index) {
-    state.tabIndex = index;
-    if (index === 'all') {
-        searchParams.value.jobTitle = '';
-    } else {
-        searchParams.value.jobTitle = userInfo.value.jobTitle[index];
-    }
-    console.log(searchParams.value);
-    refresh('refresh');
-    waterfallsFlowRef.value.refresh();
+  state.tabIndex = index;
+  if (index === "all") {
+    searchParams.value.jobTitle = "";
+  } else {
+    searchParams.value.jobTitle = userInfo.value.jobTitle[index];
+  }
+  console.log(searchParams.value);
+  refresh("refresh");
+  waterfallsFlowRef.value.refresh();
 }
 
 function scrollBottom() {
-    loadMore();
+  loadMore();
 }
 
 function nextDetail(job) {
-    // 记录岗位类型，用作数据分析
-    if (job.jobCategory) {
-        const recordData = recommedIndexDb.JobParameter(job);
-        recommedIndexDb.addRecord(recordData);
-    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+  // 记录岗位类型，用作数据分析
+  if (job.jobCategory) {
+    const recordData = recommedIndexDb.JobParameter(job);
+    recommedIndexDb.addRecord(recordData);
+  }
+  navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
 }
 
 function nextVideo(job) {
-    uni.setStorageSync(`job-Info`, job);
-    navTo(`/packageA/pages/tiktok/tiktok`);
+  uni.setStorageSync(`job-Info`, job);
+  navTo(`/packageA/pages/tiktok/tiktok`);
 }
 
 function dataToImg(data) {
-    return data.map((item) => ({
-        ...item,
-        // image: item.cover,
-        image: img,
-        hide: true,
-    }));
+  return data.map((item) => ({
+    ...item,
+    // image: item.cover,
+    image: img,
+    hide: true,
+  }));
 }
 
 defineExpose({ loadData });
@@ -333,3 +353,49 @@ defineExpose({ loadData });
             width: 26rpx
         }
 </style>
+
+<style lang="scss" scoped>
+@media (min-width: 800px) {
+  .nav-filter {
+    padding: 30rpx 40rpx;
+    .filter-top {
+      .tab-scroll {
+        .jobs-left {
+          .job {
+            font-size: 36rpx;
+          }
+          .active {
+            font-size: 42rpx;
+          }
+        }
+      }
+      .jobs-add {
+        font-size: 36rpx;
+        .iconsearch {
+          font-size: 50rpx !important;
+        }
+      }
+    }
+  }
+  .slot-item{
+    .job-image{
+        height: 500rpx;
+    }
+    .salary{
+        font-size: 38rpx;
+    }
+    .title{
+        font-size: 40rpx;
+    }
+    .desc{
+        .point3{
+            width: 40rpx;
+            height:40rpx ;
+        }
+        .descText{
+            font-size: 32rpx;
+        }
+    }
+  }
+}
+</style>

pages/index/index.vue

@@ -60,11 +60,13 @@
 import { reactive, inject, watch, ref, onMounted } from 'vue';
 import Tabbar from '@/components/tabbar/midell-box.vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
+import IndexRefactor from './components/index-refactor.vue';
 import IndexOne from './components/index-one.vue';
 import IndexTwo from './components/index-two.vue';
 const loadedMap = reactive([false, false]);
 const swiperRefs = [ref(null), ref(null)];
-const components = [IndexOne, IndexTwo];
+// const components = [IndexOne, IndexTwo];
+const components = [IndexRefactor, IndexTwo];
 import { storeToRefs } from 'pinia';
 import { useReadMsg } from '@/stores/useReadMsg';
 const { unreadCount } = storeToRefs(useReadMsg());
@@ -89,7 +91,9 @@ onLoad(() => {
         uni.preloadPage({ url: '/pages/nearby/nearby' });
         uni.preloadPage({ url: '/pages/chat/chat' });
         uni.preloadPage({ url: '/packageA/pages/choiceness/choiceness' });
-    }, 3000);
+        uni.preloadPage({ url: '/packageA/pages/reservation/reservation' });
+        uni.preloadPage({ url: '/packageA/pages/Intendedposition/Intendedposition' });
+    }, 1000);
 });
 
 onShow(() => {

pages/login/login.vue

@@ -1,5 +1,5 @@
 <template>
-    <AppLayout title="AI+就业服务程序">
+    <AppLayout title="就业服务程序">
         <tabcontrolVue :current="tabCurrent">
             <template v-slot:tab0>
                 <view class="login-content">
@@ -109,9 +109,10 @@
             </template>
         </tabcontrolVue>
         <SelectJobs ref="selectJobsModel"></SelectJobs>
-        <view class="backdoor" @click="loginbackdoor">
+        <!-- 后门 -->
+        <!--        <view class="backdoor" @click="loginbackdoor">
             <uni-icons type="gift-filled" size="30"></uni-icons>
-        </view>
+        </view> -->
     </AppLayout>
 </template>
 
@@ -153,6 +154,7 @@ const fromValue = reactive({
 
 onLoad((parmas) => {
     getTreeselect();
+    $api.msg('请完善微简历');
 });
 
 onMounted(() => {});
@@ -283,7 +285,7 @@ function loginTest() {
         password: 'test',
     };
     $api.createRequest('/app/login', params, 'post').then((resData) => {
-        $api.msg('模拟帐号密码测试登录成功');
+        $api.msg('模拟帐号密码测试登录成功， 测试环境使用模拟定位');
         loginSetToken(resData.token).then((resume) => {
             if (resume.data.jobTitleId) {
                 // 设置推荐列表，每次退出登录都需要更新
@@ -312,8 +314,8 @@ function complete() {
 <style lang="stylus" scoped>
 .backdoor{
     position: fixed;
-    left: 0;
-    bottom: 300rpx;
+    left: 24rpx;
+    top: 10rpx;
 }
 .input-nx
     position: relative
@@ -492,3 +494,52 @@ function complete() {
         text-align: center;
         line-height: 90rpx
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .content-one{
+     .content-title{
+        .title-lf{
+            font-size: 50rpx;
+            .lf-text{
+                margin-top: 10rpx;
+                font-size: 34rpx;
+            }
+        }
+        .title-ri{
+            font-size: 50rpx;
+        }
+     }
+     .content-input{
+         .input-titile{
+            font-size: 36rpx;
+         }
+         .input-con{
+            font-size: 36rpx;
+            padding-bottom: 20rpx;
+            &::before{
+                width: 5rpx;
+                height: 28rpx;
+            }
+            &::after{
+                width: 5rpx;
+                height: 28rpx;
+            }
+         }
+     }
+     .content-sex{
+         .sex-titile{
+            font-size: 36rpx;
+         }
+         .sext-ri{
+             .sext-box{
+                font-size: 36rpx;
+             }
+         }
+     }
+     .next-btn{
+        font-size: 38rpx;
+     }
+   }
+}
+</style>

pages/mine/mine.vue

@@ -56,22 +56,22 @@
                     </view>
                     <view class="row-right">已认证</view>
                 </view>
-                <view class="main-row btn-feel">
+                <view class="main-row btn-feel" @click="handleItemClick('素质测评')">
                     <view class="row-left">
                         <image class="left-img" src="@/static/icon/server2.png"></image>
                         <text class="left-text">素质测评</text>
                     </view>
                     <view class="row-right">
-                        <uni-icons color="#909090" type="right" size="14"></uni-icons>
+                        <uni-icons class="icon" color="#909090" type="right" size="14"></uni-icons>
                     </view>
                 </view>
-                <view class="main-row btn-feel">
+                <view class="main-row btn-feel" @click="handleItemClick('模拟面试')">
                     <view class="row-left">
                         <image class="left-img" src="@/static/icon/server3.png"></image>
                         <text class="left-text">AI面试</text>
                     </view>
                     <view class="row-right">
-                        <uni-icons color="#909090" type="right" size="14"></uni-icons>
+                        <uni-icons class="icon" color="#909090" type="right" size="14"></uni-icons>
                     </view>
                 </view>
                 <view class="main-row btn-feel">
@@ -82,7 +82,7 @@
                     <view class="row-right">已开启</view>
                 </view>
             </view>
-            <view class="card-back button-click" @click="logOut">退出登录</view>
+            <!-- <view class="card-back button-click" @click="logOut">退出登录</view> -->
             <uni-popup ref="popup" type="dialog">
                 <uni-popup-dialog
                     mode="base"
@@ -107,6 +107,7 @@ import { storeToRefs } from 'pinia';
 import Tabbar from '@/components/tabbar/midell-box.vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
 import FileUploader from '@/utils/FileUploader.js';
+import config from '@/config';
 const { $api, navTo } = inject('globalFunction');
 import useUserStore from '@/stores/useUserStore';
 const popup = ref(null);
@@ -137,6 +138,28 @@ function selectFile() {
     // });
 }
 function chooseFileUploadTest(pam) {}
+
+const handleItemClick = (item) => {
+    switch (item) {
+        case '素质测评':
+            lightAppJssdk.navigation.hide({
+                url: config.Quality_assessment_URL,
+            });
+            break;
+        case '就业指导':
+            lightAppJssdk.navigation.hide({
+                url: config.Career_guidance,
+            });
+            break;
+        case '模拟面试':
+            lightAppJssdk.navigation.hide({
+                url: config.mock_interview,
+            });
+            break;
+        default:
+            $api.msg('暂未开放');
+    }
+};
 </script>
 
 <style lang="stylus" scoped>
@@ -280,6 +303,7 @@ function chooseFileUploadTest(pam) {}
         overflow: hidden
         border-radius: 50%
         margin-right: 22rpx;
+        background: #e8e8e8;
         .userindo-head-img
             width: 100%;
             height: 100%;
@@ -318,3 +342,89 @@ function chooseFileUploadTest(pam) {}
     background: #A2A2A2;
     transform: rotate(45deg)
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .mine-userinfo{
+    &::before{
+        width: 6rpx;
+        height: 50rpx;
+    }
+    &::after{
+        width: 6rpx;
+        height: 50rpx;
+        top: calc(50% + 6rpx);
+    }
+     .userindo-head{
+        width: 150rpx;
+        height: 150rpx;
+     }
+     .userinfo-ls{
+         .userinfo-ls-name{
+            font-size: 55rpx;
+         }
+         .userinfo-ls-resume{
+            font-size: 38rpx;
+         }
+     }
+   }
+   .mini-number{
+     .numbe-item{
+         .mini-num{
+            font-size: 70rpx;
+         }
+         .mini-text{
+            font-size: 40rpx;
+         }
+     }
+   }
+    .mini-cards{
+        .card-top{
+            padding: 60rpx 40rpx;
+            .top-title{
+                font-size: 50rpx;
+            }
+            .top-subTitle{
+                font-size: 40rpx;
+            }
+            .top-btn{
+                top: 85rpx;
+                font-size: 40rpx;
+                width: 200rpx;
+                height: 80rpx;
+                line-height: 80rpx;
+            }
+        }
+        .card-main{
+            padding: 40rpx;
+            .main-title{
+                font-size: 40rpx;
+            }
+            .main-row{
+                .row-left{
+                    .left-img{
+                        width: 70rpx;
+                        height: 70rpx;
+                        margin-right: 30rpx;
+                    }
+                    .left-text{
+                        font-size: 36rpx;
+                    }
+                }
+                .row-right{
+                    font-size: 34rpx;
+                    .icon{
+                        font-size: 40rpx !important;
+                    }
+                }
+            }
+        }
+        .card-back{
+            height: 120rpx;
+            line-height: 120rpx;
+            font-size: 40rpx;
+        }
+        
+    }
+}
+</style>

pages/msglog/msglog.vue

@@ -244,3 +244,22 @@ function changeSwiperMsgType(e) {
         display: flex;
         flex-direction: column;
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .app-container{
+        .container-header{
+            padding: 40rpx 44rpx 36rpx 50rpx;
+            .header-btnLf{
+                font-size: 42rpx;
+                width: 250rpx;
+            }
+            .active{
+                font-size: 46rpx;
+            }
+        }
+   }
+}
+</style>
+

pages/msglog/read.vue

@@ -1,6 +1,6 @@
 <template>
     <scroll-view scroll-y class="main-scroll">
-        <view class="scrollmain">
+        <view v-if="msgList.length" class="scrollmain">
             <view
                 class="list-card press-button"
                 v-for="(item, index) in msgList"
@@ -38,6 +38,7 @@
             </view>
             <empty v-if="!msgList.length"></empty>
         </view>
+        <empty v-else pdTop="200" content="暂无消息~"></empty>
     </scroll-view>
 </template>
 
@@ -153,3 +154,26 @@ defineExpose({ loadData });
             color: #6C7282;
             margin-top: 4rpx;
 </style>
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .list-card{
+    padding: 40rpx;
+    .card-img{
+        width: 120rpx;
+        height: 120rpx;
+    }
+     .card-info{
+         .info-title{
+            font-size: 38rpx;
+            .card-time{
+                font-size: 36rpx;
+            }
+         }
+         .info-text{
+            font-size: 32rpx;
+         }
+     }
+   }
+}
+</style>

pages/msglog/unread.vue

@@ -1,6 +1,6 @@
 <template>
     <scroll-view scroll-y class="main-scroll">
-        <view class="scrollmain">
+        <view v-if="unreadMsgList.length" class="scrollmain">
             <view
                 class="list-card press-button"
                 v-for="(item, index) in unreadMsgList"
@@ -36,6 +36,7 @@
             </view>
             <empty v-if="!unreadMsgList.length"></empty>
         </view>
+        <empty v-else pdTop="200" content="暂无消息~"></empty>
     </scroll-view>
 </template>
 
@@ -149,3 +150,25 @@ defineExpose({ loadData });
             color: #6C7282;
             margin-top: 4rpx;
 </style>
+<style lang="scss" scoped>
+@media(min-width: 800px){
+   .list-card{
+    padding: 40rpx;
+    .card-img{
+        width: 120rpx;
+        height: 120rpx;
+    }
+     .card-info{
+         .info-title{
+            font-size: 38rpx;
+            .card-time{
+                font-size: 36rpx;
+            }
+         }
+         .info-text{
+            font-size: 32rpx;
+         }
+     }
+   }
+}
+</style>

pages/nearby/nearby.vue

@@ -1,6 +1,6 @@
 <template>
     <AppLayout title="附近" :use-scroll-view="false" :show-bg-image="false">
-        <template #headerleft>
+        <template #headerleft v-if="isMiniProgram">
             <view class="btnback">
                 <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
@@ -50,6 +50,9 @@ import threeComponent from './components/three.vue';
 import fourComponent from './components/four.vue';
 import { reactive, inject, watch, ref, onMounted } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+const { isMiniProgram } = storeToRefs(useUserStore());
 const { $api, debounce, throttle, navBack } = inject('globalFunction');
 const loadedMap = reactive([false, false, false, false]);
 const swiperRefs = [ref(null), ref(null), ref(null), ref(null)];

pages/search/search.vue

@@ -2,7 +2,12 @@
     <view class="container">
         <view>
             <view class="top">
-                <image class="btnback button-click" src="@/static/icon/back.png" @click="navBack"></image>
+                <image
+                    v-if="isMiniProgram"
+                    class="btnback button-click"
+                    src="@/static/icon/back.png"
+                    @click="navBack"
+                ></image>
                 <view class="search-box">
                     <uni-icons
                         class="iconsearch"
@@ -68,7 +73,7 @@
             <view class="content-top">
                 <view class="top-left">历史搜索</view>
                 <view class="top-right button-click" @click="remove">
-                    <uni-icons type="trash" color="#C1C1C1" size="20"></uni-icons>
+                    <uni-icons class="delete" type="trash" color="#C1C1C1" size="20"></uni-icons>
                 </view>
             </view>
             <view class="content-history">
@@ -91,6 +96,8 @@ import { useColumnCount } from '@/hook/useColumnCount';
 import { usePagination } from '@/hook/usePagination';
 import img from '@/static/icon/filter.png';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
+import useUserStore from '@/stores/useUserStore';
+const { isMiniProgram } = storeToRefs(useUserStore());
 const searchValue = ref('');
 const historyList = ref([]);
 const listCom = ref([]);
@@ -253,9 +260,10 @@ function getJobList(type = 'add') {
             const str = pageState.pageSize * (pageState.page - 1);
             const end = listCom.value.length;
             const reslist = rows;
-            listCom.value.splice(str, end, ...reslist);
+            // listCom.value.splice(str, end, ...reslist);
+            listCom.value = [...listCom.value, ...reslist];
         } else {
-            listCom.value = rows;
+            listCom.value = [...rows];
         }
         pageState.total = resData.total;
         pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
@@ -459,3 +467,81 @@ function dataToImg(data) {
         color: #6C7282;
         margin-top: 6rpx;
 </style>
+
+
+<style lang="scss" scoped>
+@media(min-width: 800px){
+    .container{
+        .top{
+            .btnback{
+                width: 80rpx;
+                height: 80rpx;
+            }
+            .search-box{
+                .iconsearch{
+                    font-size: 50rpx !important;
+                }
+                .inputed{
+                    font-size: 40rpx;
+                    padding-left: 100rpx;
+                    height: 120rpx;
+                }
+                .inputplace{
+                    font-size: 40rpx;
+                }
+            }
+            .search-btn{
+                font-size: 40rpx;
+            }
+            
+        }
+        .view-top{
+            padding: 10rpx 0;
+            .top-item{
+                font-size: 36rpx;
+                &::after{
+                    width: 40rpx;
+                    height: 8rpx;
+                    left: calc(50% - 20rpx);
+                }
+            }
+            .active{
+                font-size: 38rpx;
+            }
+        }
+        .main-content{
+            .content-top{
+                .top-left{
+                    font-size: 40rpx;
+                }
+                .top-right{
+                    .delete{
+                        font-size: 60rpx !important;
+                    }
+                }
+            }
+        }
+    }
+    .slot-item{
+        .job-image{
+            height: 500rpx;
+        }
+        .salary{
+            font-size: 38rpx;
+        }
+        .title{
+            font-size: 40rpx;
+        }
+        .desc{
+            font-size: 32rpx;
+            .point3{
+                width: 40rpx;
+                height:40rpx ;
+            }
+            .descText{
+                font-size: 32rpx;
+            }
+        }
+    }
+}
+</style>