diff --git a/common/globalFunction.js b/common/globalFunction.js
index caca696..e2ff269 100644
--- a/common/globalFunction.js
+++ b/common/globalFunction.js
@@ -1,4 +1,12 @@
+// #ifdef H5
 import '@/lib/encryption/sm4.min.js'
+// #endif
+
+// #ifndef H5
+import { sm4 } from 'sm-crypto';
+// #endif
+
+
 import useUserStore from "../stores/useUserStore";
 import {
     createRequestWithCache,
@@ -601,7 +609,6 @@ export function sm4Decrypt(key, value, mode = "hex") {
             cipherType: mode === 'hex' ? 'hex' : 'base64',
             padding: 'pkcs#5'
         });
-
         return decrypted
 
     } catch (e) {
@@ -638,9 +645,13 @@ export function reloadBrowser() {
 export function isY9MachineType() {
 
     try {
-    const ua = navigator.userAgent;
-    const isY9Machine = /Y9-ZYYH/i.test(ua); // 匹配机器型号
-    return isY9Machine;
+        const ua = navigator.userAgent;
+        const isY9Machine = /Y9-ZYYH/i.test(ua); // 匹配机器型号
+        return isY9Machine;
+    } catch (error) {
+        return false
+    }
+    
 }
 
 // 一体机环境判断
@@ -648,10 +659,16 @@ export function isAsdMachineType() {
     // const ua = navigator.userAgent;
     // const isY9Machine = /asd_hanweb/i.test(ua); // 匹配机器型号
     // return isY9Machine;
-    return !!lightAppJssdk.user
+    try {
+        return !!lightAppJssdk.user
+    } catch (error) {
+        false
+    }
+    
 }
 
 
+
 export const $api = {
     msg,
     prePage,
diff --git a/pages/index/components/AIMatch.vue b/pages/index/components/AIMatch.vue
index 8e33153..cb06425 100644
--- a/pages/index/components/AIMatch.vue
+++ b/pages/index/components/AIMatch.vue
@@ -1,46 +1,39 @@
 <template>
-  <view class="out">
-    <view v-if="loading" class="loading">
-      <view class="semicircle-loader"></view>
+    <view class="out">
+        <view v-if="loading" class="loading">
+            <view class="semicircle-loader"></view>
+        </view>
+        <view v-else class="container" id="pixi-box" ref="pixiContainerRef"></view>
     </view>
-    <view class="container" id="pixi-box" ref="pixiContainerRef"></view>
-    <!-- 通信组件 -->
-    <view style="display: none" :random="random" :change:random="appModule.initPixi" :tagsConfig="tagsConfig" :change:tagsConfig="appModule.setTags" />
-  </view>
 </template>
 
-<script>
-export default {
-  props: {
+<script setup>
+import { onMounted, onUnmounted, ref, nextTick, watch } from 'vue';
+
+const props = defineProps({
     tags: {
-      type: Array,
-      default: () => [],
+        type: Array,
+        default: [],
     },
     loading: {
-      type: Boolean,
-      default: () => false,
+        type: Boolean,
+        default: false,
     },
-  },
-  watch: {
-    tags: {
-      handler(val) {
-        if (val && val.length) {
-          this.tagsConfig.map((tag, index) => {
-            tag.name = val[index]?.job_name;
-          });
-          setTimeout(() => {
-            this.random++;
-          }, 100);
-        }
-      },
-      deep: true,
-    },
-  },
-  data: () => ({
-    random: 0,
-    tagsConfig: [
-      { bgColor: 0x0069fe, fontColor: 0xffffff, size: 16, opacity: 1.0, angle: 0, radius: 0 },
-      {
+});
+const emit = defineEmits(['tag-click']);
+
+// DOM Ref
+const pixiContainerRef = ref(null);
+
+// PIXI 变量
+let app = null;
+let tagsContainer = null;
+let activeTagInstances = [];
+
+// 配置数据
+const tagsConfig = ref([
+    { bgColor: 0x0069fe, fontColor: 0xffffff, size: 16, opacity: 1.0, angle: 0, radius: 0 },
+    {
         bgColor: 0x87e2ec,
         fontColor: 0xffffff,
         size: 14,
@@ -48,8 +41,8 @@ export default {
         angle: -Math.PI / 2,
         radius: 68,
         tailRotation: Math.PI / 2,
-      },
-      {
+    },
+    {
         bgColor: 0xffebeb,
         tailColor: 0xffe1e1,
         fontColor: 0xff6969,
@@ -58,8 +51,8 @@ export default {
         angle: -Math.PI / 4.2,
         radius: 125,
         tailRotation: (3 * Math.PI) / 4.5,
-      },
-      {
+    },
+    {
         bgColor: 0x21ea85,
         fontColor: 0xffffff,
         size: 15,
@@ -67,8 +60,8 @@ export default {
         angle: -Math.PI / 10,
         radius: 130,
         tailRotation: (3 * Math.PI) / 4.2,
-      },
-      {
+    },
+    {
         bgColor: 0xebf3ff,
         tailColor: 0xb9d3ff,
         fontColor: 0x1d71ef,
@@ -77,8 +70,8 @@ export default {
         angle: Math.PI / 18,
         radius: 135,
         tailRotation: (3 * Math.PI) / 4.3,
-      },
-      {
+    },
+    {
         bgColor: 0xffd4b6,
         fontColor: 0xffffff,
         size: 14,
@@ -86,8 +79,9 @@ export default {
         angle: Math.PI / 4.3,
         radius: 100,
         tailRotation: -(3 * Math.PI) / 4.5,
-      },
-      {
+    },
+
+    {
         bgColor: 0xff9400,
         fontColor: 0xffffff,
         size: 14,
@@ -95,8 +89,8 @@ export default {
         angle: (2 * Math.PI) / 3,
         radius: 92,
         tailRotation: -Math.PI / 2.4,
-      },
-      {
+    },
+    {
         bgColor: 0xebf3ff,
         tailColor: 0xb9d3ff,
         fontColor: 0x1d71ef,
@@ -105,8 +99,8 @@ export default {
         angle: (5.4 * Math.PI) / 6,
         radius: 110,
         tailRotation: (3 * Math.PI) / 1.79,
-      },
-      {
+    },
+    {
         bgColor: 0xff6969,
         fontColor: 0xffffff,
         size: 14,
@@ -114,8 +108,8 @@ export default {
         angle: (6.3 * Math.PI) / 5.8,
         radius: 120,
         tailRotation: Math.PI / 2.9,
-      },
-      {
+    },
+    {
         bgColor: 0xfce9c9,
         fontColor: 0xfbc55f,
         size: 13,
@@ -123,105 +117,89 @@ export default {
         angle: (7.2 * Math.PI) / 5.9,
         radius: 120,
         tailRotation: Math.PI / 3,
-      },
-    ],
-  }),
-  methods: {
-    tagClick(tagData) {
-      this.$emit("tag-click", tagData);
     },
-  },
-};
-</script>
+]);
 
-<script module="appModule" lang="renderjs">
+watch(
+    () => props.tags,
+    (val) => {
+        if (val && val.length) {
+            tagsConfig.value.map((tag, index) => {
+                // console.log(val[index])
+                tag.name = val[index]?.job_name;
+            });
+            setTimeout(() => {
+                initPixi();
+            }, 100);
+        }
+    },
+    { deep: true }
+);
+
+onMounted(async () => {
+    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);
 
-export default {
-  data() {
-    return {
-      app:null,
-      finallyTags:[],
-      tagsContainer:null,
-      activeTagInstances:[],
-    }
-  },
-  mounted() {
-     window.addEventListener('resize', this.handleResize);
-  },
-  beforeDestroy() {
-    if (this.app) {
-        this.app.destroy(true, { children: true, texture: true, baseTexture: true });
-        this.app = null;
-    }
-    window.removeEventListener("resize", this.handleResize);
-  },
-  methods:{
-    setTags(tags){
-      this.finallyTags = [...tags]
-      console.log(this.finallyTags,'+++++')
-    },
-    getContainerDOM(){
-      return document.getElementById('pixi-box');
-    },
-    initPixi(random){
-      if(!random > 0) return
-      const container = this.getContainerDOM();
-      if (!container) return;
-      const width = container.clientWidth || 300;
-      const height = container.clientHeight || 300;
+const initPixi = () => {
+    const container = getContainerDOM();
+    if (!container) return;
 
-      if (this.app) return;
+    const width = container.clientWidth || 300;
+    const height = container.clientHeight || 300;
 
-      this.app = new PIXI.Application({
-          width: width,
-          height: height,
-          backgroundAlpha: 0,
-          backgroundColor: 0xf5f7fa,
-          antialias: true,
-          resolution: window.devicePixelRatio || 1,
-          autoDensity: true,
-      });
-      this.app.view.style.touchAction = 'auto';
+    if (app) return;
 
-      container.appendChild(this.app.view);
+    app = new PIXI.Application({
+        width: width,
+        height: height,
+        backgroundAlpha: 0,
+        backgroundColor: 0xf5f7fa,
+        antialias: true,
+        resolution: window.devicePixelRatio || 1,
+        autoDensity: true,
+    });
+    app.view.style.touchAction = 'auto';
 
-      this.tagsContainer = new PIXI.Container();
-      this.app.stage.addChild(this.tagsContainer);
+    container.appendChild(app.view);
 
-      this.renderScene(width, height);
-    },
+    tagsContainer = new PIXI.Container();
+    app.stage.addChild(tagsContainer);
 
-    renderScene(sw, sh){
-      let ratio = window.innerWidth / 400;
-      if (ratio < 1) ratio = 1;
+    renderScene(width, height);
+};
 
-      // 先清理旧的标签事件监听器
-      if (this.activeTagInstances && this.activeTagInstances.length > 0) {
-        this.activeTagInstances.forEach(tag => {
-          if (tag) {
-            tag.eventMode = 'none';
-            tag.removeAllListeners();
-          }
-        });
-        this.activeTagInstances = [];
-      }
-      // 确保容器清空
-      if (this.tagsContainer) {
-        this.tagsContainer.removeChildren();
-      }
-      
-      
-      this.finallyTags.forEach((data, index) => {
+const renderScene = (sw, sh) => {
+    let ratio = window.innerWidth / 400;
+    if (ratio < 1) ratio = 1;
+    tagsContainer.removeChildren();
+    activeTagInstances = [];
+
+    tagsConfig.value.forEach((data, index) => {
         const scaledRadius = data.radius * ratio;
 
         let x = sw / 2 + scaledRadius * Math.cos(data.angle);
         let y = sh / 2 + scaledRadius * Math.sin(data.angle);
 
-        const tag = this.createTag(data, index, ratio);
+        const tag = createTag(data, index, ratio);
 
-        this.tagsContainer.addChild(tag);
+        tagsContainer.addChild(tag);
 
         const safeW = tag.width / 2 + 10;
         const safeH = tag.height / 2 + 10;
@@ -246,7 +224,7 @@ export default {
         };
 
         if (data.radius > 0) {
-            const tail = this.createCometTail(
+            const tail = createCometTail(
                 data.tailColor || data.bgColor,
                 data.tailRotation,
                 tag.width,
@@ -257,13 +235,13 @@ export default {
             tag.updateTail = () => tail.updateAnim();
         }
 
-        this.activeTagInstances.push(tag);
+        activeTagInstances.push(tag);
     });
 
-      // 动画循环
-      this.app.ticker.add(() => {
-        const screenH = this.app.screen.height;
-        this.activeTagInstances.forEach((tag) => {
+    // 动画循环
+    app.ticker.add(() => {
+        const screenH = app.screen.height;
+        activeTagInstances.forEach((tag) => {
             const meta = tag.userData;
             if (meta) {
                 // 计算新的浮动位置
@@ -280,143 +258,138 @@ export default {
             }
         });
     });
-    },
+};
 
-    createTag(tagData, index, ratio){
-      if (ratio > 1) ratio = ratio * 0.9;
-      const tagGroup = new PIXI.Container();
-      tagGroup.cursor = 'pointer';
-      tagGroup.eventMode = 'static';
-      
-      tagGroup.on('pointertap', () =>{
-        this.$ownerInstance.callMethod('tagClick', tagData);
-      });
+const createTag = (tagData, index, ratio) => {
+    if (ratio > 1) ratio = ratio * 0.9;
+    const tagGroup = new PIXI.Container();
+    tagGroup.eventMode = 'static';
+    tagGroup.cursor = 'pointer';
 
-      const text = new PIXI.Text(tagData.name, {
-          fontFamily: ['PingFang SC', 'Microsoft YaHei', 'Arial'],
-          fontSize: tagData.size * ratio,
-          fill: tagData.fontColor,
-          padding: 4 * ratio,
-          resolution: 2,
-      });
-      text.anchor.set(0.5);
+    tagGroup.on('pointertap', () => emit('tag-click', tagData));
 
-      const paddingH = 26 * ratio;
-      const paddingV = 10 * ratio;
-      let bgWidth = text.width + paddingH;
-      let bgHeight = text.height + paddingV;
+    const text = new PIXI.Text(tagData.name, {
+        fontFamily: ['PingFang SC', 'Microsoft YaHei', 'Arial'],
+        fontSize: tagData.size * ratio,
+        fill: tagData.fontColor,
+        padding: 4 * ratio,
+        resolution: 2,
+    });
+    text.anchor.set(0.5);
 
-      if (index === 0) bgWidth = Math.max(bgWidth, tagData.size * 4.5);
+    const paddingH = 26 * ratio;
+    const paddingV = 10 * ratio;
+    let bgWidth = text.width + paddingH;
+    let bgHeight = text.height + paddingV;
 
-      const bg = new PIXI.Graphics();
-      bg.beginFill(tagData.bgColor, tagData.opacity ?? 1);
-      bg.drawRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, bgHeight / 2);
-      bg.endFill();
+    if (index === 0) bgWidth = Math.max(bgWidth, tagData.size * 4.5);
 
-      tagGroup.addChild(bg);
-      tagGroup.addChild(text);
+    const bg = new PIXI.Graphics();
+    bg.beginFill(tagData.bgColor, tagData.opacity ?? 1);
+    bg.drawRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, bgHeight / 2);
+    bg.endFill();
 
-      return tagGroup;
-    },
+    tagGroup.addChild(bg);
+    tagGroup.addChild(text);
 
-    createCometTail(bgColor, tailRotation, parentWidth, parentHeight, ratio){
-      if (ratio > 1) ratio = ratio;
-      const tailGroup = new PIXI.Container();
-      const graphics = new PIXI.Graphics();
-      tailGroup.addChild(graphics);
+    return tagGroup;
+};
 
-      const baseLength = 45 * ratio;
-      const startWidth = parentHeight + 20 * ratio;
-      const endWidth = parentHeight * 0.4;
+const createCometTail = (bgColor, tailRotation, parentWidth, parentHeight, ratio) => {
+    if (ratio > 1) ratio = ratio;
+    const tailGroup = new PIXI.Container();
+    const graphics = new PIXI.Graphics();
+    tailGroup.addChild(graphics);
 
-      let breathPhase = Math.random() * Math.PI * 2;
-      const breathSpeed = 0.04;
+    const baseLength = 45 * ratio;
+    const startWidth = parentHeight + 20 * ratio;
+    const endWidth = parentHeight * 0.4;
 
-      tailGroup.updateAnim = () => {
-          breathPhase += breathSpeed;
-          const breathScale = 0.85 + 0.15 * Math.sin(breathPhase);
-          graphics.clear();
-          const currentLength = baseLength * breathScale;
+    let breathPhase = Math.random() * Math.PI * 2;
+    const breathSpeed = 0.04;
 
-          const cos = Math.cos(tailRotation);
-          const sin = Math.sin(tailRotation);
-          const perpX = -sin;
-          const perpY = cos;
+    tailGroup.updateAnim = () => {
+        breathPhase += breathSpeed;
+        const breathScale = 0.85 + 0.15 * Math.sin(breathPhase);
+        graphics.clear();
+        const currentLength = baseLength * breathScale;
 
-          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 cos = Math.cos(tailRotation);
+        const sin = Math.sin(tailRotation);
+        const perpX = -sin;
+        const perpY = cos;
 
-          const segments = 8;
-          for (let i = 0; i < segments; i++) {
-              const t1 = i / segments;
-              const t2 = (i + 1) / segments;
-              const alpha = 0.4 * (1 - t1);
-              const sp1 = { x: p1.x + (p4.x - p1.x) * t1, y: p1.y + (p4.y - p1.y) * t1 };
-              const sp2 = { x: p2.x + (p3.x - p2.x) * t1, y: p2.y + (p3.y - p2.y) * t1 };
-              const ep1 = { x: p1.x + (p4.x - p1.x) * t2, y: p1.y + (p4.y - p1.y) * t2 };
-              const ep2 = { x: p2.x + (p3.x - p2.x) * t2, y: p2.y + (p3.y - p2.y) * t2 };
-              graphics.beginFill(bgColor, alpha);
-              graphics.moveTo(sp1.x, sp1.y);
-              graphics.lineTo(sp2.x, sp2.y);
-              graphics.lineTo(ep2.x, ep2.y);
-              graphics.lineTo(ep1.x, ep1.y);
-              graphics.endFill();
-          }
-      };
-      tailGroup.updateAnim();
-      return tailGroup;
-    },
+        const 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) };
 
-    handleResize(){
-      const container = this.getContainerDOM();
-      if (!this.app || !container) return;
-      this.app.destroy(true, { children: true, texture: true, baseTexture: true });
-      this.app = null;
-      this.initPixi(1);
-    },
-  }
+        const segments = 8;
+        for (let i = 0; i < segments; i++) {
+            const t1 = i / segments;
+            const t2 = (i + 1) / segments;
+            const alpha = 0.4 * (1 - t1);
+            const sp1 = { x: p1.x + (p4.x - p1.x) * t1, y: p1.y + (p4.y - p1.y) * t1 };
+            const sp2 = { x: p2.x + (p3.x - p2.x) * t1, y: p2.y + (p3.y - p2.y) * t1 };
+            const ep1 = { x: p1.x + (p4.x - p1.x) * t2, y: p1.y + (p4.y - p1.y) * t2 };
+            const ep2 = { x: p2.x + (p3.x - p2.x) * t2, y: p2.y + (p3.y - p2.y) * t2 };
+            graphics.beginFill(bgColor, alpha);
+            graphics.moveTo(sp1.x, sp1.y);
+            graphics.lineTo(sp2.x, sp2.y);
+            graphics.lineTo(ep2.x, ep2.y);
+            graphics.lineTo(ep1.x, ep1.y);
+            graphics.endFill();
+        }
+    };
+    tailGroup.updateAnim();
+    return tailGroup;
+};
 
-}
+const handleResize = () => {
+    const container = getContainerDOM();
+    if (!app || !container) return;
+    app.destroy(true, { children: true, texture: true, baseTexture: true });
+    app = null;
+    initPixi();
+};
 </script>
 
 <style scoped>
 .out {
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 }
 .loading {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 .semicircle-loader {
-  width: 150rpx;
-  height: 150rpx;
-  border: 12rpx solid #f3f3f3;
-  border-top: 12rpx solid #3498db;
-  border-radius: 50%;
-  animation: spin 1.2s linear infinite;
+    width: 150rpx;
+    height: 150rpx;
+    border: 12rpx solid #f3f3f3;
+    border-top: 12rpx solid #3498db;
+    border-radius: 50%;
+    animation: spin 1.2s linear infinite;
 }
 
 @keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }
 .container {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  color: #b9d3ff;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    color: #b9d3ff;
 }
 </style>
diff --git a/stores/useLocationStore.js b/stores/useLocationStore.js
index f6e035f..13cfa2b 100644
--- a/stores/useLocationStore.js
+++ b/stores/useLocationStore.js
@@ -22,6 +22,9 @@ const useLocationStore = defineStore("location", () => {
     const count = ref(0)
 
     function getLocation() { // 获取经纬度两个平台
+        // #ifndef H5
+        const lightAppJssdk = {}
+        // #endif
         return new Promise((resole, reject) => {
             try {
                 if (lightAppJssdk.map) {
diff --git a/stores/useScreenStore.js b/stores/useScreenStore.js
index d90f90f..bee858f 100644
--- a/stores/useScreenStore.js
+++ b/stores/useScreenStore.js
@@ -52,17 +52,25 @@ class ScreenDetectionManager {
 
     // 检测折叠屏
     checkVisualViewport() {
-        if (window.visualViewport?.segments?.length > 1) {
-            return {
-                foldable: true,
-                count: window.visualViewport.segments.length - 1
+        try {
+            if (window.visualViewport?.segments?.length > 1) {
+                return {
+                    foldable: true,
+                    count: window.visualViewport.segments.length - 1
+                }
+            } else {
+                return {
+                    foldable: false,
+                    count: 1
+                }
             }
-        } else {
+        } catch (error) {
             return {
                 foldable: false,
                 count: 1
             }
         }
+        
     }
 
     // 动态加载 CSS
diff --git a/utils/db.js b/utils/db.js
index 450436e..c0648f4 100644
--- a/utils/db.js
+++ b/utils/db.js
@@ -1,4 +1,5 @@
 import IndexedDBHelper from '@/common/IndexedDBHelper.js'
+import UniStorageHelper from '@/common/UniStorageHelper.js'
 import useChatGroupDBStore from '@/stores/userChatGroupStore'
 import config from '@/config'
 
@@ -66,7 +67,14 @@ class BaseStore {
     }
 
     initDB() {
+        // #ifdef H5
         this.db = new IndexedDBHelper(this.dbName, config.DBversion);
+        // #endif
+
+        // #ifndef H5
+          this.db = new UniStorageHelper(this.dbName, config.DBversion);
+        // #endif
+
         return this.db.openDB([{
                 name: 'record',
                 keyPath: "id",
@@ -103,8 +111,15 @@ class BaseStore {
     }
 
     async clearDB() {
-        // 修正拼写错误并优化 Promise 写法
-        return new IndexedDBHelper().deleteDB(this.dbName);
+        
+
+        // #ifdef H5
+            return new IndexedDBHelper().deleteDB(this.dbName);
+        // #endif
+
+        // #ifndef H5
+            return new UniStorageHelper().deleteDB(this.dbName);
+        // #endif
     }
 
     /**