Compare commits

...

15 Commits

Author SHA1 Message Date
shefengchun 9cd50bc908 修复pc端操作融合带 伽马值校正时不发送数据 2023-03-14 14:26:50 +08:00
shefengchun 9b677d7828 修复 曲面校正增加点后 切换点数量不发送 添加整个融合的注释 2023-03-14 14:19:16 +08:00
shefengchun eed5964f02 放开是否禁用融合参数 显示网格 修改箭头大小 为平板增加融合带伽马值操作适配 2023-03-14 10:13:23 +08:00
miao 6bfdb69fd8 修复清屏时,依然存在的active样式 2023-03-09 19:12:20 +08:00
miao be2a23fdff 关闭全部时以及清屏清除显示器当前选择 2023-03-09 17:50:12 +08:00
miao 3d0925f444 修复删除窗口错误删除 2023-03-09 17:41:57 +08:00
miao 4ddd39864e 合并时异常,对比修改 2023-03-09 16:33:46 +08:00
miao 1379a257c7 Merge branch 'magic_wall_' into master_v2
# Conflicts:
#	src/components/FusionSettings/DensityCorrection.vue
#	src/components/FusionSettings/FourPointCalibration.vue
#	src/components/FusionSettings/SurfaceCorrection.vue
#	src/components/FusionSettingsDialog.vue
2023-03-09 16:10:43 +08:00
miao d7104f33fd 修复多次点击恢复显示器列表全部出现 2023-03-09 15:46:15 +08:00
miao 70d7a7010e 修改显示文字 2023-03-09 15:08:49 +08:00
miao 66dffac3fe 修复点恢复时,可能会恢复多次情况 2023-03-09 14:37:46 +08:00
miao ea83d8023a 修复显示器列表宽高的变化 2023-03-09 14:11:56 +08:00
miao 4821e2100c 融合修改至3.3版本 2023-03-09 13:55:47 +08:00
shefengchun 6d5a661004 在03版本的基础上修改 隐藏融合页面的 禁用融合参数 显示网格 按钮 将背景颜色从辅助放到融合界面 2023-03-09 12:43:08 +08:00
miao 6105a290b3 测试代码 2023-03-09 10:19:32 +08:00
9 changed files with 1083 additions and 260 deletions

View File

@ -73,11 +73,6 @@ module.exports = configure(function (ctx) {
https: false, https: false,
port: 8080, port: 8080,
open: true, // opens browser window automatically open: true, // opens browser window automatically
proxy: {
"/get_websocket_port": "http://192.168.2.102",
"/media_control_client_product.js": "http://192.168.2.102",
"/media_control_client_language.js": "http://192.168.2.102",
},
}, },
// https://v2.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-framework // https://v2.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-framework

View File

@ -119,7 +119,7 @@ export default defineComponent({
console.log(e); console.log(e);
} }
EventBus.getInstance().on(EventNamesDefine.CheckDebug2, () => { EventBus.getInstance().on(EventNamesDefine.CheckDebug, () => {
const to_normal_url = () => { const to_normal_url = () => {
const p1 = window.location.href.indexOf("?debug"); const p1 = window.location.href.indexOf("?debug");
const p2 = window.location.href.indexOf("#"); const p2 = window.location.href.indexOf("#");

View File

@ -77,7 +77,7 @@
<q-form @submit="onSubmit"> <q-form @submit="onSubmit">
<q-card-section class="q-ma-none q-pa-sm"> <q-card-section class="q-ma-none q-pa-sm">
<div class="row"> <div class="row">
<div class="col-auto text-h6"> <div class="col-auto text-h5">
{{ $t("magic wall") }} {{ $t("magic wall") }}
</div> </div>
<q-space /> <q-space />
@ -107,12 +107,12 @@
<q-card class="my-card" flat bordered> <q-card class="my-card" flat bordered>
<q-card-section horizontal> <q-card-section horizontal>
<q-card-section class="col-3" style=""> <q-card-section class="col-3" style="">
<div class="text-h5">{{ $t("angle") }}</div> <div style="font-size: 1.2rem">{{ $t("angle") }}</div>
<q-separator /> <q-separator />
<br /> <br />
<div class="row no-wrap items-center"> <div class="no-wrap items-center">
<q-item> <q-item class="row">
<q-item-section avatar> <q-item-section avatar class="">
<span class="q-mb-md" style="font-size: 1rem"> <span class="q-mb-md" style="font-size: 1rem">
angle:</span angle:</span
> >
@ -162,17 +162,17 @@
</q-item> </q-item>
</div> </div>
<br /> <br />
<div class="text-h5"> <div style="font-size: 1.2rem">
{{ $t("physical central location") }} {{ $t("physical central location") }}
</div> </div>
<q-separator /> <q-separator />
<br /> <br />
<div class="row no-wrap items-center"> <div class="no-wrap items-center">
<q-item> <q-item class="row">
<q-item-section avatar> <q-item-section avatar class="col-2">
<span class="q-mb-md">X:</span> <span class="q-mb-md">X:</span>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section class="col">
<q-input <q-input
v-if="current_index > -1" v-if="current_index > -1"
type="number" type="number"
@ -215,12 +215,12 @@
</div> </div>
<br /> <br />
<div class="row"> <div>
<q-item> <q-item class="row">
<q-item-section avatar> <q-item-section avatar class="col-2">
<span class="q-mb-md">Y:</span> <span class="q-mb-md">Y:</span>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section class="col">
<q-input <q-input
v-if="current_index > -1" v-if="current_index > -1"
:hint="''" :hint="''"
@ -411,7 +411,7 @@
<q-item-section> <q-item-section>
<q-input <q-input
v-if="monitor_list_current_index > -1" v-if="monitor_list_current_index > -1"
type="text" type="number"
v-model="test_monitor_list[monitor_list_current_index].cmw" v-model="test_monitor_list[monitor_list_current_index].cmw"
@update:model-value="changewidth()" @update:model-value="changewidth()"
:rules="[ :rules="[
@ -452,7 +452,7 @@
<q-item-section> <q-item-section>
<q-input <q-input
v-if="monitor_list_current_index > -1" v-if="monitor_list_current_index > -1"
type="text" type="number"
v-model="test_monitor_list[monitor_list_current_index].cmh" v-model="test_monitor_list[monitor_list_current_index].cmh"
@update:model-value="changeHeight()" @update:model-value="changeHeight()"
:rules="[ :rules="[
@ -644,7 +644,7 @@
no-caps no-caps
:label="$t('revert')" :label="$t('revert')"
color="primary" color="primary"
@click="refresh_all" @click="back_all"
/> />
<q-btn <q-btn
ref="accept" ref="accept"
@ -963,7 +963,8 @@ export default defineComponent({
}); });
} }
}); });
$store.commit("setShowMonitorList", monitorList); // $store.commit("setShowMonitorList", monitorList);
// console.log($store.state.show_monitor_list)
} }
if (!setMagic?.success) { if (!setMagic?.success) {
$q.notify({ $q.notify({
@ -981,8 +982,10 @@ export default defineComponent({
if (wall_dom) { if (wall_dom) {
lcm.value = (wall_dom.offsetWidth * 0.5) / 1214; lcm.value = (wall_dom.offsetWidth * 0.5) / 1214;
test_monitor_list.value.forEach((ele) => { test_monitor_list.value.forEach((ele) => {
ele.cmw = Math.round(ele.w / lcm.value); ele.cmw = 1214;
ele.cmh = Math.round(ele.h / lcm.value); ele.cmh = 684;
ele.w = wall_dom.offsetWidth * 0.5;
ele.h = wall_dom.offsetHeight * 0.5;
}); });
} }
}; };
@ -995,7 +998,13 @@ export default defineComponent({
} }
}; };
const close_magic_switch = () => { const close_magic_switch = () => {
let client = GlobalData.getInstance().getCurrentClient();
magic_switch.value = false; magic_switch.value = false;
if (client) {
client.setMagicWallList(
JSON.parse(JSON.stringify(test_monitor_list.value))
);
}
upload_magic_switch(); upload_magic_switch();
}; };
const radians = (item: test_monitor) => { const radians = (item: test_monitor) => {
@ -1100,7 +1109,7 @@ export default defineComponent({
const wall_dom = wall.value; const wall_dom = wall.value;
if (wall_dom) { if (wall_dom) {
const point_list = four_point(item); const point_list = four_point(item);
if (item.angle != 0 && point_list) { if (item && item.angle != 0 && point_list) {
let minx = 0; let minx = 0;
point_list.forEach((element) => { point_list.forEach((element) => {
if (minx > element.x) { if (minx > element.x) {
@ -1357,7 +1366,7 @@ export default defineComponent({
test_monitor_list.value[index].isactive = true; test_monitor_list.value[index].isactive = true;
}; };
let test_delete_flag = false; let test_delete_flag = false;
const refresh_all = () => { const back_all = () => {
refresh_resize(2); refresh_resize(2);
current_index.value = -1; current_index.value = -1;
monitor_list_current_index.value = -1; monitor_list_current_index.value = -1;
@ -1365,7 +1374,14 @@ export default defineComponent({
multiple_select.value = []; multiple_select.value = [];
multiple.value = false; multiple.value = false;
loading.value = false; loading.value = false;
test_monitor_list.value = JSON.parse(list_magic); if (list_magic) {
JSON.parse(list_magic).forEach((element: any, index: number) => {
if (test_monitor_list.value[index].uuid == element.uuid) {
test_monitor_list.value[index].cmw = element.cmw;
test_monitor_list.value[index].cmh = element.cmh;
}
});
}
realtime_upload(last_wall.value, last_percenter.value, 2); realtime_upload(last_wall.value, last_percenter.value, 2);
}; };
let sort_index: any = ref([]); let sort_index: any = ref([]);
@ -1500,9 +1516,6 @@ export default defineComponent({
}); });
} }
if (a.length == 0) { if (a.length == 0) {
test_monitor_list.value.forEach((ele) => {
ele.isHide = false;
});
test_monitor_wall.value = []; test_monitor_wall.value = [];
} }
}; };
@ -1642,11 +1655,9 @@ export default defineComponent({
realtime_upload(); realtime_upload();
}; };
let list_magic: any = []; let list_magic: any = [];
const detect=(list:any)=>{ const detect = (list: any) => {
list.forEach((ele:any)=>{ list.forEach((ele: any) => {});
};
})
}
EventBus.getInstance().on( EventBus.getInstance().on(
EventNamesDefine.NotifyMessage, EventNamesDefine.NotifyMessage,
(notify: NotifyMessage) => { (notify: NotifyMessage) => {
@ -1689,7 +1700,7 @@ export default defineComponent({
upload_magic_switch, upload_magic_switch,
magic_switch, magic_switch,
magic_isbutton, magic_isbutton,
refresh_all, back_all,
getpx, getpx,
lcm, lcm,
model, model,
@ -1742,11 +1753,7 @@ export default defineComponent({
const SetMagicWallGridState = await client.setMagicWallGridState( const SetMagicWallGridState = await client.setMagicWallGridState(
magic_switch.value magic_switch.value
); );
list_magic = (await client.getApplicationSettins())?.config
?.magic_list;
if (list_magic) {
test_monitor_list.value = JSON.parse(list_magic);
}
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;
@ -1772,6 +1779,15 @@ export default defineComponent({
} }
getpx(); getpx();
} }
list_magic = (await client.getApplicationSettins())?.config
?.magic_list;
if (list_magic) {
test_monitor_list.value = JSON.parse(list_magic);
}
test_monitor_list.value.forEach((element) => {
element.isHide = false;
element.isactive=false
});
if ( if (
output_length.value != output_length.value !=
response.config.col * response.config.row response.config.col * response.config.row
@ -1995,6 +2011,16 @@ export default defineComponent({
const wall_dom = wall.value; const wall_dom = wall.value;
item.isShow = true; item.isShow = true;
if (wall_dom) { if (wall_dom) {
if (item.cmw == 1214) {
item.w = wall_dom.offsetWidth * 0.5;
} else {
item.w = (item.cmw / 1214) * (wall_dom.offsetWidth * 0.5);
}
if (item.cmh == 684) {
item.h = wall_dom.offsetHeight * 0.5;
} else {
item.h = (item.cmh / 684) * (wall_dom.offsetHeight * 0.5);
}
item.InitialH = item.h; item.InitialH = item.h;
item.InitialW = item.w; item.InitialW = item.w;
item.resizew = item.w / wall_dom.offsetWidth; item.resizew = item.w / wall_dom.offsetWidth;
@ -2037,7 +2063,6 @@ export default defineComponent({
} }
} }
}, },
onDragEnter(e: DragEvent, index: string) { onDragEnter(e: DragEvent, index: string) {
e.stopPropagation(); e.stopPropagation();
let target: HTMLElement | null = e.target as HTMLElement; let target: HTMLElement | null = e.target as HTMLElement;
@ -2071,11 +2096,16 @@ export default defineComponent({
); );
const temp_index = sort_index.value.indexOf(item.uuid); const temp_index = sort_index.value.indexOf(item.uuid);
sort_index.value.splice(temp_index, 1); sort_index.value.splice(temp_index, 1);
test_monitor_wall.value.forEach((ele, ind) => {
if (ele.uuid == item.uuid) {
test_monitor_wall.value.splice(ind, 1);
}
});
test_monitor_list.value[item.id].isHide = false; test_monitor_list.value[item.id].isHide = false;
test_monitor_wall.value[index].isShow = false; // test_monitor_wall.value[temp_index].isShow = false;
multiple_select.value = []; multiple_select.value = [];
test_monitor_wall.value.splice(temp_index, 1);
realtime_upload(); realtime_upload();
current_index.value = -1;
}, },
closeOtherWindows(item: test_monitor, index: number) { closeOtherWindows(item: test_monitor, index: number) {
current_index.value = index; current_index.value = index;
@ -2098,6 +2128,7 @@ export default defineComponent({
closeAllWindows() { closeAllWindows() {
sort_index.value = []; sort_index.value = [];
current_index.value = -1; current_index.value = -1;
monitor_list_current_index.value = -1;
// test_monitor_wall.value.forEach((ele) => { // test_monitor_wall.value.forEach((ele) => {
// ele.cmh = Math.round(ele.h / lcm.value); // ele.cmh = Math.round(ele.h / lcm.value);
// ele.cmw = Math.round(ele.w / lcm.value); // ele.cmw = Math.round(ele.w / lcm.value);
@ -2106,7 +2137,9 @@ export default defineComponent({
// }); // });
test_monitor_list.value.forEach((element) => { test_monitor_list.value.forEach((element) => {
element.isHide = false; element.isHide = false;
element.isactive=false
}); });
test_monitor_wall.value = []; test_monitor_wall.value = [];
multiple_select.value = []; multiple_select.value = [];
realtime_upload(); realtime_upload();
@ -2208,12 +2241,22 @@ export default defineComponent({
}, },
changewidth() { changewidth() {
const wall_dom = wall.value;
let item = test_monitor_list.value[monitor_list_current_index.value]; let item = test_monitor_list.value[monitor_list_current_index.value];
item.w = Number(item.cmw) * lcm.value; // if (wall_dom) {
// if(item.cmw==1214){
// item.w = 0.5 * wall_dom.offsetWidth;
// }
// }
}, },
changeHeight() { changeHeight() {
const wall_dom = wall.value;
let item = test_monitor_list.value[monitor_list_current_index.value]; let item = test_monitor_list.value[monitor_list_current_index.value];
item.h = item.cmh * lcm.value; // if (wall_dom) {
// if(item.cmh==684){
// item.h = 0.5 * wall_dom?.offsetHeight;
// }
// }
}, },
alignTop() { alignTop() {
let item = test_monitor_wall.value[multiple_select.value[0]]; let item = test_monitor_wall.value[multiple_select.value[0]];
@ -2223,7 +2266,7 @@ export default defineComponent({
tep_item.currenty = item.currenty; tep_item.currenty = item.currenty;
} }
}); });
multiple_select.value=[] multiple_select.value = [];
realtime_upload(); realtime_upload();
}, },
alignBottom() { alignBottom() {
@ -2234,7 +2277,7 @@ export default defineComponent({
tep_item.currenty = item.currenty + item.h - tep_item.h; tep_item.currenty = item.currenty + item.h - tep_item.h;
} }
}); });
multiple_select.value=[] multiple_select.value = [];
realtime_upload(); realtime_upload();
}, },
alignRight() { alignRight() {
@ -2245,7 +2288,7 @@ export default defineComponent({
tep_item.currentx = item.currentx + item.w - tep_item.w; tep_item.currentx = item.currentx + item.w - tep_item.w;
} }
}); });
multiple_select.value=[] multiple_select.value = [];
realtime_upload(); realtime_upload();
}, },
alignLeft() { alignLeft() {
@ -2256,7 +2299,7 @@ export default defineComponent({
tep_item.currentx = item.currentx; tep_item.currentx = item.currentx;
} }
}); });
multiple_select.value=[] multiple_select.value = [];
realtime_upload(); realtime_upload();
}, },
testLog(a: any) { testLog(a: any) {

View File

@ -318,6 +318,7 @@
} }
</style> </style>
<!-- 取消浏览器自带的input箭头 使用q-input的图标实现 -->
<style> <style>
input::-webkit-outer-spin-button, input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
@ -360,7 +361,9 @@ export default defineComponent({
let $store = useStore(); let $store = useStore();
let $t = useI18n(); let $t = useI18n();
const ste_status = ref(0); const ste_status = ref(0);
/**
* 计算当前的投影机
*/
const configselsect = computed(() => { const configselsect = computed(() => {
return $store.state.selected_projector; return $store.state.selected_projector;
}); });
@ -382,15 +385,43 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1] $store.getters.GetTheCurrentlySelectedCamera[1]
); );
}); });
/**
* 当前的参数
*/
let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value]; let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value];
/**
* 控制页面上当前显示垂直校正还是水平
*/
const now_v_h = ref("") const now_v_h = ref("")
/**
* 水平校正 点的个数 默认取配置文件的第一个参数
*/
const value_h_point_amount = ref(Number(Object.keys(config.multi_hor_density)[0])) const value_h_point_amount = ref(Number(Object.keys(config.multi_hor_density)[0]))
/**
* 垂直校正 点的个数 默认取配置文件的第一个参数
*/
const value_v_point_amount = ref(Number(Object.keys(config.multi_ver_density)[0])) const value_v_point_amount = ref(Number(Object.keys(config.multi_ver_density)[0]))
/**
* 添加点的弹窗
*/
const add_dialog = ref(false) const add_dialog = ref(false)
/**
* 当前数量 好像没有用
*/
const now_amount = ref(0) const now_amount = ref(0)
/**
* 可供选择的 水平 点的数量 绑定 select
*/
const options_value_h_point_amount = ref(<string[]>[]) const options_value_h_point_amount = ref(<string[]>[])
/**
* 可供选择的 垂直 点的数量 绑定 select
*/
const options_value_v_point_amount = ref(<string[]>[]) const options_value_v_point_amount = ref(<string[]>[])
/**
* 深度copy
* @param o1
* @param o2
*/
const deepcopy = (o1: any, o2: any) => { const deepcopy = (o1: any, o2: any) => {
for (let k in o2) { for (let k in o2) {
if (typeof o2[k] === "object") { if (typeof o2[k] === "object") {
@ -401,7 +432,9 @@ export default defineComponent({
} }
} }
}; };
/**
* 使用服务器端的配置
*/
const use_server_config = () => { const use_server_config = () => {
value_h_point_amount.value = Number(Object.keys(config.multi_hor_density)[0]) value_h_point_amount.value = Number(Object.keys(config.multi_hor_density)[0])
value_v_point_amount.value = Number(Object.keys(config.multi_ver_density)[0]) value_v_point_amount.value = Number(Object.keys(config.multi_ver_density)[0])
@ -442,7 +475,9 @@ export default defineComponent({
} }
} }
/**
* 使用缓存的配置
*/
const use_set_cache = () => { const use_set_cache = () => {
if (set_cache.value[selectedprojector.value] != null) { if (set_cache.value[selectedprojector.value] != null) {
let tmp = JSON.parse(set_cache.value[selectedprojector.value]); let tmp = JSON.parse(set_cache.value[selectedprojector.value]);
@ -460,11 +495,16 @@ export default defineComponent({
} }
} }
/**
* 保存缓存配置
*/
const save_set_cache = () => { const save_set_cache = () => {
let tmp = { value_h: value_h.value, value_v: value_v.value, value_v_point_amount: value_v_point_amount.value, value_h_point_amount: value_h_point_amount.value, value_v_point: value_v_point.value, value_h_point: value_h_point.value } let tmp = { value_h: value_h.value, value_v: value_v.value, value_v_point_amount: value_v_point_amount.value, value_h_point_amount: value_h_point_amount.value, value_v_point: value_v_point.value, value_h_point: value_h_point.value }
set_cache.value[selectedprojector.value] = JSON.stringify(tmp); set_cache.value[selectedprojector.value] = JSON.stringify(tmp);
} }
/**
* 是否开启辅助线 变量
*/
const auxiliary_line = ref(false) const auxiliary_line = ref(false)
watch( watch(
() => configselsect, () => configselsect,
@ -494,25 +534,48 @@ export default defineComponent({
); );
/**
* 缓存 变量
*/
const set_cache: any = ref([]); const set_cache: any = ref([]);
// /**
* 垂直点的值
*/
let value_h = ref(<DensityCorrection[]>[]); let value_h = ref(<DensityCorrection[]>[]);
/**
* 水平点的值
*/
let value_v = ref(<DensityCorrection[]>[]); let value_v = ref(<DensityCorrection[]>[]);
// /**
* 水平点的位置
*/
let value_h_point = ref(<DensityCorrectionPoint[]>[]); let value_h_point = ref(<DensityCorrectionPoint[]>[]);
/**
* 垂直点的位置
*/
let value_v_point = ref(<DensityCorrectionPoint[]>[]); let value_v_point = ref(<DensityCorrectionPoint[]>[]);
/** /**
* 当前选中的点的索引 * 当前选中 垂直的点的索引
*/ */
const options_model_v = ref(0) const options_model_v = ref(0)
/**
* 当前选中 水平的点的索引
*/
const options_model_h = ref(0) const options_model_h = ref(0)
const div = ref(); const div = ref();
/**
* 用于限制分辨率最大值 会在渲染时 自动赋值
*/
const max = ref({ x: 0, y: 0 }) const max = ref({ x: 0, y: 0 })
/**
* 点的大小
*/
const point = ref({ w: 20, h: 20 }) const point = ref({ w: 20, h: 20 })
/**
* 监听垂直和水平界面切换
*/
watch(() => now_v_h, (newval, oldval) => { watch(() => now_v_h, (newval, oldval) => {
if (newval.value == 'level') { if (newval.value == 'level') {
set?.SetBlendingOption("blending_grids_select_ui", "hor_density") set?.SetBlendingOption("blending_grids_select_ui", "hor_density")
@ -524,6 +587,9 @@ export default defineComponent({
set?.SetBlendingOption("blending_grids_select_point", `${options_model_v.value + 1}`) set?.SetBlendingOption("blending_grids_select_point", `${options_model_v.value + 1}`)
} }
}, { deep: true }) }, { deep: true })
/**
* 监听垂直点 的数量
*/
watch(() => value_v_point_amount, (newval, oldval) => { watch(() => value_v_point_amount, (newval, oldval) => {
setTimeout(() => { setTimeout(() => {
@ -536,6 +602,9 @@ export default defineComponent({
save_set_cache() save_set_cache()
}, 100); }, 100);
}, { deep: true }) }, { deep: true })
/**
* 监听水平点的数量
*/
watch(() => value_h_point_amount, (newval, oldval) => { watch(() => value_h_point_amount, (newval, oldval) => {
setTimeout(() => { setTimeout(() => {
@ -548,10 +617,15 @@ export default defineComponent({
}, 100); }, 100);
}, { deep: true }) }, { deep: true })
/**
* 发送 select 选择的水平点数
*/
watch(() => options_model_h, (newval, oldval) => { watch(() => options_model_h, (newval, oldval) => {
set?.SetBlendingOption("blending_grids_select_point", `${value_h_point.value[newval.value].control_point}`) set?.SetBlendingOption("blending_grids_select_point", `${value_h_point.value[newval.value].control_point}`)
}, { deep: true }) }, { deep: true })
/**
* 发送 select 选择的垂直点数
*/
watch(() => options_model_v, (newval, oldval) => { watch(() => options_model_v, (newval, oldval) => {
set?.SetBlendingOption("blending_grids_select_point", `${value_v_point.value[newval.value].control_point}`) set?.SetBlendingOption("blending_grids_select_point", `${value_v_point.value[newval.value].control_point}`)
}, { deep: true }) }, { deep: true })
@ -570,7 +644,12 @@ export default defineComponent({
start_point(val, type) start_point(val, type)
save_set_cache() save_set_cache()
} }
/**
* 拖拽组件移动回调
* @param $event
* @param index
* @param type
*/
const dragStartHandle = ($event: any, index: number, type: string) => { const dragStartHandle = ($event: any, index: number, type: string) => {
let obj_x = $event.x let obj_x = $event.x
let obj_y = $event.y let obj_y = $event.y
@ -643,7 +722,11 @@ export default defineComponent({
y = (max.value.y - y - point.value.h) * Proportion.value.y y = (max.value.y - y - point.value.h) * Proportion.value.y
return { x, y } return { x, y }
} }
/**
* 给初始点赋值
* @param a
* @param type
*/
const start_point = (a: number, type: string) => { const start_point = (a: number, type: string) => {
if (type == 'h' || type == 'all') { if (type == 'h' || type == 'all') {
value_h.value = [] value_h.value = []
@ -694,6 +777,9 @@ export default defineComponent({
} }
start() start()
onMounted(() => { onMounted(() => {
/**
* 计算比例
*/
Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w) Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w)
Proportion.value.y = allconfig.projector_height / (div.value.offsetHeight - point.value.h) Proportion.value.y = allconfig.projector_height / (div.value.offsetHeight - point.value.h)
options_value_h_point_amount.value = Object.keys(config.multi_hor_density) options_value_h_point_amount.value = Object.keys(config.multi_hor_density)
@ -723,7 +809,12 @@ export default defineComponent({
onBeforeUnmount(() => { onBeforeUnmount(() => {
sessionStorage.DensityCorrection = JSON.stringify(set_cache.value); sessionStorage.DensityCorrection = JSON.stringify(set_cache.value);
}); });
/**
* 重置单个点的数据
* @param index 索引
* @param send
* @param type
*/
const reset = (index: number, send: boolean, type: string) => { const reset = (index: number, send: boolean, type: string) => {
if (type == 'v') { if (type == 'v') {
value_v.value[index].x = value_v.value[index].def_x value_v.value[index].x = value_v.value[index].def_x
@ -737,6 +828,13 @@ export default defineComponent({
} }
save_set_cache() save_set_cache()
} }
/**
* 发送数据
* @param index
* @param type
* @param value
* @param send
*/
const send_value = (index: number, type: string, value: number, send: boolean = true) => { const send_value = (index: number, type: string, value: number, send: boolean = true) => {
if (!send) return; if (!send) return;
let row = $store.getters.GetTheCurrentlySelectedCamera[0] let row = $store.getters.GetTheCurrentlySelectedCamera[0]
@ -748,6 +846,9 @@ export default defineComponent({
set?.SetBlendingHorDensity(row, col, Number(value_h_point_amount.value), index + 1, Number(value)); set?.SetBlendingHorDensity(row, col, Number(value_h_point_amount.value), index + 1, Number(value));
} }
} }
/**
* 重置 多点数据
*/
const resetall = () => { const resetall = () => {
switch (now_v_h.value) { switch (now_v_h.value) {
case 'vertical': case 'vertical':
@ -804,9 +905,17 @@ export default defineComponent({
break; break;
} }
} }
/**
* 删除点 弹窗
*/
const del_dialog = ref(false) const del_dialog = ref(false)
/**
* 添加点
* @param amount
* @param type
*/
const add_control_points = (amount: number, type: string) => { const add_control_points = (amount: number, type: string) => {
if (amount < 5) return if (amount < 5||amount >=60) return
let tmpconfig: any = null let tmpconfig: any = null
let row = $store.getters.GetTheCurrentlySelectedCamera[0] let row = $store.getters.GetTheCurrentlySelectedCamera[0]
let col = $store.getters.GetTheCurrentlySelectedCamera[1] let col = $store.getters.GetTheCurrentlySelectedCamera[1]
@ -934,7 +1043,11 @@ export default defineComponent({
} }
} }
/**
* 删除 点数配置
* @param amount
* @param type
*/
const reduce_control_points = (amount: number, type: string) => { const reduce_control_points = (amount: number, type: string) => {
if (amount <= 5) return if (amount <= 5) return
let tmpconfig: any = null let tmpconfig: any = null
@ -1109,7 +1222,7 @@ export default defineComponent({
} }
/** /**
* v数据 * v数据 滚轮交互
*/ */
const details_selsect_val = (details: any, type: string) => { const details_selsect_val = (details: any, type: string) => {
@ -1134,10 +1247,13 @@ export default defineComponent({
} }
} }
/**
* 增加 垂直校正点数
* @param val 数量
*/
const preview_v = (val: number) => { const preview_v = (val: number) => {
val = Number(val) val = Number(val)
if (val < 5) return if (val < 5 ||val>=60) return
let width = allconfig.projector_width / (val - 1) let width = allconfig.projector_width / (val - 1)
let height = allconfig.projector_height / (val - 1) let height = allconfig.projector_height / (val - 1)
value_v.value = [] value_v.value = []
@ -1163,9 +1279,13 @@ export default defineComponent({
value_v_point_amount.value = val value_v_point_amount.value = val
options_model_v.value = 1 options_model_v.value = 1
} }
/**
* 水平校正点的数量
* @param val 数量
*/
const preview_h = (val: number) => { const preview_h = (val: number) => {
val = Number(val) val = Number(val)
if (val < 5) return if (val < 5 ||val>=60) return
let width = allconfig.projector_width / (val - 1) let width = allconfig.projector_width / (val - 1)
let height = allconfig.projector_height / (val - 1) let height = allconfig.projector_height / (val - 1)
value_h.value = [] value_h.value = []
@ -1277,11 +1397,17 @@ export default defineComponent({
/**
* 手写长按和的那几实现
*/
let loop_start: NodeJS.Timeout let loop_start: NodeJS.Timeout
let loop_finish: NodeJS.Timeout let loop_finish: NodeJS.Timeout
/**
* 平板弹出来的操作 函数
* @param fun 加法还是减法+ -
* @param type x or y
*/
const mousedown = (fun: string, type: string) => { const mousedown = (fun: string, type: string) => {
loop_start = setTimeout(() => { loop_start = setTimeout(() => {
loop_finish = setInterval(() => { loop_finish = setInterval(() => {
@ -1334,8 +1460,13 @@ export default defineComponent({
clearInterval(loop_finish) clearInterval(loop_finish)
} }
/**
* 控制 自定义 input x 箭头的显示
*/
const input_x_focus=ref(false) const input_x_focus=ref(false)
/**
* 控制 自定义 input y 箭头的显示
*/
const input_y_focus=ref(false) const input_y_focus=ref(false)

View File

@ -123,6 +123,7 @@
} }
</style> </style>
<!-- 取消浏览器自带的input箭头 使用q-input的图标实现 -->
<style> <style>
input::-webkit-outer-spin-button, input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
@ -131,6 +132,7 @@ input::-webkit-inner-spin-button {
} }
</style> </style>
<script lang="ts"> <script lang="ts">
import { import {
defineComponent, defineComponent,
@ -203,10 +205,20 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1] $store.getters.GetTheCurrentlySelectedCamera[1]
); );
}); });
/**
* 当前配置文件
*/
let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value]; let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value];
/**
* 当前点的数量
*/
const value_point_amount = ref(5) const value_point_amount = ref(5)
/**
* 深度copy函数
* @param o1
* @param o2
*/
const deepcopy = (o1: any, o2: any) => { const deepcopy = (o1: any, o2: any) => {
for (let k in o2) { for (let k in o2) {
if (typeof o2[k] === "object") { if (typeof o2[k] === "object") {
@ -217,7 +229,9 @@ export default defineComponent({
} }
} }
}; };
/**
* 使用服务器配置
*/
const use_server_config = () => { const use_server_config = () => {
value.value = [] value.value = []
value_point.value = [] value_point.value = []
@ -237,7 +251,9 @@ export default defineComponent({
value_point.value.push(tmp_point) value_point.value.push(tmp_point)
} }
} }
/**
* 使用缓存
*/
const use_set_cache = () => { const use_set_cache = () => {
if (set_cache.value[selectedprojector.value] != null) { if (set_cache.value[selectedprojector.value] != null) {
let tmp = JSON.parse(set_cache.value[selectedprojector.value]); let tmp = JSON.parse(set_cache.value[selectedprojector.value]);
@ -246,12 +262,16 @@ export default defineComponent({
recalculate_coordinates() recalculate_coordinates()
} }
} }
/**
* 保存缓存
*/
const save_set_cache = () => { const save_set_cache = () => {
let tmp = { value: value.value, value_point: value_point.value } let tmp = { value: value.value, value_point: value_point.value }
set_cache.value[selectedprojector.value] = JSON.stringify(tmp); set_cache.value[selectedprojector.value] = JSON.stringify(tmp);
} }
/**
* 监听是否切换了投影机
*/
watch( watch(
() => configselsect, () => configselsect,
(newVal, oldVal) => { (newVal, oldVal) => {
@ -278,7 +298,9 @@ export default defineComponent({
); );
/**
* 缓存 变量
*/
const set_cache: any = ref([]); const set_cache: any = ref([]);
// //
let value = ref(<DensityCorrection[]>[]); let value = ref(<DensityCorrection[]>[]);
@ -288,11 +310,21 @@ export default defineComponent({
* 当前选中的点的索引 * 当前选中的点的索引
*/ */
const options_model = ref(0) const options_model = ref(0)
/**
* html div元素用来计算
*/
const div = ref(); const div = ref();
/**
* 最大值
*/
const max = ref({ x: 0, y: 0 }) const max = ref({ x: 0, y: 0 })
/**
* 点大小
*/
const point = ref({ w: 20, h: 20 }) const point = ref({ w: 20, h: 20 })
/**
* 监听点的切换
*/
watch(() => options_model, (newval, oldval) => { watch(() => options_model, (newval, oldval) => {
set?.SetBlendingOption("blending_grids_select_point", `4:${options_model.value + 1}`) set?.SetBlendingOption("blending_grids_select_point", `4:${options_model.value + 1}`)
}, { deep: true }) }, { deep: true })
@ -305,7 +337,9 @@ export default defineComponent({
max.value.x = div.value.offsetWidth max.value.x = div.value.offsetWidth
max.value.y = div.value.offsetHeight max.value.y = div.value.offsetHeight
}) })
/**
* 计算可供选择的点
*/
const options = computed(() => { const options = computed(() => {
let tmp = [] let tmp = []
for (let index = 0; index < value_point.value.length; index++) { for (let index = 0; index < value_point.value.length; index++) {
@ -316,11 +350,18 @@ export default defineComponent({
} }
return tmp return tmp
}) })
/**
* 修改点数量函数
* @param val
*/
const chang_point_amount = (val: number) => { const chang_point_amount = (val: number) => {
start_point() start_point()
} }
/**
* 小点移动回调
* @param $event
* @param index
*/
const dragStartHandle = ($event: any, index: number) => { const dragStartHandle = ($event: any, index: number) => {
let obj_x = $event.x let obj_x = $event.x
let obj_y = $event.y let obj_y = $event.y
@ -345,7 +386,12 @@ export default defineComponent({
send_value(index, value.value[index].x , value.value[index].y) send_value(index, value.value[index].x , value.value[index].y)
save_set_cache() save_set_cache()
} }
/**
* 点的数据发生修改时计算位置
* @param index
* @param $event
* @param type
*/
const chang = (index: number, $event: any, type: string) => { const chang = (index: number, $event: any, type: string) => {
index = Number(index) index = Number(index)
if (now_selsect_projector?.value == '0-0'&&props.col=='2') { if (now_selsect_projector?.value == '0-0'&&props.col=='2') {

View File

@ -11,15 +11,33 @@
<q-toggle class="float-right" v-model="array[0].isshow" label="" /> <q-toggle class="float-right" v-model="array[0].isshow" label="" />
</div> </div>
<div class="col-6"> <div class="col-6">
<q-input dense filled type="number" :autofocus="group == 0" :bg-color="group == 0 ? 'cyan-1' : ''" <q-input v-show="ispad" dense filled type="number" :autofocus="group == 0"
@focus="group = 0" v-model="array[0].value" :label="$t('upper fusion zone parameters')" lazy-rules @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:'';group=0}" :readonly="url.indexOf('pad')!=-1" :bg-color="group == 0 ? 'cyan-1' : ''" @focus="group = 0" v-model.number="array[0].value"
:rules="[ :label="$t('upper fusion zone parameters')" lazy-rules
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : ''; group = 0 }"
:readonly="url.indexOf('pad') != -1" :rules="[
(val) => (val) =>
(val !== null && val !== '') || (val !== null && val !== '') ||
$t('Please enter a number'), $t('Please enter a number'),
(val) => (val) =>
(val >= 0 && val < config.height) || $t('Please enter 0-100'), (val >= 0 && val < config.height) || $t('Please enter 0-100'),
]" /> ]" />
<q-input v-show="!ispad" dense filled type="number" :autofocus="group == 0"
:bg-color="group == 0 ? 'cyan-1' : ''" @focus="() => { group = 0; input_focus[0] = true }"
v-model.number="array[0].value" :label="$t('upper fusion zone parameters')" lazy-rules
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : ''; group = 0 }"
:readonly="url.indexOf('pad') != -1" @blur="input_focus[0] = false" :rules="[
(val) =>
(val !== null && val !== '') ||
$t('Please enter a number'),
(val) =>
(val >= 0 && val < config.height) || $t('Please enter 0-100'),
]">
<template v-if="input_focus[0]" v-slot:append>
<q-icon name="arrow_upward" @mousedown="mousedown('+', 0)" @mouseup="mouseup" />
<q-icon name="arrow_downward" @mousedown="mousedown('-', 0)" @mouseup="mouseup" />
</template>
</q-input>
</div> </div>
</div> </div>
</div> </div>
@ -33,15 +51,33 @@
<q-toggle class="float-right" @click="group = 1" v-model="array[1].isshow" label="" /> <q-toggle class="float-right" @click="group = 1" v-model="array[1].isshow" label="" />
</div> </div>
<div class="col-6"> <div class="col-6">
<q-input dense filled type="number" :autofocus="group == 1" :bg-color="group == 1 ? 'cyan-1' : ''" <q-input v-show="ispad" dense filled type="number" :autofocus="group == 1"
@focus="group = 1" v-model="array[1].value" :label="$t('Left fusion Band Parameters')" lazy-rules @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:'';group=1}" :readonly="url.indexOf('pad')!=-1" :bg-color="group == 1 ? 'cyan-1' : ''" @focus="group = 1" v-model.number="array[1].value"
:rules="[ :label="$t('Left fusion Band Parameters')" lazy-rules
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : ''; group = 1 }"
:readonly="url.indexOf('pad') != -1" :rules="[
(val) => (val) =>
(val !== null && val !== '') || (val !== null && val !== '') ||
$t('Please enter a number'), $t('Please enter a number'),
(val) => (val) =>
(val >= 0 && val < config.width) || $t('Please enter 0-100'), (val >= 0 && val < config.width) || $t('Please enter 0-100'),
]" /> ]" />
<q-input v-show="!ispad" dense filled type="number" :autofocus="group == 1"
:bg-color="group == 1 ? 'cyan-1' : ''" @focus="() => { group = 1; input_focus[1] = true }"
v-model.number="array[1].value" :label="$t('Left fusion Band Parameters')" lazy-rules
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : ''; group = 1 }"
:readonly="url.indexOf('pad') != -1" @blur="input_focus[1] = false" :rules="[
(val) =>
(val !== null && val !== '') ||
$t('Please enter a number'),
(val) =>
(val >= 0 && val < config.width) || $t('Please enter 0-100'),
]">
<template v-if="input_focus[1]" v-slot:append>
<q-icon name="arrow_upward" @mousedown="mousedown('+', 1)" @mouseup="mouseup" />
<q-icon name="arrow_downward" @mousedown="mousedown('-', 1)" @mouseup="mouseup" />
</template>
</q-input>
</div> </div>
</div> </div>
</div> </div>
@ -51,18 +87,36 @@
<q-toggle class="float-right" @click="group = 2" v-model="array[2].isshow" label="" /> <q-toggle class="float-right" @click="group = 2" v-model="array[2].isshow" label="" />
</div> </div>
<div class="col-6"> <div class="col-6">
<q-input dense filled type="number" :autofocus="group == 2" :bg-color="group == 2 ? 'cyan-1' : ''" <q-input v-show="ispad" dense filled type="number" :autofocus="group == 2"
@focus="group = 2" v-model="array[2].value" :label="$t('Right fusion Band Parameters')" lazy-rules @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:'';group=2}" :readonly="url.indexOf('pad')!=-1" :bg-color="group == 2 ? 'cyan-1' : ''" @focus="group = 2" v-model.number="array[2].value"
:rules="[ :label="$t('Right fusion Band Parameters')" lazy-rules
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : ''; group = 2 }"
:readonly="url.indexOf('pad') != -1" :rules="[
(val) => (val) =>
(val !== null && val !== '') || (val !== null && val !== '') ||
$t('Please enter a number'), $t('Please enter a number'),
(val) => (val) =>
(val >= 0 && val < config.width) || $t('Please enter 0-100'), (val >= 0 && val < config.width) || $t('Please enter 0-100'),
]" /> ]" />
<q-input v-show="!ispad" dense filled type="number" :autofocus="group == 2"
:bg-color="group == 2 ? 'cyan-1' : ''" @focus="() => { group = 2; input_focus[2] = true }"
v-model.number="array[2].value" :label="$t('Right fusion Band Parameters')" lazy-rules
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : ''; group = 2 }"
:readonly="url.indexOf('pad') != -1" @blur="input_focus[2] = false" :rules="[
(val) =>
(val !== null && val !== '') ||
$t('Please enter a number'),
(val) =>
(val >= 0 && val < config.width) || $t('Please enter 0-100'),
]">
<template v-if="input_focus[2]" v-slot:append>
<q-icon name="arrow_upward" @mousedown="mousedown('+', 2)" @mouseup="mouseup" />
<q-icon name="arrow_downward" @mousedown="mousedown('-', 2)" @mouseup="mouseup" />
</template>
</q-input>
</div> </div>
<div class="col-3"><span>{{ $t('Whether to operate synchronously') }}</span><q-checkbox <div class="col-3"><span>{{ $t('Whether to operate synchronously') }}</span><q-checkbox
v-model="auto_sync" @update:model-value="()=>{}" /></div> v-model="auto_sync" @update:model-value="() => { }" /></div>
</div> </div>
</div> </div>
</div> </div>
@ -75,15 +129,33 @@
<q-toggle class="float-right" v-model="array[3].isshow" label="" /> <q-toggle class="float-right" v-model="array[3].isshow" label="" />
</div> </div>
<div class="col-6"> <div class="col-6">
<q-input dense filled type="number" :autofocus="group == 3" :bg-color="group == 3 ? 'cyan-1' : ''" <q-input v-show="ispad" dense filled type="number" :autofocus="group == 3"
@focus="group = 3" v-model="array[3].value" :label="$t('Lower fusion Zone Parameters')" lazy-rules @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:'';group=3}" :readonly="url.indexOf('pad')!=-1" :bg-color="group == 3 ? 'cyan-1' : ''" @focus="group = 3" v-model.number="array[3].value"
:rules="[ :label="$t('Lower fusion Zone Parameters')" lazy-rules
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : ''; group = 3 }"
:readonly="url.indexOf('pad') != -1" :rules="[
(val) => (val) =>
(val !== null && val !== '') || (val !== null && val !== '') ||
$t('Please enter a number'), $t('Please enter a number'),
(val) => (val) =>
(val >= 0 && val < config.height) || $t('Please enter 0-100'), (val >= 0 && val < config.height) || $t('Please enter 0-100'),
]" /> ]" />
<q-input v-show="!ispad" dense filled type="number" :autofocus="group == 3"
:bg-color="group == 3 ? 'cyan-1' : ''" @focus="() => { group = 3; input_focus[3] = true }"
v-model.number="array[3].value" :label="$t('Lower fusion Zone Parameters')" lazy-rules
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : ''; group = 3 }"
:readonly="url.indexOf('pad') != -1" @blur="input_focus[3] = false" :rules="[
(val) =>
(val !== null && val !== '') ||
$t('Please enter a number'),
(val) =>
(val >= 0 && val < config.height) || $t('Please enter 0-100'),
]">
<template v-if="input_focus[3]" v-slot:append>
<q-icon name="arrow_upward" @mousedown="handlerTouchstart('+')" @mouseup="handlerTouchend" />
<q-icon name="arrow_downward" @mousedown="handlerTouchstart('-')" @mouseup="handlerTouchend" />
</template>
</q-input>
</div> </div>
</div> </div>
</div> </div>
@ -91,20 +163,38 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-12" v-if="group != 4"> <div class="col-12" v-show="group != 4 || ispad">
<p class="text-center" style="margin: 0 0 8;">{{ $t("Set Fusion Band Parameters") }}</p> <p class="text-center" style="margin: 0 0 8;">{{ $t("Set Fusion Band Parameters") }}</p>
<div style="display: flex; justify-content: space-evenly"> <div style="display: flex; justify-content: space-evenly">
<div> <div>
<q-slider v-model="array[group].alpha" :min="0.0" @change="chang('alpha')" :max="1" :step="0.01" color="green" <q-slider v-model="array[group].alpha" v-show="!ispad" :min="0.0" @change="chang('alpha')" :max="1" :step="0.01"
vertical reverse label-always /> color="green" vertical reverse label-always />
<div> <q-input dense filled hide-bottom-space type="number" max="1" min="0" step="0.1" <div> <q-input v-show="ispad" dense filled hide-bottom-space type="number" max="1" min="0" step="0.1"
@update:model-value="chang('alpha')" v-model="array[group].alpha" lazy-rules :rules="[ @update:model-value="chang('alpha')"
@click="() => { now_apg = 'alpha'; ispad ? ipad_chang_input = true : '' }" :readonly="ispad"
v-model.number="array[group].alpha" lazy-rules :rules="[
(val) => (val) =>
(val !== null && val !== '') || (val !== null && val !== '') ||
$t('Please enter a number'), $t('Please enter a number'),
(val) => (val) =>
(val >= 0 && val <= 1) || $t('Please enter a value within the range'), (val >= 0 && val <= 1) || $t('Please enter a value within the range'),
]" /> ]" />
<q-input v-show="!ispad" dense filled hide-bottom-space type="number" max="1" min="0" step="0.1"
@update:model-value="chang('alpha')"
@click="() => { now_apg = 'alpha'; ispad ? ipad_chang_input = true : '' }" :readonly="ispad"
@focus="input_focus_apg[0] = true" @blur="input_focus_apg[0] = false" v-model.number="array[group].alpha"
lazy-rules :rules="[
(val) =>
(val !== null && val !== '') ||
$t('Please enter a number'),
(val) =>
(val >= 0 && val <= 1) || $t('Please enter a value within the range'),
]">
<template v-if="input_focus_apg[0]" v-slot:append>
<q-icon name="arrow_upward" @mousedown="handlerTouchstart_apg('+')" @mouseup="handlerTouchend_apg" />
<q-icon name="arrow_downward" @mousedown="handlerTouchstart_apg('-')" @mouseup="handlerTouchend_apg" />
</template>
</q-input>
<p style="text-align: center;">Alpha</p> <p style="text-align: center;">Alpha</p>
<q-btn style="margin-top: 0.5rem;" color="white" @click="reset('alpha')" text-color="black" <q-btn style="margin-top: 0.5rem;" color="white" @click="reset('alpha')" text-color="black"
:label="$t('reset')" /> :label="$t('reset')" />
@ -112,16 +202,32 @@
</div> </div>
<div> <div>
<q-slider v-model="array[group].p" :min="0" @change="chang('p')" :max="16" :step="0.01" color="green" vertical <q-slider v-model="array[group].p" v-show="!ispad" :min="0" @change="chang('p')" :max="16" :step="0.01"
reverse label-always /> color="green" vertical reverse label-always />
<div> <q-input dense filled hide-bottom-space type="number" max="16" min="0" step="0.1" <div> <q-input v-show="ispad" dense filled hide-bottom-space type="number" max="16" min="0" step="0.1"
@update:model-value="chang('p')" v-model="array[group].p" lazy-rules :rules="[ @update:model-value="chang('p')" @click="() => { now_apg = 'p'; ispad ? ipad_chang_input = true : '' }"
:readonly="ispad" v-model.number="array[group].p" lazy-rules :rules="[
(val) => (val) =>
(val !== null && val !== '') || (val !== null && val !== '') ||
$t('Please enter a number'), $t('Please enter a number'),
(val) => (val) =>
(val >= 0 && val <= 16) || $t('Please enter a value within the range'), (val >= 0 && val <= 16) || $t('Please enter a value within the range'),
]" /> ]" />
<q-input v-show="!ispad" dense filled hide-bottom-space type="number" max="16" min="0" step="0.1"
@focus="input_focus_apg[1] = true" @blur="input_focus_apg[1] = false" @update:model-value="chang('p')"
@click="() => { now_apg = 'p'; ispad ? ipad_chang_input = true : '' }" :readonly="ispad"
v-model.number="array[group].p" lazy-rules :rules="[
(val) =>
(val !== null && val !== '') ||
$t('Please enter a number'),
(val) =>
(val >= 0 && val <= 16) || $t('Please enter a value within the range'),
]">
<template v-if="input_focus_apg[1]" v-slot:append>
<q-icon name="arrow_upward" @mousedown="handlerTouchstart_apg('+')" @mouseup="handlerTouchend_apg" />
<q-icon name="arrow_downward" @mousedown="handlerTouchstart_apg('-')" @mouseup="handlerTouchend_apg" />
</template>
</q-input>
<p style="text-align: center;">Power</p> <p style="text-align: center;">Power</p>
<q-btn style="margin-top: 0.5rem;" color="white" @click="reset('p')" text-color="black" <q-btn style="margin-top: 0.5rem;" color="white" @click="reset('p')" text-color="black"
:label="$t('reset')" /> :label="$t('reset')" />
@ -129,17 +235,34 @@
</div> </div>
<div> <div>
<q-slider v-model="array[group].gamma" :min="0" @change="chang('gamma')" :max="16" :step="0.01" color="green" <q-slider v-model="array[group].gamma" v-show="!ispad" :min="0" @change="chang('gamma')" :max="16" :step="0.01"
vertical reverse label-always /> color="green" vertical reverse label-always />
<div> <div>
<q-input :dense="true" filled hide-bottom-space type="number" max="16" min="0" step="0.1" <q-input v-show="ispad" :dense="true" filled hide-bottom-space type="number" max="16" min="0" step="0.1"
@update:model-value="chang('gamma')" v-model="array[group].gamma" lazy-rules :rules="[ @update:model-value="chang('gamma')"
@click="() => { now_apg = 'gamma'; ispad ? ipad_chang_input = true : '' }" :readonly="ispad"
v-model.number="array[group].gamma" lazy-rules :rules="[
(val) => (val) =>
(val !== null && val !== '') || (val !== null && val !== '') ||
$t('Please enter a number'), $t('Please enter a number'),
(val) => (val) =>
(val >= 0 && val <= 16) || $t('Please enter a value within the range'), (val >= 0 && val <= 16) || $t('Please enter a value within the range'),
]" /> ]" />
<q-input v-show="!ispad" :dense="true" filled hide-bottom-space type="number" max="16" min="0" step="0.1"
@update:model-value="chang('gamma')" @focus="input_focus_apg[2] = true" @blur="input_focus_apg[2] = false"
@click="() => { now_apg = 'gamma'; ispad ? ipad_chang_input = true : '' }" :readonly="ispad"
v-model.number="array[group].gamma" lazy-rules :rules="[
(val) =>
(val !== null && val !== '') ||
$t('Please enter a number'),
(val) =>
(val >= 0 && val <= 16) || $t('Please enter a value within the range'),
]">
<template v-if="input_focus_apg[2]" v-slot:append>
<q-icon name="arrow_upward" @mousedown="handlerTouchstart_apg('+')" @mouseup="handlerTouchend_apg" />
<q-icon name="arrow_downward" @mousedown="handlerTouchstart_apg('-')" @mouseup="handlerTouchend_apg" />
</template>
</q-input>
<p style="text-align: center;">Gamma</p> <p style="text-align: center;">Gamma</p>
<q-btn style="margin-top: 0.5rem;" color="white" @click="reset('gamma')" text-color="black" <q-btn style="margin-top: 0.5rem;" color="white" @click="reset('gamma')" text-color="black"
:label="$t('reset')" /> :label="$t('reset')" />
@ -147,33 +270,88 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-12">
<div class="row" style="min-height: 40px;">
<div class="col-4 col-sm-3"></div>
<div class="col-4 col-sm-6 q-pt-sm">
<q-item>
<q-item-section avatar class="head_1">
{{ $t("background color") }}
</q-item-section>
<q-item-section>
<q-input v-model="color" :rules="['anyColor']">
<template v-slot:append>
<q-icon name="colorize" class="cursor-pointer">
<q-popup-proxy cover transition-show="scale" transition-hide="scale">
<q-color v-model="color" @change="submit" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</q-item-section>
</q-item>
</div>
</div>
</div>
</div> </div>
<div style="position: absolute;bottom: 0;"> <div style="position: absolute;bottom: 0;">
<q-checkbox v-model="auxiliary_line" @update:model-value="(value, evt)=>{send_auxiliary_line(value)}" <q-checkbox v-model="auxiliary_line" @update:model-value="(value, evt) => { send_auxiliary_line(value) }"
:label="$t('auxiliary lines')" /> :label="$t('auxiliary lines')" />
</div> </div>
<q-dialog v-model="ipad_chang"> <q-dialog v-model="ipad_chang" ref="ipadref">
<q-card style="width: 40vw; max-width: 80vw;"> <q-card style="width: 40vw; max-width: 80vw;">
<q-card-section> <q-card-section>
<div class="text-h6">{{ $t('fusion zone') +(group+1 )}}</div> <!-- <div class="text-h6">{{ $t('fusion zone') + (group + 1) }}</div> -->
<div class="row">
<div class="col-4"><q-select class="q-pt-md" :label="$t('fusion zone')" :dense="true" filled v-model="group"
@update:model-value="(val) => { group = val }" :options="options" emit-value map-options /></div>
</div>
</q-card-section> </q-card-section>
<q-card-section class="q-pt-none"> <q-card-section class="q-pt-none">
<div class="row q-pb-md">
<div class="row"> <div class="col-12" style="text-align: center;"><q-btn color="white" text-color="black" icon="keyboard_arrow_up"
<div class="col-6" style="text-align: center;"><q-btn color="white" text-color="black" icon="keyboard_arrow_left" @touchstart="handlerTouchstart('-')" @touchend="handlerTouchend" /></div> @touchstart="handlerTouchstart('+')" @touchend="handlerTouchend" /></div>
<div class="col-6" style="text-align: center;"><q-btn color="white" text-color="black" icon="keyboard_arrow_right" @touchstart="handlerTouchstart('+')" @touchend="handlerTouchend" /></div> </div>
<div class="row q-pt-md">
<div class="col-12" style="text-align: center;"><q-btn color="white" text-color="black"
icon="keyboard_arrow_down" @touchstart="handlerTouchstart('-')" @touchend="handlerTouchend" /></div>
</div> </div>
</q-card-section> </q-card-section>
<q-card-actions align="right" class="bg-white text-teal"> <q-card-actions align="right" class="bg-white text-teal">
<q-btn flat :label="$t('close')" color="primary" v-close-popup /> <q-btn flat :label="$t('close')" color="primary" @click="ipad_chang = false" />
</q-card-actions>
</q-card>
</q-dialog>
<q-dialog v-model="ipad_chang_input">
<q-card style="width: 40vw; max-width: 80vw;">
<q-card-section>
<!-- <div class="text-h6">{{ $t('fusion zone') + options[group].label + ` ${now_apg}` }}</div> -->
<div class="row">
<div class="col-4"><q-select class="q-pt-md" :label="$t('fusion zone') + ` ${now_apg}`" :dense="true" filled v-model="group"
@update:model-value="(val) => { group = val }" :options="options" emit-value map-options /></div>
</div>
</q-card-section>
<q-card-section class="q-pt-none">
<div class="row q-pb-md">
<div class="col-12" style="text-align: center;"><q-btn color="white" text-color="black" icon="keyboard_arrow_up"
@touchstart="handlerTouchstart_apg('+')" @touchend="handlerTouchend_apg" /></div>
</div>
<div class="row q-pt-md">
<div class="col-12" style="text-align: center;"><q-btn color="white" text-color="black"
icon="keyboard_arrow_down" @touchstart="handlerTouchstart_apg('-')" @touchend="handlerTouchend_apg" /></div>
</div>
</q-card-section>
<q-card-actions align="right" class="bg-white text-teal">
<q-btn flat :label="$t('close')" color="primary" @click="ipad_chang_input = false" />
</q-card-actions> </q-card-actions>
</q-card> </q-card>
</q-dialog> </q-dialog>
</template> </template>
<style> <style>
@ -192,6 +370,14 @@
p { p {
margin: 0; margin: 0;
} }
</style>
<!-- 取消浏览器自带的input箭头 使用q-input的图标实现 -->
<style>
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
</style> </style>
<script lang="ts"> <script lang="ts">
@ -205,7 +391,7 @@ import {
onBeforeUnmount, onBeforeUnmount,
reactive, reactive,
onMounted, onMounted,
toRefs, toRefs,
} from "vue"; } from "vue";
import { useStore } from "src/store"; import { useStore } from "src/store";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
@ -217,7 +403,7 @@ export default defineComponent({
let set = GlobalData.getInstance().getCurrentClient(); let set = GlobalData.getInstance().getCurrentClient();
let $store = useStore(); let $store = useStore();
let $t = useI18n(); let $t = useI18n();
const group = ref(4); const group = ref(2);
const set_cache: any = ref([]); const set_cache: any = ref([]);
const enablefusion = ref(false); const enablefusion = ref(false);
let array: any = reactive([ let array: any = reactive([
@ -241,6 +427,15 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1] $store.getters.GetTheCurrentlySelectedCamera[1]
); );
}); });
const color = ref("#ffffff");
const ispad = computed(() => {
let url = window.location.href;
return url.indexOf("pad") != -1
})
/**
* 重置数据
* @param type
*/
const reset = (type: string) => { const reset = (type: string) => {
switch (type) { switch (type) {
case 'gamma': case 'gamma':
@ -257,13 +452,24 @@ export default defineComponent({
} }
chang(type) chang(type)
} }
/**
* 是否在切换数据 避免切换投影机是发送不该发送的数据
*/
const ste_status = ref(0); const ste_status = ref(0);
/**
* 使用缓存
*/
const use_set_cache = () => { const use_set_cache = () => {
if (set_cache.value[selectedprojector.value] != null) { if (set_cache.value[selectedprojector.value] != null) {
let tmp = JSON.parse(set_cache.value[selectedprojector.value]); let tmp = JSON.parse(set_cache.value[selectedprojector.value]);
deepcopy(array, tmp); deepcopy(array, tmp);
} }
}; };
/**
* 深度拷贝
* @param o1
* @param o2
*/
const deepcopy = (o1: any, o2: any) => { const deepcopy = (o1: any, o2: any) => {
for (let k in o2) { for (let k in o2) {
if (typeof o2[k] === "object") { if (typeof o2[k] === "object") {
@ -274,18 +480,29 @@ export default defineComponent({
} }
} }
}; };
/**
* 保存缓存
*/
const save_set_cache = () => { const save_set_cache = () => {
set_cache.value[selectedprojector.value] = JSON.stringify(array); set_cache.value[selectedprojector.value] = JSON.stringify(array);
}; };
let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value]; let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value];
/**
* 当前选择的投影机
*/
const configselsect = computed(() => { const configselsect = computed(() => {
return $store.state.selected_projector; return $store.state.selected_projector;
}); });
/**
* 监听投影机切换
*/
watch( watch(
() => configselsect, () => configselsect,
(newVal, oldVal) => { (newVal, oldVal) => {
let tmp = JSON.parse($store.state.fusion_configuration); set?.GetBlendingConfig("").then((res) => {
let tmp = JSON.parse(res ? res.config : "");
// let tmp = JSON.parse($store.state.fusion_configuration);
let fortmp = null; let fortmp = null;
let i; let i;
for (i of tmp.projectors) { for (i of tmp.projectors) {
@ -300,15 +517,20 @@ export default defineComponent({
config = JSON.parse(JSON.stringify(fortmp)); config = JSON.parse(JSON.stringify(fortmp));
use_server_config(); use_server_config();
use_set_cache(); // use_set_cache();
setTimeout(() => { setTimeout(() => {
ste_status.value = 0; ste_status.value = 0;
}, 100); }, 100);
setnowindex(); setnowindex();
});
}, },
{ deep: true } { deep: true }
); );
/**
* 输入inpu数据 时发送到后端
* @param type
*/
const chang = (type: string) => { const chang = (type: string) => {
if (ste_status.value == 1) return if (ste_status.value == 1) return
if (type == "alpha") { if (type == "alpha") {
@ -341,6 +563,9 @@ export default defineComponent({
save_set_cache(); save_set_cache();
}; };
// //
/**
* 初始化数据时 自动获取焦点 的判断
*/
const setnowindex = () => { const setnowindex = () => {
let sum = 0; let sum = 0;
let indexx = 4; let indexx = 4;
@ -384,6 +609,9 @@ export default defineComponent({
}, 100); }, 100);
setnowindex(); setnowindex();
}; };
/**
* 初始化赋值
*/
const startconfig = () => { const startconfig = () => {
for (let index = 0; index < array.length - 1; index++) { for (let index = 0; index < array.length - 1; index++) {
array[arr[index]].gamma = Number(config.params[index].gamma.toFixed(2)); array[arr[index]].gamma = Number(config.params[index].gamma.toFixed(2));
@ -393,11 +621,14 @@ export default defineComponent({
array[arr[index]].value = Number(config.params[index].size); array[arr[index]].value = Number(config.params[index].size);
} }
let tmp = JSON.parse($store.state.fusion_configuration).options; let tmp = JSON.parse($store.state.fusion_configuration).options;
auxiliary_line.value=tmp.blending_grids_assistant_lines=="1" auxiliary_line.value = tmp.blending_grids_assistant_lines == "1"
if (sessionStorage.FusionLocale) set_cache.value = JSON.parse(sessionStorage.FusionLocale); if (sessionStorage.FusionLocale) set_cache.value = JSON.parse(sessionStorage.FusionLocale);
use_set_cache(); use_set_cache();
setnowindex(); setnowindex();
}; };
/**
* 使用服务端配置
*/
const use_server_config = () => { const use_server_config = () => {
for (let index = 0; index < array.length - 1; index++) { for (let index = 0; index < array.length - 1; index++) {
array[arr[index]].gamma = Number(config.params[index].gamma.toFixed(2)); array[arr[index]].gamma = Number(config.params[index].gamma.toFixed(2));
@ -412,16 +643,18 @@ export default defineComponent({
let tmp = JSON.parse(res ? res.config : ""); let tmp = JSON.parse(res ? res.config : "");
config = tmp.projectors[selectedprojector.value]; config = tmp.projectors[selectedprojector.value];
ste_status.value = 1; ste_status.value = 1;
color.value = tmp.blending_grids_background_color ?? "#7f7f7f"
// console.log(tmp.blending_grids_background_color )
startconfig(); startconfig();
setTimeout(() => { setTimeout(() => {
ste_status.value = 0; ste_status.value = 0;
}, 100); }, 100);
}) })
if(sessionStorage.FusionLocale_async)auto_sync.value=sessionStorage.FusionLocale_async=='true' if (sessionStorage.FusionLocale_async) auto_sync.value = sessionStorage.FusionLocale_async == 'true'
}), }),
onBeforeUnmount(() => { onBeforeUnmount(() => {
sessionStorage.FusionLocale = JSON.stringify(set_cache.value); sessionStorage.FusionLocale = JSON.stringify(set_cache.value);
sessionStorage.FusionLocale_async=auto_sync.value sessionStorage.FusionLocale_async = auto_sync.value
}); });
watch( watch(
@ -433,7 +666,7 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1], $store.getters.GetTheCurrentlySelectedCamera[1],
1, 1,
array[0].isshow, array[0].isshow,
Number(array[0].value) Number(array[0].value), auto_sync.value
); );
save_set_cache(); save_set_cache();
@ -449,13 +682,13 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1], $store.getters.GetTheCurrentlySelectedCamera[1],
0, 0,
array[1].isshow, array[1].isshow,
Number(array[1].value) Number(array[1].value), auto_sync.value
); );
if (auto_sync.value){ if (auto_sync.value) {
left_right_auto_add(Number(newVal)%2==0?newVal:Number(newVal)+1); // left_right_auto_add(Number(newVal)%2==0?newVal:Number(newVal)+1);
} }
Number(newVal)%2!=0?array[1].value=Number(array[1].value)+1:'' Number(newVal) % 2 != 0 ? array[1].value = Number(array[1].value) + 1 : ''
save_set_cache(); save_set_cache();
}, },
{ deep: true } { deep: true }
@ -469,10 +702,10 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1], $store.getters.GetTheCurrentlySelectedCamera[1],
2, 2,
array[2].isshow, array[2].isshow,
Number(array[2].value) Number(array[2].value), auto_sync.value
); );
if (auto_sync.value) left_right_auto_add(Number(newVal)%2==0?newVal:Number(newVal)+1); // if (auto_sync.value) left_right_auto_add(Number(newVal)%2==0?newVal:Number(newVal)+1);
Number(newVal)%2!=0?array[2].value=Number(array[2].value)+1:'' Number(newVal) % 2 != 0 ? array[2].value = Number(array[2].value) + 1 : ''
save_set_cache(); save_set_cache();
}, },
{ deep: true } { deep: true }
@ -486,7 +719,7 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1], $store.getters.GetTheCurrentlySelectedCamera[1],
3, 3,
array[3].isshow, array[3].isshow,
Number(array[3].value) Number(array[3].value), auto_sync.value
); );
save_set_cache(); save_set_cache();
}, },
@ -503,7 +736,7 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1], $store.getters.GetTheCurrentlySelectedCamera[1],
1, 1,
array[0].isshow, array[0].isshow,
Number(array[0].value) Number(array[0].value), auto_sync.value
); );
save_set_cache(); save_set_cache();
}, },
@ -518,9 +751,9 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1], $store.getters.GetTheCurrentlySelectedCamera[1],
0, 0,
array[1].isshow, array[1].isshow,
Number(array[1].value) Number(array[1].value), auto_sync.value
); );
if (auto_sync.value) left_right_auto_add(-1); // if (auto_sync.value) left_right_auto_add(-1);
save_set_cache(); save_set_cache();
}, },
{ deep: true } { deep: true }
@ -534,9 +767,9 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1], $store.getters.GetTheCurrentlySelectedCamera[1],
2, 2,
array[2].isshow, array[2].isshow,
Number(array[2].value) Number(array[2].value), auto_sync.value
); );
if (auto_sync.value) left_right_auto_add(-1); // if (auto_sync.value) left_right_auto_add(-1);
save_set_cache(); save_set_cache();
}, },
{ deep: true } { deep: true }
@ -550,7 +783,7 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1], $store.getters.GetTheCurrentlySelectedCamera[1],
3, 3,
array[3].isshow, array[3].isshow,
Number(array[3].value) Number(array[3].value), auto_sync.value
); );
save_set_cache(); save_set_cache();
}, },
@ -569,59 +802,68 @@ export default defineComponent({
const changenablefusion = () => { const changenablefusion = () => {
$store.commit("setenablefusion", enablefusion.value); $store.commit("setenablefusion", enablefusion.value);
}; };
const left_right_auto_add = (difference: number) => { /**
let tmpobjall = JSON.parse($store.state.fusion_configuration) * 利用缓存手动同步
if ($store.getters.GetTheCurrentlySelectedCamera[1] == 0&&group.value==2) { */
let tmp = set_cache.value[1] == null ? tmpobjall.projectors[1].params : JSON.parse(set_cache.value[1]); // const left_right_auto_add = (difference: number) => {
let set_cache_tmp: any = [] // let tmpobjall = JSON.parse($store.state.fusion_configuration)
if (tmp[1].hasOwnProperty("power")) { // if ($store.getters.GetTheCurrentlySelectedCamera[1] == 0&&group.value==2) {
for (let index = 0; index < 4; index++) { // let tmp = set_cache.value[1] == null ? tmpobjall.projectors[1].params : JSON.parse(set_cache.value[1]);
let tmpobj = { alpha: Number(tmp[arr[index]].alpha.toFixed(2)), p: Number(tmp[arr[index]].power.toFixed(2)), gamma: Number(tmp[arr[index]].gamma.toFixed(2)), isshow: tmp[arr[index]].enable, value: Number(tmp[arr[index]].size) } // let set_cache_tmp: any = []
set_cache_tmp.push(tmpobj) // if (tmp[1].hasOwnProperty("power")) {
} // for (let index = 0; index < 4; index++) {
} else { // let tmpobj = { alpha: Number(tmp[arr[index]].alpha.toFixed(2)), p: Number(tmp[arr[index]].power.toFixed(2)), gamma: Number(tmp[arr[index]].gamma.toFixed(2)), isshow: tmp[arr[index]].enable, value: Number(tmp[arr[index]].size) }
set_cache_tmp = tmp // set_cache_tmp.push(tmpobj)
} // }
if (ste_status.value == 0) { // } else {
if (difference == -1) { // set_cache_tmp = tmp
set_cache_tmp[1].isshow = array[2].isshow // }
} else { // if (ste_status.value == 0) {
set_cache_tmp[1].value = difference // if (difference == -1) {
} // set_cache_tmp[1].isshow = array[2].isshow
set?.SetBlendingOverlap(0, 1, 0, set_cache_tmp[1].isshow, Number(set_cache_tmp[1].value)); // } else {
set_cache.value[1] = JSON.stringify(set_cache_tmp); // set_cache_tmp[1].value = difference
} // }
} // set?.SetBlendingOverlap(0, 1, 0, set_cache_tmp[1].isshow, Number(set_cache_tmp[1].value));
if ($store.getters.GetTheCurrentlySelectedCamera[1] == 1&&group.value==1) { // set_cache.value[1] = JSON.stringify(set_cache_tmp);
// }
// }
// if ($store.getters.GetTheCurrentlySelectedCamera[1] == 1&&group.value==1) {
let tmp = set_cache.value[0] == null ? tmpobjall.projectors[0].params : JSON.parse(set_cache.value[0]); // let tmp = set_cache.value[0] == null ? tmpobjall.projectors[0].params : JSON.parse(set_cache.value[0]);
let set_cache_tmp: any = [] // let set_cache_tmp: any = []
if (tmp[0].hasOwnProperty("power")) { // if (tmp[0].hasOwnProperty("power")) {
for (let index = 0; index < 4; index++) { // for (let index = 0; index < 4; index++) {
let tmpobj = { alpha: Number(tmp[arr[index]].alpha.toFixed(2)), p: Number(tmp[arr[index]].power.toFixed(2)), gamma: Number(tmp[arr[index]].gamma.toFixed(2)), isshow: tmp[arr[index]].enable, value: Number(tmp[arr[index]].size) } // let tmpobj = { alpha: Number(tmp[arr[index]].alpha.toFixed(2)), p: Number(tmp[arr[index]].power.toFixed(2)), gamma: Number(tmp[arr[index]].gamma.toFixed(2)), isshow: tmp[arr[index]].enable, value: Number(tmp[arr[index]].size) }
set_cache_tmp.push(tmpobj) // set_cache_tmp.push(tmpobj)
} // }
} else { // } else {
set_cache_tmp = tmp // set_cache_tmp = tmp
} // }
if (ste_status.value == 0) { // if (ste_status.value == 0) {
//set_cache_tmp[2].value = Number(set_cache_tmp[2].value) + difference // //set_cache_tmp[2].value = Number(set_cache_tmp[2].value) + difference
if (difference == -1) { // if (difference == -1) {
set_cache_tmp[2].isshow = array[1].isshow // set_cache_tmp[2].isshow = array[1].isshow
} else { // } else {
set_cache_tmp[2].value = difference // set_cache_tmp[2].value = difference
} // }
set?.SetBlendingOverlap(0, 0, 2, set_cache_tmp[2].isshow, Number(set_cache_tmp[2].value)); // set?.SetBlendingOverlap(0, 0, 2, set_cache_tmp[2].isshow, Number(set_cache_tmp[2].value));
set_cache.value[0] = JSON.stringify(set_cache_tmp); // set_cache.value[0] = JSON.stringify(set_cache_tmp);
} // }
} // }
} // }
// watch(()=>auto_sync,()=>{
// console.log(auto_sync.value)
// set?.SetBlendingOption("fusion_with_automatic_sync", auto_sync.value?'1':'0');
// },{deep:true})
/** /**
* 平板弹窗修改 * 平板弹窗修改
*/ */
const ipad_chang=ref(false) const ipad_chang = ref(false)
/** /**
* 当前url路径 * 当前url路径
*/ */
@ -630,28 +872,136 @@ export default defineComponent({
/** /**
* 长按实现 * 长按实现
* 单击实现
*/ */
let loop: NodeJS.Timeout let loop: NodeJS.Timeout
let loop_end: NodeJS.Timeout
const handlerTouchstart = (fun: string) => { const handlerTouchstart = (fun: string) => {
loop_end = setTimeout(() => {
loop = setInterval(() => { loop = setInterval(() => {
if (fun == '+') { if (fun == '+') {
array[group.value].value+=2 array[group.value].value += 2
} else { } else {
array[group.value].value-=2 array[group.value].value -= 2
}
}, 30)
}, 100);
if (fun == '+') {
array[group.value].value += 2
} else {
array[group.value].value -= 2
} }
}, 15)
} }
const handlerTouchend = () => { const handlerTouchend = () => {
clearInterval(loop) clearInterval(loop)
clearTimeout(loop_end)
} }
const submit = () => {
set?.SetBlendingOption("blending_grids_background_color", color.value);
}
/**
* 处理平板模式下 伽马校正操作
* 手写实现pad长按点击
*/
const ipad_chang_input = ref(false)
const now_apg = ref("");
let loop__apg: NodeJS.Timeout
let loop__apg_end: NodeJS.Timeout
const handlerTouchstart_apg = (fun: string) => {
loop__apg_end = setTimeout(() => {
loop__apg = setInterval(() => {
if (fun == '+') {
array[group.value][now_apg.value] = toDecimal(array[group.value][now_apg.value] + 0.1)
} else {
array[group.value][now_apg.value] = toDecimal(array[group.value][now_apg.value] - 0.1)
}
chang(now_apg.value)
}, 30)
}, 1000);
if (fun == '+') {
array[group.value][now_apg.value] = toDecimal(array[group.value][now_apg.value] + 0.1)
} else {
array[group.value][now_apg.value] = toDecimal(array[group.value][now_apg.value] - 0.1)
}
chang(now_apg.value)
}
const handlerTouchend_apg = () => {
clearTimeout(loop__apg_end)
clearInterval(loop__apg)
}
const toDecimal = (num: number): number => {
return Math.round(num * 100) / 100;
}
let loop_start: NodeJS.Timeout
let loop_finish: NodeJS.Timeout
const input_focus = ref([false, false, false, false,])
const mousedown = (fun: string, index: number) => {
loop_start = setTimeout(() => {
loop_finish = setInterval(() => {
if (fun == '+') {
array[index].value += 2
} else {
array[index].value -= 2
}
}, 30)
}, 1000);
if (fun == '+') {
array[index].value += 2
} else {
array[index].value -= 2
}
}
const mouseup = () => {
clearTimeout(loop_start)
clearInterval(loop_finish)
}
const input_focus_apg = ref([false, false, false,])
// const ["","","",""]
/**
* 可供选择的
*/
const options = [{
label: $t.t('up'),
value: 0
}, {
label: $t.t('left'),
value: 1
}, {
label: $t.t('right'),
value: 2
}, {
label: $t.t('down'),
value: 3
}]
return { return {
options,
input_focus_apg,
input_focus,
mousedown,
mouseup,
now_apg,
handlerTouchstart_apg,
handlerTouchend_apg,
ipad_chang_input,
send_auxiliary_line, send_auxiliary_line,
group, group,
array, array,
chang, chang,
enablefusion, enablefusion,
changenablefusion, // changenablefusion,
selectedprojector, selectedprojector,
set_cache, set_cache,
auxiliary_line, auxiliary_line,
@ -662,7 +1012,10 @@ export default defineComponent({
ipad_chang, ipad_chang,
url, url,
handlerTouchstart, handlerTouchstart,
handlerTouchend handlerTouchend,
ispad,
color,
submit
}; };
}, },
}); });

