From 09e14592dd06c4c2037e2b172ac77a2e290f9db9 Mon Sep 17 00:00:00 2001
From: cuiqian2004 <cuiqian2004@163.com>
Date: 星期五, 05 九月 2025 19:01:09 +0800
Subject: [PATCH] form input pdaScanOnly
---
components/oi-form/list/input/index.vue | 142 ++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 128 insertions(+), 14 deletions(-)
diff --git a/components/oi-form/list/input/index.vue b/components/oi-form/list/input/index.vue
index 9f728ac..5a63050 100644
--- a/components/oi-form/list/input/index.vue
+++ b/components/oi-form/list/input/index.vue
@@ -2,23 +2,37 @@
<view class="oi-form-input">
<text v-if="data.setting.prefix && !viewMode" class="form-input-icon" :class="[data.setting.prefix]"
@click="onPrefixButton"></text>
- <input v-if="model" class="oi-input" :class="data.disabled?'input-disabled':''"
- :style="{'padding-left':data.setting.prefix?0 : '8rpx','right':data.setting.suffix?0 : '8rpx'}"
- v-model="model[data.fieldId]" :focus="focus" :placeholder="data.placeholder" @focus="onFocus"
- @blur="onChange" @confirm="onConfirm" @click="onClick" :disabled="data.disabled" :maxlength="-1"></input>
- <input v-else class="oi-input" :class="data.disabled?'input-disabled':''"
- :style="{'padding-left':data.setting.prefix?0 : '8rpx','right':data.setting.suffix?0 : '8rpx'}"
- v-model="data.value" :focus="focus" :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm"
- @click="onClick" :disabled="data.disabled"></input>
+ <template v-if="data.pdaScanOnly">
+ <view class="fake-input" :class="data.disabled?'input-disabled':''" @click="onFakeInputClick">
+ <text v-if="showPlaceholder" class="placeholder">{{data.placeholder }}</text>
+ <text class="input-text">{{model ? model[data.fieldId]:data.value }}</text>
+ <text v-if="!data.disabled&& focus" class="cursor">{{cursor}}</text>
+ </view>
+ </template>
+ <template v-else><input v-if="model" class="oi-input" :class="data.disabled?'input-disabled':''"
+ :style="{'padding-left':data.setting.prefix?0 : '8rpx','right':data.setting.suffix?0 : '8rpx'}"
+ v-model="model[data.fieldId]" :focus="focus" :placeholder="data.placeholder" @focus="onFocus"
+ @blur="onChange" @confirm="onConfirm" @click="onClick" :disabled="data.disabled"
+ :maxlength="-1"></input>
+ <input v-else class="oi-input" :class="data.disabled?'input-disabled':''"
+ :style="{'padding-left':data.setting.prefix?0 : '8rpx','right':data.setting.suffix?0 : '8rpx'}"
+ v-model="data.value" :focus="focus" :placeholder="data.placeholder" @focus="onFocus" @blur="onChange"
+ @confirm="onConfirm" @click="onClick" :disabled="data.disabled"></input></template>
+
<text v-if="data.setting.suffix&& !viewMode" class="form-input-icon" :class="[data.setting.suffix]"
@click="onSuffixButton"></text>
-
</view>
+
+
</template>
<script>
+ import buttonClickMixin from '@/mixins/button-click.js';
+
export default {
+
name: "OIFormInput",
+ mixins: [buttonClickMixin],
props: {
viewMode: {
type: Boolean,
@@ -34,26 +48,80 @@
default: false
},
},
+ data() {
+ return {
+ largeMode: getApp().globalData?.largeMode || false,
+ cursor: "",
+ }
+ },
+ mounted() {
+ setInterval(() => {
+ if (this.cursor)
+ this.cursor = ""
+ else
+ this.cursor = "|"
+ }, 1000)
+ },
+ computed: {
+
+ showPlaceholder() {
+ const val = this.model ? this.model[data.fieldId] : this.data.value
+ if (val)
+ return false
+ else
+ return true
+ }
+ },
methods: {
onChange(e) {
this.$emit("on-change", e)
},
onConfirm(e) {
+ console.log("onConfirm")
this.onChange(e)
+ },
+ onFakeInputClick(e) {
+ if (this.data.disabled)
+ return
+ this.$emit("on-focus", e)
+ this.$emit("on-click", e)
},
onClick(e) {
this.$emit("on-click", e)
},
onFocus(e) {
+ // getApp().onScan((result) => {
+ // if (!this.viewMode && !this.data.disabled) {
+ // if (this.model)
+ // this.model[data.fieldId] = result
+ // else
+ // this.data.value = result
+ // }
+ // })
+
this.$emit("on-focus", e)
},
onPrefixButton() {
- this.$emit("on-click-prefix")
+ this.handleButtonClick((done) => {
+ this.$emit("on-click-prefix")
+ setTimeout(() => {
+ done(); // 閲嶇疆鐘舵�
+ }, 1000);
+ });
},
onSuffixButton() {
- this.$emit("on-click-suffix")
+
+ this.handleButtonClick((done) => {
+ this.$emit("on-click-suffix")
+ setTimeout(() => {
+ done(); // 閲嶇疆鐘舵�
+ }, 1000);
+ });
+
+
},
- }
+ },
+
};
</script>
@@ -62,12 +130,42 @@
border: 1px solid #d5d5d5;
border-radius: 6px !important;
padding: 3rpx;
- width: calc(100%- 6rpx);
+ width: calc(100% - 6rpx);
display: flex;
flex-direction: row;
-
+
.input-disabled {
background-color: #f3f3f3 !important;
+ }
+
+ .fake-input {
+ display: flex;
+ position: relative;
+ padding: 8rpx 8rpx 12rpx 8rpx;
+ align-items: center;
+ color: #2d8cf0;
+ flex: 1;
+ height: 20px;
+ background: #FFF;
+ font-size: 18px;
+
+ // .cursor {
+ // font-weight: bold;
+ // }
+ .input-text {
+ font-size: 14px;
+ color: #2d8cf0;
+ }
+
+ .placeholder {
+ position: absolute;
+ left: 4px;
+ top: 4px;
+ right: 4px;
+ bottom: 0;
+ font-size: 14px;
+ color: #888;
+ }
}
.oi-input {
@@ -81,6 +179,7 @@
font-family: inherit;
transition-duration: 0.1s;
vertical-align: middle;
+
}
.form-input-icon {
@@ -100,4 +199,19 @@
.oi-form-input:hover {
border: 1px solid rgb(41, 121, 255);
}
+
+ .large-mode {
+ .oi-form-input {
+ .oi-input {
+ font-size: 24px;
+ height: 36px;
+ }
+
+ .form-input-icon {
+ font-size: 30px;
+ height: 36px;
+ width: 36px;
+ }
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1