From 3a346accd0e92a2aab7ce2dd3c1186729cbfa984 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E8=8D=A3=E6=AD=86?= Date: Mon, 17 Jul 2017 18:22:56 +0800 Subject: [PATCH] no message --- bi/widget.js | 123 +++++++++++++----- demo/css/main.css | 2 +- .../intervalslider/demo.interval_slider.js | 25 +++- demo/less/main.less | 2 +- docs/demo.css | 2 +- docs/demo.js | 25 +++- docs/widget.js | 123 +++++++++++++----- src/widget/intervalslider/intervalslider.js | 123 +++++++++++++----- 8 files changed, 314 insertions(+), 111 deletions(-) diff --git a/bi/widget.js b/bi/widget.js index 6399ab05b..5285a1a67 100644 --- a/bi/widget.js +++ b/bi/widget.js @@ -5660,6 +5660,7 @@ BI.InteractiveArrangement.EVENT_RESIZE = "InteractiveArrangement.EVENT_RESIZE"; BI.InteractiveArrangement.EVENT_SCROLL = "InteractiveArrangement.EVENT_SCROLL"; BI.shortcut('bi.interactive_arrangement', BI.InteractiveArrangement);/** * Created by zcf on 2016/9/26. + * Make some change by dailer on 2017/7/17 */ BI.IntervalSlider = BI.inherit(BI.Widget, { _constant: { @@ -5708,7 +5709,7 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { this.labelOne = BI.createWidget({ type: "bi.sign_editor", - cls: "slider-editor-button bi-border", + cls: "slider-editor-button", errorText: "", allowBlank: false, height: c.HEIGHT, @@ -5721,16 +5722,22 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { var v = BI.parseFloat(this.getValue()); self.valueOne = v; var percent = self._getPercentByValue(v); - var significantPercent = BI.parseFloat(percent.toFixed(1));//分成1000份 + var significantPercent = BI.parseFloat(percent.toFixed(1)); //分成1000份 self._setLabelOnePosition(significantPercent); self._setSliderOnePosition(significantPercent); self._setBlueTrack(); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); }); + this.labelOne.on(BI.SignEditor.EVENT_FOCUS, function () { + self.labelOne.element.addClass("bi-border"); + }); + this.labelOne.on(BI.SignEditor.EVENT_BLUR, function () { + self.labelOne.element.removeClass("bi-border"); + }); this.labelTwo = BI.createWidget({ type: "bi.sign_editor", - cls: "slider-editor-button bi-border", + cls: "slider-editor-button", errorText: "", allowBlank: false, height: c.HEIGHT, @@ -5749,6 +5756,12 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { self._setBlueTrack(); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); }); + this.labelTwo.on(BI.SignEditor.EVENT_FOCUS, function () { + self.labelTwo.element.addClass("bi-border"); + }); + this.labelTwo.on(BI.SignEditor.EVENT_BLUR, function () { + self.labelTwo.element.removeClass("bi-border"); + }); this.sliderOne = BI.createWidget({ type: "bi.single_slider_slider" @@ -5803,23 +5816,23 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { type: "bi.absolute", element: this, items: [{ - el: { - type: "bi.vertical", - items: [{ - type: "bi.absolute", + el: { + type: "bi.vertical", items: [{ - el: this.track, - width: "100%", - height: c.TRACK_HEIGHT - }] - }], - hgap: 7, - height: c.TRACK_HEIGHT + type: "bi.absolute", + items: [{ + el: this.track, + width: "100%", + height: c.TRACK_HEIGHT + }] + }], + hgap: 7, + height: c.TRACK_HEIGHT + }, + top: 33, + left: 0, + width: "100%" }, - top: 33, - left: 0, - width: "100%" - }, this._createLabelWrapper(), this._createSliderWrapper() ] @@ -5926,43 +5939,63 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { var labelTwoLeft = this.labelTwo.element[0].offsetLeft; if (labelOneLeft <= labelTwoLeft) { if ((labelTwoLeft - labelOneLeft) < 90) { - this.labelTwo.element.css({"top": 60}); + this.labelTwo.element.css({ + "top": 60 + }); } else { - this.labelTwo.element.css({"top": 0}); + this.labelTwo.element.css({ + "top": 0 + }); } } else { if ((labelOneLeft - labelTwoLeft) < 90) { - this.labelTwo.element.css({"top": 60}); + this.labelTwo.element.css({ + "top": 60 + }); } else { - this.labelTwo.element.css({"top": 0}); + this.labelTwo.element.css({ + "top": 0 + }); } } }, _setLabelOnePosition: function (percent) { - this.labelOne.element.css({"left": percent + "%"}); + this.labelOne.element.css({ + "left": percent + "%" + }); this._checkOverlap(); }, _setLabelTwoPosition: function (percent) { - this.labelTwo.element.css({"left": percent + "%"}); + this.labelTwo.element.css({ + "left": percent + "%" + }); this._checkOverlap(); }, _setSliderOnePosition: function (percent) { - this.sliderOne.element.css({"left": percent + "%"}); + this.sliderOne.element.css({ + "left": percent + "%" + }); }, _setSliderTwoPosition: function (percent) { - this.sliderTwo.element.css({"left": percent + "%"}); + this.sliderTwo.element.css({ + "left": percent + "%" + }); }, _setBlueTrackLeft: function (percent) { - this.blueTrack.element.css({"left": percent + "%"}); + this.blueTrack.element.css({ + "left": percent + "%" + }); }, _setBlueTrackWidth: function (percent) { - this.blueTrack.element.css({"width": percent + "%"}); + this.blueTrack.element.css({ + "width": percent + "%" + }); }, _setBlueTrack: function () { @@ -6003,11 +6036,19 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { }, //其中取max-min后保留4为有效数字后的值的小数位数为最终value的精度 - _getValueByPercent: function (percent) {//return (((max-min)*percent)/100+min) + _getValueByPercent: function (percent) { //return (((max-min)*percent)/100+min) var sub = this.calculation.accurateSubtraction(this.max, this.min); var mul = this.calculation.accurateMultiplication(sub, percent); var div = this.calculation.accurateDivisionTenExponent(mul, 2); - return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); + console.log("precision", this.precision); + // console.log(this.calculation.accurateAddition(div, this.min)); + if (this.precision >= 0) { + return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); + } else { + console.log(Math.pow(10, (-1) * this.precision)); + return BI.parseFloat(this.calculation.accurateAddition(div, this.min) - this.calculation.accurateAddition(div, this.min) % (Math.pow(10, (-1) * this.precision))); + } + //return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); }, _getPercentByValue: function (v) { @@ -6024,18 +6065,25 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { } }, + getValue: function () { if (this.valueOne <= this.valueTwo) { - return {min: this.valueOne, max: this.valueTwo} + return { + min: this.valueOne, + max: this.valueTwo + } } else { - return {min: this.valueTwo, max: this.valueOne} + return { + min: this.valueTwo, + max: this.valueOne + } } }, setMinAndMax: function (v) { var minNumber = BI.parseFloat(v.min); var maxNumber = BI.parseFloat(v.max); - if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber >= minNumber )) { + if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber >= minNumber)) { this.min = minNumber; this.max = maxNumber; this.valueOne = minNumber; @@ -6044,9 +6092,16 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { //如果差值的整数位数大于4,toPrecision得到的是科学计数法1234 => 1.2e+3 var sub = this.calculation.accurateSubtraction(this.max, this.min); var pre = sub.toPrecision(4); + console.log("pre", pre); var precisionString = pre.indexOf("e") > -1 ? (BI.parseFloat(sub.toPrecision(4)) + "") : pre; var arr = precisionString.split("."); - this.precision = arr.length > 1 ? arr[1] : 0; + console.log("arr", arr); + if (arr.length > 1) { + this.precision = arr[1].length; + } else { + this.precision = 3 - pre.charAt(pre.length - 1); + } + // this.precision = arr.length > 1 ? arr[1].length : 0; this._setDraggableEnable(true); } if (maxNumber === minNumber) { diff --git a/demo/css/main.css b/demo/css/main.css index d568a16cd..5cf3fdb8a 100644 --- a/demo/css/main.css +++ b/demo/css/main.css @@ -50,7 +50,7 @@ body { } .bi-slider-track .background-track { background-color: rgba(153, 153, 153, 0); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33999999, 99, endColorstr=#33999999, 99); + _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33999999, 99, endColorstr=#33999999, 99); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; diff --git a/demo/js/widget/intervalslider/demo.interval_slider.js b/demo/js/widget/intervalslider/demo.interval_slider.js index 140d761a7..aaa878496 100644 --- a/demo/js/widget/intervalslider/demo.interval_slider.js +++ b/demo/js/widget/intervalslider/demo.interval_slider.js @@ -8,7 +8,16 @@ Demo.IntervalSlider = BI.inherit(BI.Widget, { render: function () { var self = this; - + var min = BI.createWidget({ + type: "bi.text_editor", + watermark: "min", + width: 100 + }); + var max = BI.createWidget({ + type: "bi.text_editor", + watermark: "max", + width: 100 + }) return { type: "bi.horizontal_auto", items: [{ @@ -18,13 +27,23 @@ Demo.IntervalSlider = BI.inherit(BI.Widget, { }, width: 300, height: 90 + }, { + type: "bi.center_adapt", + width: 300, + items: [{ + type: "bi.text", + text: "min" + }, min, { + type: "bi.text", + text: "max" + }, max] }, { type: "bi.button", text: "populate", handler: function () { self.slider.setMinAndMax({ - min: 1, - max: 100 + min: min.getValue() || 0, + max: max.getValue() || 100 }); self.slider.populate(); }, diff --git a/demo/less/main.less b/demo/less/main.less index 997d95131..a722d266f 100644 --- a/demo/less/main.less +++ b/demo/less/main.less @@ -68,7 +68,7 @@ body { .bi-slider-track { .background-track { background-color: rgba(153, 153, 153, 0); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33999999, endColorstr=#33999999); + _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33999999, endColorstr=#33999999); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; diff --git a/docs/demo.css b/docs/demo.css index 2066ecf13..c6ff93cb2 100644 --- a/docs/demo.css +++ b/docs/demo.css @@ -53,7 +53,7 @@ body { } .bi-slider-track .background-track { background-color: rgba(153, 153, 153, 0); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33999999, 99, endColorstr=#33999999, 99); + _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33999999, 99, endColorstr=#33999999, 99); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; diff --git a/docs/demo.js b/docs/demo.js index c07b79652..770e6774f 100644 --- a/docs/demo.js +++ b/docs/demo.js @@ -7068,7 +7068,16 @@ Demo.IntervalSlider = BI.inherit(BI.Widget, { render: function () { var self = this; - + var min = BI.createWidget({ + type: "bi.text_editor", + watermark: "min", + width: 100 + }); + var max = BI.createWidget({ + type: "bi.text_editor", + watermark: "max", + width: 100 + }) return { type: "bi.horizontal_auto", items: [{ @@ -7078,13 +7087,23 @@ Demo.IntervalSlider = BI.inherit(BI.Widget, { }, width: 300, height: 90 + }, { + type: "bi.center_adapt", + width: 300, + items: [{ + type: "bi.text", + text: "min" + }, min, { + type: "bi.text", + text: "max" + }, max] }, { type: "bi.button", text: "populate", handler: function () { self.slider.setMinAndMax({ - min: 1, - max: 100 + min: min.getValue() || 0, + max: max.getValue() || 100 }); self.slider.populate(); }, diff --git a/docs/widget.js b/docs/widget.js index 6399ab05b..5285a1a67 100644 --- a/docs/widget.js +++ b/docs/widget.js @@ -5660,6 +5660,7 @@ BI.InteractiveArrangement.EVENT_RESIZE = "InteractiveArrangement.EVENT_RESIZE"; BI.InteractiveArrangement.EVENT_SCROLL = "InteractiveArrangement.EVENT_SCROLL"; BI.shortcut('bi.interactive_arrangement', BI.InteractiveArrangement);/** * Created by zcf on 2016/9/26. + * Make some change by dailer on 2017/7/17 */ BI.IntervalSlider = BI.inherit(BI.Widget, { _constant: { @@ -5708,7 +5709,7 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { this.labelOne = BI.createWidget({ type: "bi.sign_editor", - cls: "slider-editor-button bi-border", + cls: "slider-editor-button", errorText: "", allowBlank: false, height: c.HEIGHT, @@ -5721,16 +5722,22 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { var v = BI.parseFloat(this.getValue()); self.valueOne = v; var percent = self._getPercentByValue(v); - var significantPercent = BI.parseFloat(percent.toFixed(1));//分成1000份 + var significantPercent = BI.parseFloat(percent.toFixed(1)); //分成1000份 self._setLabelOnePosition(significantPercent); self._setSliderOnePosition(significantPercent); self._setBlueTrack(); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); }); + this.labelOne.on(BI.SignEditor.EVENT_FOCUS, function () { + self.labelOne.element.addClass("bi-border"); + }); + this.labelOne.on(BI.SignEditor.EVENT_BLUR, function () { + self.labelOne.element.removeClass("bi-border"); + }); this.labelTwo = BI.createWidget({ type: "bi.sign_editor", - cls: "slider-editor-button bi-border", + cls: "slider-editor-button", errorText: "", allowBlank: false, height: c.HEIGHT, @@ -5749,6 +5756,12 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { self._setBlueTrack(); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); }); + this.labelTwo.on(BI.SignEditor.EVENT_FOCUS, function () { + self.labelTwo.element.addClass("bi-border"); + }); + this.labelTwo.on(BI.SignEditor.EVENT_BLUR, function () { + self.labelTwo.element.removeClass("bi-border"); + }); this.sliderOne = BI.createWidget({ type: "bi.single_slider_slider" @@ -5803,23 +5816,23 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { type: "bi.absolute", element: this, items: [{ - el: { - type: "bi.vertical", - items: [{ - type: "bi.absolute", + el: { + type: "bi.vertical", items: [{ - el: this.track, - width: "100%", - height: c.TRACK_HEIGHT - }] - }], - hgap: 7, - height: c.TRACK_HEIGHT + type: "bi.absolute", + items: [{ + el: this.track, + width: "100%", + height: c.TRACK_HEIGHT + }] + }], + hgap: 7, + height: c.TRACK_HEIGHT + }, + top: 33, + left: 0, + width: "100%" }, - top: 33, - left: 0, - width: "100%" - }, this._createLabelWrapper(), this._createSliderWrapper() ] @@ -5926,43 +5939,63 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { var labelTwoLeft = this.labelTwo.element[0].offsetLeft; if (labelOneLeft <= labelTwoLeft) { if ((labelTwoLeft - labelOneLeft) < 90) { - this.labelTwo.element.css({"top": 60}); + this.labelTwo.element.css({ + "top": 60 + }); } else { - this.labelTwo.element.css({"top": 0}); + this.labelTwo.element.css({ + "top": 0 + }); } } else { if ((labelOneLeft - labelTwoLeft) < 90) { - this.labelTwo.element.css({"top": 60}); + this.labelTwo.element.css({ + "top": 60 + }); } else { - this.labelTwo.element.css({"top": 0}); + this.labelTwo.element.css({ + "top": 0 + }); } } }, _setLabelOnePosition: function (percent) { - this.labelOne.element.css({"left": percent + "%"}); + this.labelOne.element.css({ + "left": percent + "%" + }); this._checkOverlap(); }, _setLabelTwoPosition: function (percent) { - this.labelTwo.element.css({"left": percent + "%"}); + this.labelTwo.element.css({ + "left": percent + "%" + }); this._checkOverlap(); }, _setSliderOnePosition: function (percent) { - this.sliderOne.element.css({"left": percent + "%"}); + this.sliderOne.element.css({ + "left": percent + "%" + }); }, _setSliderTwoPosition: function (percent) { - this.sliderTwo.element.css({"left": percent + "%"}); + this.sliderTwo.element.css({ + "left": percent + "%" + }); }, _setBlueTrackLeft: function (percent) { - this.blueTrack.element.css({"left": percent + "%"}); + this.blueTrack.element.css({ + "left": percent + "%" + }); }, _setBlueTrackWidth: function (percent) { - this.blueTrack.element.css({"width": percent + "%"}); + this.blueTrack.element.css({ + "width": percent + "%" + }); }, _setBlueTrack: function () { @@ -6003,11 +6036,19 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { }, //其中取max-min后保留4为有效数字后的值的小数位数为最终value的精度 - _getValueByPercent: function (percent) {//return (((max-min)*percent)/100+min) + _getValueByPercent: function (percent) { //return (((max-min)*percent)/100+min) var sub = this.calculation.accurateSubtraction(this.max, this.min); var mul = this.calculation.accurateMultiplication(sub, percent); var div = this.calculation.accurateDivisionTenExponent(mul, 2); - return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); + console.log("precision", this.precision); + // console.log(this.calculation.accurateAddition(div, this.min)); + if (this.precision >= 0) { + return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); + } else { + console.log(Math.pow(10, (-1) * this.precision)); + return BI.parseFloat(this.calculation.accurateAddition(div, this.min) - this.calculation.accurateAddition(div, this.min) % (Math.pow(10, (-1) * this.precision))); + } + //return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); }, _getPercentByValue: function (v) { @@ -6024,18 +6065,25 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { } }, + getValue: function () { if (this.valueOne <= this.valueTwo) { - return {min: this.valueOne, max: this.valueTwo} + return { + min: this.valueOne, + max: this.valueTwo + } } else { - return {min: this.valueTwo, max: this.valueOne} + return { + min: this.valueTwo, + max: this.valueOne + } } }, setMinAndMax: function (v) { var minNumber = BI.parseFloat(v.min); var maxNumber = BI.parseFloat(v.max); - if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber >= minNumber )) { + if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber >= minNumber)) { this.min = minNumber; this.max = maxNumber; this.valueOne = minNumber; @@ -6044,9 +6092,16 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { //如果差值的整数位数大于4,toPrecision得到的是科学计数法1234 => 1.2e+3 var sub = this.calculation.accurateSubtraction(this.max, this.min); var pre = sub.toPrecision(4); + console.log("pre", pre); var precisionString = pre.indexOf("e") > -1 ? (BI.parseFloat(sub.toPrecision(4)) + "") : pre; var arr = precisionString.split("."); - this.precision = arr.length > 1 ? arr[1] : 0; + console.log("arr", arr); + if (arr.length > 1) { + this.precision = arr[1].length; + } else { + this.precision = 3 - pre.charAt(pre.length - 1); + } + // this.precision = arr.length > 1 ? arr[1].length : 0; this._setDraggableEnable(true); } if (maxNumber === minNumber) { diff --git a/src/widget/intervalslider/intervalslider.js b/src/widget/intervalslider/intervalslider.js index 0d21d7de2..187a16e92 100644 --- a/src/widget/intervalslider/intervalslider.js +++ b/src/widget/intervalslider/intervalslider.js @@ -1,5 +1,6 @@ /** * Created by zcf on 2016/9/26. + * Make some change by dailer on 2017/7/17 */ BI.IntervalSlider = BI.inherit(BI.Widget, { _constant: { @@ -48,7 +49,7 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { this.labelOne = BI.createWidget({ type: "bi.sign_editor", - cls: "slider-editor-button bi-border", + cls: "slider-editor-button", errorText: "", allowBlank: false, height: c.HEIGHT, @@ -61,16 +62,22 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { var v = BI.parseFloat(this.getValue()); self.valueOne = v; var percent = self._getPercentByValue(v); - var significantPercent = BI.parseFloat(percent.toFixed(1));//分成1000份 + var significantPercent = BI.parseFloat(percent.toFixed(1)); //分成1000份 self._setLabelOnePosition(significantPercent); self._setSliderOnePosition(significantPercent); self._setBlueTrack(); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); }); + this.labelOne.on(BI.SignEditor.EVENT_FOCUS, function () { + self.labelOne.element.addClass("bi-border"); + }); + this.labelOne.on(BI.SignEditor.EVENT_BLUR, function () { + self.labelOne.element.removeClass("bi-border"); + }); this.labelTwo = BI.createWidget({ type: "bi.sign_editor", - cls: "slider-editor-button bi-border", + cls: "slider-editor-button", errorText: "", allowBlank: false, height: c.HEIGHT, @@ -89,6 +96,12 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { self._setBlueTrack(); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); }); + this.labelTwo.on(BI.SignEditor.EVENT_FOCUS, function () { + self.labelTwo.element.addClass("bi-border"); + }); + this.labelTwo.on(BI.SignEditor.EVENT_BLUR, function () { + self.labelTwo.element.removeClass("bi-border"); + }); this.sliderOne = BI.createWidget({ type: "bi.single_slider_slider" @@ -143,23 +156,23 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { type: "bi.absolute", element: this, items: [{ - el: { - type: "bi.vertical", - items: [{ - type: "bi.absolute", + el: { + type: "bi.vertical", items: [{ - el: this.track, - width: "100%", - height: c.TRACK_HEIGHT - }] - }], - hgap: 7, - height: c.TRACK_HEIGHT + type: "bi.absolute", + items: [{ + el: this.track, + width: "100%", + height: c.TRACK_HEIGHT + }] + }], + hgap: 7, + height: c.TRACK_HEIGHT + }, + top: 33, + left: 0, + width: "100%" }, - top: 33, - left: 0, - width: "100%" - }, this._createLabelWrapper(), this._createSliderWrapper() ] @@ -266,43 +279,63 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { var labelTwoLeft = this.labelTwo.element[0].offsetLeft; if (labelOneLeft <= labelTwoLeft) { if ((labelTwoLeft - labelOneLeft) < 90) { - this.labelTwo.element.css({"top": 60}); + this.labelTwo.element.css({ + "top": 60 + }); } else { - this.labelTwo.element.css({"top": 0}); + this.labelTwo.element.css({ + "top": 0 + }); } } else { if ((labelOneLeft - labelTwoLeft) < 90) { - this.labelTwo.element.css({"top": 60}); + this.labelTwo.element.css({ + "top": 60 + }); } else { - this.labelTwo.element.css({"top": 0}); + this.labelTwo.element.css({ + "top": 0 + }); } } }, _setLabelOnePosition: function (percent) { - this.labelOne.element.css({"left": percent + "%"}); + this.labelOne.element.css({ + "left": percent + "%" + }); this._checkOverlap(); }, _setLabelTwoPosition: function (percent) { - this.labelTwo.element.css({"left": percent + "%"}); + this.labelTwo.element.css({ + "left": percent + "%" + }); this._checkOverlap(); }, _setSliderOnePosition: function (percent) { - this.sliderOne.element.css({"left": percent + "%"}); + this.sliderOne.element.css({ + "left": percent + "%" + }); }, _setSliderTwoPosition: function (percent) { - this.sliderTwo.element.css({"left": percent + "%"}); + this.sliderTwo.element.css({ + "left": percent + "%" + }); }, _setBlueTrackLeft: function (percent) { - this.blueTrack.element.css({"left": percent + "%"}); + this.blueTrack.element.css({ + "left": percent + "%" + }); }, _setBlueTrackWidth: function (percent) { - this.blueTrack.element.css({"width": percent + "%"}); + this.blueTrack.element.css({ + "width": percent + "%" + }); }, _setBlueTrack: function () { @@ -343,11 +376,19 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { }, //其中取max-min后保留4为有效数字后的值的小数位数为最终value的精度 - _getValueByPercent: function (percent) {//return (((max-min)*percent)/100+min) + _getValueByPercent: function (percent) { //return (((max-min)*percent)/100+min) var sub = this.calculation.accurateSubtraction(this.max, this.min); var mul = this.calculation.accurateMultiplication(sub, percent); var div = this.calculation.accurateDivisionTenExponent(mul, 2); - return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); + console.log("precision", this.precision); + // console.log(this.calculation.accurateAddition(div, this.min)); + if (this.precision >= 0) { + return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); + } else { + console.log(Math.pow(10, (-1) * this.precision)); + return BI.parseFloat(this.calculation.accurateAddition(div, this.min) - this.calculation.accurateAddition(div, this.min) % (Math.pow(10, (-1) * this.precision))); + } + //return BI.parseFloat(this.calculation.accurateAddition(div, this.min).toFixed(this.precision)); }, _getPercentByValue: function (v) { @@ -364,18 +405,25 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { } }, + getValue: function () { if (this.valueOne <= this.valueTwo) { - return {min: this.valueOne, max: this.valueTwo} + return { + min: this.valueOne, + max: this.valueTwo + } } else { - return {min: this.valueTwo, max: this.valueOne} + return { + min: this.valueTwo, + max: this.valueOne + } } }, setMinAndMax: function (v) { var minNumber = BI.parseFloat(v.min); var maxNumber = BI.parseFloat(v.max); - if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber >= minNumber )) { + if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber >= minNumber)) { this.min = minNumber; this.max = maxNumber; this.valueOne = minNumber; @@ -384,9 +432,16 @@ BI.IntervalSlider = BI.inherit(BI.Widget, { //如果差值的整数位数大于4,toPrecision得到的是科学计数法1234 => 1.2e+3 var sub = this.calculation.accurateSubtraction(this.max, this.min); var pre = sub.toPrecision(4); + console.log("pre", pre); var precisionString = pre.indexOf("e") > -1 ? (BI.parseFloat(sub.toPrecision(4)) + "") : pre; var arr = precisionString.split("."); - this.precision = arr.length > 1 ? arr[1] : 0; + console.log("arr", arr); + if (arr.length > 1) { + this.precision = arr[1].length; + } else { + this.precision = 3 - pre.charAt(pre.length - 1); + } + // this.precision = arr.length > 1 ? arr[1].length : 0; this._setDraggableEnable(true); } if (maxNumber === minNumber) {