处理日历弹窗问题

src/components/lowCode/assistant/datePicker.vue

@@ -23,6 +23,11 @@ const value = computed({
 		emits('update:modelValue', newVal)
 	},
 });
+//阻止唤起键盘
+const handleClick = (event) => {
+  // 阻止输入框默认行为
+  event.target.readOnly = true;
+};
 </script>
 <template>
     <el-date-picker
@@ -36,6 +41,8 @@ const value = computed({
 		:placeholder="props.data.control.placeholder"
 		:value-format="props.data.valueFormat"
 		:format="props.data.control.format"
+		@click="handleClick"
+		@focus="handleClick"
     />
 </template>
 <style  lang='scss' scoped>

src/components/lowCode/assistant/editTime.vue

@@ -203,11 +203,14 @@ const getCurrentTime = () => {
 </script>
 <template>
 	<div class="inputbox">
-		<el-input v-model="value" :style="getFormItemInputStyle(configStyle,2)" :input-style="getFormItemInputStyle(configStyle,3)"  placeholder="系统自动生成" disabled></el-input>
+		<el-input v-model="value" :style="getFormItemInputStyle(configStyle,2)" :input-style="getFormItemInputStyle(configStyle,3)"  placeholder="系统自动生成" disabled readonly></el-input>
 	</div>
 </template>
 <style  lang='scss' scoped>
 .inputbox{
 	width:100%;
+	input:focus {
+		pointer-events: none;
+	}
 }
 </style>

src/components/lowCode/formItem.vue

@@ -553,10 +553,14 @@ const currentComponent = computed(() => {
     }
     return `el-${props.data.type}`
 })
-
+//阻止唤起键盘
+const handleClick = (event) => {
+  // 阻止输入框默认行为
+  event.target.readOnly = true;
+};
 </script>
 <template>
-    <div>
+    <div>{{data.type}}
         <template class="form-value" v-if="type === 15">
             2
         </template>
@@ -735,6 +739,8 @@ const currentComponent = computed(() => {
                         ? data.control.placeholder
                         : '请选择' + getLabel(data.item)
                     "
+                    @click="handleClick"
+                    @focus="handleClick"
                 />
                 <!--多选-->
                 <el-checkbox-group