|
|
@@ -114,6 +114,7 @@
|
|
|
|
|
|
const transformerConfig = ref({ keepRatio: true, rotateAnchorOffset: 30 });
|
|
|
|
|
|
+ //背景大小变换
|
|
|
const resizeContainer = (width, height) => {
|
|
|
stageConfig.value.width = width;
|
|
|
stageConfig.value.height = height;
|
|
|
@@ -128,6 +129,7 @@
|
|
|
image: favoritesImg,
|
|
|
});
|
|
|
|
|
|
+ //取消
|
|
|
const handleMouseOver = (e) => {
|
|
|
document.oncontextmenu = () => {
|
|
|
return false;
|
|
|
@@ -162,6 +164,7 @@
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
+ // 还原浏览器默认鼠标事件
|
|
|
const handleMouseLeave = () => {
|
|
|
document.oncontextmenu = () => {
|
|
|
return true;
|
|
|
@@ -180,6 +183,7 @@
|
|
|
return false;
|
|
|
};
|
|
|
const parent = e.target.parent;
|
|
|
+ //判断是否点击相机组
|
|
|
if (parent.hasName('group')) {
|
|
|
lastClickedGroupId.value = parent.id();
|
|
|
// 判断是否为右键点击
|
|
|
@@ -208,6 +212,7 @@
|
|
|
transformerNode.moveToTop();
|
|
|
};
|
|
|
|
|
|
+ //添加相机
|
|
|
const addCamera = (id: string) => {
|
|
|
const existingCamera = cameras.value.find((camera) => camera.id === id);
|
|
|
if (existingCamera) return;
|
|
|
@@ -240,6 +245,7 @@
|
|
|
}
|
|
|
};
|
|
|
|
|
|
+ //设置默认相机
|
|
|
const setDefaultCamera = () => {
|
|
|
//选中的相机id号
|
|
|
defaultCameraId.value = lastClickedGroupId.value!;
|
|
|
@@ -269,6 +275,7 @@
|
|
|
{ immediate: true, deep: true },
|
|
|
);
|
|
|
|
|
|
+ //添加背景
|
|
|
const addBg = (imgBg) => {
|
|
|
bgImgUrl.value = imgBg;
|
|
|
bgImg.src = urlJoin(globSetting.imgUrl!, imgBg) as string;
|
|
|
@@ -279,6 +286,7 @@
|
|
|
};
|
|
|
};
|
|
|
|
|
|
+ //保存布局
|
|
|
const saveLayout = () => {
|
|
|
const stage = transformer.value.getNode().getStage();
|
|
|
const groups = stage.find('.group');
|
zhudie