From 9a0ea77000478287ba82e4af0e7258fd1e43044c Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 22 Nov 2023 10:22:22 +0800
Subject: [PATCH] 扫码输入框，支持只读
---
forms/input/CInputScanCode.vue | 11 ++++++++++-
forms/input/CInputScanCode.scss | 4 ++++
2 files changed, 14 insertions(+), 1 deletions(-)
diff --git a/forms/input/CInputScanCode.scss b/forms/input/CInputScanCode.scss
index c1460cf..c2eee63 100644
--- a/forms/input/CInputScanCode.scss
+++ b/forms/input/CInputScanCode.scss
@@ -6,6 +6,10 @@
@import "../../common/sassMixin";
.c-input-scan-code {
+ &.read-only {
+ pointer-events: none;
+ background-color: #fafafa;
+ }
.c-input-scan-space {
width: 140px;
height: 48px;
diff --git a/forms/input/CInputScanCode.vue b/forms/input/CInputScanCode.vue
index 1b9fa36..d18a176 100644
--- a/forms/input/CInputScanCode.vue
+++ b/forms/input/CInputScanCode.vue
@@ -4,7 +4,10 @@
*/
<template>
- <view class="c-input-scan-code">
+ <view
+ class="c-input-scan-code"
+ :class="[readOnly ? 'read-only':'']"
+ >
<AtInput
:name="itemRes.name"
:title="itemRes.label"
@@ -21,6 +24,7 @@
class="c-input-scan-btn"
size="small"
type="primary"
+ :disabled="readOnly"
:onClick="evt => handleScan()"
>
<text v-show="!scaning">扫描</text>
@@ -51,6 +55,11 @@
itemRes: Object,
// 占位提示
placeholder: String,
+ // 只读模式
+ readOnly: {
+ type: Boolean,
+ default: false,
+ },
// 由业务层调用app
onScaning: Function,
// 失去焦点回调
--
Gitblit v1.9.1