|
@@ -32,6 +32,50 @@ class AddGuage extends React.Component {
|
|
this.timeSure = this.timeSure.bind(this)
|
|
this.timeSure = this.timeSure.bind(this)
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ componentDidMount() {
|
|
|
|
+ $(document).click((event) => {
|
|
|
|
+ let _con = $('#searchWrapScale'); // 设置目标区域
|
|
|
|
+ let _cons = $('#datePick'); // 设置目标区域
|
|
|
|
+ let _conClick = $('#assistCheck'); // 点击的按钮
|
|
|
|
+ let _del = document.getElementById("delBox"); // 删除弹窗
|
|
|
|
+ let _close = document.getElementById("assiClose"); // 删除icon
|
|
|
|
+ let _closeTil = $('#delTit')[0]; // 弹窗标题
|
|
|
|
+ if (!this.isBar) {//onMousedown的目标为滚动条时,子项弹窗不关闭)
|
|
|
|
+ if ($(event.target).attr('id') == 'searchWrapScale' || _con && _con != event.target && !_con.is(event.target) && _con.has(event.target).length === 0) { // Mark 1
|
|
|
|
+ if (this.state.show) {
|
|
|
|
+ this.props.setHighter(48)
|
|
|
|
+ }
|
|
|
|
+ this.setState({ show: false });
|
|
|
|
+ }
|
|
|
|
+ if (!_cons.is(event.target) && !_conClick && _cons.has(event.target).length === 0 || event.target.isEqualNode(_close)) { // Mark 1
|
|
|
|
+ this.setState({ date: false });
|
|
|
|
+ }
|
|
|
|
+ if ($(event.target).attr("contenteditable") || event.target.textContent == '量表结果') {
|
|
|
|
+ this.setState({ date: false });
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ if (_del) {
|
|
|
|
+ if ($(event.target).attr('id') != 'assiClose' && !event.target.isEqualNode(_close) && !event.target.isEqualNode(_del) && event.target.parentNode != _del && !event.target.isEqualNode(_closeTil)) {
|
|
|
|
+ this.setState({
|
|
|
|
+ visible: false,
|
|
|
|
+ id: null,
|
|
|
|
+ activeName: ''
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ const that = this;
|
|
|
|
+ document.addEventListener('mousedown', function (e) {
|
|
|
|
+ //onMousedown的目标为滚动条时,标签填写单不关闭
|
|
|
|
+ if (e.target.className == 'scrollbar') {
|
|
|
|
+ that.isBar = true;
|
|
|
|
+ } else {
|
|
|
|
+ that.isBar = false;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ getCurrentDate(1);
|
|
|
|
+ }
|
|
handleDelClick(id, item) {
|
|
handleDelClick(id, item) {
|
|
this.setState({
|
|
this.setState({
|
|
visible: true,
|
|
visible: true,
|
|
@@ -205,15 +249,15 @@ class AddGuage extends React.Component {
|
|
</React.Fragment>
|
|
</React.Fragment>
|
|
}
|
|
}
|
|
render() {
|
|
render() {
|
|
- const { handleChangeValue, list, assistVal, windowHeight, refreshScroller } = this.props;
|
|
|
|
|
|
+ const { handleChangeValue, list, guageVal, windowHeight, refreshScroller } = this.props;
|
|
const { pageTop } = this.state;
|
|
const { pageTop } = this.state;
|
|
return (
|
|
return (
|
|
<div className={styles.wrapper}>
|
|
<div className={styles.wrapper}>
|
|
{this.getGuageLabel()}
|
|
{this.getGuageLabel()}
|
|
- <div id="aaaa" style={{ position: "relative", clear: 'both' }}>
|
|
|
|
|
|
+ <div id="searchWrapScale" style={{ position: "relative", clear: 'both' }}>
|
|
<Add showText="添加量表项" handleClick={(e) => this.handleSearchShow(e)} id="guage" />
|
|
<Add showText="添加量表项" handleClick={(e) => this.handleSearchShow(e)} id="guage" />
|
|
{this.state.show ? <SearchOption windowHeight={windowHeight} refreshScroller={refreshScroller} searchTop={40} pageTop={pageTop} height={280} handleChangeValue={handleChangeValue} visible={true}>
|
|
{this.state.show ? <SearchOption windowHeight={windowHeight} refreshScroller={refreshScroller} searchTop={40} pageTop={pageTop} height={280} handleChangeValue={handleChangeValue} visible={true}>
|
|
- {list && list.length > 0 ? this.getSearchList(list) : (assistVal == '' ? '' : <p style={{ padding: '42px 30px', color: '#bfbfbf' }}>暂无筛选项</p>)}
|
|
|
|
|
|
+ {list && list.length > 0 ? this.getSearchList(list) : (guageVal == '' ? '' : <p style={{ padding: '42px 30px', color: '#bfbfbf' }}>暂无筛选项</p>)}
|
|
</SearchOption> : ''}
|
|
</SearchOption> : ''}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|