|
|
@@ -1,32 +1,36 @@
|
|
|
-import { message, Table } from "antd";
|
|
|
-import React from "react";
|
|
|
-import { getFileData } from "./request";
|
|
|
+import { message, Table } from 'antd';
|
|
|
+import React from 'react';
|
|
|
+import { getFileData } from './request';
|
|
|
|
|
|
export default class ToolBar extends React.Component<any, any> {
|
|
|
constructor(props: any) {
|
|
|
- super(props)
|
|
|
+ super(props);
|
|
|
this.state = {
|
|
|
columns: [],
|
|
|
tableData: []
|
|
|
- }
|
|
|
+ };
|
|
|
}
|
|
|
-
|
|
|
- async componentDidMount(){
|
|
|
+
|
|
|
+ async componentDidMount() {
|
|
|
console.log(this.props.dataInfo);
|
|
|
- const uri = this.props.dataInfo.storage_path
|
|
|
- const data = await getFileData({uri})
|
|
|
+ const uri = this.props.dataInfo.storage_path;
|
|
|
+ const data = await getFileData({ uri });
|
|
|
console.log('data:', data);
|
|
|
if (data.status === 200) {
|
|
|
- const fields = data.data.split('\n')[0].split(',')
|
|
|
- const dataList: any = []
|
|
|
+ const fields = data.data.split('\n')[0].split(',');
|
|
|
+ const dataList: any = [];
|
|
|
data.data.split('\n').forEach((item: any, index: any) => {
|
|
|
if (index !== 0 && index !== data.data.split('\n').length - 1) {
|
|
|
- dataList.push(item.split(','))
|
|
|
+ dataList.push(item.split(','));
|
|
|
}
|
|
|
- })
|
|
|
- const columns = fields.map((item: any) => ({title: item, dataIndex: item, key: item}))
|
|
|
+ });
|
|
|
+ const columns = fields.map((item: any) => ({
|
|
|
+ title: item,
|
|
|
+ dataIndex: item,
|
|
|
+ key: item
|
|
|
+ }));
|
|
|
console.log('columns:', columns);
|
|
|
- this.setState({columns})
|
|
|
+ this.setState({ columns });
|
|
|
const tableData: any = dataList.map((item: any, index: number) => {
|
|
|
const formatData = {} as Record<string, any>;
|
|
|
formatData['key'] = index;
|
|
|
@@ -36,9 +40,9 @@ export default class ToolBar extends React.Component<any, any> {
|
|
|
return formatData;
|
|
|
});
|
|
|
console.log('tableData:', tableData);
|
|
|
- this.setState({tableData})
|
|
|
+ this.setState({ tableData });
|
|
|
} else {
|
|
|
- message.error('获取数据失败')
|
|
|
+ message.error('获取数据失败');
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -53,8 +57,7 @@ export default class ToolBar extends React.Component<any, any> {
|
|
|
数据表
|
|
|
</div>
|
|
|
<div className="dataview_item">
|
|
|
- <span className="dataview_label">完整性</span>
|
|
|
- -
|
|
|
+ <span className="dataview_label">完整性</span>-
|
|
|
</div>
|
|
|
<div className="dataview_item">
|
|
|
<span className="dataview_label">数据条数</span>
|
|
|
@@ -93,9 +96,9 @@ export default class ToolBar extends React.Component<any, any> {
|
|
|
columns={this.state.columns}
|
|
|
dataSource={this.state.tableData}
|
|
|
pagination={{ pageSize: 50 }}
|
|
|
- scroll={{ y: 300 }}
|
|
|
+ scroll={{ y: 250 }}
|
|
|
/>
|
|
|
</div>
|
|
|
);
|
|
|
}
|
|
|
-}
|
|
|
+}
|
Leo