From 9c211e13bf3e261e0b04108a69764b8bfb87387a Mon Sep 17 00:00:00 2001
From: miao <2514145421@qq.com>
Date: Tue, 31 Jan 2023 14:17:21 +0800
Subject: [PATCH] =?UTF-8?q?=E9=AD=94=E5=A2=99=EF=BC=9A=E5=A2=9E=E5=8A=A0?=
=?UTF-8?q?=E5=AF=BC=E5=87=BA=E5=9D=90=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/ControlPanelDialog.vue | 214 ++++++++++++++++++--------
1 file changed, 149 insertions(+), 65 deletions(-)
diff --git a/src/components/ControlPanelDialog.vue b/src/components/ControlPanelDialog.vue
index 052d0df..512b3b9 100644
--- a/src/components/ControlPanelDialog.vue
+++ b/src/components/ControlPanelDialog.vue
@@ -553,7 +553,16 @@
-
+
+
+
{
- // if (element.isShow&&wall_dom) {
- // monitorList.push({
- // id: element.id,
- // currentx: element.currentx / wall_dom.offsetWidth,
- // currenty: element.currenty / wall_dom.offsetHeight,
- // h: element.h / wall_dom.offsetHeight,
- // w: element.w / wall_dom.offsetWidth,
- // angle: parseInt(element.angle.toString()),
- // centerx: element.centerx/ wall_dom.offsetWidth,
- // centery: element.centery / wall_dom.offsetHeight,
- // });
- // }
- // });
- // $store.commit("setShowMonitorList", monitorList);
- // }
- // if(!setMagic?.success){
- // $q.notify({
- // color: "negative",
- // icon: "warning",
- // message:
- // $t.t("update magic wall") +
- // $t.t("fail") +
- // "!",
- // position: "top",
- // timeout: 2500,
- // });
- // }
- // }
+ if (client) {
+ const setMagic = await client.setMagicWallConfig(cloud_monitor_list);
+ if (setMagic?.success) {
+ let monitorList:any=[]
+ test_monitor_wall.value.forEach((element, index) => {
+ if (element.isShow&&wall_dom) {
+ monitorList.push({
+ id: element.id,
+ currentx: element.currentx / wall_dom.offsetWidth,
+ currenty: element.currenty / wall_dom.offsetHeight,
+ h: element.h / wall_dom.offsetHeight,
+ w: element.w / wall_dom.offsetWidth,
+ angle: parseInt(element.angle.toString()),
+ centerx: element.centerx/ wall_dom.offsetWidth,
+ centery: element.centery / wall_dom.offsetHeight,
+ });
+ }
+ });
+ $store.commit("setShowMonitorList", monitorList);
+ }
+ if(!setMagic?.success){
+ $q.notify({
+ color: "negative",
+ icon: "warning",
+ message:
+ $t.t("update magic wall") +
+ $t.t("fail") +
+ "!",
+ position: "top",
+ timeout: 2500,
+ });
+ }
+ }
};
const getpx = () => {
const wall_dom = wall.value;
@@ -895,26 +934,29 @@ export default defineComponent({
});
}
};
- const radians = () => {
- const item = test_monitor_wall.value[current_index.value];
+ const radians = (item: test_monitor) => {
return /*a*/ (item.angle * Math.PI) / 180;
};
const calculateCoordinates = (
px: number,
py: number,
cx: number,
- cy: number
+ cy: number,
+ item: test_monitor
) => {
const x =
- cx + (px - cx) * Math.cos(radians()) - (py - cy) * Math.sin(radians());
+ cx +
+ (px - cx) * Math.cos(radians(item)) -
+ (py - cy) * Math.sin(radians(item));
const y =
- cy + (px - cx) * Math.sin(radians()) + (py - cy) * Math.cos(radians());
+ cy +
+ (px - cx) * Math.sin(radians(item)) +
+ (py - cy) * Math.cos(radians(item));
return { x, y };
};
- const four_point = () => {
- const item = test_monitor_wall.value[current_index.value];
+ const four_point = (item: test_monitor) => {
item.centerx = parseInt(item.centerx.toString());
item.centery = parseInt(item.centery.toString());
const x2: number = item.currentx + item.w;
@@ -924,25 +966,29 @@ export default defineComponent({
item.currentx,
item.currenty,
item.centerx,
- item.centery
+ item.centery,
+ item
);
const point_left_bootom = calculateCoordinates(
item.currentx,
y2,
item.centerx,
- item.centery
+ item.centery,
+ item
);
const point_right_top = calculateCoordinates(
x2,
item.currenty,
item.centerx,
- item.centery
+ item.centery,
+ item
);
const point_right_bottom = calculateCoordinates(
x2,
y2,
item.centerx,
- item.centery
+ item.centery,
+ item
);
const point_list = [
point_left_top,
@@ -976,7 +1022,7 @@ export default defineComponent({
item: test_monitor = test_monitor_wall.value[current_index.value]
) => {
const wall_dom = wall.value;
- const point_list = four_point();
+ const point_list = four_point(item);
if (wall_dom) {
if (item.angle != 0 && point_list) {
let minx = 0;
@@ -999,7 +1045,7 @@ export default defineComponent({
item: test_monitor = test_monitor_wall.value[current_index.value]
) => {
const wall_dom = wall.value;
- const point_list = four_point();
+ const point_list = four_point(item);
if (wall_dom) {
if (item.angle != 0 && point_list) {
let maxx = 0;
@@ -1040,7 +1086,7 @@ export default defineComponent({
item: test_monitor = test_monitor_wall.value[current_index.value]
) => {
const wall_dom = wall.value;
- const point_list = four_point();
+ const point_list = four_point(item);
if (wall_dom) {
if (item.angle != 0 && point_list) {
let miny = 0;
@@ -1063,7 +1109,7 @@ export default defineComponent({
item: test_monitor = test_monitor_wall.value[current_index.value]
) => {
const wall_dom = wall.value;
- const point_list = four_point();
+ const point_list = four_point(item);
if (wall_dom) {
if (item.angle != 0 && point_list) {
let maxy = 0;
@@ -1141,7 +1187,7 @@ export default defineComponent({
const exceedrange = (item: test_monitor) => {
const wall_dom = wall.value;
let a = 0;
- const point_list = four_point();
+ const point_list = four_point(item);
if (wall_dom && point_list) {
let maxx = 0;
let maxy = 0;
@@ -1212,16 +1258,16 @@ export default defineComponent({
test_monitor_wall.value.forEach(async (element) => {
let teph = element.InitialH;
let tepw = element.InitialW;
- element.InitialH = wall_dom.offsetHeight * element.resizeh;
- element.InitialW = wall_dom.offsetWidth * element.resizew;
- element.h = element.InitialH * percenter.value;
- element.w = element.InitialW * percenter.value;
- let sizeh = element.InitialH / teph;
- let sizew = element.InitialW / tepw;
- element.currentx = element.currentx * sizew;
- element.currenty = element.currenty * sizeh;
- element.centerx = Math.floor(element.currentx + element.w / 2);
- element.centery = Math.floor(element.currenty + element.h / 2);
+ element.InitialH = wall_dom.offsetHeight * element.resizeh;
+ element.InitialW = wall_dom.offsetWidth * element.resizew;
+ element.h = element.InitialH * percenter.value;
+ element.w = element.InitialW * percenter.value;
+ let sizeh = element.InitialH / teph;
+ let sizew = element.InitialW / tepw;
+ element.currentx = element.currentx * sizew;
+ element.currenty = element.currenty * sizeh;
+ element.centerx = Math.floor(element.currentx + element.w / 2);
+ element.centery = Math.floor(element.currenty + element.h / 2);
});
}
});
@@ -1315,8 +1361,7 @@ export default defineComponent({
extend(true, item, test_monitor_list.value[element.index]);
let sizeh = wall_dom.offsetHeight / element.background_h;
let sizew = wall_dom.offsetWidth / element.background_w;
- item.resizew = element.w ;
- item.resizeh = element.h ;
+
item.currentx = element.lt.x * wall_dom.offsetWidth;
item.currenty = element.lt.y * wall_dom.offsetHeight;
percenter.value = parseFloat(element.percenter.toString());
@@ -1325,7 +1370,8 @@ export default defineComponent({
item.InitialW = element.initial_w * sizew;
item.h = item.InitialH * percenter.value;
item.w = item.InitialW * percenter.value;
-
+ item.resizew = item.InitialW / wall_dom.offsetWidth;
+ item.resizeh = item.InitialH / wall_dom.offsetHeight;
item.centerx = Math.floor(item.currentx + item.w / 2);
item.centery = Math.floor(item.currenty + item.h / 2);
item.angle = element.angle;
@@ -1827,6 +1873,44 @@ export default defineComponent({
});
realtime_upload();
},
+ export_magic_wall() {
+ let export_list: any = [];
+ let res:string="";
+ test_monitor_wall.value.forEach((ele, index) => {
+ const point_list = four_point(ele);
+ if (wall.value && point_list && ele.isShow) {
+ point_list?.forEach((element) => {
+ if(wall.value ){
+ element.x =Math.round((element.x / wall.value.offsetWidth) * 3840);
+ element.y = Math.round((element.y / wall.value.offsetHeight) * 2160);
+ }
+
+ });
+ let item: exporttxt = new exporttxt(0, 0, 0, 0, {}, {}, {}, {});
+ item.id = ele.id;
+ item.point_left_top = [point_list[0]];
+ item.point_left_bootom = [point_list[1]];
+ item.point_right_top = [point_list[2]];
+ item.point_right_bottom = [point_list[3]];
+ item.w = Math.round((ele.w / wall.value?.offsetWidth) * 3840);
+ item.h = Math.round((ele.h / wall.value.offsetHeight) * 2160);
+ item.angle = ele.angle;
+ export_list.push(JSON.parse(JSON.stringify(item)));
+ res=res+JSON.stringify(item)+"\r\n"
+ }
+ });
+
+ const status = exportFile("important.txt", res);
+ if (status === true) {
+ } else {
+ $q.notify({
+ type: "warning",
+ message: $t.t("data export ") + $t.t("fail") + "!",
+ position: "top",
+ timeout: 1500,
+ });
+ }
+ },
};
},
});