针对低分辨率做适配
This commit is contained in:
parent
21fc52f85b
commit
2de84af0fe
|
|
@ -55,7 +55,7 @@
|
|||
<div class="col-8">
|
||||
<q-input @focus="isactivearray[0] = false" filled type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[0].y" label="y" lazy-rules />
|
||||
<q-btn color="white" @click="reset(0)" text-color="black" :label="$t('reset') + ' v1'" />
|
||||
<q-btn dense color="white" @click="reset(0)" text-color="black" :label="$t('reset') + ' v1'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
<div class="col-8">
|
||||
<q-input @focus="isactivearray[1] = false" filled type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[1].y" label="y" lazy-rules />
|
||||
<q-btn color="white" @click="reset(1)" text-color="black" :label="$t('reset') + ' v2'" />
|
||||
<q-btn dense color="white" @click="reset(1)" text-color="black" :label="$t('reset') + ' v2'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<div class="col-8">
|
||||
<q-input @focus="isactivearray[2] = false" filled type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[2].y" label="y" lazy-rules />
|
||||
<q-btn color="white" @click="reset(2)" text-color="black" :label="$t('reset') + ' v3'" />
|
||||
<q-btn dense color="white" @click="reset(2)" text-color="black" :label="$t('reset') + ' v3'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
<div class="col-8">
|
||||
<q-input @focus="isactivearray[3] = false" filled type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[3].y" label="y" lazy-rules />
|
||||
<q-btn color="white" @click="reset(3)" text-color="black" :label="$t('reset') + ' v4'" />
|
||||
<q-btn dense color="white" @click="reset(3)" text-color="black" :label="$t('reset') + ' v4'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
<div class="col-8">
|
||||
<q-input @focus="isactivearray[4] = false" filled type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[4].y" label="y" lazy-rules />
|
||||
<q-btn color="white" @click="reset(4)" text-color="black" :label="$t('reset') + ' v5'" />
|
||||
<q-btn dense color="white" @click="reset(4)" text-color="black" :label="$t('reset') + ' v5'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -103,38 +103,38 @@
|
|||
</div>
|
||||
<div class="col-1"></div>
|
||||
<div class="col-11">
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<div class="box">
|
||||
<div class="box_son">
|
||||
<q-input filled @focus="isactivearray[5] = false" type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[5].x" label="x" lazy-rules />
|
||||
<q-btn color="white" @click="reset(5)" text-color="black" :label="$t('reset') + ' h1'" />
|
||||
<q-btn dense color="white" @click="reset(5)" text-color="black" :label="$t('reset') + ' h1'" />
|
||||
</div>
|
||||
<div class="col-1"></div>
|
||||
<div class="col-1">
|
||||
|
||||
<div class="box_son">
|
||||
<q-input filled @focus="isactivearray[6] = false" type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[6].x" label="x" lazy-rules />
|
||||
<q-btn color="white" @click="reset(6)" text-color="black" :label="$t('reset') + ' h2'" />
|
||||
<q-btn dense color="white" @click="reset(6)" text-color="black" :label="$t('reset') + ' h2'" />
|
||||
</div>
|
||||
<div class="col-1"></div>
|
||||
<div class="col-1">
|
||||
|
||||
<div class="box_son">
|
||||
<q-input filled @focus="isactivearray[7] = false" type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[7].x" label="x" lazy-rules />
|
||||
<q-btn color="white" @click="reset(7)" text-color="black" :label="$t('reset') + ' h3'" />
|
||||
<q-btn dense color="white" @click="reset(7)" text-color="black" :label="$t('reset') + ' h3'" />
|
||||
</div>
|
||||
<div class="col-1"></div>
|
||||
<div class="col-1">
|
||||
|
||||
<div class="box_son">
|
||||
<q-input filled @focus="isactivearray[8] = false" type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[8].x" label="x" lazy-rules />
|
||||
<q-btn color="white" @click="reset(8)" text-color="black" :label="$t('reset') + ' h4'" />
|
||||
<q-btn dense color="white" @click="reset(8)" text-color="black" :label="$t('reset') + ' h4'" />
|
||||
</div>
|
||||
<div class="col-1"></div>
|
||||
<div class="col-1">
|
||||
|
||||
<div class="box_son">
|
||||
<q-input filled @focus="isactivearray[9] = false" type="number" class="q-pt-md" :dense="true"
|
||||
v-model="value[9].x" label="x" lazy-rules />
|
||||
<q-btn color="white" @click="reset(9)" text-color="black" :label="$t('reset') + ' h5'" />
|
||||
<q-btn dense color="white" @click="reset(9)" text-color="black" :label="$t('reset') + ' h5'" />
|
||||
</div>
|
||||
<div class="col-1"></div>
|
||||
<div class="col-1 q-pt-xl">
|
||||
|
||||
<div class="box_son q-pt-xl">
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="resetall"
|
||||
|
|
@ -148,7 +148,14 @@
|
|||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.box{
|
||||
display: flex;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.box_son{
|
||||
width: 10rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
</style>
|
||||
<script lang="ts">
|
||||
import {
|
||||
|
|
|
|||
|
|
@ -3,420 +3,156 @@
|
|||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col-6"></div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[0] = false"
|
||||
:dense="true"
|
||||
v-model="nine[0].x"
|
||||
label="x"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[0] = false"
|
||||
:dense="true"
|
||||
v-model="nine[0].y"
|
||||
label="y"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(0)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '1'"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col-5"></div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[1] = false"
|
||||
:dense="true"
|
||||
v-model="nine[1].x"
|
||||
label="x"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[1] = false"
|
||||
:dense="true"
|
||||
v-model="nine[1].y"
|
||||
label="y"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(1)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '2'"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-3" style="margin-left: 5px">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
:dense="true"
|
||||
v-model="nine[4].x"
|
||||
label="x"
|
||||
@focus="isactivearray[4] = false"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
:dense="true"
|
||||
v-model="nine[4].y"
|
||||
label="y"
|
||||
@focus="isactivearray[4] = false"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(4)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '5'"
|
||||
/>
|
||||
<div class="col-6">
|
||||
<q-input filled type="number" class="q-pb-xs q-pt-md" @focus="isactivearray[0] = false" :dense="true"
|
||||
v-model="nine[0].x" label="x" lazy-rules />
|
||||
<q-input filled type="number" class="" @focus="isactivearray[0] = false" :dense="true"
|
||||
v-model="nine[0].y" label="y" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(0)" text-color="black" :label="$t('reset') + $t('point') + '1'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col-4"></div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
@focus="isactivearray[2] = false"
|
||||
class="q-pt-md"
|
||||
:dense="true"
|
||||
v-model="nine[2].x"
|
||||
label="x"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[2] = false"
|
||||
:dense="true"
|
||||
v-model="nine[2].y"
|
||||
label="y"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(2)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '3'"
|
||||
/>
|
||||
<div class="col-4">
|
||||
<q-input filled type="number" class="q-pb-xs q-pt-md" @focus="isactivearray[1] = false" :dense="true"
|
||||
v-model="nine[1].x" label="x" lazy-rules />
|
||||
<q-input filled type="number" class="" @focus="isactivearray[1] = false" :dense="true"
|
||||
v-model="nine[1].y" label="y" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(1)" text-color="black" :label="$t('reset') + $t('point') + '2'" />
|
||||
</div>
|
||||
|
||||
<div class="col-4" style="padding-left: 2px">
|
||||
<q-input filled type="number" class="q-pb-xs q-pt-md" :dense="true" v-model="nine[4].x" label="x"
|
||||
@focus="isactivearray[4] = false" lazy-rules />
|
||||
<q-input filled type="number" class="" :dense="true" v-model="nine[4].y" label="y"
|
||||
@focus="isactivearray[4] = false" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(4)" text-color="black" :label="$t('reset') + $t('point') + '5'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col-3"></div>
|
||||
<div class="col-6">
|
||||
<q-input filled type="number" @focus="isactivearray[2] = false" class="q-pb-xs q-pt-md" :dense="true"
|
||||
v-model="nine[2].x" label="x" lazy-rules />
|
||||
<q-input filled type="number" class="" @focus="isactivearray[2] = false" :dense="true"
|
||||
v-model="nine[2].y" label="y" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(2)" text-color="black" :label="$t('reset') + $t('point') + '3'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="row" style="margin-top: 10vh">
|
||||
<div class="col-6"></div>
|
||||
<div class="col-6">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
@focus="isactivearray[3] = false"
|
||||
class="q-pt-md"
|
||||
:dense="true"
|
||||
v-model="nine[3].x"
|
||||
label="x"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[3] = false"
|
||||
:dense="true"
|
||||
v-model="nine[3].y"
|
||||
label="y"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(3)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '4'"
|
||||
/>
|
||||
<div class="col-2"></div>
|
||||
<div class="col-10">
|
||||
<q-input filled type="number" @focus="isactivearray[3] = false" class="q-pb-xs q-pt-md" :dense="true"
|
||||
v-model="nine[3].x" label="x" lazy-rules />
|
||||
<q-input filled type="number" class="" @focus="isactivearray[3] = false" :dense="true"
|
||||
v-model="nine[3].y" label="y" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(3)" text-color="black" :label="$t('reset') + $t('point') + '4'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-8">
|
||||
<div ref="div" style="background-color: #7fffd4; height: 40vh">
|
||||
<div style="position: absolute">
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[0]"
|
||||
v-if="isshowarray[0]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[0].x"
|
||||
:y="ninepostion[0].y"
|
||||
@mousedown="activeMouseDown(0)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_1"
|
||||
><span>{{ $t("point") }}1</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[0]" v-if="isshowarray[0]" :w="30" :h="20" :x="ninepostion[0].x"
|
||||
:y="ninepostion[0].y" @mousedown="activeMouseDown(0)" :isResizable="false" @moveHandler="moveHandler_1">
|
||||
<span>{{ $t("point") }}1</span>
|
||||
</vue3ResizeDrag>
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[1]"
|
||||
v-if="isshowarray[1]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[1].x"
|
||||
:y="ninepostion[1].y"
|
||||
@mousedown="activeMouseDown(1)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_2"
|
||||
><span>{{ $t("point") }}2</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[1]" v-if="isshowarray[1]" :w="30" :h="20" :x="ninepostion[1].x"
|
||||
:y="ninepostion[1].y" @mousedown="activeMouseDown(1)" :isResizable="false" @moveHandler="moveHandler_2">
|
||||
<span>{{ $t("point") }}2</span>
|
||||
</vue3ResizeDrag>
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[2]"
|
||||
v-if="isshowarray[2]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[2].x"
|
||||
:y="ninepostion[2].y"
|
||||
@mousedown="activeMouseDown(2)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_3"
|
||||
><span>{{ $t("point") }}3</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[2]" v-if="isshowarray[2]" :w="30" :h="20" :x="ninepostion[2].x"
|
||||
:y="ninepostion[2].y" @mousedown="activeMouseDown(2)" :isResizable="false" @moveHandler="moveHandler_3">
|
||||
<span>{{ $t("point") }}3</span>
|
||||
</vue3ResizeDrag>
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[3]"
|
||||
v-if="isshowarray[3]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[3].x"
|
||||
:y="ninepostion[3].y"
|
||||
@mousedown="activeMouseDown(3)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_4"
|
||||
><span>{{ $t("point") }}4</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[3]" v-if="isshowarray[3]" :w="30" :h="20" :x="ninepostion[3].x"
|
||||
:y="ninepostion[3].y" @mousedown="activeMouseDown(3)" :isResizable="false" @moveHandler="moveHandler_4">
|
||||
<span>{{ $t("point") }}4</span>
|
||||
</vue3ResizeDrag>
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[4]"
|
||||
v-if="isshowarray[4]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[4].x"
|
||||
:y="ninepostion[4].y"
|
||||
@mousedown="activeMouseDown(4)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_5"
|
||||
><span>{{ $t("point") }}5</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[4]" v-if="isshowarray[4]" :w="30" :h="20" :x="ninepostion[4].x"
|
||||
:y="ninepostion[4].y" @mousedown="activeMouseDown(4)" :isResizable="false" @moveHandler="moveHandler_5">
|
||||
<span>{{ $t("point") }}5</span>
|
||||
</vue3ResizeDrag>
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[5]"
|
||||
v-if="isshowarray[5]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[5].x"
|
||||
:y="ninepostion[5].y"
|
||||
@mousedown="activeMouseDown(5)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_6"
|
||||
><span>{{ $t("point") }}6</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[5]" v-if="isshowarray[5]" :w="30" :h="20" :x="ninepostion[5].x"
|
||||
:y="ninepostion[5].y" @mousedown="activeMouseDown(5)" :isResizable="false" @moveHandler="moveHandler_6">
|
||||
<span>{{ $t("point") }}6</span>
|
||||
</vue3ResizeDrag>
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[6]"
|
||||
v-if="isshowarray[6]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[6].x"
|
||||
:y="ninepostion[6].y"
|
||||
@mousedown="activeMouseDown(6)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_7"
|
||||
><span>{{ $t("point") }}7</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[6]" v-if="isshowarray[6]" :w="30" :h="20" :x="ninepostion[6].x"
|
||||
:y="ninepostion[6].y" @mousedown="activeMouseDown(6)" :isResizable="false" @moveHandler="moveHandler_7">
|
||||
<span>{{ $t("point") }}7</span>
|
||||
</vue3ResizeDrag>
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[7]"
|
||||
v-if="isshowarray[7]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[7].x"
|
||||
:y="ninepostion[7].y"
|
||||
@mousedown="activeMouseDown(7)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_8"
|
||||
><span>{{ $t("point") }}8</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[7]" v-if="isshowarray[7]" :w="30" :h="20" :x="ninepostion[7].x"
|
||||
:y="ninepostion[7].y" @mousedown="activeMouseDown(7)" :isResizable="false" @moveHandler="moveHandler_8">
|
||||
<span>{{ $t("point") }}8</span>
|
||||
</vue3ResizeDrag>
|
||||
<vue3ResizeDrag
|
||||
:isActive="isactivearray[8]"
|
||||
v-if="isshowarray[8]"
|
||||
:w="30"
|
||||
:h="20"
|
||||
:x="ninepostion[8].x"
|
||||
:y="ninepostion[8].y"
|
||||
@mousedown="activeMouseDown(8)"
|
||||
:isResizable="false"
|
||||
@moveHandler="moveHandler_9"
|
||||
><span>{{ $t("point") }}9</span>
|
||||
<vue3ResizeDrag :isActive="isactivearray[8]" v-if="isshowarray[8]" :w="30" :h="20" :x="ninepostion[8].x"
|
||||
:y="ninepostion[8].y" @mousedown="activeMouseDown(8)" :isResizable="false" @moveHandler="moveHandler_9">
|
||||
<span>{{ $t("point") }}9</span>
|
||||
</vue3ResizeDrag>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<div class="row" style="margin-top: 10vh">
|
||||
<div class="col-6">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
@focus="isactivearray[5] = false"
|
||||
class="q-pt-md"
|
||||
:dense="true"
|
||||
v-model="nine[5].x"
|
||||
label="x"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[5] = false"
|
||||
:dense="true"
|
||||
v-model="nine[5].y"
|
||||
label="y"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(5)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '6'"
|
||||
/>
|
||||
<div class="col-10">
|
||||
<q-input filled type="number" @focus="isactivearray[5] = false" class="q-pb-xs" :dense="true"
|
||||
v-model="nine[5].x" label="x" lazy-rules />
|
||||
<q-input filled type="number" class="" @focus="isactivearray[5] = false" :dense="true"
|
||||
v-model="nine[5].y" label="y" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(5)" text-color="black" :label="$t('reset') + $t('point') + '6'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="resetall"
|
||||
text-color="black"
|
||||
:label="$t('resetall')"
|
||||
/>
|
||||
<q-btn color="white" @click="resetall" text-color="black" :label="$t('resetall')" />
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
@focus="isactivearray[6] = false"
|
||||
class="q-pt-md"
|
||||
:dense="true"
|
||||
v-model="nine[6].x"
|
||||
label="x"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[6] = false"
|
||||
:dense="true"
|
||||
v-model="nine[6].y"
|
||||
label="y"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(6)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '7'"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col-6"></div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
@focus="isactivearray[7] = false"
|
||||
class="q-pt-md"
|
||||
:dense="true"
|
||||
v-model="nine[7].x"
|
||||
label="x"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[7] = false"
|
||||
:dense="true"
|
||||
v-model="nine[7].y"
|
||||
label="y"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(7)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '8'"
|
||||
/>
|
||||
<div class="col-6">
|
||||
<q-input filled type="number" @focus="isactivearray[6] = false" class="q-pb-xs" :dense="true"
|
||||
v-model="nine[6].x" label="x" lazy-rules />
|
||||
<q-input filled type="number" class="" @focus="isactivearray[6] = false" :dense="true"
|
||||
v-model="nine[6].y" label="y" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(6)" text-color="black" :label="$t('reset') + $t('point') + '7'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col-4"></div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
@focus="isactivearray[8] = false"
|
||||
class="q-pt-md"
|
||||
:dense="true"
|
||||
v-model="nine[8].x"
|
||||
label="x"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
filled
|
||||
type="number"
|
||||
class="q-pt-md"
|
||||
@focus="isactivearray[8] = false"
|
||||
:dense="true"
|
||||
v-model="nine[8].y"
|
||||
label="y"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-btn
|
||||
color="white"
|
||||
@click="reset(8)"
|
||||
text-color="black"
|
||||
:label="$t('reset') + $t('point') + '9'"
|
||||
/>
|
||||
<div class="col-6">
|
||||
<q-input filled type="number" @focus="isactivearray[7] = false" class="q-pb-xs" :dense="true"
|
||||
v-model="nine[7].x" label="x" lazy-rules />
|
||||
<q-input filled type="number" class="" @focus="isactivearray[7] = false" :dense="true"
|
||||
v-model="nine[7].y" label="y" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(7)" text-color="black" :label="$t('reset') + $t('point') + '8'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="row">
|
||||
<div class="col-3"></div>
|
||||
<div class="col-6">
|
||||
<q-input filled type="number" @focus="isactivearray[8] = false" class="q-pb-xs" :dense="true"
|
||||
v-model="nine[8].x" label="x" lazy-rules />
|
||||
<q-input filled type="number" class="" @focus="isactivearray[8] = false" :dense="true"
|
||||
v-model="nine[8].y" label="y" lazy-rules />
|
||||
<q-btn size="sm" dense color="white" @click="reset(8)" text-color="black" :label="$t('reset') + $t('point') + '9'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
<script lang="ts">
|
||||
import vue3ResizeDrag from "/src/third_lib/vue3-resize-drag/components/vue3-resize-drag/index.vue";
|
||||
import GlobalData from "src/common/GlobalData";
|
||||
|
|
|
|||
|
|
@ -85,11 +85,12 @@
|
|||
<q-btn color="white" @click="resetall" text-color="black" :label="$t('resetall config')" />
|
||||
<div class="q-space" data-v-39efcd1f=""></div>
|
||||
<q-btn flat :label="$t('Cancel')" no-caps color="primary" v-close-popup
|
||||
@click="$store.commit('setSelectedProjector', '0/0')" />
|
||||
<q-btn flat :label="$t('save config')" no-caps color="primary" @click="save" v-close-popup />
|
||||
@click="$store.commit('setSelectedProjector', '0/0');" />
|
||||
<q-btn flat :label="$t('save config')" no-caps color="primary" @click="save" />
|
||||
</q-card-actions>
|
||||
</q-form>
|
||||
</q-card>
|
||||
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
|
|
@ -144,6 +145,7 @@ export default defineComponent({
|
|||
let $q = useQuasar();
|
||||
let $t = useI18n();
|
||||
let show_dialog = ref(false);
|
||||
const save_name=ref("")
|
||||
const showDialog = async () => {
|
||||
show_dialog.value = true;
|
||||
};
|
||||
|
|
@ -169,6 +171,7 @@ export default defineComponent({
|
|||
const disable_blending_params = ref(false);
|
||||
const show_blending_grids_id = ref("blending_grids_show");
|
||||
const show_blending_grids = ref(false);
|
||||
const medium = ref(false);
|
||||
const options = computed({
|
||||
get() {
|
||||
return optionsstr.value;
|
||||
|
|
@ -197,7 +200,7 @@ export default defineComponent({
|
|||
};
|
||||
const save = () => {
|
||||
set?.SaveBlendingConfig("");
|
||||
show_dialog.value = false;
|
||||
//show_dialog.value = false;
|
||||
clear();
|
||||
set?.GetBlendingConfig("").then((res) => {
|
||||
let tmp = JSON.parse(res ? res.config : "");
|
||||
|
|
@ -208,6 +211,7 @@ export default defineComponent({
|
|||
$store.commit("setfusion_configuration", res?.config);
|
||||
});
|
||||
$store.commit("setSelectedProjector", "0/0");
|
||||
medium.value=true
|
||||
};
|
||||
const getconfig = () => {
|
||||
try {
|
||||
|
|
@ -268,6 +272,10 @@ export default defineComponent({
|
|||
});
|
||||
}, 1000);
|
||||
});
|
||||
const save_cover_name=ref(" ")
|
||||
const plan_list= [
|
||||
'Google', 'Facebook', 'Twitter', 'Apple', 'Oracle'
|
||||
]
|
||||
return {
|
||||
send_hide_desktop,
|
||||
hide_desktop_value,
|
||||
|
|
@ -283,7 +291,12 @@ export default defineComponent({
|
|||
EnableBlending,
|
||||
config,
|
||||
save,
|
||||
resetall
|
||||
resetall,
|
||||
medium,
|
||||
save_name,
|
||||
save_cover_name,
|
||||
plan_list
|
||||
|
||||
};
|
||||
},
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue