针对低分辨率做适配

src/components/FusionSettings/DensityCorrection.vue

@@ -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="box">
-        <div class="col-1">
+        <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 {

src/components/FusionSettings/SurfaceCorrection.vue

@@ -3,420 +3,156 @@
     <div class="col-4">
       <div class="row">
         <div class="col-6"></div>
-        <div class="col-3">
+        <div class="col-6">
-          <q-input
+          <q-input filled type="number" class="q-pb-xs q-pt-md" @focus="isactivearray[0] = false" :dense="true"
-            filled
+            v-model="nine[0].x" label="x" lazy-rules />
-            type="number"
+          <q-input filled type="number" class="" @focus="isactivearray[0] = false" :dense="true"
-            class="q-pt-md"
+            v-model="nine[0].y" label="y" lazy-rules />
-            @focus="isactivearray[0] = false"
+          <q-btn size="sm" dense color="white" @click="reset(0)" text-color="black" :label="$t('reset') + $t('point') + '1'" />
-            :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>
       </div>
     </div>
     <div class="col-4">
       <div class="row">
         <div class="col-4"></div>
-        <div class="col-3">
+        <div class="col-4">
-          <q-input
+          <q-input filled type="number" class="q-pb-xs q-pt-md" @focus="isactivearray[1] = false" :dense="true"
-            filled
+            v-model="nine[1].x" label="x" lazy-rules />
-            type="number"
+          <q-input filled type="number" class="" @focus="isactivearray[1] = false" :dense="true"
-            @focus="isactivearray[2] = false"
+            v-model="nine[1].y" label="y" lazy-rules />
-            class="q-pt-md"
+          <q-btn size="sm" dense color="white" @click="reset(1)" text-color="black" :label="$t('reset') + $t('point') + '2'" />
-            :dense="true"
+        </div>
-            v-model="nine[2].x"
+
-            label="x"
+        <div class="col-4" style="padding-left: 2px">
-            lazy-rules
+          <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
+          <q-input filled type="number" class="" :dense="true" v-model="nine[4].y" label="y"
-            filled
+            @focus="isactivearray[4] = false" lazy-rules />
-            type="number"
+          <q-btn size="sm" dense color="white" @click="reset(4)" text-color="black" :label="$t('reset') + $t('point') + '5'" />
-            class="q-pt-md"
+        </div>
-            @focus="isactivearray[2] = false"
+      </div>
-            :dense="true"
+    </div>
-            v-model="nine[2].y"
+    <div class="col-4">
-            label="y"
+      <div class="row">
-            lazy-rules
+        <div class="col-3"></div>
-          />
+        <div class="col-6">
-          <q-btn
+          <q-input filled type="number" @focus="isactivearray[2] = false" class="q-pb-xs q-pt-md" :dense="true"
-            color="white"
+            v-model="nine[2].x" label="x" lazy-rules />
-            @click="reset(2)"
+          <q-input filled type="number" class="" @focus="isactivearray[2] = false" :dense="true"
-            text-color="black"
+            v-model="nine[2].y" label="y" lazy-rules />
-            :label="$t('reset') + $t('point') + '3'"
+          <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-2"></div>
-        <div class="col-6">
+        <div class="col-10">
-          <q-input
+          <q-input filled type="number" @focus="isactivearray[3] = false" class="q-pb-xs q-pt-md" :dense="true"
-            filled
+            v-model="nine[3].x" label="x" lazy-rules />
-            type="number"
+          <q-input filled type="number" class="" @focus="isactivearray[3] = false" :dense="true"
-            @focus="isactivearray[3] = false"
+            v-model="nine[3].y" label="y" lazy-rules />
-            class="q-pt-md"
+          <q-btn size="sm" dense color="white" @click="reset(3)" text-color="black" :label="$t('reset') + $t('point') + '4'" />
-            :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>
       </div>
     </div>
     <div class="col-8">
       <div ref="div" style="background-color: #7fffd4; height: 40vh">
         <div style="position: absolute">
-          <vue3ResizeDrag
+          <vue3ResizeDrag :isActive="isactivearray[0]" v-if="isshowarray[0]" :w="30" :h="20" :x="ninepostion[0].x"
-            :isActive="isactivearray[0]"
+            :y="ninepostion[0].y" @mousedown="activeMouseDown(0)" :isResizable="false" @moveHandler="moveHandler_1">
-            v-if="isshowarray[0]"
+            <span>{{ $t("point") }}1</span>
-            :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
+          <vue3ResizeDrag :isActive="isactivearray[1]" v-if="isshowarray[1]" :w="30" :h="20" :x="ninepostion[1].x"
-            :isActive="isactivearray[1]"
+            :y="ninepostion[1].y" @mousedown="activeMouseDown(1)" :isResizable="false" @moveHandler="moveHandler_2">
-            v-if="isshowarray[1]"
+            <span>{{ $t("point") }}2</span>
-            :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
+          <vue3ResizeDrag :isActive="isactivearray[2]" v-if="isshowarray[2]" :w="30" :h="20" :x="ninepostion[2].x"
-            :isActive="isactivearray[2]"
+            :y="ninepostion[2].y" @mousedown="activeMouseDown(2)" :isResizable="false" @moveHandler="moveHandler_3">
-            v-if="isshowarray[2]"
+            <span>{{ $t("point") }}3</span>
-            :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
+          <vue3ResizeDrag :isActive="isactivearray[3]" v-if="isshowarray[3]" :w="30" :h="20" :x="ninepostion[3].x"
-            :isActive="isactivearray[3]"
+            :y="ninepostion[3].y" @mousedown="activeMouseDown(3)" :isResizable="false" @moveHandler="moveHandler_4">
-            v-if="isshowarray[3]"
+            <span>{{ $t("point") }}4</span>
-            :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
+          <vue3ResizeDrag :isActive="isactivearray[4]" v-if="isshowarray[4]" :w="30" :h="20" :x="ninepostion[4].x"
-            :isActive="isactivearray[4]"
+            :y="ninepostion[4].y" @mousedown="activeMouseDown(4)" :isResizable="false" @moveHandler="moveHandler_5">
-            v-if="isshowarray[4]"
+            <span>{{ $t("point") }}5</span>
-            :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
+          <vue3ResizeDrag :isActive="isactivearray[5]" v-if="isshowarray[5]" :w="30" :h="20" :x="ninepostion[5].x"
-            :isActive="isactivearray[5]"
+            :y="ninepostion[5].y" @mousedown="activeMouseDown(5)" :isResizable="false" @moveHandler="moveHandler_6">
-            v-if="isshowarray[5]"
+            <span>{{ $t("point") }}6</span>
-            :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
+          <vue3ResizeDrag :isActive="isactivearray[6]" v-if="isshowarray[6]" :w="30" :h="20" :x="ninepostion[6].x"
-            :isActive="isactivearray[6]"
+            :y="ninepostion[6].y" @mousedown="activeMouseDown(6)" :isResizable="false" @moveHandler="moveHandler_7">
-            v-if="isshowarray[6]"
+            <span>{{ $t("point") }}7</span>
-            :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
+          <vue3ResizeDrag :isActive="isactivearray[7]" v-if="isshowarray[7]" :w="30" :h="20" :x="ninepostion[7].x"
-            :isActive="isactivearray[7]"
+            :y="ninepostion[7].y" @mousedown="activeMouseDown(7)" :isResizable="false" @moveHandler="moveHandler_8">
-            v-if="isshowarray[7]"
+            <span>{{ $t("point") }}8</span>
-            :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
+          <vue3ResizeDrag :isActive="isactivearray[8]" v-if="isshowarray[8]" :w="30" :h="20" :x="ninepostion[8].x"
-            :isActive="isactivearray[8]"
+            :y="ninepostion[8].y" @mousedown="activeMouseDown(8)" :isResizable="false" @moveHandler="moveHandler_9">
-            v-if="isshowarray[8]"
+            <span>{{ $t("point") }}9</span>
-            :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">
+        <div class="col-10">
-          <q-input
+          <q-input filled type="number" @focus="isactivearray[5] = false" class="q-pb-xs" :dense="true"
-            filled
+            v-model="nine[5].x" label="x" lazy-rules />
-            type="number"
+          <q-input filled type="number" class="" @focus="isactivearray[5] = false" :dense="true"
-            @focus="isactivearray[5] = false"
+            v-model="nine[5].y" label="y" lazy-rules />
-            class="q-pt-md"
+          <q-btn size="sm" dense color="white" @click="reset(5)" text-color="black" :label="$t('reset') + $t('point') + '6'" />
-            :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>
       </div>
     </div>
     <div class="col-4">
       <div class="row">
         <div class="col-6">
-          <q-btn
+          <q-btn color="white"  @click="resetall" text-color="black" :label="$t('resetall')" />
-            color="white"
-            @click="resetall"
-            text-color="black"
-            :label="$t('resetall')"
-          />
         </div>
-        <div class="col-3">
+        <div class="col-6">
-          <q-input
+          <q-input filled type="number" @focus="isactivearray[6] = false" class="q-pb-xs" :dense="true"
-            filled
+            v-model="nine[6].x" label="x" lazy-rules />
-            type="number"
+          <q-input filled type="number" class="" @focus="isactivearray[6] = false" :dense="true"
-            @focus="isactivearray[6] = false"
+            v-model="nine[6].y" label="y" lazy-rules />
-            class="q-pt-md"
+          <q-btn size="sm" dense color="white" @click="reset(6)" text-color="black" :label="$t('reset') + $t('point') + '7'" />
-            :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>
       </div>
     </div>
     <div class="col-4">
       <div class="row">
         <div class="col-4"></div>
-        <div class="col-3">
+        <div class="col-6">
-          <q-input
+          <q-input filled type="number" @focus="isactivearray[7] = false" class="q-pb-xs" :dense="true"
-            filled
+            v-model="nine[7].x" label="x" lazy-rules />
-            type="number"
+          <q-input filled type="number" class="" @focus="isactivearray[7] = false" :dense="true"
-            @focus="isactivearray[8] = false"
+            v-model="nine[7].y" label="y" lazy-rules />
-            class="q-pt-md"
+          <q-btn size="sm" dense color="white" @click="reset(7)" text-color="black" :label="$t('reset') + $t('point') + '8'" />
-            :dense="true"
+        </div>
-            v-model="nine[8].x"
+      </div>
-            label="x"
+    </div>
-            lazy-rules
+    <div class="col-4">
-          />
+      <div class="row">
-          <q-input
+        <div class="col-3"></div>
-            filled
+        <div class="col-6">
-            type="number"
+          <q-input filled type="number" @focus="isactivearray[8] = false" class="q-pb-xs" :dense="true"
-            class="q-pt-md"
+            v-model="nine[8].x" label="x" lazy-rules />
-            @focus="isactivearray[8] = false"
+          <q-input filled type="number" class="" @focus="isactivearray[8] = false" :dense="true"
-            :dense="true"
+            v-model="nine[8].y" label="y" lazy-rules />
-            v-model="nine[8].y"
+          <q-btn size="sm" dense color="white" @click="reset(8)" text-color="black" :label="$t('reset') + $t('point') + '9'" />
-            label="y"
-            lazy-rules
-          />
-          <q-btn
-            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";

src/components/FusionSettingsDialog.vue

@@ -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')" />
+            @click="$store.commit('setSelectedProjector', '0/0');"  />
-          <q-btn flat :label="$t('save config')" no-caps color="primary" @click="save" v-close-popup />
+          <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
+
     };
   },
 });