Compare commits
No commits in common. "9cd50bc9083de9d9179da5157dd0fd301baedbda" and "3d0925f4447af8416ef53c983895703e3c2e3858" have entirely different histories.
9cd50bc908
...
3d0925f444
|
|
@ -1786,7 +1786,6 @@ export default defineComponent({
|
|||
}
|
||||
test_monitor_list.value.forEach((element) => {
|
||||
element.isHide = false;
|
||||
element.isactive=false
|
||||
});
|
||||
if (
|
||||
output_length.value !=
|
||||
|
|
@ -2128,7 +2127,6 @@ export default defineComponent({
|
|||
closeAllWindows() {
|
||||
sort_index.value = [];
|
||||
current_index.value = -1;
|
||||
monitor_list_current_index.value = -1;
|
||||
// test_monitor_wall.value.forEach((ele) => {
|
||||
// ele.cmh = Math.round(ele.h / lcm.value);
|
||||
// ele.cmw = Math.round(ele.w / lcm.value);
|
||||
|
|
@ -2137,9 +2135,7 @@ export default defineComponent({
|
|||
// });
|
||||
test_monitor_list.value.forEach((element) => {
|
||||
element.isHide = false;
|
||||
element.isactive=false
|
||||
});
|
||||
|
||||
test_monitor_wall.value = [];
|
||||
multiple_select.value = [];
|
||||
realtime_upload();
|
||||
|
|
|
|||
|
|
@ -157,10 +157,10 @@
|
|||
v-model="value_v[options_model_v].y" @update:model-value="chang(options_model_v, $event, 'v')" lazy-rules
|
||||
@focus="input_y_focus=true" @blur="input_y_focus=false"
|
||||
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : '' }" :readonly="url.indexOf('pad') != -1" >
|
||||
<template v-if="input_y_focus" v-slot:append>
|
||||
<!-- <template v-if="input_y_focus" v-slot:append>
|
||||
<q-icon name="arrow_upward" @mousedown="mousedown('+','y')" @mouseup="mouseup" />
|
||||
<q-icon name="arrow_downward" @mousedown="mousedown('-','y')" @mouseup="mouseup" />
|
||||
</template>
|
||||
</template> -->
|
||||
</q-input>
|
||||
</div>
|
||||
<div class="q-pt-md ">
|
||||
|
|
@ -196,10 +196,10 @@
|
|||
v-model="value_h[options_model_h].x" @update:model-value="chang(options_model_h, $event, 'h')" lazy-rules
|
||||
@focus="input_x_focus=true" @blur="input_x_focus=false"
|
||||
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : '' }" :readonly="url.indexOf('pad') != -1" >
|
||||
<template v-if="input_x_focus" v-slot:append>
|
||||
<!-- <template v-if="input_x_focus" v-slot:append>
|
||||
<q-icon name="arrow_upward" @mousedown="mousedown('+','x')" @mouseup="mouseup" />
|
||||
<q-icon name="arrow_downward" @mousedown="mousedown('-','x')" @mouseup="mouseup" />
|
||||
</template>
|
||||
</template> -->
|
||||
</q-input>
|
||||
</div>
|
||||
<div class="q-pt-md ">
|
||||
|
|
@ -318,14 +318,6 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<!-- 取消浏览器自带的input箭头 使用q-input的图标实现 -->
|
||||
<style>
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none !important;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script lang="ts">
|
||||
import {
|
||||
|
|
@ -361,9 +353,7 @@ export default defineComponent({
|
|||
let $store = useStore();
|
||||
let $t = useI18n();
|
||||
const ste_status = ref(0);
|
||||
/**
|
||||
* 计算当前的投影机
|
||||
*/
|
||||
|
||||
const configselsect = computed(() => {
|
||||
return $store.state.selected_projector;
|
||||
});
|
||||
|
|
@ -385,43 +375,15 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1]
|
||||
);
|
||||
});
|
||||
/**
|
||||
* 当前的参数
|
||||
*/
|
||||
let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value];
|
||||
/**
|
||||
* 控制页面上当前显示垂直校正还是水平
|
||||
*/
|
||||
const now_v_h = ref("")
|
||||
/**
|
||||
* 水平校正 点的个数 默认取配置文件的第一个参数
|
||||
*/
|
||||
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 add_dialog = ref(false)
|
||||
/**
|
||||
* 当前数量 好像没有用
|
||||
*/
|
||||
const now_amount = ref(0)
|
||||
/**
|
||||
* 可供选择的 水平 点的数量 绑定 select
|
||||
*/
|
||||
|
||||
const options_value_h_point_amount = ref(<string[]>[])
|
||||
/**
|
||||
* 可供选择的 垂直 点的数量 绑定 select
|
||||
*/
|
||||
const options_value_v_point_amount = ref(<string[]>[])
|
||||
/**
|
||||
* 深度copy
|
||||
* @param o1
|
||||
* @param o2
|
||||
*/
|
||||
const deepcopy = (o1: any, o2: any) => {
|
||||
for (let k in o2) {
|
||||
if (typeof o2[k] === "object") {
|
||||
|
|
@ -432,9 +394,7 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
};
|
||||
/**
|
||||
* 使用服务器端的配置
|
||||
*/
|
||||
|
||||
const use_server_config = () => {
|
||||
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])
|
||||
|
|
@ -475,9 +435,7 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
}
|
||||
/**
|
||||
* 使用缓存的配置
|
||||
*/
|
||||
|
||||
const use_set_cache = () => {
|
||||
if (set_cache.value[selectedprojector.value] != null) {
|
||||
let tmp = JSON.parse(set_cache.value[selectedprojector.value]);
|
||||
|
|
@ -495,16 +453,11 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 保存缓存配置
|
||||
*/
|
||||
|
||||
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 }
|
||||
set_cache.value[selectedprojector.value] = JSON.stringify(tmp);
|
||||
}
|
||||
/**
|
||||
* 是否开启辅助线 变量
|
||||
*/
|
||||
const auxiliary_line = ref(false)
|
||||
watch(
|
||||
() => configselsect,
|
||||
|
|
@ -534,48 +487,25 @@ export default defineComponent({
|
|||
);
|
||||
|
||||
|
||||
/**
|
||||
* 缓存 变量
|
||||
*/
|
||||
|
||||
const set_cache: any = ref([]);
|
||||
/**
|
||||
* 垂直点的值
|
||||
*/
|
||||
//值
|
||||
let value_h = ref(<DensityCorrection[]>[]);
|
||||
/**
|
||||
* 水平点的值
|
||||
*/
|
||||
let value_v = ref(<DensityCorrection[]>[]);
|
||||
/**
|
||||
* 水平点的位置
|
||||
*/
|
||||
//位置
|
||||
let value_h_point = ref(<DensityCorrectionPoint[]>[]);
|
||||
/**
|
||||
* 垂直点的位置
|
||||
*/
|
||||
let value_v_point = ref(<DensityCorrectionPoint[]>[]);
|
||||
/**
|
||||
* 当前选中 垂直的点的索引
|
||||
* 当前选中的点的索引
|
||||
*/
|
||||
const options_model_v = ref(0)
|
||||
/**
|
||||
* 当前选中 水平的点的索引
|
||||
*/
|
||||
const options_model_h = ref(0)
|
||||
|
||||
const div = ref();
|
||||
/**
|
||||
* 用于限制分辨率最大值 会在渲染时 自动赋值
|
||||
*/
|
||||
const max = ref({ x: 0, y: 0 })
|
||||
/**
|
||||
* 点的大小
|
||||
*/
|
||||
const point = ref({ w: 20, h: 20 })
|
||||
|
||||
/**
|
||||
* 监听垂直和水平界面切换
|
||||
*/
|
||||
|
||||
watch(() => now_v_h, (newval, oldval) => {
|
||||
if (newval.value == 'level') {
|
||||
set?.SetBlendingOption("blending_grids_select_ui", "hor_density")
|
||||
|
|
@ -587,9 +517,6 @@ export default defineComponent({
|
|||
set?.SetBlendingOption("blending_grids_select_point", `${options_model_v.value + 1}`)
|
||||
}
|
||||
}, { deep: true })
|
||||
/**
|
||||
* 监听垂直点 的数量
|
||||
*/
|
||||
watch(() => value_v_point_amount, (newval, oldval) => {
|
||||
|
||||
setTimeout(() => {
|
||||
|
|
@ -602,9 +529,6 @@ export default defineComponent({
|
|||
save_set_cache()
|
||||
}, 100);
|
||||
}, { deep: true })
|
||||
/**
|
||||
* 监听水平点的数量
|
||||
*/
|
||||
watch(() => value_h_point_amount, (newval, oldval) => {
|
||||
|
||||
setTimeout(() => {
|
||||
|
|
@ -617,15 +541,10 @@ export default defineComponent({
|
|||
}, 100);
|
||||
|
||||
}, { deep: true })
|
||||
/**
|
||||
* 发送 select 选择的水平点数
|
||||
*/
|
||||
|
||||
watch(() => options_model_h, (newval, oldval) => {
|
||||
set?.SetBlendingOption("blending_grids_select_point", `${value_h_point.value[newval.value].control_point}`)
|
||||
}, { deep: true })
|
||||
/**
|
||||
* 发送 select 选择的垂直点数
|
||||
*/
|
||||
watch(() => options_model_v, (newval, oldval) => {
|
||||
set?.SetBlendingOption("blending_grids_select_point", `${value_v_point.value[newval.value].control_point}`)
|
||||
}, { deep: true })
|
||||
|
|
@ -644,12 +563,7 @@ export default defineComponent({
|
|||
start_point(val, type)
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 拖拽组件移动回调
|
||||
* @param $event
|
||||
* @param index
|
||||
* @param type
|
||||
*/
|
||||
|
||||
const dragStartHandle = ($event: any, index: number, type: string) => {
|
||||
let obj_x = $event.x
|
||||
let obj_y = $event.y
|
||||
|
|
@ -722,11 +636,7 @@ export default defineComponent({
|
|||
y = (max.value.y - y - point.value.h) * Proportion.value.y
|
||||
return { x, y }
|
||||
}
|
||||
/**
|
||||
* 给初始点赋值
|
||||
* @param a
|
||||
* @param type
|
||||
*/
|
||||
|
||||
const start_point = (a: number, type: string) => {
|
||||
if (type == 'h' || type == 'all') {
|
||||
value_h.value = []
|
||||
|
|
@ -777,9 +687,6 @@ export default defineComponent({
|
|||
}
|
||||
start()
|
||||
onMounted(() => {
|
||||
/**
|
||||
* 计算比例
|
||||
*/
|
||||
Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w)
|
||||
Proportion.value.y = allconfig.projector_height / (div.value.offsetHeight - point.value.h)
|
||||
options_value_h_point_amount.value = Object.keys(config.multi_hor_density)
|
||||
|
|
@ -809,12 +716,7 @@ export default defineComponent({
|
|||
onBeforeUnmount(() => {
|
||||
sessionStorage.DensityCorrection = JSON.stringify(set_cache.value);
|
||||
});
|
||||
/**
|
||||
* 重置单个点的数据
|
||||
* @param index 索引
|
||||
* @param send
|
||||
* @param type
|
||||
*/
|
||||
|
||||
const reset = (index: number, send: boolean, type: string) => {
|
||||
if (type == 'v') {
|
||||
value_v.value[index].x = value_v.value[index].def_x
|
||||
|
|
@ -828,13 +730,6 @@ export default defineComponent({
|
|||
}
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 发送数据
|
||||
* @param index
|
||||
* @param type
|
||||
* @param value
|
||||
* @param send
|
||||
*/
|
||||
const send_value = (index: number, type: string, value: number, send: boolean = true) => {
|
||||
if (!send) return;
|
||||
let row = $store.getters.GetTheCurrentlySelectedCamera[0]
|
||||
|
|
@ -846,9 +741,6 @@ export default defineComponent({
|
|||
set?.SetBlendingHorDensity(row, col, Number(value_h_point_amount.value), index + 1, Number(value));
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 重置 多点数据
|
||||
*/
|
||||
const resetall = () => {
|
||||
switch (now_v_h.value) {
|
||||
case 'vertical':
|
||||
|
|
@ -905,17 +797,9 @@ export default defineComponent({
|
|||
break;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 删除点 弹窗
|
||||
*/
|
||||
const del_dialog = ref(false)
|
||||
/**
|
||||
* 添加点
|
||||
* @param amount
|
||||
* @param type
|
||||
*/
|
||||
const add_control_points = (amount: number, type: string) => {
|
||||
if (amount < 5||amount >=60) return
|
||||
if (amount < 5) return
|
||||
let tmpconfig: any = null
|
||||
let row = $store.getters.GetTheCurrentlySelectedCamera[0]
|
||||
let col = $store.getters.GetTheCurrentlySelectedCamera[1]
|
||||
|
|
@ -1043,11 +927,7 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除 点数配置
|
||||
* @param amount
|
||||
* @param type
|
||||
*/
|
||||
|
||||
const reduce_control_points = (amount: number, type: string) => {
|
||||
if (amount <= 5) return
|
||||
let tmpconfig: any = null
|
||||
|
|
@ -1222,7 +1102,7 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
/**
|
||||
* v数据 滚轮交互
|
||||
* v数据
|
||||
*/
|
||||
|
||||
const details_selsect_val = (details: any, type: string) => {
|
||||
|
|
@ -1247,13 +1127,10 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
}
|
||||
/**
|
||||
* 增加 垂直校正点数
|
||||
* @param val 数量
|
||||
*/
|
||||
|
||||
const preview_v = (val: number) => {
|
||||
val = Number(val)
|
||||
if (val < 5 ||val>=60) return
|
||||
if (val < 5) return
|
||||
let width = allconfig.projector_width / (val - 1)
|
||||
let height = allconfig.projector_height / (val - 1)
|
||||
value_v.value = []
|
||||
|
|
@ -1279,13 +1156,9 @@ export default defineComponent({
|
|||
value_v_point_amount.value = val
|
||||
options_model_v.value = 1
|
||||
}
|
||||
/**
|
||||
* 水平校正点的数量
|
||||
* @param val 数量
|
||||
*/
|
||||
const preview_h = (val: number) => {
|
||||
val = Number(val)
|
||||
if (val < 5 ||val>=60) return
|
||||
if (val < 5) return
|
||||
let width = allconfig.projector_width / (val - 1)
|
||||
let height = allconfig.projector_height / (val - 1)
|
||||
value_h.value = []
|
||||
|
|
@ -1397,17 +1270,11 @@ export default defineComponent({
|
|||
|
||||
|
||||
|
||||
/**
|
||||
* 手写长按和的那几实现
|
||||
*/
|
||||
|
||||
|
||||
let loop_start: NodeJS.Timeout
|
||||
let loop_finish: NodeJS.Timeout
|
||||
/**
|
||||
* 平板弹出来的操作 函数
|
||||
* @param fun 加法还是减法+ -
|
||||
* @param type x or y
|
||||
*/
|
||||
|
||||
const mousedown = (fun: string, type: string) => {
|
||||
loop_start = setTimeout(() => {
|
||||
loop_finish = setInterval(() => {
|
||||
|
|
@ -1460,13 +1327,8 @@ export default defineComponent({
|
|||
clearInterval(loop_finish)
|
||||
}
|
||||
|
||||
/**
|
||||
* 控制 自定义 input x 箭头的显示
|
||||
*/
|
||||
|
||||
const input_x_focus=ref(false)
|
||||
/**
|
||||
* 控制 自定义 input y 箭头的显示
|
||||
*/
|
||||
const input_y_focus=ref(false)
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -51,19 +51,19 @@
|
|||
<q-input filled type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[options_model].x" @focus="input_x_focus=true" @blur="input_x_focus=false" @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:''}" :readonly="url.indexOf('pad')!=-1" @update:model-value="chang(options_model, $event, 'h')" label="x"
|
||||
lazy-rules >
|
||||
<template v-if="input_x_focus" v-slot:append>
|
||||
<!-- <template v-if="input_x_focus" v-slot:append>
|
||||
<q-icon name="arrow_upward" @mousedown="mousedown('+','x')" @mouseup="mouseup" />
|
||||
<q-icon name="arrow_downward" @mousedown="mousedown('-','x')" @mouseup="mouseup" />
|
||||
</template>
|
||||
</template> -->
|
||||
</q-input>
|
||||
</div>
|
||||
<div class="q-px-md" @mousewheel="details_selsect_val($event,'y')"> <q-input filled type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[options_model].y" @focus="input_y_focus=true" @blur="input_y_focus=false" @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:''}" :readonly="url.indexOf('pad')!=-1" @update:model-value="chang(options_model, $event, 'h')" label="y"
|
||||
lazy-rules >
|
||||
<template v-if="input_y_focus" v-slot:append>
|
||||
<!-- <template v-if="input_y_focus" v-slot:append>
|
||||
<q-icon name="arrow_upward" @mousedown="mousedown('+','y')" @mouseup="mouseup" />
|
||||
<q-icon name="arrow_downward" @mousedown="mousedown('-','y')" @mouseup="mouseup" />
|
||||
</template>
|
||||
</template> -->
|
||||
</q-input>
|
||||
</div>
|
||||
<div class="q-pt-md">
|
||||
|
|
@ -123,14 +123,7 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<!-- 取消浏览器自带的input箭头 使用q-input的图标实现 -->
|
||||
<style>
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none !important;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
<script lang="ts">
|
||||
|
|
@ -205,20 +198,10 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1]
|
||||
);
|
||||
});
|
||||
/**
|
||||
* 当前配置文件
|
||||
*/
|
||||
let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value];
|
||||
/**
|
||||
* 当前点的数量
|
||||
*/
|
||||
const value_point_amount = ref(5)
|
||||
|
||||
/**
|
||||
* 深度copy函数
|
||||
* @param o1
|
||||
* @param o2
|
||||
*/
|
||||
|
||||
const deepcopy = (o1: any, o2: any) => {
|
||||
for (let k in o2) {
|
||||
if (typeof o2[k] === "object") {
|
||||
|
|
@ -229,9 +212,7 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
};
|
||||
/**
|
||||
* 使用服务器配置
|
||||
*/
|
||||
|
||||
const use_server_config = () => {
|
||||
value.value = []
|
||||
value_point.value = []
|
||||
|
|
@ -251,9 +232,7 @@ export default defineComponent({
|
|||
value_point.value.push(tmp_point)
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 使用缓存
|
||||
*/
|
||||
|
||||
const use_set_cache = () => {
|
||||
if (set_cache.value[selectedprojector.value] != null) {
|
||||
let tmp = JSON.parse(set_cache.value[selectedprojector.value]);
|
||||
|
|
@ -262,16 +241,12 @@ export default defineComponent({
|
|||
recalculate_coordinates()
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 保存缓存
|
||||
*/
|
||||
|
||||
const save_set_cache = () => {
|
||||
let tmp = { value: value.value, value_point: value_point.value }
|
||||
set_cache.value[selectedprojector.value] = JSON.stringify(tmp);
|
||||
}
|
||||
/**
|
||||
* 监听是否切换了投影机
|
||||
*/
|
||||
|
||||
watch(
|
||||
() => configselsect,
|
||||
(newVal, oldVal) => {
|
||||
|
|
@ -298,9 +273,7 @@ export default defineComponent({
|
|||
);
|
||||
|
||||
|
||||
/**
|
||||
* 缓存 变量
|
||||
*/
|
||||
|
||||
const set_cache: any = ref([]);
|
||||
//值
|
||||
let value = ref(<DensityCorrection[]>[]);
|
||||
|
|
@ -310,21 +283,11 @@ export default defineComponent({
|
|||
* 当前选中的点的索引
|
||||
*/
|
||||
const options_model = ref(0)
|
||||
/**
|
||||
* html div元素用来计算
|
||||
*/
|
||||
|
||||
const div = ref();
|
||||
/**
|
||||
* 最大值
|
||||
*/
|
||||
const max = ref({ x: 0, y: 0 })
|
||||
/**
|
||||
* 点大小
|
||||
*/
|
||||
const point = ref({ w: 20, h: 20 })
|
||||
/**
|
||||
* 监听点的切换
|
||||
*/
|
||||
|
||||
watch(() => options_model, (newval, oldval) => {
|
||||
set?.SetBlendingOption("blending_grids_select_point", `4:${options_model.value + 1}`)
|
||||
}, { deep: true })
|
||||
|
|
@ -337,9 +300,7 @@ export default defineComponent({
|
|||
max.value.x = div.value.offsetWidth
|
||||
max.value.y = div.value.offsetHeight
|
||||
})
|
||||
/**
|
||||
* 计算可供选择的点
|
||||
*/
|
||||
|
||||
const options = computed(() => {
|
||||
let tmp = []
|
||||
for (let index = 0; index < value_point.value.length; index++) {
|
||||
|
|
@ -350,18 +311,11 @@ export default defineComponent({
|
|||
}
|
||||
return tmp
|
||||
})
|
||||
/**
|
||||
* 修改点数量函数
|
||||
* @param val
|
||||
*/
|
||||
|
||||
const chang_point_amount = (val: number) => {
|
||||
start_point()
|
||||
}
|
||||
/**
|
||||
* 小点移动回调
|
||||
* @param $event
|
||||
* @param index
|
||||
*/
|
||||
|
||||
const dragStartHandle = ($event: any, index: number) => {
|
||||
let obj_x = $event.x
|
||||
let obj_y = $event.y
|
||||
|
|
@ -386,12 +340,7 @@ export default defineComponent({
|
|||
send_value(index, value.value[index].x , value.value[index].y)
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 点的数据发生修改时计算位置
|
||||
* @param index
|
||||
* @param $event
|
||||
* @param type
|
||||
*/
|
||||
|
||||
const chang = (index: number, $event: any, type: string) => {
|
||||
index = Number(index)
|
||||
if (now_selsect_projector?.value == '0-0'&&props.col=='2') {
|
||||
|
|
|
|||
|
|
@ -11,33 +11,15 @@
|
|||
<q-toggle class="float-right" v-model="array[0].isshow" label="" />
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<q-input v-show="ispad" dense filled type="number" :autofocus="group == 0"
|
||||
:bg-color="group == 0 ? 'cyan-1' : ''" @focus="group = 0" 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" :rules="[
|
||||
<q-input dense filled type="number" :autofocus="group == 0" :bg-color="group == 0 ? 'cyan-1' : ''"
|
||||
@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"
|
||||
:rules="[
|
||||
(val) =>
|
||||
(val !== null && val !== '') ||
|
||||
$t('Please enter a number'),
|
||||
(val) =>
|
||||
(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>
|
||||
|
|
@ -51,33 +33,15 @@
|
|||
<q-toggle class="float-right" @click="group = 1" v-model="array[1].isshow" label="" />
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<q-input v-show="ispad" dense filled type="number" :autofocus="group == 1"
|
||||
:bg-color="group == 1 ? 'cyan-1' : ''" @focus="group = 1" 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" :rules="[
|
||||
<q-input dense filled type="number" :autofocus="group == 1" :bg-color="group == 1 ? 'cyan-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"
|
||||
:rules="[
|
||||
(val) =>
|
||||
(val !== null && val !== '') ||
|
||||
$t('Please enter a number'),
|
||||
(val) =>
|
||||
(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>
|
||||
|
|
@ -87,33 +51,15 @@
|
|||
<q-toggle class="float-right" @click="group = 2" v-model="array[2].isshow" label="" />
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<q-input v-show="ispad" dense filled type="number" :autofocus="group == 2"
|
||||
:bg-color="group == 2 ? 'cyan-1' : ''" @focus="group = 2" 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" :rules="[
|
||||
<q-input dense filled type="number" :autofocus="group == 2" :bg-color="group == 2 ? 'cyan-1' : ''"
|
||||
@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"
|
||||
:rules="[
|
||||
(val) =>
|
||||
(val !== null && val !== '') ||
|
||||
$t('Please enter a number'),
|
||||
(val) =>
|
||||
(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 class="col-3"><span>{{ $t('Whether to operate synchronously') }}</span><q-checkbox
|
||||
v-model="auto_sync" @update:model-value="()=>{}" /></div>
|
||||
|
|
@ -129,33 +75,15 @@
|
|||
<q-toggle class="float-right" v-model="array[3].isshow" label="" />
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<q-input v-show="ispad" dense filled type="number" :autofocus="group == 3"
|
||||
:bg-color="group == 3 ? 'cyan-1' : ''" @focus="group = 3" 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" :rules="[
|
||||
<q-input dense filled type="number" :autofocus="group == 3" :bg-color="group == 3 ? 'cyan-1' : ''"
|
||||
@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"
|
||||
:rules="[
|
||||
(val) =>
|
||||
(val !== null && val !== '') ||
|
||||
$t('Please enter a number'),
|
||||
(val) =>
|
||||
(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>
|
||||
|
|
@ -163,38 +91,20 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12" v-show="group != 4 || ispad">
|
||||
<div class="col-12" v-if="group != 4">
|
||||
<p class="text-center" style="margin: 0 0 8;">{{ $t("Set Fusion Band Parameters") }}</p>
|
||||
<div style="display: flex; justify-content: space-evenly">
|
||||
<div>
|
||||
<q-slider v-model="array[group].alpha" v-show="!ispad" :min="0.0" @change="chang('alpha')" :max="1" :step="0.01"
|
||||
color="green" vertical reverse label-always />
|
||||
<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')"
|
||||
@click="() => { now_apg = 'alpha'; ispad ? ipad_chang_input = true : '' }" :readonly="ispad"
|
||||
v-model.number="array[group].alpha" lazy-rules :rules="[
|
||||
<q-slider v-model="array[group].alpha" :min="0.0" @change="chang('alpha')" :max="1" :step="0.01" color="green"
|
||||
vertical reverse label-always />
|
||||
<div> <q-input 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="[
|
||||
(val) =>
|
||||
(val !== null && val !== '') ||
|
||||
$t('Please enter a number'),
|
||||
(val) =>
|
||||
(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>
|
||||
<q-btn style="margin-top: 0.5rem;" color="white" @click="reset('alpha')" text-color="black"
|
||||
:label="$t('reset')" />
|
||||
|
|
@ -202,32 +112,16 @@
|
|||
</div>
|
||||
|
||||
<div>
|
||||
<q-slider v-model="array[group].p" v-show="!ispad" :min="0" @change="chang('p')" :max="16" :step="0.01"
|
||||
color="green" vertical reverse label-always />
|
||||
<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')" @click="() => { now_apg = 'p'; ispad ? ipad_chang_input = true : '' }"
|
||||
:readonly="ispad" v-model.number="array[group].p" lazy-rules :rules="[
|
||||
<q-slider v-model="array[group].p" :min="0" @change="chang('p')" :max="16" :step="0.01" color="green" vertical
|
||||
reverse label-always />
|
||||
<div> <q-input 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="[
|
||||
(val) =>
|
||||
(val !== null && val !== '') ||
|
||||
$t('Please enter a number'),
|
||||
(val) =>
|
||||
(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>
|
||||
<q-btn style="margin-top: 0.5rem;" color="white" @click="reset('p')" text-color="black"
|
||||
:label="$t('reset')" />
|
||||
|
|
@ -235,34 +129,17 @@
|
|||
</div>
|
||||
|
||||
<div>
|
||||
<q-slider v-model="array[group].gamma" v-show="!ispad" :min="0" @change="chang('gamma')" :max="16" :step="0.01"
|
||||
color="green" vertical reverse label-always />
|
||||
<q-slider v-model="array[group].gamma" :min="0" @change="chang('gamma')" :max="16" :step="0.01" color="green"
|
||||
vertical reverse label-always />
|
||||
<div>
|
||||
<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')"
|
||||
@click="() => { now_apg = 'gamma'; ispad ? ipad_chang_input = true : '' }" :readonly="ispad"
|
||||
v-model.number="array[group].gamma" lazy-rules :rules="[
|
||||
<q-input :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="[
|
||||
(val) =>
|
||||
(val !== null && val !== '') ||
|
||||
$t('Please enter a number'),
|
||||
(val) =>
|
||||
(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>
|
||||
<q-btn style="margin-top: 0.5rem;" color="white" @click="reset('gamma')" text-color="black"
|
||||
:label="$t('reset')" />
|
||||
|
|
@ -270,6 +147,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="row" style="min-height: 40px;">
|
||||
<div class="col-4 col-sm-3"></div>
|
||||
|
|
@ -293,65 +171,31 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div style="position: absolute;bottom: 0;">
|
||||
<q-checkbox v-model="auxiliary_line" @update:model-value="(value, evt)=>{send_auxiliary_line(value)}"
|
||||
:label="$t('auxiliary lines')" />
|
||||
</div>
|
||||
|
||||
|
||||
<q-dialog v-model="ipad_chang" ref="ipadref">
|
||||
<q-dialog v-model="ipad_chang">
|
||||
<q-card style="width: 40vw; max-width: 80vw;">
|
||||
<q-card-section>
|
||||
<!-- <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>
|
||||
<div class="text-h6">{{ $t('fusion zone') +(group+1 )}}</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('+')" @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 class="q-mb-md" style="text-align: center;"><q-btn color="white" text-color="black" icon="keyboard_arrow_up" @touchstart="handlerTouchstart('+')" @touchend="handlerTouchend" /></div>
|
||||
<div class="q-mt-md" style="text-align: center;"><q-btn color="white" text-color="black" icon="keyboard_arrow_down" @touchstart="handlerTouchstart('-')" @touchend="handlerTouchend" /></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=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>
|
||||
</q-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<style>
|
||||
|
|
@ -370,14 +214,6 @@
|
|||
p {
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
<!-- 取消浏览器自带的input箭头 使用q-input的图标实现 -->
|
||||
<style>
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none !important;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script lang="ts">
|
||||
|
|
@ -403,7 +239,7 @@ export default defineComponent({
|
|||
let set = GlobalData.getInstance().getCurrentClient();
|
||||
let $store = useStore();
|
||||
let $t = useI18n();
|
||||
const group = ref(2);
|
||||
const group = ref(4);
|
||||
const set_cache: any = ref([]);
|
||||
const enablefusion = ref(false);
|
||||
let array: any = reactive([
|
||||
|
|
@ -427,15 +263,6 @@ export default defineComponent({
|
|||
$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) => {
|
||||
switch (type) {
|
||||
case 'gamma':
|
||||
|
|
@ -452,24 +279,13 @@ export default defineComponent({
|
|||
}
|
||||
chang(type)
|
||||
}
|
||||
/**
|
||||
* 是否在切换数据 避免切换投影机是发送不该发送的数据
|
||||
*/
|
||||
const ste_status = ref(0);
|
||||
/**
|
||||
* 使用缓存
|
||||
*/
|
||||
const use_set_cache = () => {
|
||||
if (set_cache.value[selectedprojector.value] != null) {
|
||||
let tmp = JSON.parse(set_cache.value[selectedprojector.value]);
|
||||
deepcopy(array, tmp);
|
||||
}
|
||||
};
|
||||
/**
|
||||
* 深度拷贝
|
||||
* @param o1
|
||||
* @param o2
|
||||
*/
|
||||
const deepcopy = (o1: any, o2: any) => {
|
||||
for (let k in o2) {
|
||||
if (typeof o2[k] === "object") {
|
||||
|
|
@ -480,29 +296,18 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
};
|
||||
/**
|
||||
* 保存缓存
|
||||
*/
|
||||
const save_set_cache = () => {
|
||||
set_cache.value[selectedprojector.value] = JSON.stringify(array);
|
||||
};
|
||||
|
||||
let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value];
|
||||
/**
|
||||
* 当前选择的投影机
|
||||
*/
|
||||
const configselsect = computed(() => {
|
||||
return $store.state.selected_projector;
|
||||
});
|
||||
/**
|
||||
* 监听投影机切换
|
||||
*/
|
||||
watch(
|
||||
() => configselsect,
|
||||
(newVal, oldVal) => {
|
||||
set?.GetBlendingConfig("").then((res) => {
|
||||
let tmp = JSON.parse(res ? res.config : "");
|
||||
// let tmp = JSON.parse($store.state.fusion_configuration);
|
||||
let tmp = JSON.parse($store.state.fusion_configuration);
|
||||
let fortmp = null;
|
||||
let i;
|
||||
for (i of tmp.projectors) {
|
||||
|
|
@ -517,20 +322,15 @@ export default defineComponent({
|
|||
|
||||
config = JSON.parse(JSON.stringify(fortmp));
|
||||
use_server_config();
|
||||
// use_set_cache();
|
||||
use_set_cache();
|
||||
setTimeout(() => {
|
||||
ste_status.value = 0;
|
||||
}, 100);
|
||||
setnowindex();
|
||||
});
|
||||
|
||||
},
|
||||
{ deep: true }
|
||||
);
|
||||
/**
|
||||
* 输入inpu数据 时发送到后端
|
||||
* @param type
|
||||
*/
|
||||
|
||||
const chang = (type: string) => {
|
||||
if (ste_status.value == 1) return
|
||||
if (type == "alpha") {
|
||||
|
|
@ -563,9 +363,6 @@ export default defineComponent({
|
|||
save_set_cache();
|
||||
};
|
||||
//左上右下
|
||||
/**
|
||||
* 初始化数据时 自动获取焦点 的判断
|
||||
*/
|
||||
const setnowindex = () => {
|
||||
let sum = 0;
|
||||
let indexx = 4;
|
||||
|
|
@ -609,9 +406,6 @@ export default defineComponent({
|
|||
}, 100);
|
||||
setnowindex();
|
||||
};
|
||||
/**
|
||||
* 初始化赋值
|
||||
*/
|
||||
const startconfig = () => {
|
||||
for (let index = 0; index < array.length - 1; index++) {
|
||||
array[arr[index]].gamma = Number(config.params[index].gamma.toFixed(2));
|
||||
|
|
@ -626,9 +420,6 @@ export default defineComponent({
|
|||
use_set_cache();
|
||||
setnowindex();
|
||||
};
|
||||
/**
|
||||
* 使用服务端配置
|
||||
*/
|
||||
const use_server_config = () => {
|
||||
for (let index = 0; index < array.length - 1; index++) {
|
||||
array[arr[index]].gamma = Number(config.params[index].gamma.toFixed(2));
|
||||
|
|
@ -643,9 +434,8 @@ export default defineComponent({
|
|||
let tmp = JSON.parse(res ? res.config : "");
|
||||
config = tmp.projectors[selectedprojector.value];
|
||||
ste_status.value = 1;
|
||||
color.value = tmp.blending_grids_background_color ?? "#7f7f7f"
|
||||
// console.log(tmp.blending_grids_background_color )
|
||||
startconfig();
|
||||
color.value = tmp.blending_grids_background_color ?? "#7f7f7f"
|
||||
setTimeout(() => {
|
||||
ste_status.value = 0;
|
||||
}, 100);
|
||||
|
|
@ -666,7 +456,8 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1],
|
||||
1,
|
||||
array[0].isshow,
|
||||
Number(array[0].value), auto_sync.value
|
||||
Number(array[0].value),
|
||||
auto_sync.value
|
||||
);
|
||||
|
||||
save_set_cache();
|
||||
|
|
@ -682,10 +473,11 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1],
|
||||
0,
|
||||
array[1].isshow,
|
||||
Number(array[1].value), auto_sync.value
|
||||
Number(array[1].value),
|
||||
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:''
|
||||
|
|
@ -702,9 +494,10 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1],
|
||||
2,
|
||||
array[2].isshow,
|
||||
Number(array[2].value), auto_sync.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:''
|
||||
save_set_cache();
|
||||
},
|
||||
|
|
@ -719,7 +512,8 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1],
|
||||
3,
|
||||
array[3].isshow,
|
||||
Number(array[3].value), auto_sync.value
|
||||
Number(array[3].value),
|
||||
auto_sync.value
|
||||
);
|
||||
save_set_cache();
|
||||
},
|
||||
|
|
@ -736,7 +530,8 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1],
|
||||
1,
|
||||
array[0].isshow,
|
||||
Number(array[0].value), auto_sync.value
|
||||
Number(array[0].value),
|
||||
auto_sync.value
|
||||
);
|
||||
save_set_cache();
|
||||
},
|
||||
|
|
@ -751,9 +546,10 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1],
|
||||
0,
|
||||
array[1].isshow,
|
||||
Number(array[1].value), auto_sync.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();
|
||||
},
|
||||
{ deep: true }
|
||||
|
|
@ -767,9 +563,10 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1],
|
||||
2,
|
||||
array[2].isshow,
|
||||
Number(array[2].value), auto_sync.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();
|
||||
},
|
||||
{ deep: true }
|
||||
|
|
@ -783,7 +580,8 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1],
|
||||
3,
|
||||
array[3].isshow,
|
||||
Number(array[3].value), auto_sync.value
|
||||
Number(array[3].value),
|
||||
auto_sync.value
|
||||
);
|
||||
save_set_cache();
|
||||
},
|
||||
|
|
@ -802,63 +600,56 @@ export default defineComponent({
|
|||
const changenablefusion = () => {
|
||||
$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]);
|
||||
// let set_cache_tmp: any = []
|
||||
// if (tmp[1].hasOwnProperty("power")) {
|
||||
// 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) }
|
||||
// set_cache_tmp.push(tmpobj)
|
||||
// }
|
||||
// } else {
|
||||
// set_cache_tmp = tmp
|
||||
// }
|
||||
// if (ste_status.value == 0) {
|
||||
// if (difference == -1) {
|
||||
// set_cache_tmp[1].isshow = array[2].isshow
|
||||
// } else {
|
||||
// set_cache_tmp[1].value = difference
|
||||
// }
|
||||
// set?.SetBlendingOverlap(0, 1, 0, set_cache_tmp[1].isshow, Number(set_cache_tmp[1].value));
|
||||
// set_cache.value[1] = JSON.stringify(set_cache_tmp);
|
||||
// }
|
||||
// }
|
||||
// if ($store.getters.GetTheCurrentlySelectedCamera[1] == 1&&group.value==1) {
|
||||
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]);
|
||||
let set_cache_tmp: any = []
|
||||
if (tmp[1].hasOwnProperty("power")) {
|
||||
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) }
|
||||
set_cache_tmp.push(tmpobj)
|
||||
}
|
||||
} else {
|
||||
set_cache_tmp = tmp
|
||||
}
|
||||
if (ste_status.value == 0) {
|
||||
if (difference == -1) {
|
||||
set_cache_tmp[1].isshow = array[2].isshow
|
||||
} else {
|
||||
set_cache_tmp[1].value = difference
|
||||
}
|
||||
set?.SetBlendingOverlap(0, 1, 0, set_cache_tmp[1].isshow, Number(set_cache_tmp[1].value),
|
||||
auto_sync.value);
|
||||
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 set_cache_tmp: any = []
|
||||
// if (tmp[0].hasOwnProperty("power")) {
|
||||
// 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) }
|
||||
// set_cache_tmp.push(tmpobj)
|
||||
// }
|
||||
// } else {
|
||||
// set_cache_tmp = tmp
|
||||
// }
|
||||
// if (ste_status.value == 0) {
|
||||
// //set_cache_tmp[2].value = Number(set_cache_tmp[2].value) + difference
|
||||
let tmp = set_cache.value[0] == null ? tmpobjall.projectors[0].params : JSON.parse(set_cache.value[0]);
|
||||
let set_cache_tmp: any = []
|
||||
if (tmp[0].hasOwnProperty("power")) {
|
||||
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) }
|
||||
set_cache_tmp.push(tmpobj)
|
||||
}
|
||||
} else {
|
||||
set_cache_tmp = tmp
|
||||
}
|
||||
if (ste_status.value == 0) {
|
||||
//set_cache_tmp[2].value = Number(set_cache_tmp[2].value) + difference
|
||||
|
||||
// if (difference == -1) {
|
||||
// set_cache_tmp[2].isshow = array[1].isshow
|
||||
// } else {
|
||||
// set_cache_tmp[2].value = difference
|
||||
// }
|
||||
// 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);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
// watch(()=>auto_sync,()=>{
|
||||
// console.log(auto_sync.value)
|
||||
// set?.SetBlendingOption("fusion_with_automatic_sync", auto_sync.value?'1':'0');
|
||||
// },{deep:true})
|
||||
if (difference == -1) {
|
||||
set_cache_tmp[2].isshow = array[1].isshow
|
||||
} else {
|
||||
set_cache_tmp[2].value = difference
|
||||
}
|
||||
set?.SetBlendingOverlap(0, 0, 2, set_cache_tmp[2].isshow, Number(set_cache_tmp[2].value),
|
||||
auto_sync.value);
|
||||
set_cache.value[0] = JSON.stringify(set_cache_tmp);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 平板弹窗修改
|
||||
|
|
@ -872,136 +663,39 @@ export default defineComponent({
|
|||
|
||||
/**
|
||||
* 长按实现
|
||||
* 单击实现
|
||||
*/
|
||||
let loop: NodeJS.Timeout
|
||||
let loop_end: NodeJS.Timeout
|
||||
const handlerTouchstart = (fun: string) => {
|
||||
loop_end = setTimeout(() => {
|
||||
loop = setInterval(() => {
|
||||
if (fun == '+') {
|
||||
array[group.value].value+=2
|
||||
} else {
|
||||
array[group.value].value-=2
|
||||
}
|
||||
}, 30)
|
||||
}, 100);
|
||||
if (fun == '+') {
|
||||
array[group.value].value += 2
|
||||
} else {
|
||||
array[group.value].value -= 2
|
||||
}
|
||||
}, 15)
|
||||
}
|
||||
const handlerTouchend = () => {
|
||||
clearInterval(loop)
|
||||
clearTimeout(loop_end)
|
||||
}
|
||||
|
||||
const color = ref("#ffffff");
|
||||
const ispad = computed(() => {
|
||||
let url = window.location.href;
|
||||
return url.indexOf("pad") != -1
|
||||
})
|
||||
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 {
|
||||
options,
|
||||
input_focus_apg,
|
||||
input_focus,
|
||||
mousedown,
|
||||
mouseup,
|
||||
now_apg,
|
||||
handlerTouchstart_apg,
|
||||
handlerTouchend_apg,
|
||||
ipad_chang_input,
|
||||
submit,
|
||||
color,
|
||||
ispad,
|
||||
send_auxiliary_line,
|
||||
group,
|
||||
array,
|
||||
chang,
|
||||
enablefusion,
|
||||
// changenablefusion,
|
||||
changenablefusion,
|
||||
selectedprojector,
|
||||
set_cache,
|
||||
auxiliary_line,
|
||||
|
|
@ -1012,10 +706,7 @@ export default defineComponent({
|
|||
ipad_chang,
|
||||
url,
|
||||
handlerTouchstart,
|
||||
handlerTouchend,
|
||||
ispad,
|
||||
color,
|
||||
submit
|
||||
handlerTouchend
|
||||
};
|
||||
},
|
||||
});
|
||||
|
|
|
|||
|
|
@ -110,9 +110,6 @@ export default defineComponent({
|
|||
let model = reactive([20, 40, 20]);
|
||||
let options = ref([10, 20, 30, 40, 50, 60 ,80]);
|
||||
let line_width_options = ref([2,4,6,8,10, 20, 30, 40, 50]);
|
||||
/**
|
||||
* 发送颜色 根据index不同确定是那个接口
|
||||
*/
|
||||
const submit = () => {
|
||||
switch (index.value) {
|
||||
case 0:
|
||||
|
|
@ -131,11 +128,6 @@ export default defineComponent({
|
|||
break;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 修改 横纵 线的数量
|
||||
* @param type 类型
|
||||
* @param value 值
|
||||
*/
|
||||
const update_row_col = (type: number, value: number) => {
|
||||
switch (type) {
|
||||
case 0:
|
||||
|
|
@ -151,10 +143,6 @@ export default defineComponent({
|
|||
break;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 修改 单选 发送数据 使用switch 匹配多个
|
||||
* @param type
|
||||
*/
|
||||
const send_off = (type: number) => {
|
||||
setTimeout(() => {
|
||||
switch (type) {
|
||||
|
|
@ -176,9 +164,6 @@ export default defineComponent({
|
|||
}
|
||||
}, 100);
|
||||
}
|
||||
/**
|
||||
* 使用服务端配置
|
||||
*/
|
||||
const use_server_config = () => {
|
||||
let server_conf = JSON.parse($store.state.fusion_configuration).options
|
||||
model[0] = server_conf.blending_grids_row ?? 20;
|
||||
|
|
@ -196,16 +181,10 @@ export default defineComponent({
|
|||
onBeforeUnmount(() => {
|
||||
set_sessionStorage()
|
||||
});
|
||||
/**
|
||||
* 保存缓存到sessionStorage
|
||||
*/
|
||||
const set_sessionStorage = () => {
|
||||
let tmp = { RowsColumns: RowsColumns, color: color, model: model }
|
||||
sessionStorage.GridSettings = JSON.stringify(tmp)
|
||||
}
|
||||
/**
|
||||
* 获取sessionStorage
|
||||
*/
|
||||
const get_sessionStorage = () => {
|
||||
let tmp = JSON.parse(sessionStorage.GridSettings)
|
||||
for (let index = 0; index < tmp.RowsColumns.length; index++) {
|
||||
|
|
|
|||
|
|
@ -89,10 +89,10 @@
|
|||
@update:model-value="chang(options_model, $event, 'h')" label="x" lazy-rules
|
||||
@focus="input_x_focus=true" @blur="input_x_focus=false"
|
||||
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : '' }" :readonly="url.indexOf('pad') != -1" >
|
||||
<template v-if="input_x_focus" v-slot:append>
|
||||
<!-- <template v-if="input_x_focus" v-slot:append>
|
||||
<q-icon name="arrow_upward" @mousedown="mousedown('+','x')" @mouseup="mouseup" />
|
||||
<q-icon name="arrow_downward" @mousedown="mousedown('-','x')" @mouseup="mouseup" />
|
||||
</template>
|
||||
</template> -->
|
||||
</q-input>
|
||||
</div>
|
||||
<div class=" q-px-md" @mousewheel="details_selsect_val($event, 'y')"><q-input v-if="value[options_model]" filled
|
||||
|
|
@ -100,10 +100,10 @@
|
|||
@update:model-value="chang(options_model, $event, 'h')" label="y" lazy-rules
|
||||
@focus="input_y_focus=true" @blur="input_y_focus=false"
|
||||
@click="() => { url.indexOf('pad') != -1 ? ipad_chang = true : '' }" :readonly="url.indexOf('pad') != -1" >
|
||||
<template v-if="input_y_focus" v-slot:append>
|
||||
<!-- <template v-if="input_y_focus" v-slot:append>
|
||||
<q-icon name="arrow_upward" @mousedown="mousedown('+','y')" @mouseup="mouseup" />
|
||||
<q-icon name="arrow_downward" @mousedown="mousedown('-','y')" @mouseup="mouseup" />
|
||||
</template>
|
||||
</template> -->
|
||||
</q-input>
|
||||
</div>
|
||||
<div class="q-pt-md ">
|
||||
|
|
@ -204,14 +204,6 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<!-- 取消浏览器自带的input箭头 使用q-input的图标实现 -->
|
||||
<style>
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none !important;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<script lang="ts">
|
||||
|
|
@ -272,35 +264,13 @@ export default defineComponent({
|
|||
$store.getters.GetTheCurrentlySelectedCamera[1]
|
||||
);
|
||||
});
|
||||
/**
|
||||
* 当前投影机的数据
|
||||
*/
|
||||
let config = JSON.parse($store.state.fusion_configuration).projectors[selectedprojector.value];
|
||||
/**
|
||||
* 当前点的个数
|
||||
*/
|
||||
const value_point_amount = ref(9)
|
||||
/**
|
||||
* 删除 弹窗
|
||||
*/
|
||||
const del_dialog = ref(false)
|
||||
/**
|
||||
* 添加弹窗
|
||||
*/
|
||||
const add_dialog = ref(false)
|
||||
/**
|
||||
* 当前点的个数
|
||||
*/
|
||||
const now_amount = ref(9)
|
||||
/**
|
||||
* 可以选择点数的列表
|
||||
*/
|
||||
const options_value_point_amount = ref(<string[]>[])
|
||||
/**
|
||||
* 深度copy
|
||||
* @param o1
|
||||
* @param o2
|
||||
*/
|
||||
|
||||
const deepcopy = (o1: any, o2: any) => {
|
||||
for (let k in o2) {
|
||||
if (typeof o2[k] === "object") {
|
||||
|
|
@ -312,9 +282,7 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
};
|
||||
/**
|
||||
* 使用服务端获取的配置
|
||||
*/
|
||||
|
||||
const use_server_config = () => {
|
||||
value_point_amount.value = Number(Object.keys(config.multi_curved_surface)[0])
|
||||
let a = value_point_amount.value
|
||||
|
|
@ -335,9 +303,7 @@ export default defineComponent({
|
|||
value_point.value.push(tmp_point)
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 使用本地缓存配置
|
||||
*/
|
||||
|
||||
const use_set_cache = () => {
|
||||
if (set_cache.value[selectedprojector.value] != null) {
|
||||
let tmp = JSON.parse(set_cache.value[selectedprojector.value]);
|
||||
|
|
@ -347,17 +313,13 @@ export default defineComponent({
|
|||
recalculate_coordinates()
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 保存本地缓存
|
||||
*/
|
||||
|
||||
const save_set_cache = () => {
|
||||
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);
|
||||
}
|
||||
|
||||
/**
|
||||
* 监听投影机是否切换
|
||||
*/
|
||||
|
||||
watch(
|
||||
() => configselsect,
|
||||
(newVal, oldVal) => {
|
||||
|
|
@ -387,9 +349,7 @@ export default defineComponent({
|
|||
{ deep: true }
|
||||
);
|
||||
|
||||
/**
|
||||
* 缓存 变量
|
||||
*/
|
||||
|
||||
const set_cache: any = ref([]);
|
||||
//值
|
||||
let value = ref(<DensityCorrection[]>[]);
|
||||
|
|
@ -401,23 +361,13 @@ export default defineComponent({
|
|||
const options_model = ref(0)
|
||||
|
||||
const div = ref();
|
||||
/**
|
||||
* 分辨率最大值
|
||||
*/
|
||||
const max = ref({ x: 0, y: 0 })
|
||||
/**
|
||||
* 点的大小
|
||||
*/
|
||||
const point = ref({ w: 20, h: 20 })
|
||||
/**
|
||||
* 发送当前选择的点
|
||||
*/
|
||||
|
||||
watch(() => options_model, (newval, oldval) => {
|
||||
set?.SetBlendingOption("blending_grids_select_point", `9:${newval.value + 1}`)
|
||||
}, { deep: true })
|
||||
/**
|
||||
* 发送当前点的数量
|
||||
*/
|
||||
|
||||
watch(() => value_point_amount, (newval, oldval) => {
|
||||
if (ste_status.value == 0) set?.SetBlendingOption("blending_grids_control_point_count", `${newval.value}`)
|
||||
options_model.value = 0
|
||||
|
|
@ -433,19 +383,12 @@ export default defineComponent({
|
|||
max.value.y = div.value.offsetHeight
|
||||
})
|
||||
|
||||
/**
|
||||
* 变更点数
|
||||
* @param val
|
||||
*/
|
||||
|
||||
const chang_point_amount = (val: number) => {
|
||||
start_point(val)
|
||||
//use_set_cache()
|
||||
}
|
||||
/**
|
||||
* 拖拽组件移动回调
|
||||
* @param $event
|
||||
* @param index
|
||||
*/
|
||||
|
||||
const dragStartHandle = ($event: any, index: number) => {
|
||||
let obj_x = $event.x
|
||||
let obj_y = $event.y
|
||||
|
|
@ -455,12 +398,7 @@ export default defineComponent({
|
|||
send_value(index, Math.trunc(tmp.x), Math.trunc(tmp.y))
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 修改input 手动计算拖拽组件的位置
|
||||
* @param index
|
||||
* @param $event
|
||||
* @param type
|
||||
*/
|
||||
|
||||
const chang = (index: number, $event: any, type: string) => {
|
||||
index = Number(index)
|
||||
let tmp = coordinate_transformation_value_to_xy(value.value[index].x, value.value[index].y)
|
||||
|
|
@ -470,9 +408,6 @@ export default defineComponent({
|
|||
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 计算可供选择的点
|
||||
*/
|
||||
const options = computed(() => {
|
||||
let tmp = []
|
||||
for (let index = 0; index < value_point.value.length; index++) {
|
||||
|
|
@ -507,10 +442,7 @@ export default defineComponent({
|
|||
y = (max.value.y - (y + point.value.h)) * Proportion.value.y
|
||||
return { x, y }
|
||||
}
|
||||
/**
|
||||
* 初始化 赋值
|
||||
* @param a
|
||||
*/
|
||||
|
||||
const start_point = (a: number) => {
|
||||
value.value = []
|
||||
value_point.value = []
|
||||
|
|
@ -531,9 +463,7 @@ export default defineComponent({
|
|||
save_set_cache()
|
||||
}
|
||||
|
||||
/**
|
||||
* 用于模拟数据让dom先渲染
|
||||
*/
|
||||
|
||||
const start = () => {
|
||||
let tmp: DensityCorrectionPoint = { control_point: 0, x: 0, y: 0, def_x: 0, def_y: 0 };
|
||||
value.value.push(tmp)
|
||||
|
|
@ -541,9 +471,6 @@ export default defineComponent({
|
|||
}
|
||||
start()
|
||||
onMounted(() => {
|
||||
/**
|
||||
* 计算比例
|
||||
*/
|
||||
Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w)
|
||||
Proportion.value.y = allconfig.projector_height / (div.value.offsetHeight - point.value.h)
|
||||
|
||||
|
|
@ -567,38 +494,22 @@ export default defineComponent({
|
|||
})();
|
||||
};
|
||||
})
|
||||
/**
|
||||
* 注销组件时 把当前修改的数据存入sessionStorage
|
||||
*/
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
sessionStorage.SurfaceCorrection = JSON.stringify(set_cache.value);
|
||||
});
|
||||
/**
|
||||
* 重置
|
||||
* @param index 索引
|
||||
* @param send 是否发送给后端
|
||||
* @param type
|
||||
*/
|
||||
|
||||
const reset = (index: number, send: boolean, type: string) => {
|
||||
value.value[index].x = value.value[index].def_x
|
||||
value.value[index].y = value.value[index].def_y
|
||||
chang(index, value.value[index].def_y, type)
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 发送点的数据
|
||||
* @param index 当前点的索引
|
||||
* @param x x值
|
||||
* @param y y值
|
||||
*/
|
||||
const send_value = (index: number, x: number, y: number) => {
|
||||
let row = $store.getters.GetTheCurrentlySelectedCamera[0]
|
||||
let col = $store.getters.GetTheCurrentlySelectedCamera[1]
|
||||
set?.setBlendingCorrection(row, col, 9, value_point.value.length, index + 1, Number(x), Number(y));
|
||||
}
|
||||
/**
|
||||
* 重置全部点的参数
|
||||
*/
|
||||
const resetall = () => {
|
||||
for (let index = 0; index < value_point.value.length; index++) {
|
||||
value.value[index].x = value.value[index].def_x
|
||||
|
|
@ -610,9 +521,6 @@ export default defineComponent({
|
|||
send_value(-1, 0, 0)
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 重置所有配置方案的 配置
|
||||
*/
|
||||
const resetall_all = () => {
|
||||
let amount_tmp = value_point_amount.value
|
||||
for (let index = 0; index < value_point.value.length; index++) {
|
||||
|
|
@ -635,9 +543,6 @@ export default defineComponent({
|
|||
start_point(Number(value_point_amount.value))
|
||||
|
||||
}
|
||||
/**
|
||||
* 窗口改变大小时重新计算 比例
|
||||
*/
|
||||
const recalculate_coordinates = () => {
|
||||
try {
|
||||
Proportion.value.x = allconfig.projector_width / (div.value.offsetWidth - point.value.w)
|
||||
|
|
@ -656,12 +561,8 @@ export default defineComponent({
|
|||
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 增加点数
|
||||
* @param amount 数量 平方
|
||||
*/
|
||||
const add_control_points = (amount: number) => {
|
||||
if (amount < 9 ||amount>=169) return
|
||||
if (amount < 9) return
|
||||
let cardinality = Math.sqrt(amount)
|
||||
amount = (cardinality + 1) ** 2
|
||||
let tmpconfig: any = null
|
||||
|
|
@ -707,14 +608,9 @@ export default defineComponent({
|
|||
}
|
||||
value_point.value.push(tmp_point)
|
||||
}
|
||||
ste_status.value = 0;
|
||||
});
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 删除点数量
|
||||
* @param amount
|
||||
*/
|
||||
const del_control_points = (amount: number) => {
|
||||
let tmp = amount
|
||||
if (amount <= 9) return
|
||||
|
|
@ -764,7 +660,6 @@ export default defineComponent({
|
|||
}
|
||||
value_point.value.push(tmp_point)
|
||||
}
|
||||
ste_status.value = 0;
|
||||
|
||||
});
|
||||
save_set_cache()
|
||||
|
|
@ -813,18 +708,13 @@ export default defineComponent({
|
|||
}
|
||||
value_point.value.push(tmp_point)
|
||||
}
|
||||
ste_status.value = 0;
|
||||
});
|
||||
set?.SetBlendingOption("blending_grids_control_point_count", `${value_point_amount.value}`)
|
||||
save_set_cache()
|
||||
}
|
||||
/**
|
||||
* 预览增加点的效果
|
||||
* @param val
|
||||
*/
|
||||
const preview = (val: number) => {
|
||||
val = Number(val)
|
||||
if (val < 3||val>=13) return
|
||||
if (val < 3) return
|
||||
let width = allconfig.projector_width / (val - 1)
|
||||
let height = allconfig.projector_height / (val - 1)
|
||||
value.value = []
|
||||
|
|
@ -975,17 +865,13 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 判断是否是平板
|
||||
*/
|
||||
|
||||
const ispad = computed(() => {
|
||||
let url = window.location.href;
|
||||
return url.indexOf("pad") != -1
|
||||
})
|
||||
|
||||
/**
|
||||
* 针对平板的 手动实现单机和长按
|
||||
*/
|
||||
|
||||
let loop_start: NodeJS.Timeout
|
||||
let loop_finish: NodeJS.Timeout
|
||||
|
||||
|
|
@ -1037,13 +923,8 @@ export default defineComponent({
|
|||
clearInterval(loop_finish)
|
||||
}
|
||||
|
||||
/**
|
||||
* 控制是否显示 input x 的自定义监听
|
||||
*/
|
||||
|
||||
const input_x_focus=ref(false)
|
||||
/**
|
||||
* 控制是否显示 input y 的自定义监听
|
||||
*/
|
||||
const input_y_focus=ref(false)
|
||||
|
||||
|
||||
|
|
@ -1054,6 +935,7 @@ export default defineComponent({
|
|||
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
options_model,
|
||||
});
|
||||
|
|
|
|||
|
|
@ -88,12 +88,12 @@
|
|||
<q-separator />
|
||||
|
||||
<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"
|
||||
@click="send_disable_blending_params" />
|
||||
<span>{{ $t("show blending grids") }}</span>
|
||||
<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>
|
||||
<q-btn color="white" @click="resetall" text-color="black" :label="$t('resetall config')" />
|
||||
|
|
@ -276,9 +276,6 @@ export default defineComponent({
|
|||
* 当前平板是否全屏
|
||||
*/
|
||||
const is_pad_screen = ref(false);
|
||||
/**
|
||||
* 计算平板和pc的样式
|
||||
*/
|
||||
const is_pad_style = computed(() => {
|
||||
let url = window.location.href
|
||||
if (url.indexOf("pad") != -1 && $t.locale.value == "en-US") {
|
||||
|
|
@ -289,40 +286,19 @@ export default defineComponent({
|
|||
}
|
||||
return "60vw"
|
||||
})
|
||||
/**
|
||||
* 选择配置的弹窗
|
||||
*/
|
||||
const select_configuration = ref(false)
|
||||
/**
|
||||
* 删除配置时弹窗
|
||||
*/
|
||||
const del_dialog = ref(false)
|
||||
/**
|
||||
* 后端获取的配置
|
||||
*/
|
||||
const config_projectors = ref(null)
|
||||
/**
|
||||
* 选择配置文件的名称
|
||||
*/
|
||||
const select_configuration_name = ref("")
|
||||
/**
|
||||
* 发送是否禁用融合参数
|
||||
*/
|
||||
const send_disable_blending_params = () => {
|
||||
set?.SetBlendingOption(disable_blending_params_id.value, disable_blending_params.value ? "1" : "0");
|
||||
};
|
||||
/**
|
||||
* 当前分辨率 在配置文件中的索引
|
||||
*/
|
||||
const now_resolution = ref(1)
|
||||
// let allconfig = JSON.parse($store.state.fusion_configuration);
|
||||
/**
|
||||
* 模拟数据完成dom渲染再次获取真实后台数据
|
||||
*/
|
||||
let allconfig = JSON.parse("{\"resolution\": [{\"width\": 1920,\"height\": 1080}]}");
|
||||
/**
|
||||
* 计算可供选择的分辨率
|
||||
*/
|
||||
const options_resolution = computed(() => {
|
||||
let tmp = [];
|
||||
if (allconfig.resolution) {
|
||||
|
|
@ -335,9 +311,6 @@ export default defineComponent({
|
|||
}
|
||||
return tmp
|
||||
})
|
||||
/**
|
||||
* 子组件
|
||||
*/
|
||||
const child: any = ref(null);
|
||||
/**
|
||||
* 开启网格时发送全部参数
|
||||
|
|
@ -430,35 +403,15 @@ export default defineComponent({
|
|||
sessionStorage.removeItem("Debugging");
|
||||
sessionStorage.removeItem("FusionLocale_async");
|
||||
}
|
||||
/**
|
||||
* 从配置文件中获取的行和列
|
||||
*/
|
||||
|
||||
const config = ref({ col: 0, row: 0 });
|
||||
/**
|
||||
* 是否开启融合
|
||||
*/
|
||||
const EnableBlending = ref(false);
|
||||
let optionsstr = ref();
|
||||
optionsstr.value = "";
|
||||
/**
|
||||
* 是否禁用融合参数 的参数名称
|
||||
*/
|
||||
const disable_blending_params_id = ref("blending@disable_blending_params");
|
||||
/**
|
||||
* 是否禁用融合参数
|
||||
*/
|
||||
const disable_blending_params = ref(false);
|
||||
/**
|
||||
* 是否开启网格的参数名称
|
||||
*/
|
||||
const show_blending_grids_id = ref("blending_grids_show");
|
||||
/**
|
||||
* 是否开启网格
|
||||
*/
|
||||
const show_blending_grids = ref(true);
|
||||
/**
|
||||
* 是否保存配置弹窗
|
||||
*/
|
||||
const medium = ref(false);
|
||||
const options = computed({
|
||||
get() {
|
||||
|
|
@ -563,9 +516,6 @@ export default defineComponent({
|
|||
});
|
||||
} catch (error) { }
|
||||
};
|
||||
/**
|
||||
* 点击页面取消时调用 恢复默认参数
|
||||
*/
|
||||
const clear = () => {
|
||||
record_times.value = 0
|
||||
// show_blending_grids.value = false;
|
||||
|
|
@ -623,9 +573,6 @@ export default defineComponent({
|
|||
$store.commit("setfusion_configuration", res?.config);
|
||||
optionsstr.value = "FourPointCalibration";
|
||||
allconfig = JSON.parse($store.state.fusion_configuration);
|
||||
/**
|
||||
* 匹配当前分辨率的索引 没有匹配到自动加入当前分辨率
|
||||
*/
|
||||
if (allconfig.resolution) {
|
||||
for (let index = 0; index < allconfig.resolution.length; index++) {
|
||||
if (allconfig.resolution[index].width == allconfig.projector_width && allconfig.resolution[index].height == allconfig.projector_height) {
|
||||
|
|
@ -637,9 +584,7 @@ export default defineComponent({
|
|||
allconfig = { resolution: [{ width: tmp.projector_width, height: tmp.projector_height }] };
|
||||
now_resolution.value = 0
|
||||
}
|
||||
/**
|
||||
* 计算当前可供选择的 投影机布局
|
||||
*/
|
||||
|
||||
projectorlayout.value = []
|
||||
let cont = 0
|
||||
for (let index = 1; index <= tmp.max_projector_count; index++) {
|
||||
|
|
@ -653,9 +598,7 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 匹配当前投影机布局
|
||||
*/
|
||||
|
||||
for (let index = 0; index < projectorlayout.value.length; index++) {
|
||||
let arr = projectorlayout.value[index].label.split('x');
|
||||
if (tmp.col == Number(arr[1]) && tmp.row == Number(arr[0])) {
|
||||
|
|
@ -673,19 +616,11 @@ export default defineComponent({
|
|||
}, 1000);
|
||||
// console.log("已经挂载 ")
|
||||
});
|
||||
/**
|
||||
* 保存配置的名称
|
||||
*/
|
||||
|
||||
const save_cover_name = ref("")
|
||||
/**
|
||||
*
|
||||
*/
|
||||
const plan_list = [
|
||||
''
|
||||
]
|
||||
/**
|
||||
* 应用当前选择的配置文件
|
||||
*/
|
||||
const apply_the_selected_configuration = () => {
|
||||
$q.loading.show({
|
||||
message: 'Loading please wait'
|
||||
|
|
@ -727,20 +662,12 @@ export default defineComponent({
|
|||
getconfig()
|
||||
}
|
||||
const plan_list_op = ref(plan_list)
|
||||
/**
|
||||
* select 自动提示函数
|
||||
* @param val
|
||||
* @param update
|
||||
*/
|
||||
const filterFn = (val: any, update: any) => {
|
||||
update(() => {
|
||||
const needle = val.toLocaleLowerCase()
|
||||
plan_list_op.value = plan_list.filter(v => v.toLocaleLowerCase().indexOf(needle) > -1)
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 当前按下ctrl 次数
|
||||
*/
|
||||
const record_times = ref(0)
|
||||
const setModel = (val: string) => {
|
||||
save_cover_name.value = val
|
||||
|
|
@ -750,9 +677,7 @@ export default defineComponent({
|
|||
set?.SaveBlendingConfig(save_cover_name.value);
|
||||
medium.value = false
|
||||
}
|
||||
/**
|
||||
* 是否开启debug页面
|
||||
*/
|
||||
|
||||
const isdebug = computed(() => {
|
||||
try {
|
||||
return record_times.value > 2
|
||||
|
|
@ -761,21 +686,11 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
})
|
||||
/**
|
||||
* 需要删除的配置 名称
|
||||
*/
|
||||
const name_to_be_deleted = ref("");
|
||||
/**
|
||||
* 待删除配置函数
|
||||
* @param name 待删除的名称
|
||||
*/
|
||||
const del_scenes = (name: string) => {
|
||||
del_dialog.value = true;
|
||||
name_to_be_deleted.value = name;
|
||||
}
|
||||
/**
|
||||
* 正式删除配置的函数
|
||||
*/
|
||||
const dialog_del_scenes = () => {
|
||||
set?.DeleteBlendingScene(name_to_be_deleted.value);
|
||||
plan_list.splice(plan_list.findIndex(item => item === name_to_be_deleted.value), 1)
|
||||
|
|
@ -783,14 +698,7 @@ export default defineComponent({
|
|||
select_configuration_name.value = ''
|
||||
save_cover_name.value = ''
|
||||
}
|
||||
/**
|
||||
* 当前选择的投影机
|
||||
*/
|
||||
const now_selsect_projector = ref("0-0")
|
||||
/**
|
||||
* 发送当前选择的投影机
|
||||
* @param value
|
||||
*/
|
||||
const currently_selected_projector = (value: string) => {
|
||||
set?.SetBlendingOption('blending_grids_select_projector', value);
|
||||
now_selsect_projector.value = value
|
||||
|
|
@ -800,17 +708,10 @@ export default defineComponent({
|
|||
* 依赖注入
|
||||
*/
|
||||
provide("now_selsect_projector", now_selsect_projector);
|
||||
/**
|
||||
* 可以供选择的布局 变量
|
||||
*/
|
||||
let projectorlayout = ref([{ label: '1x1', value: 0 }, { label: '1x2', value: 1 }])
|
||||
let projectorlayout_tmp = ref(<string[]>[])
|
||||
const now_select_projectorlayout = ref(0)
|
||||
const now_select_projectorlayout_tmp = ref("")
|
||||
/**
|
||||
* 发送当前选择的布局
|
||||
* @param val
|
||||
*/
|
||||
const send_projectorlayout = (val: number) => {
|
||||
let arr = projectorlayout.value[val].label.split('x');
|
||||
set?.SetProjectorLayout(Number(arr[0]), Number(arr[1])).then(res => {
|
||||
|
|
@ -841,10 +742,7 @@ export default defineComponent({
|
|||
getconfig()
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 发送当前选择的布局
|
||||
* @param val
|
||||
*/
|
||||
|
||||
const send_projectorlayout2 = (val: string) => {
|
||||
let arr = val.split('x');
|
||||
set?.SetProjectorLayout(Number(arr[0]), Number(arr[1])).then(res => {
|
||||
|
|
@ -934,9 +832,7 @@ export default defineComponent({
|
|||
|
||||
|
||||
|
||||
/**
|
||||
* select 组件选中就触发修改 这里是通过再次获取数据判断 显示在页面
|
||||
*/
|
||||
|
||||
const re_match_data = () => {
|
||||
let tmp = JSON.parse($store.state.fusion_configuration);
|
||||
for (let index = 0; index < options_resolution.value.length; index++) {
|
||||
|
|
@ -957,9 +853,6 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
const element: any = ref()
|
||||
/**
|
||||
* 手动全屏指定元素
|
||||
*/
|
||||
const element_full_screen = () => {
|
||||
let elem = document.getElementById("element")
|
||||
if (!document.fullscreenElement) {
|
||||
|
|
@ -980,30 +873,15 @@ export default defineComponent({
|
|||
interface projectorlayoutarray {
|
||||
label: string; value: number;
|
||||
}
|
||||
/**
|
||||
* 经过筛选的 投影机布局
|
||||
*/
|
||||
const show_projectorlayout = ref(<projectorlayoutarray[]>[])
|
||||
/**
|
||||
* 筛选投影机函数
|
||||
* @param val
|
||||
* @param update
|
||||
*/
|
||||
const filterFn_projector = (val: any, update: any) => {
|
||||
update(() => {
|
||||
const needle = val.toLowerCase()
|
||||
show_projectorlayout.value = projectorlayout.value.filter(v => v.label.toLowerCase().indexOf(needle) > -1)
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 经过筛选的 投影机布局
|
||||
*/
|
||||
|
||||
const show_projectorlayout2 = ref(<string[]>[])
|
||||
/**
|
||||
* 筛选投影机函数
|
||||
* @param val
|
||||
* @param update
|
||||
*/
|
||||
const filterFn_projector2 = (val: any, update: any) => {
|
||||
update(() => {
|
||||
const needle = val.toLowerCase()
|
||||
|
|
|
|||
Loading…
Reference in New Issue