From 3b03f87a02458f719e2eb4bf112a13441b427d14 Mon Sep 17 00:00:00 2001
From: ‘chensiAb’ <‘chenchenco03@163.com’>
Date: Tue, 25 Mar 2025 13:54:34 +0800
Subject: [PATCH] Merge branch 'master' of ssh://dev.zhiheiot.com:29418/mob-components
---
forms/numberValve/CNumberValve.vue | 33 ++++++++++++++++++++++++++++-----
1 files changed, 28 insertions(+), 5 deletions(-)
diff --git a/forms/numberValve/CNumberValve.vue b/forms/numberValve/CNumberValve.vue
index 342beb5..777778b 100644
--- a/forms/numberValve/CNumberValve.vue
+++ b/forms/numberValve/CNumberValve.vue
@@ -1,5 +1,8 @@
/**
* CNumberValve
+ * 数值滑块组件，用于在表单中通过滑块选择数值
+ * 提供了滑动条和增减按钮两种方式来调整数值
+ * 支持设置数值范围、步长和单位显示
* @author Tevin
*/
@@ -16,7 +19,7 @@
:required="itemRes.required"
:disabled="itemRes.disabled"
:error="itemRes.error"
- :value="itemRes.formData[itemRes.name] + unit"
+ :value="valueStr"
:placeholder="placeholder"
>
<view class="at-icon at-icon-chevron-right"></view>
@@ -49,7 +52,16 @@
@touchstart="evt => handleTouchStart()"
@touchmove="evt => handleTouchMove(evt)"
></view>
- <view class="current"><text class="text">{{current}}</text></view>
+ <view class="current">
+ <text
+ class="text m-text-ignore"
+ v-if="current===''"
+ >(请拖动)</text>
+ <text
+ class="text"
+ v-else
+ >{{current}}</text>
+ </view>
</view>
</view>
<view class="btn">
@@ -106,11 +118,22 @@
return {
opened: false,
rect: { width: 0, left: 0 },
- current: 0,
+ current: '',
sliderLeft: 0,
};
},
- computed: {},
+ computed: {
+ valueStr() {
+ if (
+ this.itemRes.formData[this.itemRes.name] ||
+ this.itemRes.formData[this.itemRes.name] === 0
+ ) {
+ return this.itemRes.formData[this.itemRes.name] + ' ' + this.unit;
+ } else {
+ return '';
+ }
+ },
+ },
methods: {
handleOpen() {
this.opened = true;
@@ -190,7 +213,7 @@
currentNext = Math.min(currentNext, this.range[1]);
// 设置
const sliderLeft = Math.round(
- ((currentNext - this.range[0]) / (this.range[1] - this.range[0])) * 100
+ ((currentNext - this.range[0]) / (this.range[1] - this.range[0])) * 100,
);
this.sliderLeft = sliderLeft;
this.current = currentNext;
--
Gitblit v1.9.1