From 32b09ee84d7187800a7a10f2264b8b4e30fc574a Mon Sep 17 00:00:00 2001
From: ‘chensiAb’ <‘chenchenco03@163.com’>
Date: Mon, 31 Mar 2025 16:35:18 +0800
Subject: [PATCH] feat:测试腾讯地图和百度api的转换
---
forms/switch/CSwitch.vue | 24 +++++++++++++++++-------
1 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/forms/switch/CSwitch.vue b/forms/switch/CSwitch.vue
index 6171b54..6917985 100644
--- a/forms/switch/CSwitch.vue
+++ b/forms/switch/CSwitch.vue
@@ -1,14 +1,18 @@
/**
* CSwitch
+ * 开关组件，用于在表单中提供开关选择功能
+ * 基于 AtSwitch 封装，支持只读模式
+ * 能够显示必填和错误状态
* @author Tevin
*/
<template>
- <view :class="['c-switch', className]">
+ <view :class="['c-switch', className, readOnly?'read-only':'']">
<AtSwitch
- :title="itemData.label"
- :checked="itemData.formData[itemData.name]"
- :onChange="evt=>itemData.onChange(evt)"
+ :title="itemRes.label"
+ :checked="itemRes.formData[itemRes.name]"
+ :disabled="readOnly"
+ :onChange="evt=>itemRes.onChange(evt)"
/>
</view>
</template>
@@ -21,7 +25,13 @@
name: 'CSwitch',
components: { AtSwitch },
props: {
- itemData: Object,
+ // 表单数据资源（表单组件内部机制专用）
+ itemRes: Object,
+ // 只读模式
+ readOnly: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {};
@@ -29,10 +39,10 @@
computed: {
className() {
let className = '';
- if (this.itemData.required) {
+ if (this.itemRes.required) {
className += 'c-switch-required ';
}
- if (this.itemData.error) {
+ if (this.itemRes.error) {
className += 'c-switch-error ';
}
return className;
--
Gitblit v1.9.1