116 lines
2.9 KiB
JavaScript
116 lines
2.9 KiB
JavaScript
// components/milliliter-input/milliliter-input.js
|
||
|
||
/** 附带输入框的数字拨盘自定义组件，封装了milliliter自定义组件
|
||
* 在引用页面使用 this.selectComponent() 获取组件对象，调用 number 可获取组件值
|
||
* careate by DH.tab
|
||
* 2021/07/14
|
||
*/
|
||
Component({
|
||
/**
|
||
* 组件的属性列表
|
||
*/
|
||
properties: {
|
||
/** 最大值 */
|
||
max: { type: Number, value: 120 },
|
||
/** 最小值 */
|
||
min: { type: Number, value: 0 },
|
||
/** 值 */
|
||
value: { type: Number, value: 0 },
|
||
/** 单位名称 */
|
||
unitName: { type: String },
|
||
/** 单位值 */
|
||
unitVal: { type: String, value: '厘米' },
|
||
/** 是否精确到3位小数 */
|
||
float: { type: Boolean, value: false },
|
||
/** 是否不可为空 */
|
||
noEmpty: { type: Boolean, value: false },
|
||
},
|
||
|
||
/**
|
||
* 组件的初始数据
|
||
*/
|
||
data: {
|
||
number: 0,
|
||
isblur: true,
|
||
first: true
|
||
},
|
||
|
||
attached() {
|
||
if(this.data.unitName == '身高') {
|
||
this.setData({ number: 160 })
|
||
} else {
|
||
this.setData({ number: 65 })
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 组件的方法列表
|
||
*/
|
||
methods: {
|
||
/** 数字拨盘值改变事件 */
|
||
changeNumber(e) {
|
||
if (this.data.first)
|
||
this.setData({ first: false })
|
||
else
|
||
this.setData({ number: e.detail })
|
||
},
|
||
|
||
// 文本框获得焦点
|
||
onNumberFocus(e) {
|
||
this.setData({ isblur: false })
|
||
},
|
||
|
||
// 文本框输入事件
|
||
onNumberInput(e) {
|
||
let val = e.detail.value
|
||
|
||
// 检查是否出现多个小数点
|
||
let a = val.toString().indexOf('.'),
|
||
b = val.toString().lastIndexOf('.'),
|
||
res = '';
|
||
|
||
if (a != b) {
|
||
let t = val.toString().split('')
|
||
t.splice(t.lastIndexOf('.'), 1)
|
||
res = t.join('')
|
||
this.setData({ number: res })
|
||
}
|
||
},
|
||
|
||
// 文本框失去焦点
|
||
onNumberBlur(e) {
|
||
let val = e.detail.value
|
||
|
||
// 检查输入值是否溢出上限或下限
|
||
if (parseInt(val) > this.data.max)
|
||
val = this.data.max
|
||
if (parseInt(val) < this.data.min)
|
||
val = this.data.min
|
||
|
||
// 检查是否需要保留2位小数
|
||
if (this.data.float) {
|
||
let t = val.toString().split('.')
|
||
if (t.length > 1 && t[1].length > 3)
|
||
val = `${t[0]}.${t[1].substr(0, 3)}`
|
||
this.setData({
|
||
value: parseFloat(val),
|
||
number: parseFloat(val)
|
||
})
|
||
} else {
|
||
let tmp = val.toString().split('.')
|
||
if (tmp.length > 1)
|
||
this.setData({
|
||
value: parseFloat(tmp[0] + '.' + tmp[1].substr(0, 1)),
|
||
number: parseFloat(tmp[0] + '.' + tmp[1].substr(0, 1))
|
||
})
|
||
else
|
||
this.setData({
|
||
value: parseFloat(val),
|
||
number: parseFloat(val)
|
||
})
|
||
}
|
||
this.setData({ isblur: true })
|
||
},
|
||
}
|
||
})
|