暂存
This commit is contained in:
@@ -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,9 +659,15 @@ 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,
|
||||||
|
|||||||
@@ -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: {
|
|
||||||
tags: {
|
|
||||||
handler(val) {
|
|
||||||
if (val && val.length) {
|
|
||||||
this.tagsConfig.map((tag, index) => {
|
|
||||||
tag.name = val[index]?.job_name;
|
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
const emit = defineEmits(['tag-click']);
|
||||||
this.random++;
|
|
||||||
}, 100);
|
// DOM Ref
|
||||||
}
|
const pixiContainerRef = ref(null);
|
||||||
},
|
|
||||||
deep: true,
|
// PIXI 变量
|
||||||
},
|
let app = null;
|
||||||
},
|
let tagsContainer = null;
|
||||||
data: () => ({
|
let activeTagInstances = [];
|
||||||
random: 0,
|
|
||||||
tagsConfig: [
|
// 配置数据
|
||||||
|
const tagsConfig = ref([
|
||||||
{ 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>
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
17
utils/db.js
17
utils/db.js
@@ -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
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
Reference in New Issue
Block a user