页面适配

部分页面适配
APP启动报错处理, APP加密处理,APP首页兼容处理
2025-12-12 13:39:23 +08:00 · 2025-12-11 18:12:47 +08:00 · 2025-12-11 17:07:11 +08:00
31 changed files with 2385 additions and 2661 deletions
--- a/common/globalFunction.js
+++ b/common/globalFunction.js
@@ -1,4 +1,11 @@
+// #ifdef H5
 import '@/lib/encryption/sm4.min.js'
+// #endif
+
+// #ifdef APP-PLUS
+import { sm4 } from 'sm-crypto';
+// #endif
+
 import useUserStore from "../stores/useUserStore";
 import {
    createRequestWithCache,
@@ -601,7 +608,6 @@ export function sm4Decrypt(key, value, mode = "hex") {
            cipherType: mode === 'hex' ? 'hex' : 'base64',
            padding: 'pkcs#5'
        });
-
        return decrypted

    } catch (e) {
--- a/components/AppLayout/AppLayout.vue
+++ b/components/AppLayout/AppLayout.vue
@@ -92,6 +92,7 @@ const handleScrollToLower = () => {
    width: 100vw;
    height: calc(100% - var(--window-bottom));
    overflow: hidden;
+    
 }
 .app-container {
    // background-image: url('@/static/icon/background2.png');
@@ -102,6 +103,8 @@ const handleScrollToLower = () => {
    flex-direction: column;
    height: 100%;
    width: 100%;
+    box-sizing: border-box;
+    padding-top: calc(var(--window-top) + var(--status-bar-height));
    .container-header {
        min-height: calc(88rpx - 14rpx);
        text-align: center;
--- a/components/renderCompanysOutData/renderCompanysOutData.vue
+++ b/components/renderCompanysOutData/renderCompanysOutData.vue
@@ -1,39 +1,46 @@
 <template>
+  <view>
+    <!-- #ifdef H5 -->
    <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>
+    <!-- #endif -->
+      <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>
-                    <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>
-                </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="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>
+
+    <!-- #ifdef H5 -->
    </transition-group>
+    <!-- #endif -->
+  </view>
 </template>

 <script setup>
@@ -44,70 +51,70 @@ const recommedIndexDb = useRecommedIndexedDBStore();

 const dataSource = ref([]);
 const props = defineProps({
-    list: {
-        type: Array,
-        default: () => [],
-    },
-    longitude: {
-        type: Number,
-        default: 120.382665,
-    },
-    latitude: {
-        type: Number,
-        default: 36.066938,
-    },
-    seeDate: {
-        type: String,
-        default: '',
-    },
-    zphId: {
-        type: String,
-        default: '',
-    },
+  list: {
+    type: Array,
+    default: () => [],
+  },
+  longitude: {
+    type: Number,
+    default: 120.382665,
+  },
+  latitude: {
+    type: Number,
+    default: 36.066938,
+  },
+  seeDate: {
+    type: String,
+    default: '',
+  },
+  zphId: {
+    type: String,
+    default: '',
+  },
 });
 const processedIds = new Set();
 watch(
-    () => props.list,
-    (newList) => {
-        if (!Array.isArray(newList)) return;
+  () => props.list,
+  (newList) => {
+    if (!Array.isArray(newList)) return;

-        let shouldReset = false;
+    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 (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();
-        }
+    if (shouldReset) {
+      dataSource.value = [];
+      processedIds.clear();
+    }

-        const newItems = newList.filter((item) => !processedIds.has(item.id));
+    const newItems = newList.filter((item) => !processedIds.has(item.id));

-        if (newItems.length === 0) return;
+    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 }
+    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>

--- a/components/renderDeliveryRecord/renderDeliveryRecord.vue
+++ b/components/renderDeliveryRecord/renderDeliveryRecord.vue
@@ -138,7 +138,7 @@ function nextDetail(job) {
    if (job.isPublish) {
        return $api.msg('已过期');
    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}&dataType=${job.dataType}`);
 }
 </script>

--- a/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
+++ b/components/renderJobCollectionRecord/renderJobCollectionRecord.vue
@@ -139,7 +139,7 @@ function nextDetail(job) {
        return $api.msg('已过期');
    }
    // 根据数据类型跳转到不同的详情页
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}&dataType=${job.dataType}`);
 }
 </script>

--- a/components/renderJobViewRecord/renderJobViewRecord.vue
+++ b/components/renderJobViewRecord/renderJobViewRecord.vue
@@ -138,7 +138,7 @@ function nextDetail(job) {
    if (job.isPublish) {
        return $api.msg('已过期');
    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}&dataType=${job.dataType}`);
 }
 </script>

--- a/components/renderJobs/renderJobs.vue
+++ b/components/renderJobs/renderJobs.vue
@@ -1,46 +1,52 @@
 <template>
+  <view>
+    <!-- #ifdef H5 -->
    <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>
+    <!-- #endif -->
+      <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 class="date-jobTitle" v-else>
-                {{ job.title }}
+          </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="date-jobTitle" v-else>
+          {{ job.title }}
+        </view>
+      </view>
+    <!-- #ifdef H5 -->
    </transition-group>
+    <!-- #endif -->
+  </view>
 </template>

 <script setup>
@@ -50,85 +56,85 @@ import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js
 const recommedIndexDb = useRecommedIndexedDBStore();
 const dataSource = ref([]);
 const props = defineProps({
-    list: {
-        type: Array,
-        default: '标题',
-    },
-    longitude: {
-        type: Number,
-        default: 120.382665,
-    },
-    latitude: {
-        type: Number,
-        default: 36.066938,
-    },
-    seeDate: {
-        type: String,
-        default: '',
-    },
+  list: {
+    type: Array,
+    default: '标题',
+  },
+  longitude: {
+    type: Number,
+    default: 120.382665,
+  },
+  latitude: {
+    type: Number,
+    default: 36.066938,
+  },
+  seeDate: {
+    type: String,
+    default: '',
+  },
 });

 const listData = computed(() => {
-    if (props.seeDate && props.list.length) {
-        const ulist = toRaw(props.list);
-        const [reslist, lastDate] = insertSortData(ulist, props.seeDate);
-        return reslist;
-    }
-    return props.list;
+  if (props.seeDate && props.list.length) {
+    const ulist = toRaw(props.list);
+    const [reslist, lastDate] = insertSortData(ulist, props.seeDate);
+    return reslist;
+  }
+  return props.list;
 });

 const processedIds = new Set();
 watch(
-    () => props.list,
-    (newList) => {
-        if (!Array.isArray(newList)) return;
+  () => props.list,
+  (newList) => {
+    if (!Array.isArray(newList)) return;

-        // --- 新增逻辑开始 ---
-        // 判断是否需要重置数据 (例如：点击了搜索、切换了Tab、或下拉刷新)
-        let shouldReset = false;
+    // --- 新增逻辑开始 ---
+    // 判断是否需要重置数据 (例如：点击了搜索、切换了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;
-            }
-        }
+    // 场景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();
-        }
-        // --- 新增逻辑结束 ---
+    // 如果判定为重置，则清空现有数据和ID记录
+    if (shouldReset) {
+      dataSource.value = [];
+      processedIds.clear();
+    }
+    // --- 新增逻辑结束 ---

-        const newItems = newList.filter((item) => !processedIds.has(item.id || item.jobId));
+    const newItems = newList.filter((item) => !processedIds.has(item.id || item.jobId));

-        if (newItems.length === 0) return;
+    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，虽然这里监听的是数组引用变化
+    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) {
-        const recordData = recommedIndexDb.JobParameter(job);
-        recommedIndexDb.addRecord(recordData);
-    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=1`);
+  // 记录岗位类型，用作数据分析
+  if (job.jobCategory) {
+    const recordData = recommedIndexDb.JobParameter(job);
+    recommedIndexDb.addRecord(recordData);
+  }
+  navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}&dataType=1`);
 }
 </script>

--- a/components/renderJobsOutData/renderJobsOutData.vue
+++ b/components/renderJobsOutData/renderJobsOutData.vue
@@ -1,46 +1,52 @@
 <template>
+  <view>
+    <!-- #ifdef H5 -->
    <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 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="card-bottom">
-                    <view>{{ parseDateTime(job.createTime).date }}</view>
-                    <view>
-                        <!-- <convert-distance
+    <!-- #endif -->
+      <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 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="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>
+        <view class="date-jobTitle" v-else>
+          {{ job.title }}
+        </view>
+      </view>
+    <!-- #ifdef H5 -->
    </transition-group>
+    <!-- #endif -->
+  </view>
 </template>

 <script setup>
@@ -50,76 +56,76 @@ import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js
 const recommedIndexDb = useRecommedIndexedDBStore();
 const dataSource = ref([]);
 const props = defineProps({
-    list: {
-        type: Array,
-        default: '标题',
-    },
-    longitude: {
-        type: Number,
-        default: 120.382665,
-    },
-    latitude: {
-        type: Number,
-        default: 36.066938,
-    },
-    seeDate: {
-        type: String,
-        default: '',
-    },
+  list: {
+    type: Array,
+    default: '标题',
+  },
+  longitude: {
+    type: Number,
+    default: 120.382665,
+  },
+  latitude: {
+    type: Number,
+    default: 36.066938,
+  },
+  seeDate: {
+    type: String,
+    default: '',
+  },
 });

 const listData = computed(() => {
-    if (props.seeDate && props.list.length) {
-        const ulist = toRaw(props.list);
-        const [reslist, lastDate] = insertSortData(ulist, props.seeDate);
-        return reslist;
-    }
-    return props.list;
+  if (props.seeDate && props.list.length) {
+    const ulist = toRaw(props.list);
+    const [reslist, lastDate] = insertSortData(ulist, props.seeDate);
+    return reslist;
+  }
+  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 }
+  () => 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) {
-        const recordData = recommedIndexDb.JobParameter(job);
-        recommedIndexDb.addRecord(recordData);
-    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.id)}&dataType=2`);
+  // 记录岗位类型，用作数据分析
+  if (job.jobCategory) {
+    const recordData = recommedIndexDb.JobParameter(job);
+    recommedIndexDb.addRecord(recordData);
+  }
+  navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.id)}&dataType=2`);
 }
 function parseDateTime(datetimeStr) {
-    if (!datetimeStr) return { time: '', date: '' };
+  if (!datetimeStr) return { time: '', date: '' };

-    const dateObj = new Date(datetimeStr);
+  const dateObj = new Date(datetimeStr);

-    if (isNaN(dateObj.getTime())) return { time: '', date: '' }; // 无效时间
+  if (isNaN(dateObj.getTime())) return { time: '', date: '' }; // 无效时间

-    const year = dateObj.getFullYear();
-    const month = String(dateObj.getMonth() + 1).padStart(2, '0');
-    const day = String(dateObj.getDate()).padStart(2, '0');
-    const hours = String(dateObj.getHours()).padStart(2, '0');
-    const minutes = String(dateObj.getMinutes()).padStart(2, '0');
+  const year = dateObj.getFullYear();
+  const month = String(dateObj.getMonth() + 1).padStart(2, '0');
+  const day = String(dateObj.getDate()).padStart(2, '0');
+  const hours = String(dateObj.getHours()).padStart(2, '0');
+  const minutes = String(dateObj.getMinutes()).padStart(2, '0');

-    return {
-        time: `${hours}:${minutes}`,
-        date: `${year}-${month}-${day}`,
-    };
+  return {
+    time: `${hours}:${minutes}`,
+    date: `${year}-${month}-${day}`,
+  };
 }
 </script>

--- a/hook/useColumnCount.js
+++ b/hook/useColumnCount.js
@@ -47,13 +47,17 @@ export function useColumnCount(onChange = () => {}) {
        columnCount.value = 2
        calcColumn()
        // if (process.client) {
+        // #ifdef H5
        window.addEventListener('resize', calcColumn)
+        // #endif
        // }
    })

    onUnmounted(() => {
        // if (process.client) {
+        // #ifdef H5
        window.removeEventListener('resize', calcColumn)
+        // #endif
        // }
    })

--- a/index.html
+++ b/index.html
@@ -31,7 +31,6 @@
        <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>
--- a/main.js
+++ b/main.js
@@ -4,7 +4,7 @@ import {
    createUnistorage
 } from "./uni_modules/pinia-plugin-unistorage";
 import globalFunction from '@/common/globalFunction'
-import '@/lib/string-similarity.min.js'
+// import '@/lib/string-similarity.min.js'
 import similarityJobs from '@/utils/similarity_Job.js';

 // 组件
@@ -24,7 +24,10 @@ import renderCompanyCollectionRecord from '@/components/renderCompanyCollectionR
 import renderJobViewRecord from '@/components/renderJobViewRecord/renderJobViewRecord.vue';
 // import Tabbar from '@/components/tabbar/midell-box.vue'
 // 自动导入 directives 目录下所有指令
+
+// #ifdef H5
 console.log(lightAppJssdk)
+// #endif
 const directives = import.meta.glob('./directives/*.js', {
    eager: true
 });
@@ -33,8 +36,11 @@ import {
    createSSRApp,
 } from 'vue'

+// #ifdef H5
 const foldFeature = window.visualViewport && 'segments' in window.visualViewport
 console.log('是否支持多段屏幕：', foldFeature)
+// #endif
+

 // 全局组件
 export function createApp() {
--- a/package-lock.json
+++ b/package-lock.json
@@ -0,0 +1,763 @@
+{
+	"name": "qingdao-employment-service",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"dependencies": {
+				"pixi.js": "^7.4.2",
+				"sm-crypto": "^0.3.13"
+			}
+		},
+		"node_modules/@pixi/accessibility": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/accessibility/-/accessibility-7.4.2.tgz",
+			"integrity": "sha512-R6VEolm8uyy1FB1F2qaLKxVbzXAFTZCF2ka8fl9lsz7We6ZfO4QpXv9ur7DvzratjCQUQVCKo0/V7xL5q1EV/g==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/events": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/app": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/app/-/app-7.4.2.tgz",
+			"integrity": "sha512-ugkH3kOgjT8P1mTMY29yCOgEh+KuVMAn8uBxeY0aMqaUgIMysfpnFv+Aepp2CtvI9ygr22NC+OiKl+u+eEaQHw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/assets": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/assets/-/assets-7.4.2.tgz",
+			"integrity": "sha512-anxho59H9egZwoaEdM5aLvYyxoz6NCy3CaQIvNHD1bbGg8L16Ih0e26QSBR5fu53jl8OjT6M7s+p6n7uu4+fGA==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/css-font-loading-module": "^0.0.12"
+			},
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/color": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/color/-/color-7.4.2.tgz",
+			"integrity": "sha512-av1LOvhHsiaW8+T4n/FgnOKHby55/w7VcA1HzPIHRBtEcsmxvSCDanT1HU2LslNhrxLPzyVx18nlmalOyt5OBg==",
+			"license": "MIT",
+			"dependencies": {
+				"@pixi/colord": "^2.9.6"
+			}
+		},
+		"node_modules/@pixi/colord": {
+			"version": "2.9.6",
+			"resolved": "https://registry.npmjs.org/@pixi/colord/-/colord-2.9.6.tgz",
+			"integrity": "sha512-nezytU2pw587fQstUu1AsJZDVEynjskwOL+kibwcdxsMBFqPsFFNA7xl0ii/gXuDi6M0xj3mfRJj8pBSc2jCfA==",
+			"license": "MIT"
+		},
+		"node_modules/@pixi/compressed-textures": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/compressed-textures/-/compressed-textures-7.4.2.tgz",
+			"integrity": "sha512-VJrt7el6O4ZJSWkeOGXwrhJaiLg1UBhHB3fj42VR4YloYkAxpfd9K6s6IcbcVz7n9L48APKBMgHyaB2pX2Ck/A==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/assets": "7.4.2",
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/constants": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/constants/-/constants-7.4.2.tgz",
+			"integrity": "sha512-N9vn6Wpz5WIQg7ugUg2+SdqD2u2+NM0QthE8YzLJ4tLH2Iz+/TrnPKUJzeyIqbg3sxJG5ZpGGPiacqIBpy1KyA==",
+			"license": "MIT"
+		},
+		"node_modules/@pixi/core": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/core/-/core-7.4.2.tgz",
+			"integrity": "sha512-UbMtgSEnyCOFPzbE6ThB9qopXxbZ5GCof2ArB4FXOC5Xi/83MOIIYg5kf5M8689C5HJMhg2SrJu3xLKppF+CMg==",
+			"license": "MIT",
+			"dependencies": {
+				"@pixi/color": "7.4.2",
+				"@pixi/constants": "7.4.2",
+				"@pixi/extensions": "7.4.2",
+				"@pixi/math": "7.4.2",
+				"@pixi/runner": "7.4.2",
+				"@pixi/settings": "7.4.2",
+				"@pixi/ticker": "7.4.2",
+				"@pixi/utils": "7.4.2"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/pixijs"
+			}
+		},
+		"node_modules/@pixi/display": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/display/-/display-7.4.2.tgz",
+			"integrity": "sha512-DaD0J7gIlNlzO0Fdlby/0OH+tB5LtCY6rgFeCBKVDnzmn8wKW3zYZRenWBSFJ0Psx6vLqXYkSIM/rcokaKviIw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/events": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/events/-/events-7.4.2.tgz",
+			"integrity": "sha512-Jw/w57heZjzZShIXL0bxOvKB+XgGIevyezhGtfF2ZSzQoSBWo+Fj1uE0QwKd0RIaXegZw/DhSmiMJSbNmcjifA==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/extensions": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/extensions/-/extensions-7.4.2.tgz",
+			"integrity": "sha512-Hmx2+O0yZ8XIvgomHM9GZEGcy9S9Dd8flmtOK5Aa3fXs/8v7xD08+ANQpN9ZqWU2Xs+C6UBlpqlt2BWALvKKKA==",
+			"license": "MIT"
+		},
+		"node_modules/@pixi/extract": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/extract/-/extract-7.4.2.tgz",
+			"integrity": "sha512-JOX27TRWjVEjauGBbF8PU7/g6LYXnivehdgqS5QlVDv1CNHTOrz/j3MdKcVWOhyZPbH5c9sh7lxyRxvd9AIuTQ==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/filter-alpha": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/filter-alpha/-/filter-alpha-7.4.2.tgz",
+			"integrity": "sha512-9OsKJ+yvY2wIcQXwswj5HQBiwNGymwmqdxfp7mo+nZSBoDmxUqvMZzE9UNJ3eUlswuNvNRO8zNOsQvwdz7WFww==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/filter-blur": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/filter-blur/-/filter-blur-7.4.2.tgz",
+			"integrity": "sha512-gOXBbIUx6CRZP1fmsis2wLzzSsofrqmIHhbf1gIkZMIQaLsc9T7brj+PaLTTiOiyJgnvGN5j20RZnkERWWKV0Q==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/filter-color-matrix": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/filter-color-matrix/-/filter-color-matrix-7.4.2.tgz",
+			"integrity": "sha512-ykZiR59Gvj80UKs9qm7jeUTKvn+wWk6HBVJOmJbK9jFK5juakDWp7BbH26U78Q61EWj97kI1FdfcbMkuQ7rqkA==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/filter-displacement": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/filter-displacement/-/filter-displacement-7.4.2.tgz",
+			"integrity": "sha512-QS/eWp/ivsxef3xapNeGwpPX7vrqQQeo99Fux4k5zsvplnNEsf91t6QYJLG776AbZEu/qh8VYRBA5raIVY/REw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/filter-fxaa": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/filter-fxaa/-/filter-fxaa-7.4.2.tgz",
+			"integrity": "sha512-U/ptJgDsfs/r8y2a6gCaiPfDu2IFAxpQ4wtfmBpz6vRhqeE4kI8yNIUx5dZbui57zlsJaW0BNacOQxHU0vLkyQ==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/filter-noise": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/filter-noise/-/filter-noise-7.4.2.tgz",
+			"integrity": "sha512-Vy9ViBFhZEGh6xKkd3kFWErolZTwv1Y5Qb1bV7qPIYbvBECYsqzlR4uCrrjBV6KKm0PufpG/+NKC5vICZaqKzg==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/graphics": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/graphics/-/graphics-7.4.2.tgz",
+			"integrity": "sha512-jH4/Tum2RqWzHGzvlwEr7HIVduoLO57Ze705N2zQPkUD57TInn5911aGUeoua7f/wK8cTLGzgB9BzSo2kTdcHw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/sprite": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/math": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/math/-/math-7.4.2.tgz",
+			"integrity": "sha512-7jHmCQoYk6e0rfSKjdNFOPl0wCcdgoraxgteXJTTHv3r0bMNx2pHD9FJ0VvocEUG7XHfj55O3+u7yItOAx0JaQ==",
+			"license": "MIT"
+		},
+		"node_modules/@pixi/mesh": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/mesh/-/mesh-7.4.2.tgz",
+			"integrity": "sha512-mEkKyQvvMrYXC3pahvH5WBIKtrtB63WixRr91ANFI7zXD+ESG6Ap6XtxMCJmXDQPwBDNk7SWVMiCflYuchG7kA==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/mesh-extras": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/mesh-extras/-/mesh-extras-7.4.2.tgz",
+			"integrity": "sha512-vNR/7wjxjs7sv9fGoKkHyU91ZAD+7EnMHBS5F3CVISlOIFxLi96NNZCB81oUIdky/90pHw40johd/4izR5zTyw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/mesh": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/mixin-cache-as-bitmap": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/mixin-cache-as-bitmap/-/mixin-cache-as-bitmap-7.4.2.tgz",
+			"integrity": "sha512-6dgthi2ruUT/lervSrFDQ7vXkEsHo6CxdgV7W/wNdW1dqgQlKfDvO6FhjXzyIMRLSooUf5FoeluVtfsjkUIYrw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/sprite": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/mixin-get-child-by-name": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/mixin-get-child-by-name/-/mixin-get-child-by-name-7.4.2.tgz",
+			"integrity": "sha512-0Cfw8JpQhsixprxiYph4Lj+B5n83Kk4ftNMXgM5xtZz+tVLz5s91qR0MqcdzwTGTJ7utVygiGmS4/3EfR/duRQ==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/display": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/mixin-get-global-position": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/mixin-get-global-position/-/mixin-get-global-position-7.4.2.tgz",
+			"integrity": "sha512-LcsahbVdX4DFS2IcGfNp4KaXuu7SjAwUp/flZSGIfstyKOKb5FWFgihtqcc9ZT4coyri3gs2JbILZub/zPZj1w==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/particle-container": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/particle-container/-/particle-container-7.4.2.tgz",
+			"integrity": "sha512-B78Qq86kt0lEa5WtB2YFIm3+PjhKfw9La9R++GBSgABl+g13s2UaZ6BIPxvY3JxWMdxPm4iPrQPFX1QWRN68mw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/sprite": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/prepare": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/prepare/-/prepare-7.4.2.tgz",
+			"integrity": "sha512-PugyMzReCHXUzc3so9PPJj2OdHwibpUNWyqG4mWY2UUkb6c8NAGK1AnAPiscOvLilJcv/XQSFoNhX+N1jrvJEg==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/graphics": "7.4.2",
+				"@pixi/text": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/runner": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/runner/-/runner-7.4.2.tgz",
+			"integrity": "sha512-LPBpwym4vdyyDY5ucF4INQccaGyxztERyLTY1YN6aqJyyMmnc7iqXlIKt+a0euMBtNoLoxy6MWMvIuZj0JfFPA==",
+			"license": "MIT"
+		},
+		"node_modules/@pixi/settings": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/settings/-/settings-7.4.2.tgz",
+			"integrity": "sha512-pMN+L6aWgvUbwhFIL/BTHKe2ShYGPZ8h9wlVBnFHMtUcJcFLMF1B3lzuvCayZRepOphs6RY0TqvnDvVb585JhQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@pixi/constants": "7.4.2",
+				"@types/css-font-loading-module": "^0.0.12",
+				"ismobilejs": "^1.1.0"
+			}
+		},
+		"node_modules/@pixi/sprite": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/sprite/-/sprite-7.4.2.tgz",
+			"integrity": "sha512-Ccf/OVQsB+HQV0Fyf5lwD+jk1jeU7uSIqEjbxenNNssmEdB7S5qlkTBV2EJTHT83+T6Z9OMOHsreJZerydpjeg==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/sprite-animated": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/sprite-animated/-/sprite-animated-7.4.2.tgz",
+			"integrity": "sha512-QPT6yxCUGOBN+98H3pyIZ1ZO6Y7BN1o0Q2IMZEsD1rNfZJrTYS3Q8VlCG5t2YlFlcB8j5iBo24bZb6FUxLOmsQ==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/sprite": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/sprite-tiling": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/sprite-tiling/-/sprite-tiling-7.4.2.tgz",
+			"integrity": "sha512-Z8PP6ewy3nuDYL+NeEdltHAhuucVgia33uzAitvH3OqqRSx6a6YRBFbNLUM9Sx+fBO2Lk3PpV1g6QZX+NE5LOg==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/sprite": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/spritesheet": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/spritesheet/-/spritesheet-7.4.2.tgz",
+			"integrity": "sha512-YIvHdpXW+AYp8vD0NkjJmrdnVHTZKidCnx6k8ATSuuvCT6O5Tuh2N/Ul2oDj4/QaePy0lVhyhAbZpJW00Jr7mQ==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/assets": "7.4.2",
+				"@pixi/core": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/text": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/text/-/text-7.4.2.tgz",
+			"integrity": "sha512-rZZWpJNsIQ8WoCWrcVg8Gi6L/PDakB941clo6dO3XjoII2ucoOUcnpe5HIkudxi2xPvS/8Bfq990gFEx50TP5A==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/sprite": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/text-bitmap": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/text-bitmap/-/text-bitmap-7.4.2.tgz",
+			"integrity": "sha512-lPBMJ83JnpFVL+6ckQ8KO8QmwdPm0z9Zs/M0NgFKH2F+BcjelRNnk80NI3O0qBDYSEDQIE+cFbKoZ213kf7zwA==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/assets": "7.4.2",
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/mesh": "7.4.2",
+				"@pixi/text": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/text-html": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/text-html/-/text-html-7.4.2.tgz",
+			"integrity": "sha512-duOu8oDYeDNuyPozj2DAsQ5VZBbRiwIXy78Gn7H2pCiEAefw/Uv5jJYwdgneKME0e1tOxz1eOUGKPcI6IJnZjw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/sprite": "7.4.2",
+				"@pixi/text": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/ticker": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/ticker/-/ticker-7.4.2.tgz",
+			"integrity": "sha512-cAvxCh/KI6IW4m3tp2b+GQIf+DoSj9NNmPJmsOeEJ7LzvruG8Ps7SKI6CdjQob5WbceL1apBTDbqZ/f77hFDiQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@pixi/extensions": "7.4.2",
+				"@pixi/settings": "7.4.2",
+				"@pixi/utils": "7.4.2"
+			}
+		},
+		"node_modules/@pixi/utils": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/@pixi/utils/-/utils-7.4.2.tgz",
+			"integrity": "sha512-aU/itcyMC4TxFbmdngmak6ey4kC5c16Y5ntIYob9QnjNAfD/7GTsYIBnP6FqEAyO1eq0MjkAALxdONuay1BG3g==",
+			"license": "MIT",
+			"dependencies": {
+				"@pixi/color": "7.4.2",
+				"@pixi/constants": "7.4.2",
+				"@pixi/settings": "7.4.2",
+				"@types/earcut": "^2.1.0",
+				"earcut": "^2.2.4",
+				"eventemitter3": "^4.0.0",
+				"url": "^0.11.0"
+			}
+		},
+		"node_modules/@types/css-font-loading-module": {
+			"version": "0.0.12",
+			"resolved": "https://registry.npmjs.org/@types/css-font-loading-module/-/css-font-loading-module-0.0.12.tgz",
+			"integrity": "sha512-x2tZZYkSxXqWvTDgveSynfjq/T2HyiZHXb00j/+gy19yp70PHCizM48XFdjBCWH7eHBD0R5i/pw9yMBP/BH5uA==",
+			"license": "MIT"
+		},
+		"node_modules/@types/earcut": {
+			"version": "2.1.4",
+			"resolved": "https://registry.npmjs.org/@types/earcut/-/earcut-2.1.4.tgz",
+			"integrity": "sha512-qp3m9PPz4gULB9MhjGID7wpo3gJ4bTGXm7ltNDsmOvsPduTeHp8wSW9YckBj3mljeOh4F0m2z/0JKAALRKbmLQ==",
+			"license": "MIT"
+		},
+		"node_modules/call-bind-apply-helpers": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+			"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/call-bound": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+			"integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+			"license": "MIT",
+			"dependencies": {
+				"call-bind-apply-helpers": "^1.0.2",
+				"get-intrinsic": "^1.3.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/dunder-proto": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+			"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+			"license": "MIT",
+			"dependencies": {
+				"call-bind-apply-helpers": "^1.0.1",
+				"es-errors": "^1.3.0",
+				"gopd": "^1.2.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/earcut": {
+			"version": "2.2.4",
+			"resolved": "https://registry.npmjs.org/earcut/-/earcut-2.2.4.tgz",
+			"integrity": "sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ==",
+			"license": "ISC"
+		},
+		"node_modules/es-define-property": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+			"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-errors": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-object-atoms": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+			"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/eventemitter3": {
+			"version": "4.0.7",
+			"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+			"integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+			"license": "MIT"
+		},
+		"node_modules/function-bind": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-intrinsic": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+			"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+			"license": "MIT",
+			"dependencies": {
+				"call-bind-apply-helpers": "^1.0.2",
+				"es-define-property": "^1.0.1",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.1.1",
+				"function-bind": "^1.1.2",
+				"get-proto": "^1.0.1",
+				"gopd": "^1.2.0",
+				"has-symbols": "^1.1.0",
+				"hasown": "^2.0.2",
+				"math-intrinsics": "^1.1.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-proto": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+			"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+			"license": "MIT",
+			"dependencies": {
+				"dunder-proto": "^1.0.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/gopd": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+			"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-symbols": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+			"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/hasown": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+			"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+			"license": "MIT",
+			"dependencies": {
+				"function-bind": "^1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/ismobilejs": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-1.1.1.tgz",
+			"integrity": "sha512-VaFW53yt8QO61k2WJui0dHf4SlL8lxBofUuUmwBo0ljPk0Drz2TiuDW4jo3wDcv41qy/SxrJ+VAzJ/qYqsmzRw==",
+			"license": "MIT"
+		},
+		"node_modules/jsbn": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
+			"integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==",
+			"license": "MIT"
+		},
+		"node_modules/math-intrinsics": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+			"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/object-inspect": {
+			"version": "1.13.4",
+			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+			"integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/pixi.js": {
+			"version": "7.4.2",
+			"resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-7.4.2.tgz",
+			"integrity": "sha512-TifqgHGNofO7UCEbdZJOpUu7dUnpu4YZ0o76kfCqxDa4RS8ITc9zjECCbtalmuNXkVhSEZmBKQvE7qhHMqw/xg==",
+			"license": "MIT",
+			"dependencies": {
+				"@pixi/accessibility": "7.4.2",
+				"@pixi/app": "7.4.2",
+				"@pixi/assets": "7.4.2",
+				"@pixi/compressed-textures": "7.4.2",
+				"@pixi/core": "7.4.2",
+				"@pixi/display": "7.4.2",
+				"@pixi/events": "7.4.2",
+				"@pixi/extensions": "7.4.2",
+				"@pixi/extract": "7.4.2",
+				"@pixi/filter-alpha": "7.4.2",
+				"@pixi/filter-blur": "7.4.2",
+				"@pixi/filter-color-matrix": "7.4.2",
+				"@pixi/filter-displacement": "7.4.2",
+				"@pixi/filter-fxaa": "7.4.2",
+				"@pixi/filter-noise": "7.4.2",
+				"@pixi/graphics": "7.4.2",
+				"@pixi/mesh": "7.4.2",
+				"@pixi/mesh-extras": "7.4.2",
+				"@pixi/mixin-cache-as-bitmap": "7.4.2",
+				"@pixi/mixin-get-child-by-name": "7.4.2",
+				"@pixi/mixin-get-global-position": "7.4.2",
+				"@pixi/particle-container": "7.4.2",
+				"@pixi/prepare": "7.4.2",
+				"@pixi/sprite": "7.4.2",
+				"@pixi/sprite-animated": "7.4.2",
+				"@pixi/sprite-tiling": "7.4.2",
+				"@pixi/spritesheet": "7.4.2",
+				"@pixi/text": "7.4.2",
+				"@pixi/text-bitmap": "7.4.2",
+				"@pixi/text-html": "7.4.2"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/pixijs"
+			}
+		},
+		"node_modules/punycode": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+			"integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+			"license": "MIT"
+		},
+		"node_modules/qs": {
+			"version": "6.14.0",
+			"resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+			"integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+			"license": "BSD-3-Clause",
+			"dependencies": {
+				"side-channel": "^1.1.0"
+			},
+			"engines": {
+				"node": ">=0.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+			"integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"object-inspect": "^1.13.3",
+				"side-channel-list": "^1.0.0",
+				"side-channel-map": "^1.0.1",
+				"side-channel-weakmap": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel-list": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+			"integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"object-inspect": "^1.13.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel-map": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+			"integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.5",
+				"object-inspect": "^1.13.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel-weakmap": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+			"integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.5",
+				"object-inspect": "^1.13.3",
+				"side-channel-map": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/sm-crypto": {
+			"version": "0.3.13",
+			"resolved": "https://registry.npmjs.org/sm-crypto/-/sm-crypto-0.3.13.tgz",
+			"integrity": "sha512-ztNF+pZq6viCPMA1A6KKu3bgpkmYti5avykRHbcFIdSipFdkVmfUw2CnpM2kBJyppIalqvczLNM3wR8OQ0pT5w==",
+			"license": "MIT",
+			"dependencies": {
+				"jsbn": "^1.1.0"
+			}
+		},
+		"node_modules/url": {
+			"version": "0.11.4",
+			"resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz",
+			"integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==",
+			"license": "MIT",
+			"dependencies": {
+				"punycode": "^1.4.1",
+				"qs": "^6.12.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		}
+	}
+}
--- a/package.json
+++ b/package.json
@@ -0,0 +1,6 @@
+{
+	"dependencies": {
+		"pixi.js": "^7.4.2",
+		"sm-crypto": "^0.3.13"
+	}
+}
--- a/packageA/pages/UnitDetails/UnitDetails.vue
+++ b/packageA/pages/UnitDetails/UnitDetails.vue
@@ -184,10 +184,13 @@ function getThirdPartyJobsList(type = 'add') {
    let params = {
        current: pageState.current,
        pageSize: pageState.pageSize,
+        gsID:companyId,
+        gsmc:companyName,
+        zphID:zphId
    };

    $api.createRequest(
-        `/app/internal/jobThirdPart?gsID=${companyId}&gsmc=${companyName}&zphID=${zphId}`,
+        `/app/internal/jobThirdPart`,
        params,
        'GET',
        true
--- a/packageA/pages/exhibitors/exhibitors.vue
+++ b/packageA/pages/exhibitors/exhibitors.vue
@@ -129,6 +129,7 @@ const zphId = ref('');
 const pageOptions = ref({});

 onLoad((options) => {
+    console.log(options,'++')
    zphId.value = options.jobFairId;
    pageOptions.value = options;
    getJobFairInfo(options.jobFairId, options.jobFairName);
@@ -153,9 +154,11 @@ function getCompanyList(type = 'add') {
    let params = {
        current: pageState.current,
        pageSize: pageState.pageSize,
+        zphID:jobFairId,
+        zphmc:jobFairName,
    };
    $api.createRequest(
-        `/app/internal/companyThirdPart/?zphID=${jobFairId}&zphmc=${jobFairName}`,
+        `/app/internal/companyThirdPart/`,
        params,
        'GET',
        true
--- a/packageA/pages/post/post.vue
+++ b/packageA/pages/post/post.vue
@@ -203,6 +203,7 @@ const explainUrlRef = ref('');
 const dataType = ref(1); // 1: 原数据, 2: 第三方数据

 onLoad((option) => {
+    console.log(option,'+++++')
    if (option.jobId) {
        dataType.value = option.dataType ? parseInt(option.dataType) : 1;
        initLoad(option);
@@ -210,15 +211,17 @@ onLoad((option) => {
 });

 onShow(() => {
+    // #ifdef H5
    const option = parseQueryParams(); // 兼容微信内置浏览器
    if (option.jobId) {
        dataType.value = option.dataType ? parseInt(option.dataType) : 1;
        initLoad(option);
    }
+    // #endif
 });

 function initLoad(option) {
-    const jobId = atob(option.jobId);
+    const jobId = decodeURIComponent(option.jobId);
    if (jobId !== jobIdRef.value) {
        jobIdRef.value = jobId;
        getDetail(jobId);
@@ -285,7 +288,12 @@ function getCompanyIsAJobs(...args) {
    if (dataType.value === 2) {
        // 第三方数据获取公司职位数量
        const [gsID, gsmc, zphID] = args;
-        $api.createRequest(`/app/internal/jobThirdPart?gsID=${gsID}&gsmc=${gsmc}&zphID=${zphID}`).then((resData) => {
+        const params = {
+            gsID:gsID,
+            gsmc:gsmc,
+            zphID:zphID
+        }
+        $api.createRequest(`/app/internal/jobThirdPart`,params).then((resData) => {
            companyCount.value = resData.total;
        });
    } else {
--- a/packageA/pages/tiktok/tiktok.vue
+++ b/packageA/pages/tiktok/tiktok.vue
@@ -55,7 +55,7 @@ function nextDetail() {
        recommedIndexDb.addRecord(recordData);
    }
    console.log(job.jobId);
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
 }

 function getNextVideoSrc(num) {
--- a/pages.json
+++ b/pages.json
@@ -5,9 +5,7 @@
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "青岛智慧就业平台",
-                // #ifdef H5
                "navigationStyle": "custom"
-                // #endif
            }
        },
        {
--- a/pages/careerfair/careerfair.vue
+++ b/pages/careerfair/careerfair.vue
@@ -1,108 +1,112 @@
 <template>
-    <view class="app-custom-root">
-        <view class="app-container">
-            <!-- 顶部头部区域 -->
-            <view class="container-header">
-                <view class="header-top">
-                    <view class="header-btnLf button-click" @click="seemsg(0)" :class="{ active: state.current === 0 }">
-                        现场招聘
-                    </view>
-                    <view class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }">
-                        VR虚拟招聘会
-                    </view>
-                </view>
-                <view class="header-input btn-feel">
-                    <uni-icons class="iconsearch" color="#666666" type="search" size="18"></uni-icons>
-                    <input
-                        v-model="pageState.zphmc"
-                        confirm-type="search"
-                        @confirm="getFair"
-                        class="input"
-                        placeholder="招聘会"
-                        placeholder-class="inputplace"
-                    />
-                </view>
-                <view class="header-date">
-                    <view class="data-week">
-                        <view
-                            class="weel-days button-click"
-                            :class="{ active: currentDay.fullDate === item.fullDate }"
-                            v-for="(item, index) in weekList"
-                            :key="index"
-                            @click="selectDate(item)"
-                        >
-                            <view class="label">{{ item.day }}</view>
-                            <view class="day">{{ item.date }}</view>
-                        </view>
-                    </view>
-                    <view class="data-all">
-                        <image class="allimg button-click" @click="toSelectDate" src="/static/icon/date1.png"></image>
-                    </view>
-                </view>
+  <view class="app-custom-root">
+    <view class="app-container">
+      <!-- 顶部头部区域 -->
+      <view class="container-header">
+        <view class="header-top">
+          <view class="header-btnLf button-click" @click="seemsg(0)" :class="{ active: state.current === 0 }">
+            现场招聘
+          </view>
+          <view class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }">
+            VR虚拟招聘会
+          </view>
+        </view>
+        <view class="header-input btn-feel">
+          <uni-icons class="iconsearch" color="#666666" type="search" size="18"></uni-icons>
+          <input
+            v-model="pageState.zphmc"
+            confirm-type="search"
+            @confirm="getFair"
+            class="input"
+            placeholder="招聘会"
+            placeholder-class="inputplace"
+          />
+        </view>
+        <view class="header-date">
+          <view class="data-week">
+            <view
+              class="weel-days button-click"
+              :class="{ active: currentDay.fullDate === item.fullDate }"
+              v-for="(item, index) in weekList"
+              :key="index"
+              @click="selectDate(item)"
+            >
+              <view class="label">{{ item.day }}</view>
+              <view class="day">{{ item.date }}</view>
            </view>
+          </view>
+          <view class="data-all">
+            <image class="allimg button-click" @click="toSelectDate" src="/static/icon/date1.png"></image>
+          </view>
+        </view>
+      </view>

-            <!-- 主体内容区域 -->
-            <view class="container-main">
-                <scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
-                    <view class="cards">
-                        <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
+      <!-- 主体内容区域 -->
+      <view class="container-main">
+        <scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
+          <view class="cards">
+            <!-- #ifdef H5 -->
+            <transition-group name="stagger" tag="view" :css="true">
+            <!-- #endif -->
+              <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>
-                                    </view>
-                                    <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="recommend-card-line"></view>
-                                <view class="card-footer">内容简介：{{ item.zphjj }}</view>
-                            </view>
-                        </transition-group>
+                  </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>
+                  </view>
+                  <view class="line"></view>
+                  <view class="time-center">
+                    <view class="center-date">
+                      {{ getTimeStatus(item.zphjbsj, item.zphjzsj).statusText }}
                    </view>
-                    <empty v-if="!fairList.length" content="暂时没有结果，下一天也许就有惊喜"></empty>
-                </scroll-view>
-            </view>
-            <!-- <Tabbar :currentpage="1"></Tabbar> -->
-        </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="recommend-card-line"></view>
+                <view class="card-footer">内容简介：{{ item.zphjj }}</view>
+              </view>
+            <!-- #ifdef H5 -->
+            </transition-group>
+            <!-- #endif -->
+          </view>
+          <empty v-if="!fairList.length" content="暂时没有结果，下一天也许就有惊喜"></empty>
+        </scroll-view>
+      </view>
+      <!-- <Tabbar :currentpage="1"></Tabbar> -->
    </view>
+  </view>
 </template>

 <script setup>
@@ -113,210 +117,214 @@ 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 { $api, navTo,  } = inject('globalFunction');
 const weekList = ref([]);
 const fairList = ref([]);
 const currentDay = ref({});
 const state = reactive({
-    current: 0,
-    all: [{}],
+  current: 0,
+  all: [{}],
 });
 const pageState = reactive({
-    page: 0,
-    total: 0,
-    maxPage: 2,
-    pageSize: 10,
-    zphmc: '',
+  page: 0,
+  total: 0,
+  maxPage: 2,
+  pageSize: 10,
+  zphmc: '',
 });

 onLoad(() => {
-    const today = new Date();
-    const year = today.getFullYear();
-    const month = String(today.getMonth() + 1).padStart(2, '0');
-    const day = String(today.getDate()).padStart(2, '0');
+  const today = new Date();
+  const year = today.getFullYear();
+  const month = String(today.getMonth() + 1).padStart(2, '0');
+  const day = String(today.getDate()).padStart(2, '0');

-    const currentDate = `${year}-${month}-${day}`;
-    const result = getNextDates({
-        startDate: currentDate,
-    });
-    weekList.value = result;
-    currentDay.value.fullDate = result[0].fullDate;
-    getFair('refresh');
+  const currentDate = `${year}-${month}-${day}`;
+  const result = getNextDates({
+    startDate: currentDate,
+  });
+  weekList.value = result;
+  currentDay.value.fullDate = result[0].fullDate;
+  getFair('refresh');
 });

 const handleItemClick = (item) => {
+  try {
    lightAppJssdk.navigation.hide({
-        url: config.virtualJobFair,
+      url: config.virtualJobFair,
    });
+  } catch (error) {
+    $api.msg('功能确定中');
+  }
 };

 function toSelectDate() {
-    navTo('/packageA/pages/selectDate/selectDate', {
-        query: {
-            date: currentDay.value.fullDate,
-            entrance: 'careerfair',
-        },
-        onBack: (res) => {
-            console.log(res);
-            const result = getNextDates({
-                startDate: res.date,
-            });
-            const formattedDate = res.date.slice(5); // MM-DD
-            const dateFull = {
-                date: res.date.slice(5),
-                day: '周' + res.week,
-                fullDate: res.date,
-            };
-            currentDay.value = dateFull;
-            weekList.value = result;
-            getFair('refresh');
-        },
-    });
+  navTo('/packageA/pages/selectDate/selectDate', {
+    query: {
+      date: currentDay.value.fullDate,
+      entrance: 'careerfair',
+    },
+    onBack: (res) => {
+      console.log(res);
+      const result = getNextDates({
+        startDate: res.date,
+      });
+      const formattedDate = res.date.slice(5); // MM-DD
+      const dateFull = {
+        date: res.date.slice(5),
+        day: '周' + res.week,
+        fullDate: res.date,
+      };
+      currentDay.value = dateFull;
+      weekList.value = result;
+      getFair('refresh');
+    },
+  });
 }
 // 查看消息类型
 function changeSwiperMsgType(e) {
-    const currented = e.detail.current;
-    state.current = currented;
+  const currented = e.detail.current;
+  state.current = currented;
 }

 function seemsg(index) {
-    if (index === 1) {
-        handleItemClick();
-        // $api.msg('功能确定中');
-        return;
-    }
-    state.current = index;
+  if (index === 1) {
+    handleItemClick();
+    // $api.msg('功能确定中');
+    return;
+  }
+  state.current = index;
 }

 const handleScrollToLower = () => {
-    return;
-    getFair();
-    console.log('触底');
+  return;
+  getFair();
+  console.log('触底');
 };

 function getFair(type = 'add') {
-    if (type === 'refresh') {
-        pageState.page = 1;
-        pageState.maxPage = 1;
+  if (type === 'refresh') {
+    pageState.page = 1;
+    pageState.maxPage = 1;
+  }
+  if (type === 'add' && pageState.page < pageState.maxPage) {
+    pageState.page += 1;
+  }
+  let params = {
+    zphmc: pageState.zphmc,
+    // current: pageState.page,
+    // pageSize: pageState.pageSize,
+  };
+  // if (currentDay.value?.fullDate) {
+  //     params.queryDate = currentDay.value.fullDate;
+  // }
+  if (currentDay.value?.fullDate) {
+    params.zphjbsj = currentDay.value.fullDate.replace(/-/g, '');
+  }
+  $api.createRequest('/app/internal/jobFairThirdPart', params, 'GET', false).then((resData) => {
+    const { rows, total } = resData;
+    if (type === 'add') {
+      // const str = pageState.pageSize * (pageState.page - 1);
+      // const end = fairList.value.length;
+      // const reslist = rows;
+      // fairList.value.splice(str, end, ...reslist);
+      fairList.value = rows;
+    } else {
+      fairList.value = rows;
    }
-    if (type === 'add' && pageState.page < pageState.maxPage) {
-        pageState.page += 1;
-    }
-    let params = {
-        zphmc: pageState.zphmc,
-        // current: pageState.page,
-        // pageSize: pageState.pageSize,
-    };
-    // if (currentDay.value?.fullDate) {
-    //     params.queryDate = currentDay.value.fullDate;
-    // }
-    if (currentDay.value?.fullDate) {
-        params.zphjbsj = currentDay.value.fullDate.replace(/-/g, '');
-    }
-    $api.createRequest('/app/internal/jobFairThirdPart', params, 'GET', false).then((resData) => {
-        const { rows, total } = resData;
-        if (type === 'add') {
-            // const str = pageState.pageSize * (pageState.page - 1);
-            // const end = fairList.value.length;
-            // const reslist = rows;
-            // fairList.value.splice(str, end, ...reslist);
-            fairList.value = rows;
-        } else {
-            fairList.value = rows;
-        }
-        // pageState.list = resData.rows;
-        pageState.total = resData.total;
-        pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
-    });
+    // pageState.list = resData.rows;
+    pageState.total = resData.total;
+    pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
+  });
 }

 function parseDateTime(datetimeStr) {
-    if (!datetimeStr) return { time: '', date: '' };
+  if (!datetimeStr) return { time: '', date: '' };

-    const dateObj = new Date(datetimeStr);
+  const dateObj = new Date(datetimeStr);

-    if (isNaN(dateObj.getTime())) return { time: '', date: '' }; // 无效时间
+  if (isNaN(dateObj.getTime())) return { time: '', date: '' }; // 无效时间

-    const year = dateObj.getFullYear();
-    const month = String(dateObj.getMonth() + 1).padStart(2, '0');
-    const day = String(dateObj.getDate()).padStart(2, '0');
-    const hours = String(dateObj.getHours()).padStart(2, '0');
-    const minutes = String(dateObj.getMinutes()).padStart(2, '0');
+  const year = dateObj.getFullYear();
+  const month = String(dateObj.getMonth() + 1).padStart(2, '0');
+  const day = String(dateObj.getDate()).padStart(2, '0');
+  const hours = String(dateObj.getHours()).padStart(2, '0');
+  const minutes = String(dateObj.getMinutes()).padStart(2, '0');

-    return {
-        time: `${hours}:${minutes}`,
-        date: `${year}年${month}月${day}日`,
-    };
+  return {
+    time: `${hours}:${minutes}`,
+    date: `${year}年${month}月${day}日`,
+  };
 }

 function getTimeStatus(startTimeStr, endTimeStr) {
-    const now = new Date();
-    const startTime = new Date(startTimeStr);
-    const endTime = new Date(endTimeStr);
+  const now = new Date();
+  const startTime = new Date(startTimeStr);
+  const endTime = new Date(endTimeStr);

-    // 判断状态：0 开始中，1 过期，2 待开始
-    let status = 0;
-    let statusText = '开始中';
-    if (now < startTime) {
-        status = 2; // 待开始
-        statusText = '待开始';
-    } else if (now > endTime) {
-        status = 1; // 已过期
-        statusText = '已过期';
-    } else {
-        status = 0; // 进行中
-        statusText = '进行中';
-    }
-    return {
-        status, // 0: 进行中，1: 已过期，2: 待开始
-        statusText,
-    };
+  // 判断状态：0 开始中，1 过期，2 待开始
+  let status = 0;
+  let statusText = '开始中';
+  if (now < startTime) {
+    status = 2; // 待开始
+    statusText = '待开始';
+  } else if (now > endTime) {
+    status = 1; // 已过期
+    statusText = '已过期';
+  } else {
+    status = 0; // 进行中
+    statusText = '进行中';
+  }
+  return {
+    status, // 0: 进行中，1: 已过期，2: 待开始
+    statusText,
+  };
 }

 function getHoursBetween(startTimeStr, endTimeStr) {
-    const start = new Date(startTimeStr);
-    const end = new Date(endTimeStr);
+  const start = new Date(startTimeStr);
+  const end = new Date(endTimeStr);

-    const diffMs = end - start;
-    const diffHours = diffMs / (1000 * 60 * 60);
+  const diffMs = end - start;
+  const diffHours = diffMs / (1000 * 60 * 60);

-    return +diffHours.toFixed(2); // 保留 2 位小数
+  return +diffHours.toFixed(2); // 保留 2 位小数
 }

 const selectDate = (item) => {
-    if (currentDay.value?.fullDate === item.fullDate) {
-        // currentDay.value = {};
-        // getFair('refresh');
-        return;
-    }
-    currentDay.value = item;
-    getFair('refresh');
+  if (currentDay.value?.fullDate === item.fullDate) {
+    // currentDay.value = {};
+    // getFair('refresh');
+    return;
+  }
+  currentDay.value = item;
+  getFair('refresh');
 };

 function getNextDates({ startDate = '', count = 6 }) {
-    const baseDate = startDate ? new Date(startDate) : new Date(); // 指定起点或今天
-    const dates = [];
-    const dayNames = ['日', '一', '二', '三', '四', '五', '六'];
+  const baseDate = startDate ? new Date(startDate) : new Date(); // 指定起点或今天
+  const dates = [];
+  const dayNames = ['日', '一', '二', '三', '四', '五', '六'];

-    for (let i = 0; i < count; i++) {
-        const date = new Date(baseDate);
-        date.setDate(baseDate.getDate() + i);
+  for (let i = 0; i < count; i++) {
+    const date = new Date(baseDate);
+    date.setDate(baseDate.getDate() + i);

-        const fullDate = date.toISOString().slice(0, 10); // YYYY-MM-DD
-        const formattedDate = fullDate.slice(5); // MM-DD
-        const dayOfWeek = dayNames[date.getDay()];
+    const fullDate = date.toISOString().slice(0, 10); // YYYY-MM-DD
+    const formattedDate = fullDate.slice(5); // MM-DD
+    const dayOfWeek = dayNames[date.getDay()];

-        dates.push({
-            date: formattedDate,
-            fullDate,
-            day: '周' + dayOfWeek,
-        });
-    }
+    dates.push({
+      date: formattedDate,
+      fullDate,
+      day: '周' + dayOfWeek,
+    });
+  }

-    // 可选设置默认选中项
-    // currentDay.value = dates[0];
+  // 可选设置默认选中项
+  // currentDay.value = dates[0];

-    return dates;
+  return dates;
 }
 </script>

@@ -336,6 +344,8 @@ function getNextDates({ startDate = '', count = 6 }) {
    .container-header {
        background: url('@/static/icon/background2.png') 0 0 no-repeat;
        background-size: 100% 400rpx;
+        box-sizing: border-box;
+        padding-top: calc(var(--window-top) + var(--status-bar-height));
        .header-top{
            display: flex;
            line-height: calc(88rpx - 14rpx);
--- a/pages/index/components/AIMatch.vue
+++ b/pages/index/components/AIMatch.vue
@@ -1,371 +1,385 @@
 <template>
+  <view>
    <view class="container" id="pixi-box" ref="pixiContainerRef"></view>
+
+    <!-- renderjs 通信组件 -->
+    <view style="display: none" :change:random="appModule.initPixi" :random="random" />
+  </view>
 </template>

-<script setup>
-import { onMounted, onUnmounted, ref, nextTick } from 'vue';
-const emit = defineEmits(['tag-click']);
+<script>
+export default {
+  data: () => ({
+    random: 0,
+  }),
+  mounted() {
+    this.triggerRender();
+  },
+  methods: {
+    triggerRender() {
+      this.random++;
+    },
+    tagClick(tagData) {
+      this.$emit('tag-click', tagData);
+    },
+  },
+};
+</script>

-// DOM Ref
-const pixiContainerRef = ref(null);
+<script module="appModule" lang="renderjs">
+import * as PIXI from "pixi.js";

 // 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,
-    },
+  { 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;
+export default {
+  data() {
+    return {
+      app:null
+    }
+  },
+  beforeDestroy() {
+    if (this.app) {
+        this.app.destroy(true, { children: true, texture: true, baseTexture: true });
+        this.app = null;
+    }
+    window.removeEventListener("resize", this.handleResize());
+  },

-    const width = container.clientWidth || 300;
-    const height = container.clientHeight || 300;
+  methods: {
+    async initPixi (random) {
+      if(!random) return
+      const container =  document.querySelector('#pixi-box');
+      if (!container) return;
+      const width = container.clientWidth || 300;
+      const height = container.clientHeight || 300;
+      console.log(width,height);

-    if (app) return;
+      if (this.app) return;

-    app = new PIXI.Application({
+      this.app = new PIXI.Application({
        width: width,
        height: height,
        backgroundAlpha: 0,
        backgroundColor: 0xf5f7fa,
        antialias: true,
-        resolution: window.devicePixelRatio || 1,
+        resolution: window?.devicePixelRatio ?? 1,
        autoDensity: true,
-    });
-    app.view.style.touchAction = 'auto';
+      });
+      this.app.view.style.touchAction = "auto";

-    container.appendChild(app.view);
+      container.appendChild(this.app.view);

-    tagsContainer = new PIXI.Container();
-    app.stage.addChild(tagsContainer);
+      tagsContainer = new PIXI.Container();
+      this.app.stage.addChild(tagsContainer);

-    renderScene(width, height);
-};
+      this.renderScene(width, height);
+      window.addEventListener("resize", this.handleResize());
+    },
+ renderScene (sw, sh) {
+  tagsContainer.removeChildren();
+  activeTagInstances = [];

-const renderScene = (sw, sh) => {
-    tagsContainer.removeChildren();
-    activeTagInstances = [];
+  const baseSize = 375;
+  const scaleFactor = (Math.min(sw, sh) / baseSize) * 0.9;

-    const baseSize = 375;
-    const scaleFactor = (Math.min(sw, sh) / baseSize) * 0.9;
+  mockTags.forEach((data, index) => {
+    const scaledRadius = data.radius * (scaleFactor < 1 ? 1 : scaleFactor * 0.8);

-    mockTags.forEach((data, index) => {
-        const scaledRadius = data.radius * (scaleFactor < 1 ? 1 : scaleFactor * 0.8);
+    let x = sw / 2 + scaledRadius * Math.cos(data.angle);
+    let y = sh / 2 + scaledRadius * Math.sin(data.angle);

-        let x = sw / 2 + scaledRadius * Math.cos(data.angle);
-        let y = sh / 2 + scaledRadius * Math.sin(data.angle);
+    const tag = this.createTag(data, index);

-        const tag = createTag(data, index);
+    tagsContainer.addChild(tag);

-        tagsContainer.addChild(tag);
+    const safeW = tag.width / 2 + 10;
+    const safeH = tag.height / 2 + 10;

-        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);

-        // 强制修正 x 和 y，使其不超出屏幕
-        x = clamp(x, safeW, sw - safeW);
-        y = clamp(y, safeH, sh - safeH);
+    tag.x = x;
+    tag.y = y;

-        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);
-            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) => {
-    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,
-        fill: tagData.fontColor,
-        padding: 4,
-        resolution: 2,
-    });
-    text.anchor.set(0.5);
-
-    const paddingH = 26;
-    const paddingV = 10;
-    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) => {
-    const tailGroup = new PIXI.Container();
-    const graphics = new PIXI.Graphics();
-    tailGroup.addChild(graphics);
-
-    const baseLength = 45;
-    const startWidth = parentWidth * 0.6;
-    const endWidth = 20;
-
-    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();
-        }
+    // 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,
    };
-    tailGroup.updateAnim();
-    return tailGroup;
-};

-const handleResize = () => {
-    const container = getContainerDOM();
-    if (!app || !container) return;
+    if (data.radius > 0) {
+      const tail = this.createCometTail(data.tailColor || data.bgColor, data.tailRotation, tag.width);
+      tag.addChildAt(tail, 0);
+      tag.updateTail = () => tail.updateAnim();
+    }

-    const w = container.clientWidth || 300;
-    const h = container.clientHeight || 300;
+    activeTagInstances.push(tag);
+  });

-    app.renderer.resize(w, h);
+  // 动画循环
+  this.app.ticker.add(() => {
+    const screenH = this.app.screen.height;

    activeTagInstances.forEach((tag) => {
-        const meta = tag.userData;
-        if (!meta) return;
+      const meta = tag.userData;
+      if (meta) {
+        // 计算新的浮动位置
+        meta.floatOffset += meta.floatSpeed;
+        let nextY = meta.originalY + Math.sin(meta.floatOffset) * meta.floatRange;

-        let newX = w / 2 + meta.radius * Math.cos(meta.angle);
-        let newY = h / 2 + meta.radius * Math.sin(meta.angle);
+        // 再次进行边界检查
+        if (nextY < meta.safeH) nextY = meta.safeH;
+        if (nextY > screenH - meta.safeH) nextY = screenH - meta.safeH;

-        const safeW = tag.width / 2 + 10;
-        const safeH = tag.height / 2 + 10;
+        tag.y = nextY;

-        meta.originalX = clamp(newX, safeW, w - safeW);
-        meta.originalY = clamp(newY, safeH, h - safeH);
-        meta.safeH = safeH; // 更新安全高度
-
-        tag.x = meta.originalX;
+        if (tag.updateTail) tag.updateTail();
+      }
    });
-};
+  });
+},
+
+ createTag (tagData, index) {
+  const tagGroup = new PIXI.Container();
+  tagGroup.eventMode = "static";
+  tagGroup.cursor = "pointer";
+
+  tagGroup.on("pointertap", () =>{
+    this.$ownerInstance.callMethod('tagClick', tagData);
+  });
+  const text = new PIXI.Text(tagData.name, {
+    fontFamily: ["PingFang SC", "Microsoft YaHei", "Arial"],
+    fontSize: tagData.size,
+    fill: tagData.fontColor,
+    padding: 4,
+    resolution: 2,
+  });
+  text.anchor.set(0.5);
+
+  const paddingH = 26;
+  const paddingV = 10;
+  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;
+},
+
+ createCometTail  (bgColor, tailRotation, parentWidth) {
+  const tailGroup = new PIXI.Container();
+  const graphics = new PIXI.Graphics();
+  tailGroup.addChild(graphics);
+
+  const baseLength = 45;
+  const startWidth = parentWidth * 0.6;
+  const endWidth = 20;
+
+  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;
+},
+
+ handleResize () {
+  const container =  document.querySelector('#pixi-box');
+  if (!this.app || !container) return;
+  const w = container.clientWidth || 300;
+  const h = container.clientHeight || 300;
+
+  this.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: 500rpx;
-    position: relative;
-    overflow: hidden;
-    color: #b9d3ff;
+  width: 100%;
+  height: 500rpx;
+  position: relative;
+  overflow: hidden;
+  color: #b9d3ff;
 }
 </style>
--- a/pages/index/components/index-one.vue
+++ b/pages/index/components/index-one.vue
@@ -292,7 +292,7 @@ function nextDetail(job) {
        const recordData = recommedIndexDb.JobParameter(job);
        recommedIndexDb.addRecord(recordData);
    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
 }

 function openFilter() {
--- a/pages/index/components/index-refactor.vue
+++ b/pages/index/components/index-refactor.vue
--- a/pages/index/components/index-two.vue
+++ b/pages/index/components/index-two.vue
@@ -166,7 +166,7 @@ function nextDetail(job) {
        const recordData = recommedIndexDb.JobParameter(job);
        recommedIndexDb.addRecord(recordData);
    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
 }

 function nextVideo(job) {
@@ -208,7 +208,8 @@ defineExpose({ loadData });
            }

 .nav-filter
-    padding: 16rpx 28rpx 30rpx 28rpx
+    padding: 16rpx 28rpx 30rpx 28rpx;
+    padding-top:calc(var(--window-top) + var(--status-bar-height) + 20rpx);
    .filter-top
        display: flex
        justify-content: space-between;
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,59 +1,54 @@
 <template>
-    <view class="app-custom-root">
-        <view class="app-container">
-            <!-- 主体内容区域 -->
-            <view class="container-main">
-                <swiper
-                    class="swiper"
-                    :disable-touch="disableTouch"
-                    :current="state.current"
-                    @change="changeSwiperType"
-                >
-                    <!-- 绑定首页和尾页 -->
-                    <swiper-item
-                        @touchstart.passive="handleTouchStart"
-                        @touchmove.passive="handleTouchMove"
-                        @touchend="disableTouch = false"
-                        class="swiper-item"
-                        v-for="(_, index) in 2"
-                        :key="index"
-                    >
-                        <!-- #ifndef MP-WEIXIN -->
-                        <component
-                            :is="components[index]"
-                            @onShowTabbar="changeShowTabbar"
-                            :ref="(el) => handelComponentsRef(el, index)"
-                        />
-                        <!-- #endif -->
-                        <!-- #ifdef MP-WEIXIN -->
-                        <IndexOne
-                            v-show="currentIndex === 0"
-                            @onShowTabbar="changeShowTabbar"
-                            :ref="(el) => handelComponentsRef(el, index)"
-                        />
-                        <IndexTwo
-                            v-show="currentIndex === 1"
-                            @onShowTabbar="changeShowTabbar"
-                            :ref="(el) => handelComponentsRef(el, index)"
-                        />
-                        <!-- #endif -->
-                    </swiper-item>
-                </swiper>
-            </view>
+  <view class="app-custom-root">
+    <view class="container">
+      <!-- 主体内容区域 -->
+      <view class="container-main">
+        <swiper class="swiper" :disable-touch="disableTouch" :current="state.current" @change="changeSwiperType">
+          <!-- 绑定首页和尾页 -->
+          <swiper-item
+            @touchstart.passive="handleTouchStart"
+            @touchmove.passive="handleTouchMove"
+            @touchend="disableTouch = false"
+            class="swiper-item"
+            v-for="(_, index) in 2"
+            :key="index"
+          >
+            <!-- #ifndef MP-WEIXIN -->
+            <component
+              :is="components[index]"
+              @onShowTabbar="changeShowTabbar"
+              :ref="(el) => handelComponentsRef(el, index)"
+            />
+            <!-- #endif -->
+            <!-- #ifdef MP-WEIXIN -->
+            <IndexOne
+              v-show="currentIndex === 0"
+              @onShowTabbar="changeShowTabbar"
+              :ref="(el) => handelComponentsRef(el, index)"
+            />
+            <IndexTwo
+              v-show="currentIndex === 1"
+              @onShowTabbar="changeShowTabbar"
+              :ref="(el) => handelComponentsRef(el, index)"
+            />
+            <!-- #endif -->
+          </swiper-item>
+        </swiper>
+      </view>

-            <!-- <Tabbar v-show="showTabbar" :currentpage="0"></Tabbar> -->
+      <!-- <Tabbar v-show="showTabbar" :currentpage="0"></Tabbar> -->

-            <!-- maskFristEntry -->
-            <view class="maskFristEntry" v-if="maskFristEntry">
-                <view class="entry-content">
-                    <text class="text1">左滑查看视频</text>
-                    <text class="text2">快去体验吧～</text>
-                    <view class="goExperience" @click="goExperience">去体验</view>
-                    <view class="maskFristEntry-Close" @click="closeFristEntry"></view>
-                </view>
-            </view>
+      <!-- maskFristEntry -->
+      <view class="maskFristEntry" v-if="maskFristEntry">
+        <view class="entry-content">
+          <text class="text1">左滑查看视频</text>
+          <text class="text2">快去体验吧～</text>
+          <view class="goExperience" @click="goExperience">去体验</view>
+          <view class="maskFristEntry-Close" @click="closeFristEntry"></view>
        </view>
+      </view>
    </view>
+  </view>
 </template>

 <script setup>
@@ -79,134 +74,134 @@ const totalPage = 2;
 const THRESHOLD = 5;

 onLoad(() => {
-    // 判断浏览器是否有 fristEntry 第一次进入
-    let fristEntry = uni.getStorageSync('fristEntry') === false ? false : true; // 默认未读
-    maskFristEntry.value = fristEntry;
-    if (fristEntry) {
-        uni.hideTabBar();
-    }
-    // 预加载较重页面
-    setTimeout(() => {
-        uni.preloadPage({ url: '/packageA/pages/post/post' });
-        uni.preloadPage({ url: '/pages/nearby/nearby' });
-        uni.preloadPage({ url: '/pages/chat/chat' });
-        uni.preloadPage({ url: '/packageA/pages/choiceness/choiceness' });
-        uni.preloadPage({ url: '/packageA/pages/reservation/reservation' });
-        uni.preloadPage({ url: '/packageA/pages/Intendedposition/Intendedposition' });
-    }, 1000);
+  // 判断浏览器是否有 fristEntry 第一次进入
+  let fristEntry = uni.getStorageSync('fristEntry') === false ? false : true; // 默认未读
+  maskFristEntry.value = fristEntry;
+  if (fristEntry) {
+    uni.hideTabBar();
+  }
+  // 预加载较重页面
+  setTimeout(() => {
+    uni.preloadPage({ url: '/packageA/pages/post/post' });
+    uni.preloadPage({ url: '/pages/nearby/nearby' });
+    uni.preloadPage({ url: '/pages/chat/chat' });
+    uni.preloadPage({ url: '/packageA/pages/choiceness/choiceness' });
+    uni.preloadPage({ url: '/packageA/pages/reservation/reservation' });
+    uni.preloadPage({ url: '/packageA/pages/Intendedposition/Intendedposition' });
+  }, 1000);
 });

 onShow(() => {
-    // 获取消息列表
-    // useReadMsg().fetchMessages();
+  // 获取消息列表
+  // useReadMsg().fetchMessages();
 });

 const state = reactive({
-    current: 0,
-    all: [{}],
+  current: 0,
+  all: [{}],
 });

 onMounted(() => {
-    handleTabChange(state.current);
+  handleTabChange(state.current);
 });

 const handelComponentsRef = (el, index) => {
-    if (el) {
-        swiperRefs[index].value = el;
-    }
+  if (el) {
+    swiperRefs[index].value = el;
+  }
 };

 function handleTouchStart(e) {
-    startPointX.value = e.touches[0].clientX;
-    disableTouch.value = false;
+  startPointX.value = e.touches[0].clientX;
+  disableTouch.value = false;
 }
 function handleTouchMove(e) {
-    const currentX = e.touches[0].clientX;
-    const diffX = currentX - startPointX.value;
+  const currentX = e.touches[0].clientX;
+  const diffX = currentX - startPointX.value;

-    if (state.current === 0) {
-        if (diffX > THRESHOLD) {
-            disableTouch.value = true;
-        } else {
-            disableTouch.value = false;
-        }
-        return;
+  if (state.current === 0) {
+    if (diffX > THRESHOLD) {
+      disableTouch.value = true;
+    } else {
+      disableTouch.value = false;
    }
-    if (state.current === totalPage - 1) {
-        if (diffX < -THRESHOLD) {
-            disableTouch.value = true;
-        } else {
-            disableTouch.value = false;
-        }
-        return;
+    return;
+  }
+  if (state.current === totalPage - 1) {
+    if (diffX < -THRESHOLD) {
+      disableTouch.value = true;
+    } else {
+      disableTouch.value = false;
    }
+    return;
+  }

-    disableTouch.value = false;
+  disableTouch.value = false;
 }

 function changeShowTabbar(val) {
-    showTabbar.value = val;
+  showTabbar.value = val;
 }

 //1  查看消息类型
 function changeSwiperType(e) {
-    const newIndex = e.detail.current;
-    const lastIndex = state.current;
+  const newIndex = e.detail.current;
+  const lastIndex = state.current;

-    const isSwipingRight = newIndex < lastIndex;
-    const isSwipingLeft = newIndex > lastIndex;
+  const isSwipingRight = newIndex < lastIndex;
+  const isSwipingLeft = newIndex > lastIndex;

-    if (lastIndex === 0 && isSwipingRight) {
-        disableTouch.value = true;
-        state.current = 0;
-        setTimeout(() => {
-            disableTouch.value = false;
-        }, 50);
-        return;
-    }
+  if (lastIndex === 0 && isSwipingRight) {
+    disableTouch.value = true;
+    state.current = 0;
+    setTimeout(() => {
+      disableTouch.value = false;
+    }, 50);
+    return;
+  }

-    if (lastIndex === totalPage - 1 && isSwipingLeft) {
-        disableTouch.value = true;
-        state.current = lastIndex;
+  if (lastIndex === totalPage - 1 && isSwipingLeft) {
+    disableTouch.value = true;
+    state.current = lastIndex;

-        setTimeout(() => {
-            disableTouch.value = false;
-        }, 50);
-        return;
-    }
+    setTimeout(() => {
+      disableTouch.value = false;
+    }, 50);
+    return;
+  }

-    const index = e.detail.current;
-    state.current = index;
-    handleTabChange(index);
-    disableTouch.value = false;
+  const index = e.detail.current;
+  state.current = index;
+  handleTabChange(index);
+  disableTouch.value = false;
 }
 function changeType(index) {
-    state.current = index;
-    handleTabChange(index);
+  state.current = index;
+  handleTabChange(index);
 }

 function handleTabChange(index) {
-    if (!loadedMap[index]) {
-        swiperRefs[index].value?.loadData();
-        loadedMap[index] = true;
-    }
+  if (!loadedMap[index]) {
+    swiperRefs[index].value?.loadData();
+    loadedMap[index] = true;
+  }
 }

 function changeSwiperMsgType(e) {
-    const currented = e.detail.current;
-    state.current = currented;
+  const currented = e.detail.current;
+  state.current = currented;
 }
 // mask
 function closeFristEntry() {
-    uni.setStorageSync('fristEntry', false);
-    maskFristEntry.value = false;
-    uni.showTabBar();
+  uni.setStorageSync('fristEntry', false);
+  maskFristEntry.value = false;
+  uni.showTabBar();
 }

 function goExperience() {
-    closeFristEntry();
-    uni.showTabBar();
-    state.current = 1;
+  closeFristEntry();
+  uni.showTabBar();
+  state.current = 1;
 }
 </script>

@@ -218,7 +213,7 @@ function goExperience() {
    height: calc(100% - var(--window-bottom));
    overflow: hidden;
 }
-.app-container {
+.container {
    display: flex;
    flex-direction: column;
    height: 100%;
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -110,9 +110,9 @@
        </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>

@@ -315,7 +315,7 @@ function complete() {
 .backdoor{
    position: fixed;
    left: 24rpx;
-    top: 10rpx;
+    top: 100rpx;
 }
 .input-nx
    position: relative
--- a/pages/msglog/msglog.vue
+++ b/pages/msglog/msglog.vue
@@ -180,16 +180,14 @@ function changeSwiperMsgType(e) {
    height: 100%;
    width: 100%;
    .container-header {
-        height: calc(88rpx - 14rpx);
-        text-align: center;
-        line-height: calc(88rpx - 14rpx);
-        font-size: 32rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16rpx 44rpx 36rpx 44rpx;
        background: url('@/static/icon/msgTopbg.png') 0 0 no-repeat;
        background-size: 100% 100%;
+        box-sizing: border-box;
+        padding-top: calc(var(--window-top) + var(--status-bar-height) + 20rpx);
        .header-title {
            color: #000000;
            font-weight: bold;
--- a/pages/nearby/components/three.vue
+++ b/pages/nearby/components/three.vue
@@ -160,7 +160,7 @@ onLoad(() => {
 });

 function navToPost(jobId) {
-    navTo(`/packageA/pages/post/post?jobId=${btoa(jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(jobId)}`);
 }

 async function loadData() {
--- a/pages/search/search.vue
+++ b/pages/search/search.vue
@@ -231,7 +231,7 @@ function nextDetail(job) {
        const recordData = recommedIndexDb.JobParameter(job);
        recommedIndexDb.addRecord(recordData);
    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
 }

 function nextVideo(job) {
--- a/static/js/pixi.min.js
+++ b/static/js/pixi.min.js
--- a/utils/db.js
+++ b/utils/db.js
@@ -1,6 +1,6 @@
 // BaseDBStore.js
 import IndexedDBHelper from '@/common/IndexedDBHelper.js'
-// import UniStorageHelper from '../common/UniStorageHelper'
+import UniStorageHelper from '../common/UniStorageHelper'
 import useChatGroupDBStore from '@/stores/userChatGroupStore'
 import config from '@/config'

@@ -43,6 +43,10 @@ class BaseStore {
        this.db = new IndexedDBHelper(this.dbName, config.DBversion);
        // // #endif

+        // #ifdef APP-PLUS
+        this.db = new UniStorageHelper(this.dbName, ); 
+        // #endif
+
        return this.db.openDB([{
                name: 'record',
                keyPath: "id",
--- a/utils/request.js
+++ b/utils/request.js
@@ -81,9 +81,10 @@ export function createRequest(url, data = {}, method = 'GET', loading = false, h
            mask: true
        })
    }
+    console.log(url,'____')
    let header = {
        ...headers,
-        'X-Target-URI': url
+        'X-Target-URI': encodeURI(url)
    };
    const userStore = useUserStore();
    const token = userStore.token;
Author	SHA1	Message	Date
xiebing	9bc3c0fb7c	页面适配	2025-12-12 13:39:23 +08:00
xiebing	60b4d2bef0	部分页面适配	2025-12-11 18:12:47 +08:00
xiebing	3c8176f84e	APP启动报错处理, APP加密处理,APP首页兼容处理	2025-12-11 17:07:11 +08:00