为平板增加融合带操作弹窗

src/components/FusionSettings/FusionLocale.vue

@@ -12,7 +12,7 @@
                 </div>
                 <div class="col-6">
                   <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
+                    @focus="group = 0" v-model="array[0].value" :label="$t('upper fusion zone parameters')" lazy-rules @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:''}" :readonly="url.indexOf('pad')!=-1"
                     :rules="[
                       (val) =>
                         (val !== null && val !== '') ||
@@ -34,7 +34,7 @@
                 </div>
                 <div class="col-6">
                   <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
+                    @focus="group = 1" v-model="array[1].value" :label="$t('Left fusion Band Parameters')" lazy-rules @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:''}" :readonly="url.indexOf('pad')!=-1"
                     :rules="[
                       (val) =>
                         (val !== null && val !== '') ||
@@ -52,7 +52,7 @@
                 </div>
                 <div class="col-6">
                   <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
+                    @focus="group = 2" v-model="array[2].value" :label="$t('Right fusion Band Parameters')" lazy-rules @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:''}" :readonly="url.indexOf('pad')!=-1"
                     :rules="[
                       (val) =>
                         (val !== null && val !== '') ||
@@ -76,7 +76,7 @@
                 </div>
                 <div class="col-6">
                   <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
+                    @focus="group = 3" v-model="array[3].value" :label="$t('Lower fusion Zone Parameters')" lazy-rules @click="()=>{url.indexOf('pad')!=-1?ipad_chang=true:''}" :readonly="url.indexOf('pad')!=-1"
                     :rules="[
                       (val) =>
                         (val !== null && val !== '') ||
@@ -153,6 +153,27 @@
     <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">
+    <q-card style="width: 40vw; max-width: 80vw;">
+      <q-card-section>
+        <div class="text-h6">{{ $t('fusion zone') +(group+1 )}}</div>
+      </q-card-section>
+      <q-card-section class="q-pt-none">
+
+        <div class="row">
+          <div class="col-6" style="text-align: center;"><q-btn color="white" text-color="black" icon="keyboard_arrow_left" @touchstart="handlerTouchstart('-')"  @touchend="handlerTouchend" /></div>
+          <div class="col-6" style="text-align: center;"><q-btn color="white" text-color="black" icon="keyboard_arrow_right" @touchstart="handlerTouchstart('+')"  @touchend="handlerTouchend"  /></div>
+        </div>
+
+      </q-card-section>
+      <q-card-actions align="right" class="bg-white text-teal">
+        <q-btn flat :label="$t('close')" color="primary" v-close-popup />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+
 </template>
 
 <style>
@@ -598,6 +619,34 @@ export default defineComponent({
         }
       }
     }
+
+    /**
+     * 平板弹窗修改
+     */
+     const ipad_chang=ref(false)
+    /**
+     * 当前url路径
+     */
+    let url = window.location.href;
+
+
+    /**
+    * 长按实现
+    */
+    let loop: NodeJS.Timeout
+    const handlerTouchstart = (fun: string) => {
+      loop = setInterval(() => {
+          if (fun == '+') {
+            array[group.value].value+=2
+          } else {
+            array[group.value].value-=2
+          }
+      }, 10)
+    }
+    const handlerTouchend = () => {
+      clearInterval(loop)
+    }
+
     return {
       send_auxiliary_line,
       group,
@@ -611,7 +660,11 @@ export default defineComponent({
       reset,
       auto_sync,
       config,
-      save_set_cache
+      save_set_cache,
+      ipad_chang,
+      url,
+      handlerTouchstart,
+      handlerTouchend
     };
   },
 });

src/i18n/en-US/index.ts

@@ -506,4 +506,5 @@ export default {
     "Whether to change the projector layout to",
   "after upgrade, please clear browser cache Or refresh hard (Ctrl/Shift + F5 Or Ctrl + Shift + R)":
     "After Upgrade, Please Clear Browser Cache Or Refresh Hard (Ctrl/Shift + F5 Or Ctrl + Shift + R)",
+    "fusion zone":"fusion zone"
 };

src/i18n/zh-CN/index.ts

@@ -772,4 +772,5 @@ export default {
   "Whether to change the projector layout to": "是否更改投影机布局为",
   "after upgrade, please clear browser cache Or refresh hard (Ctrl/Shift + F5 Or Ctrl + Shift + R)":
     "升级完成后请清空浏览器缓存或者进行硬刷新(Ctrl/Shift + F5 或者 CTRL + SHIFT + R)",
+  "fusion zone":"融合带"
 };