This commit is contained in:
2025-12-24 11:48:40 +08:00
parent 872d3febe9
commit d0ff91a2c4
5 changed files with 275 additions and 259 deletions

View File

@@ -1,4 +1,12 @@
// #ifdef H5
import '@/lib/encryption/sm4.min.js' import '@/lib/encryption/sm4.min.js'
// #endif
// #ifndef H5
import { sm4 } from 'sm-crypto';
// #endif
import useUserStore from "../stores/useUserStore"; import useUserStore from "../stores/useUserStore";
import { import {
createRequestWithCache, createRequestWithCache,
@@ -601,7 +609,6 @@ export function sm4Decrypt(key, value, mode = "hex") {
cipherType: mode === 'hex' ? 'hex' : 'base64', cipherType: mode === 'hex' ? 'hex' : 'base64',
padding: 'pkcs#5' padding: 'pkcs#5'
}); });
return decrypted return decrypted
} catch (e) { } catch (e) {
@@ -641,6 +648,10 @@ export function isY9MachineType() {
const ua = navigator.userAgent; const ua = navigator.userAgent;
const isY9Machine = /Y9-ZYYH/i.test(ua); // 匹配机器型号 const isY9Machine = /Y9-ZYYH/i.test(ua); // 匹配机器型号
return isY9Machine; return isY9Machine;
} catch (error) {
return false
}
} }
// 一体机环境判断 // 一体机环境判断
@@ -648,10 +659,16 @@ export function isAsdMachineType() {
// const ua = navigator.userAgent; // const ua = navigator.userAgent;
// const isY9Machine = /asd_hanweb/i.test(ua); // 匹配机器型号 // const isY9Machine = /asd_hanweb/i.test(ua); // 匹配机器型号
// return isY9Machine; // return isY9Machine;
try {
return !!lightAppJssdk.user return !!lightAppJssdk.user
} catch (error) {
false
}
} }
export const $api = { export const $api = {
msg, msg,
prePage, prePage,

View File

@@ -3,42 +3,35 @@
<view v-if="loading" class="loading"> <view v-if="loading" class="loading">
<view class="semicircle-loader"></view> <view class="semicircle-loader"></view>
</view> </view>
<view class="container" id="pixi-box" ref="pixiContainerRef"></view> <view v-else 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> </view>
</template> </template>
<script> <script setup>
export default { import { onMounted, onUnmounted, ref, nextTick, watch } from 'vue';
props: {
const props = defineProps({
tags: { tags: {
type: Array, type: Array,
default: () => [], default: [],
}, },
loading: { loading: {
type: Boolean, type: Boolean,
default: () => false, default: false,
}, },
}, });
watch: { const emit = defineEmits(['tag-click']);
tags: {
handler(val) { // DOM Ref
if (val && val.length) { const pixiContainerRef = ref(null);
this.tagsConfig.map((tag, index) => {
tag.name = val[index]?.job_name; // PIXI 变量
}); let app = null;
setTimeout(() => { let tagsContainer = null;
this.random++; let activeTagInstances = [];
}, 100);
} // 配置数据
}, const tagsConfig = ref([
deep: true,
},
},
data: () => ({
random: 0,
tagsConfig: [
{ bgColor: 0x0069fe, fontColor: 0xffffff, size: 16, opacity: 1.0, angle: 0, radius: 0 }, { bgColor: 0x0069fe, fontColor: 0xffffff, size: 16, opacity: 1.0, angle: 0, radius: 0 },
{ {
bgColor: 0x87e2ec, bgColor: 0x87e2ec,
@@ -87,6 +80,7 @@ export default {
radius: 100, radius: 100,
tailRotation: -(3 * Math.PI) / 4.5, tailRotation: -(3 * Math.PI) / 4.5,
}, },
{ {
bgColor: 0xff9400, bgColor: 0xff9400,
fontColor: 0xffffff, fontColor: 0xffffff,
@@ -124,57 +118,55 @@ export default {
radius: 120, radius: 120,
tailRotation: Math.PI / 3, 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); const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
export default { const initPixi = () => {
data() { const container = getContainerDOM();
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; if (!container) return;
const width = container.clientWidth || 300; const width = container.clientWidth || 300;
const height = container.clientHeight || 300; const height = container.clientHeight || 300;
if (this.app) return; if (app) return;
this.app = new PIXI.Application({ app = new PIXI.Application({
width: width, width: width,
height: height, height: height,
backgroundAlpha: 0, backgroundAlpha: 0,
@@ -183,45 +175,31 @@ export default {
resolution: window.devicePixelRatio || 1, resolution: window.devicePixelRatio || 1,
autoDensity: true, autoDensity: true,
}); });
this.app.view.style.touchAction = 'auto'; app.view.style.touchAction = 'auto';
container.appendChild(this.app.view); container.appendChild(app.view);
this.tagsContainer = new PIXI.Container(); tagsContainer = new PIXI.Container();
this.app.stage.addChild(this.tagsContainer); app.stage.addChild(tagsContainer);
this.renderScene(width, height); renderScene(width, height);
}, };
renderScene(sw, sh){ const renderScene = (sw, sh) => {
let ratio = window.innerWidth / 400; let ratio = window.innerWidth / 400;
if (ratio < 1) ratio = 1; if (ratio < 1) ratio = 1;
tagsContainer.removeChildren();
activeTagInstances = [];
// 先清理旧的标签事件监听器 tagsConfig.value.forEach((data, index) => {
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 scaledRadius = data.radius * ratio; const scaledRadius = data.radius * ratio;
let x = sw / 2 + scaledRadius * Math.cos(data.angle); let x = sw / 2 + scaledRadius * Math.cos(data.angle);
let y = sh / 2 + scaledRadius * Math.sin(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 safeW = tag.width / 2 + 10;
const safeH = tag.height / 2 + 10; const safeH = tag.height / 2 + 10;
@@ -246,7 +224,7 @@ export default {
}; };
if (data.radius > 0) { if (data.radius > 0) {
const tail = this.createCometTail( const tail = createCometTail(
data.tailColor || data.bgColor, data.tailColor || data.bgColor,
data.tailRotation, data.tailRotation,
tag.width, tag.width,
@@ -257,13 +235,13 @@ export default {
tag.updateTail = () => tail.updateAnim(); tag.updateTail = () => tail.updateAnim();
} }
this.activeTagInstances.push(tag); activeTagInstances.push(tag);
}); });
// 动画循环 // 动画循环
this.app.ticker.add(() => { app.ticker.add(() => {
const screenH = this.app.screen.height; const screenH = app.screen.height;
this.activeTagInstances.forEach((tag) => { activeTagInstances.forEach((tag) => {
const meta = tag.userData; const meta = tag.userData;
if (meta) { if (meta) {
// 计算新的浮动位置 // 计算新的浮动位置
@@ -280,17 +258,15 @@ export default {
} }
}); });
}); });
}, };
createTag(tagData, index, ratio){ const createTag = (tagData, index, ratio) => {
if (ratio > 1) ratio = ratio * 0.9; if (ratio > 1) ratio = ratio * 0.9;
const tagGroup = new PIXI.Container(); const tagGroup = new PIXI.Container();
tagGroup.cursor = 'pointer';
tagGroup.eventMode = 'static'; tagGroup.eventMode = 'static';
tagGroup.cursor = 'pointer';
tagGroup.on('pointertap', () =>{ tagGroup.on('pointertap', () => emit('tag-click', tagData));
this.$ownerInstance.callMethod('tagClick', tagData);
});
const text = new PIXI.Text(tagData.name, { const text = new PIXI.Text(tagData.name, {
fontFamily: ['PingFang SC', 'Microsoft YaHei', 'Arial'], fontFamily: ['PingFang SC', 'Microsoft YaHei', 'Arial'],
@@ -317,9 +293,9 @@ export default {
tagGroup.addChild(text); tagGroup.addChild(text);
return tagGroup; return tagGroup;
}, };
createCometTail(bgColor, tailRotation, parentWidth, parentHeight, ratio){ const createCometTail = (bgColor, tailRotation, parentWidth, parentHeight, ratio) => {
if (ratio > 1) ratio = ratio; if (ratio > 1) ratio = ratio;
const tailGroup = new PIXI.Container(); const tailGroup = new PIXI.Container();
const graphics = new PIXI.Graphics(); const graphics = new PIXI.Graphics();
@@ -369,18 +345,15 @@ export default {
}; };
tailGroup.updateAnim(); tailGroup.updateAnim();
return tailGroup; return tailGroup;
}, };
handleResize(){ const handleResize = () => {
const container = this.getContainerDOM(); const container = getContainerDOM();
if (!this.app || !container) return; if (!app || !container) return;
this.app.destroy(true, { children: true, texture: true, baseTexture: true }); app.destroy(true, { children: true, texture: true, baseTexture: true });
this.app = null; app = null;
this.initPixi(1); initPixi();
}, };
}
}
</script> </script>
<style scoped> <style scoped>

View File

@@ -22,6 +22,9 @@ const useLocationStore = defineStore("location", () => {
const count = ref(0) const count = ref(0)
function getLocation() { // 获取经纬度两个平台 function getLocation() { // 获取经纬度两个平台
// #ifndef H5
const lightAppJssdk = {}
// #endif
return new Promise((resole, reject) => { return new Promise((resole, reject) => {
try { try {
if (lightAppJssdk.map) { if (lightAppJssdk.map) {

View File

@@ -52,6 +52,7 @@ class ScreenDetectionManager {
// 检测折叠屏 // 检测折叠屏
checkVisualViewport() { checkVisualViewport() {
try {
if (window.visualViewport?.segments?.length > 1) { if (window.visualViewport?.segments?.length > 1) {
return { return {
foldable: true, foldable: true,
@@ -63,6 +64,13 @@ class ScreenDetectionManager {
count: 1 count: 1
} }
} }
} catch (error) {
return {
foldable: false,
count: 1
}
}
} }
// 动态加载 CSS // 动态加载 CSS

View File

@@ -1,4 +1,5 @@
import IndexedDBHelper from '@/common/IndexedDBHelper.js' import IndexedDBHelper from '@/common/IndexedDBHelper.js'
import UniStorageHelper from '@/common/UniStorageHelper.js'
import useChatGroupDBStore from '@/stores/userChatGroupStore' import useChatGroupDBStore from '@/stores/userChatGroupStore'
import config from '@/config' import config from '@/config'
@@ -66,7 +67,14 @@ class BaseStore {
} }
initDB() { initDB() {
// #ifdef H5
this.db = new IndexedDBHelper(this.dbName, config.DBversion); this.db = new IndexedDBHelper(this.dbName, config.DBversion);
// #endif
// #ifndef H5
this.db = new UniStorageHelper(this.dbName, config.DBversion);
// #endif
return this.db.openDB([{ return this.db.openDB([{
name: 'record', name: 'record',
keyPath: "id", keyPath: "id",
@@ -103,8 +111,15 @@ class BaseStore {
} }
async clearDB() { async clearDB() {
// 修正拼写错误并优化 Promise 写法
// #ifdef H5
return new IndexedDBHelper().deleteDB(this.dbName); return new IndexedDBHelper().deleteDB(this.dbName);
// #endif
// #ifndef H5
return new UniStorageHelper().deleteDB(this.dbName);
// #endif
} }
/** /**