View File

@ -110,6 +110,9 @@ export default defineComponent({
let model = reactive([20, 40, 20]); let model = reactive([20, 40, 20]);
let options = ref([10, 20, 30, 40, 50, 60 ,80]); let options = ref([10, 20, 30, 40, 50, 60 ,80]);
let line_width_options = ref([2,4,6,8,10, 20, 30, 40, 50]); let line_width_options = ref([2,4,6,8,10, 20, 30, 40, 50]);
/**
* 发送颜色 根据index不同确定是那个接口
*/
const submit = () => { const submit = () => {
switch (index.value) { switch (index.value) {
case 0: case 0:
@ -128,6 +131,11 @@ export default defineComponent({
break; break;
} }
} }
/**
* 修改 横纵 线的数量
* @param type 类型
* @param value
*/
const update_row_col = (type: number, value: number) => { const update_row_col = (type: number, value: number) => {
switch (type) { switch (type) {
case 0: case 0:
@ -143,6 +151,10 @@ export default defineComponent({
break; break;
} }
} }
/**
* 修改 单选 发送数据 使用switch 匹配多个
* @param type
*/
const send_off = (type: number) => { const send_off = (type: number) => {
setTimeout(() => { setTimeout(() => {
switch (type) { switch (type) {
@ -164,6 +176,9 @@ export default defineComponent({
} }
}, 100); }, 100);
} }
/**
* 使用服务端配置
*/
const use_server_config = () => { const use_server_config = () => {
let server_conf = JSON.parse($store.state.fusion_configuration).options let server_conf = JSON.parse($store.state.fusion_configuration).options
model[0] = server_conf.blending_grids_row ?? 20; model[0] = server_conf.blending_grids_row ?? 20;
@ -181,10 +196,16 @@ export default defineComponent({
onBeforeUnmount(() => { onBeforeUnmount(() => {
set_sessionStorage() set_sessionStorage()
}); });
/**
* 保存缓存到sessionStorage
*/
const set_sessionStorage = () => { const set_sessionStorage = () => {
let tmp = { RowsColumns: RowsColumns, color: color, model: model } let tmp = { RowsColumns: RowsColumns, color: color, model: model }
sessionStorage.GridSettings = JSON.stringify(tmp) sessionStorage.GridSettings = JSON.stringify(tmp)
} }
/**
* 获取sessionStorage
*/
const get_sessionStorage = () => { const get_sessionStorage = () => {
let tmp = JSON.parse(sessionStorage.GridSettings) let tmp = JSON.parse(sessionStorage.GridSettings)
for (let index = 0; index < tmp.RowsColumns.length; index++) { for (let index = 0; index < tmp.RowsColumns.length; index++) {

View File

@ -204,6 +204,7 @@
} }
</style> </style>
<!-- 取消浏览器自带的input箭头 使用q-input的图标实现 -->
<style> <style>
input::-webkit-outer-spin-button, input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
@ -212,6 +213,7 @@ input::-webkit-inner-spin-button {
} }
</style> </style>
<script lang="ts"> <script lang="ts">
import { import {
defineComponent, defineComponent,
@ -270,13 +272,35 @@ export default defineComponent({
$store.getters.GetTheCurrentlySelectedCamera[1] $store.getters.GetTheCurrentlySelectedCamera[1]
); );
}); });
/**
* 当前投影机的数据
*/
let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value]; let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value];
/**
* 当前点的个数
*/
const value_point_amount = ref(9) const value_point_amount = ref(9)
/**
* 删除 弹窗
*/
const del_dialog = ref(false) const del_dialog = ref(false)
/**
* 添加弹窗
*/
const add_dialog = ref(false) const add_dialog = ref(false)
/**
* 当前点的个数
*/
const now_amount = ref(9) const now_amount = ref(9)
/**
* 可以选择点数的列表
*/
const options_value_point_amount = ref(<string[]>[]) const options_value_point_amount = ref(<string[]>[])
/**
* 深度copy
* @param o1
* @param o2
*/
const deepcopy = (o1: any, o2: any) => { const deepcopy = (o1: any, o2: any) => {
for (let k in o2) { for (let k in o2) {
if (typeof o2[k] === "object") { if (typeof o2[k] === "object") {
@ -288,7 +312,9 @@ export default defineComponent({
} }
} }
}; };
/**
* 使用服务端获取的配置
*/
const use_server_config = () => { const use_server_config = () => {
value_point_amount.value = Number(Object.keys(config.multi_curved_surface)[0]) value_point_amount.value = Number(Object.keys(config.multi_curved_surface)[0])
let a = value_point_amount.value let a = value_point_amount.value
@ -309,7 +335,9 @@ export default defineComponent({
value_point.value.push(tmp_point) value_point.value.push(tmp_point)
} }
} }
/**
* 使用本地缓存配置
*/
const use_set_cache = () => { const use_set_cache = () => {
if (set_cache.value[selectedprojector.value] != null) { if (set_cache.value[selectedprojector.value] != null) {
let tmp = JSON.parse(set_cache.value[selectedprojector.value]); let tmp = JSON.parse(set_cache.value[selectedprojector.value]);
@ -319,13 +347,17 @@ export default defineComponent({
recalculate_coordinates() recalculate_coordinates()
} }
} }
/**
* 保存本地缓存
*/
const save_set_cache = () => { const save_set_cache = () => {
let tmp = { value: value.value, value_point_amount: value_point_amount.value, value_point: value_point.value } let tmp = { value: value.value, value_point_amount: value_point_amount.value, value_point: value_point.value }
set_cache.value[selectedprojector.value] = JSON.stringify(tmp); set_cache.value[selectedprojector.value] = JSON.stringify(tmp);
} }
/**
* 监听投影机是否切换
*/
watch( watch(
() => configselsect, () => configselsect,
(newVal, oldVal) => { (newVal, oldVal) => {
@ -355,7 +387,9 @@ export default defineComponent({
{ deep: true } { deep: true }
); );
/**
* 缓存 变量
*/
const set_cache: any = ref([]); const set_cache: any = ref([]);
// //
let value = ref(<DensityCorrection[]>[]); let value = ref(<DensityCorrection[]>[]);
@ -367,13 +401,23 @@ export default defineComponent({
const options_model = ref(0) const options_model = ref(0)
const div = ref(); const div = ref();
/**
* 分辨率最大值
*/
const max = ref({ x: 0, y: 0 }) const max = ref({ x: 0, y: 0 })
/**
* 点的大小
*/
const point = ref({ w: 20, h: 20 }) const point = ref({ w: 20, h: 20 })
/**
* 发送当前选择的点
*/
watch(() => options_model, (newval, oldval) => { watch(() => options_model, (newval, oldval) => {
set?.SetBlendingOption("blending_grids_select_point", `9:${newval.value + 1}`) set?.SetBlendingOption("blending_grids_select_point", `9:${newval.value + 1}`)
}, { deep: true }) }, { deep: true })
/**
* 发送当前点的数量
*/
watch(() => value_point_amount, (newval, oldval) => { watch(() => value_point_amount, (newval, oldval) => {
if (ste_status.value == 0) set?.SetBlendingOption("blending_grids_control_point_count", `${newval.value}`) if (ste_status.value == 0) set?.SetBlendingOption("blending_grids_control_point_count", `${newval.value}`)
options_model.value = 0 options_model.value = 0
@ -389,12 +433,19 @@ export default defineComponent({
max.value.y = div.value.offsetHeight max.value.y = div.value.offsetHeight
}) })
/**
* 变更点数
* @param val
*/
const chang_point_amount = (val: number) => { const chang_point_amount = (val: number) => {
start_point(val) start_point(val)
//use_set_cache() //use_set_cache()
} }
/**
* 拖拽组件移动回调
* @param $event
* @param index
*/
const dragStartHandle = ($event: any, index: number) => { const dragStartHandle = ($event: any, index: number) => {
let obj_x = $event.x let obj_x = $event.x
let obj_y = $event.y let obj_y = $event.y
@ -404,7 +455,12 @@ export default defineComponent({
send_value(index, Math.trunc(tmp.x), Math.trunc(tmp.y)) send_value(index, Math.trunc(tmp.x), Math.trunc(tmp.y))
save_set_cache() save_set_cache()
} }
/**
* 修改input 手动计算拖拽组件的位置
* @param index
* @param $event
* @param type
*/
const chang = (index: number, $event: any, type: string) => { const chang = (index: number, $event: any, type: string) => {
index = Number(index) index = Number(index)
let tmp = coordinate_transformation_value_to_xy(value.value[index].x, value.value[index].y) let tmp = coordinate_transformation_value_to_xy(value.value[index].x, value.value[index].y)
@ -414,6 +470,9 @@ export default defineComponent({
save_set_cache() save_set_cache()
} }
/**
* 计算可供选择的点
*/
const options = computed(() => { const options = computed(() => {
let tmp = [] let tmp = []
for (let index = 0; index < value_point.value.length; index++) { for (let index = 0; index < value_point.value.length; index++) {
@ -448,7 +507,10 @@ export default defineComponent({
y = (max.value.y - (y + point.value.h)) * Proportion.value.y y = (max.value.y - (y + point.value.h)) * Proportion.value.y
return { x, y } return { x, y }
} }
/**
* 初始化 赋值
* @param a
*/
const start_point = (a: number) => { const start_point = (a: number) => {
value.value = [] value.value = []
value_point.value = [] value_point.value = []
@ -469,7 +531,9 @@ export default defineComponent({
save_set_cache() save_set_cache()
} }
/**
* 用于模拟数据让dom先渲染
*/
const start = () => { const start = () => {
let tmp: DensityCorrectionPoint = { control_point: 0, x: 0, y: 0, def_x: 0, def_y: 0 }; let tmp: DensityCorrectionPoint = { control_point: 0, x: 0, y: 0, def_x: 0, def_y: 0 };
value.value.push(tmp) value.value.push(tmp)
@ -477,6 +541,9 @@ export default defineComponent({
} }
start() start()
onMounted(() => { onMounted(() => {
/**
* 计算比例
*/
Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w) Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w)
Proportion.value.y = allconfig.projector_height / (div.value.offsetHeight - point.value.h) Proportion.value.y = allconfig.projector_height / (div.value.offsetHeight - point.value.h)
@ -500,22 +567,38 @@ export default defineComponent({
})(); })();
}; };
}) })
/**
* 注销组件时 把当前修改的数据存入sessionStorage
*/
onBeforeUnmount(() => { onBeforeUnmount(() => {
sessionStorage.SurfaceCorrection = JSON.stringify(set_cache.value); sessionStorage.SurfaceCorrection = JSON.stringify(set_cache.value);
}); });
/**
* 重置
* @param index 索引
* @param send 是否发送给后端
* @param type
*/
const reset = (index: number, send: boolean, type: string) => { const reset = (index: number, send: boolean, type: string) => {
value.value[index].x = value.value[index].def_x value.value[index].x = value.value[index].def_x
value.value[index].y = value.value[index].def_y value.value[index].y = value.value[index].def_y
chang(index, value.value[index].def_y, type) chang(index, value.value[index].def_y, type)
save_set_cache() save_set_cache()
} }
/**
* 发送点的数据
* @param index 当前点的索引
* @param x x值
* @param y y值
*/
const send_value = (index: number, x: number, y: number) => { const send_value = (index: number, x: number, y: number) => {
let row = $store.getters.GetTheCurrentlySelectedCamera[0] let row = $store.getters.GetTheCurrentlySelectedCamera[0]
let col = $store.getters.GetTheCurrentlySelectedCamera[1] let col = $store.getters.GetTheCurrentlySelectedCamera[1]
set?.setBlendingCorrection(row, col, 9, value_point.value.length, index + 1, Number(x), Number(y)); set?.setBlendingCorrection(row, col, 9, value_point.value.length, index + 1, Number(x), Number(y));
} }
/**
* 重置全部点的参数
*/
const resetall = () => { const resetall = () => {
for (let index = 0; index < value_point.value.length; index++) { for (let index = 0; index < value_point.value.length; index++) {
value.value[index].x = value.value[index].def_x value.value[index].x = value.value[index].def_x
@ -527,6 +610,9 @@ export default defineComponent({
send_value(-1, 0, 0) send_value(-1, 0, 0)
save_set_cache() save_set_cache()
} }
/**
* 重置所有配置方案的 配置
*/
const resetall_all = () => { const resetall_all = () => {
let amount_tmp = value_point_amount.value let amount_tmp = value_point_amount.value
for (let index = 0; index < value_point.value.length; index++) { for (let index = 0; index < value_point.value.length; index++) {
@ -549,6 +635,9 @@ export default defineComponent({
start_point(Number(value_point_amount.value)) start_point(Number(value_point_amount.value))
} }
/**
* 窗口改变大小时重新计算 比例
*/
const recalculate_coordinates = () => { const recalculate_coordinates = () => {
try { try {
Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w) Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w)
@ -567,8 +656,12 @@ export default defineComponent({
} }
} }
/**
* 增加点数
* @param amount 数量 平方
*/
const add_control_points = (amount: number) => { const add_control_points = (amount: number) => {
if (amount < 9) return if (amount < 9 ||amount>=169) return
let cardinality = Math.sqrt(amount) let cardinality = Math.sqrt(amount)
amount = (cardinality + 1) ** 2 amount = (cardinality + 1) ** 2
let tmpconfig: any = null let tmpconfig: any = null
@ -614,9 +707,14 @@ export default defineComponent({
} }
value_point.value.push(tmp_point) value_point.value.push(tmp_point)
} }
ste_status.value = 0;
}); });
save_set_cache() save_set_cache()
} }
/**
* 删除点数量
* @param amount
*/
const del_control_points = (amount: number) => { const del_control_points = (amount: number) => {
let tmp = amount let tmp = amount
if (amount <= 9) return if (amount <= 9) return
@ -666,6 +764,7 @@ export default defineComponent({
} }
value_point.value.push(tmp_point) value_point.value.push(tmp_point)
} }
ste_status.value = 0;
}); });
save_set_cache() save_set_cache()
@ -714,13 +813,18 @@ export default defineComponent({
} }
value_point.value.push(tmp_point) value_point.value.push(tmp_point)
} }
ste_status.value = 0;
}); });
set?.SetBlendingOption("blending_grids_control_point_count", `${value_point_amount.value}`) set?.SetBlendingOption("blending_grids_control_point_count", `${value_point_amount.value}`)
save_set_cache() save_set_cache()
} }
/**
* 预览增加点的效果
* @param val
*/
const preview = (val: number) => { const preview = (val: number) => {
val = Number(val) val = Number(val)
if (val < 3) return if (val < 3||val>=13) return
let width = allconfig.projector_width / (val - 1) let width = allconfig.projector_width / (val - 1)
let height = allconfig.projector_height / (val - 1) let height = allconfig.projector_height / (val - 1)
value.value = [] value.value = []
@ -871,13 +975,17 @@ export default defineComponent({
} }
} }
/**
* 判断是否是平板
*/
const ispad = computed(() => { const ispad = computed(() => {
let url = window.location.href; let url = window.location.href;
return url.indexOf("pad") != -1 return url.indexOf("pad") != -1
}) })
/**
* 针对平板的 手动实现单机和长按
*/
let loop_start: NodeJS.Timeout let loop_start: NodeJS.Timeout
let loop_finish: NodeJS.Timeout let loop_finish: NodeJS.Timeout
@ -929,8 +1037,13 @@ export default defineComponent({
clearInterval(loop_finish) clearInterval(loop_finish)
} }
/**
* 控制是否显示 input x 的自定义监听
*/
const input_x_focus=ref(false) const input_x_focus=ref(false)
/**
* 控制是否显示 input y 的自定义监听
*/
const input_y_focus=ref(false) const input_y_focus=ref(false)
@ -941,7 +1054,6 @@ export default defineComponent({
defineExpose({ defineExpose({
options_model, options_model,
}); });

View File

@ -88,12 +88,12 @@
<q-separator /> <q-separator />
<q-card-actions align="right"> <q-card-actions align="right">
<!-- <span>{{ $t("disable blending params") }}</span> <span>{{ $t("disable blending params") }}</span>
<q-checkbox style="justify-content: flex-start" v-model="disable_blending_params" <q-checkbox style="justify-content: flex-start" v-model="disable_blending_params"
@click="send_disable_blending_params" /> @click="send_disable_blending_params" />
<span>{{ $t("show blending grids") }}</span> <span>{{ $t("show blending grids") }}</span>
<q-checkbox style="justify-content: flex-start" v-model="show_blending_grids" <q-checkbox style="justify-content: flex-start" v-model="show_blending_grids"
@click="send_show_blending_grids" /> --> @click="send_show_blending_grids" />
<div class="q-space" data-v-39efcd1f=""></div> <div class="q-space" data-v-39efcd1f=""></div>
<div class="q-space" data-v-39efcd1f=""></div> <div class="q-space" data-v-39efcd1f=""></div>
<q-btn color="white" @click="resetall" text-color="black" :label="$t('resetall config')" /> <q-btn color="white" @click="resetall" text-color="black" :label="$t('resetall config')" />
@ -201,7 +201,7 @@
<div class="text-h6">{{ $t('Do you confirm the modification') }}</div> <div class="text-h6">{{ $t('Do you confirm the modification') }}</div>
</q-card-section> </q-card-section>
<q-card-section class="q-pt-none"> <q-card-section class="q-pt-none">
{{ $t('Whether to change the projector layout to') + dialog_data.parameter }} {{ $t('Whether to change the projector layout to') + dialog_data_projectorlayout.parameter }}
</q-card-section> </q-card-section>
<q-card-actions align="right" class="bg-white text-teal"> <q-card-actions align="right" class="bg-white text-teal">
<q-btn flat :label="$t('Cancel')" @click="()=>{re_match_data();confirm_projectorlayout=false}" color="primary" /> <q-btn flat :label="$t('Cancel')" @click="()=>{re_match_data();confirm_projectorlayout=false}" color="primary" />
@ -276,6 +276,9 @@ export default defineComponent({
* 当前平板是否全屏 * 当前平板是否全屏
*/ */
const is_pad_screen = ref(false); const is_pad_screen = ref(false);
/**
* 计算平板和pc的样式
*/
const is_pad_style = computed(() => { const is_pad_style = computed(() => {
let url = window.location.href let url = window.location.href
if (url.indexOf("pad") != -1 && $t.locale.value == "en-US") { if (url.indexOf("pad") != -1 && $t.locale.value == "en-US") {
@ -286,19 +289,40 @@ export default defineComponent({
} }
return "60vw" return "60vw"
}) })
/**
* 选择配置的弹窗
*/
const select_configuration = ref(false) const select_configuration = ref(false)
/**
* 删除配置时弹窗
*/
const del_dialog = ref(false) const del_dialog = ref(false)
/**
* 后端获取的配置
*/
const config_projectors = ref(null) const config_projectors = ref(null)
/**
* 选择配置文件的名称
*/
const select_configuration_name = ref("") const select_configuration_name = ref("")
/**
* 发送是否禁用融合参数
*/
const send_disable_blending_params = () => { const send_disable_blending_params = () => {
set?.SetBlendingOption(disable_blending_params_id.value, disable_blending_params.value ? "1" : "0"); set?.SetBlendingOption(disable_blending_params_id.value, disable_blending_params.value ? "1" : "0");
}; };
/**
* 当前分辨率 在配置文件中的索引
*/
const now_resolution = ref(1) const now_resolution = ref(1)
// let allconfig = JSON.parse($store.state.fusion_configuration); // let allconfig = JSON.parse($store.state.fusion_configuration);
/** /**
* 模拟数据完成dom渲染再次获取真实后台数据 * 模拟数据完成dom渲染再次获取真实后台数据
*/ */
let allconfig = JSON.parse("{\"resolution\": [{\"width\": 1920,\"height\": 1080}]}"); let allconfig = JSON.parse("{\"resolution\": [{\"width\": 1920,\"height\": 1080}]}");
/**
* 计算可供选择的分辨率
*/
const options_resolution = computed(() => { const options_resolution = computed(() => {
let tmp = []; let tmp = [];
if (allconfig.resolution) { if (allconfig.resolution) {
@ -311,6 +335,9 @@ export default defineComponent({
} }
return tmp return tmp
}) })
/**
* 子组件
*/
const child: any = ref(null); const child: any = ref(null);
/** /**
* 开启网格时发送全部参数 * 开启网格时发送全部参数
@ -403,15 +430,35 @@ export default defineComponent({
sessionStorage.removeItem("Debugging"); sessionStorage.removeItem("Debugging");
sessionStorage.removeItem("FusionLocale_async"); sessionStorage.removeItem("FusionLocale_async");
} }
/**
* 从配置文件中获取的行和列
*/
const config = ref({ col: 0, row: 0 }); const config = ref({ col: 0, row: 0 });
/**
* 是否开启融合
*/
const EnableBlending = ref(false); const EnableBlending = ref(false);
let optionsstr = ref(); let optionsstr = ref();
optionsstr.value = ""; optionsstr.value = "";
/**
* 是否禁用融合参数 的参数名称
*/
const disable_blending_params_id = ref("blending@disable_blending_params"); const disable_blending_params_id = ref("blending@disable_blending_params");
/**
* 是否禁用融合参数
*/
const disable_blending_params = ref(false); const disable_blending_params = ref(false);
/**
* 是否开启网格的参数名称
*/
const show_blending_grids_id = ref("blending_grids_show"); const show_blending_grids_id = ref("blending_grids_show");
/**
* 是否开启网格
*/
const show_blending_grids = ref(true); const show_blending_grids = ref(true);
/**
* 是否保存配置弹窗
*/
const medium = ref(false); const medium = ref(false);
const options = computed({ const options = computed({
get() { get() {
@ -516,6 +563,9 @@ export default defineComponent({
}); });
} catch (error) { } } catch (error) { }
}; };
/**
* 点击页面取消时调用 恢复默认参数
*/
const clear = () => { const clear = () => {
record_times.value = 0 record_times.value = 0
// show_blending_grids.value = false; // show_blending_grids.value = false;
@ -573,6 +623,9 @@ export default defineComponent({
$store.commit("setfusion_configuration", res?.config); $store.commit("setfusion_configuration", res?.config);
optionsstr.value = "FourPointCalibration"; optionsstr.value = "FourPointCalibration";
allconfig = JSON.parse($store.state.fusion_configuration); allconfig = JSON.parse($store.state.fusion_configuration);
/**
* 匹配当前分辨率的索引 没有匹配到自动加入当前分辨率
*/
if (allconfig.resolution) { if (allconfig.resolution) {
for (let index = 0; index < allconfig.resolution.length; index++) { for (let index = 0; index < allconfig.resolution.length; index++) {
if (allconfig.resolution[index].width == allconfig.projector_width && allconfig.resolution[index].height == allconfig.projector_height) { if (allconfig.resolution[index].width == allconfig.projector_width && allconfig.resolution[index].height == allconfig.projector_height) {
@ -584,7 +637,9 @@ export default defineComponent({
allconfig = { resolution: [{ width: tmp.projector_width, height: tmp.projector_height }] }; allconfig = { resolution: [{ width: tmp.projector_width, height: tmp.projector_height }] };
now_resolution.value = 0 now_resolution.value = 0
} }
/**
* 计算当前可供选择的 投影机布局
*/
projectorlayout.value = [] projectorlayout.value = []
let cont = 0 let cont = 0
for (let index = 1; index <= tmp.max_projector_count; index++) { for (let index = 1; index <= tmp.max_projector_count; index++) {
@ -598,7 +653,9 @@ export default defineComponent({
} }
} }
} }
/**
* 匹配当前投影机布局
*/
for (let index = 0; index < projectorlayout.value.length; index++) { for (let index = 0; index < projectorlayout.value.length; index++) {
let arr = projectorlayout.value[index].label.split('x'); let arr = projectorlayout.value[index].label.split('x');
if (tmp.col == Number(arr[1]) && tmp.row == Number(arr[0])) { if (tmp.col == Number(arr[1]) && tmp.row == Number(arr[0])) {
@ -616,11 +673,19 @@ export default defineComponent({
}, 1000); }, 1000);
// console.log(" ") // console.log(" ")
}); });
/**
* 保存配置的名称
*/
const save_cover_name = ref("") const save_cover_name = ref("")
/**
*
*/
const plan_list = [ const plan_list = [
'' ''
] ]
/**
* 应用当前选择的配置文件
*/
const apply_the_selected_configuration = () => { const apply_the_selected_configuration = () => {
$q.loading.show({ $q.loading.show({
message: 'Loading please wait' message: 'Loading please wait'
@ -662,12 +727,20 @@ export default defineComponent({
getconfig() getconfig()
} }
const plan_list_op = ref(plan_list) const plan_list_op = ref(plan_list)
/**
* select 自动提示函数
* @param val
* @param update
*/
const filterFn = (val: any, update: any) => { const filterFn = (val: any, update: any) => {
update(() => { update(() => {
const needle = val.toLocaleLowerCase() const needle = val.toLocaleLowerCase()
plan_list_op.value = plan_list.filter(v => v.toLocaleLowerCase().indexOf(needle) > -1) plan_list_op.value = plan_list.filter(v => v.toLocaleLowerCase().indexOf(needle) > -1)
}) })
} }
/**
* 当前按下ctrl 次数
*/
const record_times = ref(0) const record_times = ref(0)
const setModel = (val: string) => { const setModel = (val: string) => {
save_cover_name.value = val save_cover_name.value = val
@ -677,7 +750,9 @@ export default defineComponent({
set?.SaveBlendingConfig(save_cover_name.value); set?.SaveBlendingConfig(save_cover_name.value);
medium.value = false medium.value = false
} }
/**
* 是否开启debug页面
*/
const isdebug = computed(() => { const isdebug = computed(() => {
try { try {
return record_times.value > 2 return record_times.value > 2
@ -686,11 +761,21 @@ export default defineComponent({
} }
}) })
/**
* 需要删除的配置 名称
*/
const name_to_be_deleted = ref(""); const name_to_be_deleted = ref("");
/**
* 待删除配置函数
* @param name 待删除的名称
*/
const del_scenes = (name: string) => { const del_scenes = (name: string) => {
del_dialog.value = true; del_dialog.value = true;
name_to_be_deleted.value = name; name_to_be_deleted.value = name;
} }
/**
* 正式删除配置的函数
*/
const dialog_del_scenes = () => { const dialog_del_scenes = () => {
set?.DeleteBlendingScene(name_to_be_deleted.value); set?.DeleteBlendingScene(name_to_be_deleted.value);
plan_list.splice(plan_list.findIndex(item => item === name_to_be_deleted.value), 1) plan_list.splice(plan_list.findIndex(item => item === name_to_be_deleted.value), 1)
@ -698,7 +783,14 @@ export default defineComponent({
select_configuration_name.value = '' select_configuration_name.value = ''
save_cover_name.value = '' save_cover_name.value = ''
} }
/**
* 当前选择的投影机
*/
const now_selsect_projector = ref("0-0") const now_selsect_projector = ref("0-0")
/**
* 发送当前选择的投影机
* @param value
*/
const currently_selected_projector = (value: string) => { const currently_selected_projector = (value: string) => {
set?.SetBlendingOption('blending_grids_select_projector', value); set?.SetBlendingOption('blending_grids_select_projector', value);
now_selsect_projector.value = value now_selsect_projector.value = value
@ -708,10 +800,17 @@ export default defineComponent({
* 依赖注入 * 依赖注入
*/ */
provide("now_selsect_projector", now_selsect_projector); provide("now_selsect_projector", now_selsect_projector);
/**
* 可以供选择的布局 变量
*/
let projectorlayout = ref([{ label: '1x1', value: 0 }, { label: '1x2', value: 1 }]) let projectorlayout = ref([{ label: '1x1', value: 0 }, { label: '1x2', value: 1 }])
let projectorlayout_tmp = ref(<string[]>[]) let projectorlayout_tmp = ref(<string[]>[])
const now_select_projectorlayout = ref(0) const now_select_projectorlayout = ref(0)
const now_select_projectorlayout_tmp = ref("") const now_select_projectorlayout_tmp = ref("")
/**
* 发送当前选择的布局
* @param val
*/
const send_projectorlayout = (val: number) => { const send_projectorlayout = (val: number) => {
let arr = projectorlayout.value[val].label.split('x'); let arr = projectorlayout.value[val].label.split('x');
set?.SetProjectorLayout(Number(arr[0]), Number(arr[1])).then(res => { set?.SetProjectorLayout(Number(arr[0]), Number(arr[1])).then(res => {
@ -742,7 +841,10 @@ export default defineComponent({
getconfig() getconfig()
}) })
} }
/**
* 发送当前选择的布局
* @param val
*/
const send_projectorlayout2 = (val: string) => { const send_projectorlayout2 = (val: string) => {
let arr = val.split('x'); let arr = val.split('x');
set?.SetProjectorLayout(Number(arr[0]), Number(arr[1])).then(res => { set?.SetProjectorLayout(Number(arr[0]), Number(arr[1])).then(res => {
@ -832,7 +934,9 @@ export default defineComponent({
/**
* select 组件选中就触发修改 这里是通过再次获取数据判断 显示在页面
*/
const re_match_data = () => { const re_match_data = () => {
let tmp = JSON.parse($store.state.fusion_configuration); let tmp = JSON.parse($store.state.fusion_configuration);
for (let index = 0; index < options_resolution.value.length; index++) { for (let index = 0; index < options_resolution.value.length; index++) {
@ -853,6 +957,9 @@ export default defineComponent({
} }
} }
const element: any = ref() const element: any = ref()
/**
* 手动全屏指定元素
*/
const element_full_screen = () => { const element_full_screen = () => {
let elem = document.getElementById("element") let elem = document.getElementById("element")
if (!document.fullscreenElement) { if (!document.fullscreenElement) {
@ -873,15 +980,30 @@ export default defineComponent({
interface projectorlayoutarray { interface projectorlayoutarray {
label: string; value: number; label: string; value: number;
} }
/**
* 经过筛选的 投影机布局
*/
const show_projectorlayout = ref(<projectorlayoutarray[]>[]) const show_projectorlayout = ref(<projectorlayoutarray[]>[])
/**
* 筛选投影机函数
* @param val
* @param update
*/
const filterFn_projector = (val: any, update: any) => { const filterFn_projector = (val: any, update: any) => {
update(() => { update(() => {
const needle = val.toLowerCase() const needle = val.toLowerCase()
show_projectorlayout.value = projectorlayout.value.filter(v => v.label.toLowerCase().indexOf(needle) > -1) show_projectorlayout.value = projectorlayout.value.filter(v => v.label.toLowerCase().indexOf(needle) > -1)
}) })
} }
/**
* 经过筛选的 投影机布局
*/
const show_projectorlayout2 = ref(<string[]>[]) const show_projectorlayout2 = ref(<string[]>[])
/**
* 筛选投影机函数
* @param val
* @param update
*/
const filterFn_projector2 = (val: any, update: any) => { const filterFn_projector2 = (val: any, update: any) => {
update(() => { update(() => {
const needle = val.toLowerCase() const needle = val.toLowerCase()