Zhenfei.Li
2 years ago
9 changed files with 442 additions and 395 deletions
@ -0,0 +1,3 @@ |
|||||||
|
export { DateInterval } from "./dateinterval"; |
||||||
|
export { TimeInterval } from "./timeinterval"; |
||||||
|
export { TimePeriods } from "./timeperiods"; |
||||||
@ -1,92 +1,90 @@ |
|||||||
/** |
import { shortcut, extend } from "@/core"; |
||||||
* 时间区间 |
import { Single, Label } from "@/base"; |
||||||
* qcc |
import { TimeCombo } from "../time"; |
||||||
* 2019/2/28 |
|
||||||
*/ |
@shortcut() |
||||||
|
export class TimePeriods extends Single { |
||||||
|
static xtype = "bi.time_periods" |
||||||
|
|
||||||
|
props = { |
||||||
|
extraCls: "bi-time-interval", |
||||||
|
value: {}, |
||||||
|
}; |
||||||
|
|
||||||
|
static EVENT_CONFIRM = "EVENT_CONFIRM" |
||||||
|
static EVENT_CHANGE = "EVENT_CHANGE" |
||||||
|
|
||||||
!(function () { |
|
||||||
BI.TimePeriods = BI.inherit(BI.Single, { |
|
||||||
constants: { |
|
||||||
height: 24, |
|
||||||
width: 24, |
|
||||||
hgap: 15, |
|
||||||
offset: -15 |
|
||||||
}, |
|
||||||
props: { |
|
||||||
extraCls: "bi-time-interval", |
|
||||||
value: {} |
|
||||||
}, |
|
||||||
|
|
||||||
render: function () { |
|
||||||
var self = this, o = this.options; |
|
||||||
|
|
||||||
return { |
render() { |
||||||
type: "bi.horizontal_fill", |
const o = this.options; |
||||||
columnSize: ["fill", "", "fill"], |
|
||||||
items: [{ |
return { |
||||||
el: BI.extend({ |
type: "bi.horizontal_fill", |
||||||
ref: function (_ref) { |
columnSize: ["fill", "", "fill"], |
||||||
self.left = _ref; |
items: [{ |
||||||
} |
el: extend({ |
||||||
}, this._createCombo(o.value.start, o.watermark?.start)) |
ref: _ref => { |
||||||
}, { |
this.left = _ref; |
||||||
el: { |
}, |
||||||
type: "bi.label", |
}, this._createCombo(o.value.start, o.watermark?.start)), |
||||||
height: o.height, |
}, { |
||||||
hgap: 5, |
el: { |
||||||
text: "-", |
type: Label.xtype, |
||||||
ref: function (_ref) { |
height: o.height, |
||||||
self.label = _ref; |
hgap: 5, |
||||||
} |
text: "-", |
||||||
} |
ref: _ref => { |
||||||
}, { |
this.label = _ref; |
||||||
el: BI.extend({ |
}, |
||||||
ref: function (_ref) { |
}, |
||||||
self.right = _ref; |
}, { |
||||||
} |
el: extend({ |
||||||
}, this._createCombo(o.value.end, o.watermark?.end)) |
ref: _ref => { |
||||||
}] |
this.right = _ref; |
||||||
}; |
}, |
||||||
}, |
}, this._createCombo(o.value.end, o.watermark?.end)), |
||||||
|
}], |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
_createCombo(v, watermark) { |
||||||
|
const o = this.options; |
||||||
|
|
||||||
|
return { |
||||||
|
type: TimeCombo.xtype, |
||||||
|
value: v, |
||||||
|
height: o.height, |
||||||
|
watermark, |
||||||
|
listeners: [{ |
||||||
|
eventName: TimeCombo.EVENT_BEFORE_POPUPVIEW, |
||||||
|
action: () => { |
||||||
|
this.left.hidePopupView(); |
||||||
|
this.right.hidePopupView(); |
||||||
|
}, |
||||||
|
}, { |
||||||
|
eventName: TimeCombo.EVENT_CHANGE, |
||||||
|
action: () => { |
||||||
|
this.fireEvent(TimePeriods.EVENT_CHANGE); |
||||||
|
}, |
||||||
|
}, { |
||||||
|
eventName: TimeCombo.EVENT_CONFIRM, |
||||||
|
action: () => { |
||||||
|
this.fireEvent(TimePeriods.EVENT_CONFIRM); |
||||||
|
}, |
||||||
|
}], |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
_createCombo: function (v, watermark) { |
setValue(date) { |
||||||
var self = this; |
date = date || {}; |
||||||
var o = this.options; |
this.left.setValue(date.start); |
||||||
return { |
this.right.setValue(date.end); |
||||||
type: "bi.time_combo", |
} |
||||||
value: v, |
|
||||||
height: o.height, |
|
||||||
watermark: watermark, |
|
||||||
listeners: [{ |
|
||||||
eventName: BI.TimeCombo.EVENT_BEFORE_POPUPVIEW, |
|
||||||
action: function () { |
|
||||||
self.left.hidePopupView(); |
|
||||||
self.right.hidePopupView(); |
|
||||||
} |
|
||||||
}, { |
|
||||||
eventName: BI.TimeCombo.EVENT_CHANGE, |
|
||||||
action: function () { |
|
||||||
self.fireEvent(BI.TimePeriods.EVENT_CHANGE); |
|
||||||
} |
|
||||||
}, { |
|
||||||
eventName: BI.TimeCombo.EVENT_CONFIRM, |
|
||||||
action: function () { |
|
||||||
self.fireEvent(BI.TimePeriods.EVENT_CONFIRM); |
|
||||||
} |
|
||||||
}] |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
setValue: function (date) { |
getValue() { |
||||||
date = date || {}; |
return { |
||||||
this.left.setValue(date.start); |
start: this.left.getValue(), |
||||||
this.right.setValue(date.end); |
end: this.right.getValue(), |
||||||
}, |
}; |
||||||
getValue: function () { |
} |
||||||
return {start: this.left.getValue(), end: this.right.getValue()}; |
} |
||||||
} |
|
||||||
}); |
|
||||||
BI.TimePeriods.EVENT_CONFIRM = "EVENT_CONFIRM"; |
|
||||||
BI.TimePeriods.EVENT_CHANGE = "EVENT_CHANGE"; |
|
||||||
BI.shortcut("bi.time_periods", BI.TimePeriods); |
|
||||||
})(); |
|
||||||
|
|||||||
Loading…
Reference in new issue