|
|
|
@ -1,4 +1,4 @@
|
|
|
|
|
import { Alignment, Button, Classes, HTMLSelect, Intent, Navbar, Position, Switch, Tooltip } from '@blueprintjs/core';
|
|
|
|
|
import { Alignment, Button, Classes, HTMLSelect, Intent, Navbar, Position, ProgressBar, Switch, Tooltip } from '@blueprintjs/core';
|
|
|
|
|
import { action, observable } from 'mobx';
|
|
|
|
|
import { inject, observer } from 'mobx-react';
|
|
|
|
|
import * as React from 'react';
|
|
|
|
@ -413,19 +413,34 @@ export class DownPanel extends React.Component<{ store: DownPanelStore; }, {}>
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div style={{
|
|
|
|
|
display: "flex",
|
|
|
|
|
<div className='DownPanelCoordinateAndRadios' style={{
|
|
|
|
|
display: (this.downStore.isSmallScreen ? this.downStore.isBottomToolBarShowMin : this.downStore.isBottomToolBarShow) ? "flex" : "none",
|
|
|
|
|
position: "relative",
|
|
|
|
|
alignItems: "center",
|
|
|
|
|
minHeight: "20px",
|
|
|
|
|
}}>
|
|
|
|
|
<div style={{
|
|
|
|
|
minWidth: "250px",
|
|
|
|
|
}}>
|
|
|
|
|
<span ref={el => this.props.store.posEl = el}>0,0,0</span>
|
|
|
|
|
{/* <div>
|
|
|
|
|
<span>{this.props.store.progressName}</span>
|
|
|
|
|
<div style={{ width: 180 }}>
|
|
|
|
|
<span
|
|
|
|
|
style={{
|
|
|
|
|
display: this.props.store.progress !== 1 ? "none" : "block",
|
|
|
|
|
height: 16,
|
|
|
|
|
overflow: "hidden",//避免宽度变换时重绘 闪烁
|
|
|
|
|
textOverflow: "ellipsis"
|
|
|
|
|
}}
|
|
|
|
|
ref={el => this.props.store.posEl = el}
|
|
|
|
|
>0,0,0</span>
|
|
|
|
|
<div style={{
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
height: '15px',
|
|
|
|
|
top: "50%",
|
|
|
|
|
marginTop: '-7px',
|
|
|
|
|
zIndex: 5000,
|
|
|
|
|
alignItems: "center",
|
|
|
|
|
display: this.props.store.progress === 1 ? "none" : "flex"
|
|
|
|
|
}}>
|
|
|
|
|
<span style={{ display: this.props.store.progress === 1 ? "none" : "block" }}>{this.props.store.progressName}</span>
|
|
|
|
|
<ProgressBar intent={"primary"} value={this.props.store.progress}></ProgressBar>
|
|
|
|
|
</div> */}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style={{
|
|
|
|
|
display: "flex",
|
|
|
|
|