|
@@ -76,6 +76,13 @@ const StepTwo = styled.div`
|
|
|
margin-left: 115px;
|
|
|
}
|
|
|
}
|
|
|
+ .detail-content {
|
|
|
+ height: 350px;
|
|
|
+ overflow: auto;
|
|
|
+ ::-webkit-scrollbar {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
.detail-item {
|
|
|
display: flex;
|
|
|
.icon {
|
|
@@ -323,34 +330,36 @@ export default function JobStepTwo({ OutputDataForm, dagData, checkSync }) {
|
|
|
<span className="datasourceFont">数据源</span>
|
|
|
<span className="schemaFont">Dag输出源结构</span>
|
|
|
</div>
|
|
|
- {selectedNode?.map((item, index) => (
|
|
|
- <div key={index} className="detail-item">
|
|
|
- <div
|
|
|
- className="dataSource"
|
|
|
- style={{
|
|
|
- display: item?.datasource?.dataField ? 'block' : 'none',
|
|
|
- }}>
|
|
|
- <Tooltip
|
|
|
- title={`${item?.datasource?.dataField}.${item?.datasource?.dataType}`}>
|
|
|
- <span>{`${item?.datasource?.dataField}.${item?.datasource?.dataType}`}</span>
|
|
|
- </Tooltip>
|
|
|
- </div>
|
|
|
- <span className="icon">
|
|
|
- <img
|
|
|
- src={item?.result ? syncUrl : waringUrl}
|
|
|
- alt=""
|
|
|
- style={{ width: '20px', height: '20px' }}
|
|
|
- />
|
|
|
- </span>
|
|
|
- <div
|
|
|
- className="dataSource Dagdatasource"
|
|
|
- style={{
|
|
|
- display: item?.dag?.dataField ? 'block' : 'none',
|
|
|
- }}>
|
|
|
- <span>{`${item?.dag?.dataField}.${item?.dag?.dataType}`}</span>
|
|
|
+ <div className="detail-content">
|
|
|
+ {selectedNode?.map((item, index) => (
|
|
|
+ <div key={index} className="detail-item">
|
|
|
+ <div
|
|
|
+ className="dataSource"
|
|
|
+ style={{
|
|
|
+ display: item?.datasource?.dataField ? 'block' : 'none',
|
|
|
+ }}>
|
|
|
+ <Tooltip
|
|
|
+ title={`${item?.datasource?.dataField}.${item?.datasource?.dataType}`}>
|
|
|
+ <span>{`${item?.datasource?.dataField}.${item?.datasource?.dataType}`}</span>
|
|
|
+ </Tooltip>
|
|
|
+ </div>
|
|
|
+ <span className="icon">
|
|
|
+ <img
|
|
|
+ src={item?.result ? syncUrl : waringUrl}
|
|
|
+ alt=""
|
|
|
+ style={{ width: '20px', height: '20px' }}
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ <div
|
|
|
+ className="dataSource Dagdatasource"
|
|
|
+ style={{
|
|
|
+ display: item?.dag?.dataField ? 'block' : 'none',
|
|
|
+ }}>
|
|
|
+ <span>{`${item?.dag?.dataField}.${item?.dag?.dataType}`}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- ))}
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</StepTwo>
|
|
|
)
|