lingling
/
media_player_client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

魔墙：添加栅格图按钮

This commit is contained in:
miao 2023-02-03 16:27:28 +08:00
parent e940f24b52
commit 2ca40619d5
5 changed files with 3545 additions and 3447 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/common/ClientConnection.ts
View File

@ -1252,7 +1252,6 @@ export default class ClientConnection {
console.error(e); console.error(e);
} }
} }
public async setMagicWallConfig(config: MagicWallConfig) { public async setMagicWallConfig(config: MagicWallConfig) {
try { try {
return await this.doRpc<Protocol.RpcSetMagicWallConfigResponseEntity>( return await this.doRpc<Protocol.RpcSetMagicWallConfigResponseEntity>(
@ -1262,7 +1261,26 @@ export default class ClientConnection {
console.error(e); console.error(e);
} }
} }
//
public async getMagicWallGridState() {
try {
return await this.doRpc<Protocol.RpcGetMagicWallGridStateResponseEntity>(
new Protocol.RpcGetMagicWallGridStateRequestEntity()
);
} catch (e) {
console.error(e);
}
}
public async setMagicWallGridState(show_grid:boolean) {
try {
return await this.doRpc<Protocol.RpcSetMagicWallGridStateResponseEntity>(
new Protocol.RpcSetMagicWallGridStateRequestEntity(show_grid)
);
} catch (e) {
console.error(e);
}
}
public async testA( public async testA(
x: number, x: number,
y: number, y: number,

130
src/components/ControlPanelDialog.vue
View File

@ -58,7 +58,7 @@
alignRight(); alignRight();
} }
//保存魔墙配置 //保存魔墙配置
if (evt.keyCode==83&&evt.shiftKey) { if (evt.keyCode == 83 && evt.shiftKey) {
//右 //右
export_magic_wall(); export_magic_wall();
} }
@ -560,7 +560,7 @@
<q-separator /> <q-separator />
<q-card-actions> <q-card-actions>
<q-btn <q-btn
v-if="magic_isbutton" v-if="magic_isbutton"
:loading="loading" :loading="loading"
flat flat
:label="$t('export magic')" :label="$t('export magic')"
@ -568,6 +568,11 @@
color="primary" color="primary"
@click="export_magic_wall" @click="export_magic_wall"
/> />
<q-toggle
v-model="magic_switch"
@update:model-value="upload_magic_switch()"
:label="$t('raster graph')"
/>
<q-space /> <q-space />
<q-btn <q-btn
:loading="loading" :loading="loading"
@ -650,6 +655,8 @@ import vue3ResizeDrag from "../third_lib/vue3-resize-drag/components/vue3-resize
import MagicWallConfig from "src/entities/MagicWallConfig"; import MagicWallConfig from "src/entities/MagicWallConfig";
import { PointF } from "src/entities/RectF"; import { PointF } from "src/entities/RectF";
import EventBus, { EventNamesDefine } from "src/common/EventBus"; import EventBus, { EventNamesDefine } from "src/common/EventBus";
import { Protocol } from "src/entities/WSProtocol";
import { NotifyMessage } from "src/common/ClientConnection";
export class test_monitor { export class test_monitor {
uuid = ""; uuid = "";
@ -751,7 +758,7 @@ export default defineComponent({
let $t = useI18n(); let $t = useI18n();
let lcm = ref(0); let lcm = ref(0);
let show_dialog = ref(false); let show_dialog = ref(false);
let magic_isbutton=ref(false) let magic_isbutton = ref(false);
let loading = ref(false); let loading = ref(false);
let wall: Ref<HTMLElement | null> = ref(null); let wall: Ref<HTMLElement | null> = ref(null);
let current_index = ref(-1); let current_index = ref(-1);
@ -773,6 +780,7 @@ export default defineComponent({
const cw = 255.5; const cw = 255.5;
const ch = 144; const ch = 144;
const model = ref(null); const model = ref(null);
let magic_switch = ref(false);
const options = ref([ const options = ref([
{ {
id: "55", id: "55",
@ -836,13 +844,7 @@ export default defineComponent({
top: number; top: number;
angle: number; angle: number;
} }
let showMonitor = reactive({
x: 0,
y: 0,
width: 0,
height: 0,
active: false,
});
const filter_px = (val: number) => { const filter_px = (val: number) => {
return Math.round(val); return Math.round(val);
}; };
@ -896,32 +898,29 @@ export default defineComponent({
} }
if (client) { if (client) {
const setMagic = await client.setMagicWallConfig(cloud_monitor_list); const setMagic = await client.setMagicWallConfig(cloud_monitor_list);
if (setMagic?.success) { if (setMagic?.success) {
let monitorList:any=[] let monitorList: any = [];
test_monitor_wall.value.forEach((element, index) => { test_monitor_wall.value.forEach((element, index) => {
if (element.isShow&&wall_dom) { if (element.isShow && wall_dom) {
monitorList.push({ monitorList.push({
id: element.id, id: element.id,
currentx: element.currentx / wall_dom.offsetWidth, currentx: element.currentx / wall_dom.offsetWidth,
currenty: element.currenty / wall_dom.offsetHeight, currenty: element.currenty / wall_dom.offsetHeight,
h: element.h / wall_dom.offsetHeight, h: element.h / wall_dom.offsetHeight,
w: element.w / wall_dom.offsetWidth, w: element.w / wall_dom.offsetWidth,
angle: parseInt(element.angle.toString()), angle: parseInt(element.angle.toString()),
centerx: element.centerx/ wall_dom.offsetWidth, centerx: element.centerx / wall_dom.offsetWidth,
centery: element.centery / wall_dom.offsetHeight, centery: element.centery / wall_dom.offsetHeight,
}); });
} }
}); });
$store.commit("setShowMonitorList", monitorList); $store.commit("setShowMonitorList", monitorList);
} }
if(!setMagic?.success){ if (!setMagic?.success) {
$q.notify({ $q.notify({
color: "negative", color: "negative",
icon: "warning", icon: "warning",
message: message: $t.t("update magic wall") + $t.t("fail") + "!",
$t.t("update magic wall") +
$t.t("fail") +
"!",
position: "top", position: "top",
timeout: 2500, timeout: 2500,
}); });
@ -1001,13 +1000,13 @@ export default defineComponent({
point_right_bottom, point_right_bottom,
]; ];
return point_list; return point_list;
}else{ } else {
const point_list =[ const point_list = [
{x:item.currentx,y:item.currenty},//左上 { x: item.currentx, y: item.currenty }, //左上
{x:x2,y:item.currenty},//右上 { x: x2, y: item.currenty }, //右上
{x:item.currentx,y:y2},//左下 { x: item.currentx, y: y2 }, //左下
{x:x2,y:y2}//右下 { x: x2, y: y2 }, //右下
] ];
return point_list; return point_list;
} }
}; };
@ -1283,7 +1282,26 @@ export default defineComponent({
}); });
} }
}); });
EventBus.getInstance().on(
EventNamesDefine.NotifyMessage,
(notify: NotifyMessage) => {
try {
switch (notify.packet.command) {
case Protocol.Commands.kRpcSetMagicWallGridState:
let temp = JSON.parse(
notify.data
) as Protocol.MagicWallGridStateNotifyEntity;
if (temp) {
magic_switch.value = temp.grid_showing;
}
}
} catch (e) {
console.error(e);
}
}
);
return { return {
magic_switch,
magic_isbutton, magic_isbutton,
refresh_all, refresh_all,
getpx, getpx,
@ -1325,6 +1343,7 @@ export default defineComponent({
}, },
async showDialog() { async showDialog() {
show_dialog.value = true; show_dialog.value = true;
magic_switch.value = true;
let client = GlobalData.getInstance().getCurrentClient(); let client = GlobalData.getInstance().getCurrentClient();
if (client) { if (client) {
const settings = await GlobalData.getInstance() const settings = await GlobalData.getInstance()
@ -1332,6 +1351,9 @@ export default defineComponent({
?.getOutputBoardSetting(); ?.getOutputBoardSetting();
const response = await client.getMagicWallConfig(); const response = await client.getMagicWallConfig();
const wall_dom = wall.value; const wall_dom = wall.value;
const SetMagicWallGridState = await client.setMagicWallGridState(
magic_switch.value
);
if (wall_dom) { if (wall_dom) {
offsetHeight.value = wall_dom.offsetHeight; offsetHeight.value = wall_dom.offsetHeight;
offsetWidth.value = wall_dom.offsetWidth; offsetWidth.value = wall_dom.offsetWidth;
@ -1450,6 +1472,7 @@ export default defineComponent({
} }
}); });
const setMagic = await client.setMagicWallConfig(cloud_monitor_list); const setMagic = await client.setMagicWallConfig(cloud_monitor_list);
if (setMagic?.success) { if (setMagic?.success) {
let monitorList: any = []; let monitorList: any = [];
test_monitor_wall.value.forEach((element, index) => { test_monitor_wall.value.forEach((element, index) => {
@ -1671,7 +1694,7 @@ export default defineComponent({
return tep.starth * 0.4 + "px"; return tep.starth * 0.4 + "px";
}, },
show_box_line_height(height: number) { show_box_line_height(height: number) {
return height * 0.3+ "px"; return height * 0.3 + "px";
}, },
center_x() { center_x() {
const wall_dom = wall.value; const wall_dom = wall.value;
@ -1888,16 +1911,19 @@ export default defineComponent({
realtime_upload(); realtime_upload();
}, },
export_magic_wall() { export_magic_wall() {
let res:string=""; let res: string = "";
test_monitor_wall.value.forEach((ele, index) => { test_monitor_wall.value.forEach((ele, index) => {
const point_list = four_point(ele); const point_list = four_point(ele);
if (wall.value && point_list && ele.isShow) { if (wall.value && point_list && ele.isShow) {
point_list?.forEach((element) => { point_list?.forEach((element) => {
if(wall.value ){ if (wall.value) {
element.x =Math.round((element.x / wall.value.offsetWidth) * 3840); element.x = Math.round(
element.y = Math.round((element.y / wall.value.offsetHeight) * 2160); (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, {}, {}, {}, {}); let item: exporttxt = new exporttxt(0, 0, 0, 0, {}, {}, {}, {});
item.id = ele.id; item.id = ele.id;
@ -1908,10 +1934,10 @@ export default defineComponent({
item.w = Math.round((ele.w / wall.value?.offsetWidth) * 3840); item.w = Math.round((ele.w / wall.value?.offsetWidth) * 3840);
item.h = Math.round((ele.h / wall.value.offsetHeight) * 2160); item.h = Math.round((ele.h / wall.value.offsetHeight) * 2160);
item.angle = ele.angle; item.angle = ele.angle;
res=res+JSON.stringify(item)+"\r\n" res = res + JSON.stringify(item) + "\r\n";
} }
}); });
res=res.replace(/\"/g,""); res = res.replace(/\"/g, "");
const status = exportFile("magic_wall.txt", res); const status = exportFile("magic_wall.txt", res);
if (status === true) { if (status === true) {
} else { } else {
@ -1923,6 +1949,14 @@ export default defineComponent({
}); });
} }
}, },
async upload_magic_switch() {
let client = GlobalData.getInstance().getCurrentClient();
if (client) {
const SetMagicWallGridState = await client.setMagicWallGridState(
magic_switch.value
);
}
},
}; };
}, },
}); });

6833
src/entities/WSProtocol.ts
View File

File diff suppressed because it is too large Load Diff

6
src/i18n/en-US/index.ts
View File

@ -185,7 +185,7 @@ export default {
"task type": "Task Type", "task type": "Task Type",
time: "Time", time: "Time",
loop: "Loop", loop: "Loop",
"timing cycle": "Timing Exexute", "timing cycle": "Timing Execute",
monday: "Monday", monday: "Monday",
tuesday: "Turesday", tuesday: "Turesday",
wednesday: "Wednesday", wednesday: "Wednesday",
@ -441,6 +441,6 @@ export default {
"physical central location":"Central Location", "physical central location":"Central Location",
"monitors list":"Monitors List", "monitors list":"Monitors List",
"resize":"Resize", "resize":"Resize",
"export magic":"Export" "export magic":"Export",
"raster graph":"Raster Graph"
}; };

3
src/i18n/zh-CN/index.ts
View File

@ -708,5 +708,6 @@ export default {
"physical central location":"物理中心位置", "physical central location":"物理中心位置",
"monitors list":"显示器", "monitors list":"显示器",
"resize":"缩放", "resize":"缩放",
"export magic":"导出" "export magic":"导出",
"raster graph":"栅格图"
}; };