Commit ca30c991 authored by 张烨's avatar 张烨

style: fix lint

parent 3717c68a
......@@ -96,6 +96,9 @@ module.exports = {
'redux-saga/no-yield-in-race': 2,
'redux-saga/yield-effects': 2,
'require-yield': 0,
'no-param-reassign': 0,
'prefer-const': 0,
'button-has-type': 1,
},
settings: {
'import/resolver': {
......
This diff is collapsed.
import React,{ useEffect, useState } from 'react';
import { Card, Form, Input, Button, Select, Table, Tag, Space, Modal} from 'antd';
import React, { useEffect, useState } from 'react';
import { Card, Button, Table, Space, Modal } from 'antd';
import { PageContainer } from '@ant-design/pro-layout';
import { connect } from 'react-redux';
import { get, post } from 'services';
import { get } from 'services';
const ManagementDataBase = () => {
const [autoCheckList, setAutoCheckList] = useState([])
const [checkList, setCheckList] = useState([])
const [logList, setLogList] = useState([])
const [checkLoading, setCheckLoading] = useState(false)
const [logLoading, setLogLoading] = useState(false)
const [modalVisible, setModalVisible] = useState(false) //弹窗
const [content, setContent] = useState(null)
const [autoCheckList, setAutoCheckList] = useState([]);
const [checkList, setCheckList] = useState([]);
const [logList, setLogList] = useState([]);
const [checkLoading, setCheckLoading] = useState(false);
const [logLoading, setLogLoading] = useState(false);
const [modalVisible, setModalVisible] = useState(false); //弹窗
const [content, setContent] = useState(null);
//检查数据库表
useEffect( () => {
setCheckLoading(true)
get(`/Cityinterface/rest/services/OMS.svc/TableCheck`,{
_version:9999,
_dc:new Date().getTime()
}).then(res =>{
setCheckLoading(false)
console.log(res)
if(res.sucess){
const { list, messageList } = res
//自动检测列表
let arr = list.map((item,index) => {
item.key=index
return item
useEffect(() => {
setCheckLoading(true);
get(`/Cityinterface/rest/services/OMS.svc/TableCheck`, {
_version: 9999,
_dc: new Date().getTime(),
})
//手动检查列表
let arr2 = messageList.map((item,index) => {
item.key=index
return item
})
console.log(arr)
setAutoCheckList(arr)
setCheckList(arr2)
.then(res => {
setCheckLoading(false);
console.log(res);
if (res.sucess) {
const { list, messageList } = res;
// 自动检测列表
let arr = list.map((item, index) => {
item.key = index;
return item;
});
// 手动检查列表
let arr2 = messageList.map((item, index) => {
item.key = index;
return item;
});
console.log(arr);
setAutoCheckList(arr);
setCheckList(arr2);
}
}).catch(err =>{
setCheckLoading(false)
console.error(err)
})
},[])
.catch(err => {
setCheckLoading(false);
console.error(err);
});
}, []);
//获取数据库升级记录
useEffect( () => {
setLogLoading(true)
get(`/Cityinterface/rest/services/OMS.svc/DatabaseStandard_GetLog`,{
_version:9999,
_dc:new Date().getTime()
}).then(res =>{
setLogLoading(false)
console.log(res)
if(res){
let arr = []
res.map((item,index)=>{
item.key = index
arr.push(item)
useEffect(() => {
setLogLoading(true);
get(`/Cityinterface/rest/services/OMS.svc/DatabaseStandard_GetLog`, {
_version: 9999,
_dc: new Date().getTime(),
})
setLogList(res)
.then(res => {
setLogLoading(false);
console.log(res);
if (res) {
let arr = [];
res.map((item, index) => {
item.key = index;
arr.push(item);
});
setLogList(res);
}
}).catch(err =>{
setLogLoading(false)
console.error(err)
})
},[])
const handleCheck = () =>{
console.log('check DB')
}
const handleUpdate = () =>{
console.log('updatedb')
}
const handleLog = (text) =>{
setModalVisible(true)
setContent(text)
}
.catch(err => {
setLogLoading(false);
console.error(err);
});
}, []);
const handleCheck = () => {
console.log('check DB');
};
const handleUpdate = () => {
console.log('updatedb');
};
const handleLog = text => {
setModalVisible(true);
setContent(text);
};
const autoCheckColumns = [
{
title:'表名称',
title: '表名称',
dataIndex: 'tableName',
key: 'tableName',
},
{
title:'类型',
title: '类型',
dataIndex: 'type',
key: 'type',
},
{
title:'差异比较',
title: '差异比较',
dataIndex: 'message',
key: 'message',
},
];
const checkColumns = [
{
title:'表名称',
title: '表名称',
dataIndex: 'tableName',
key: 'tableName',
width:200
width: 200,
},
// {
// title:'类型',
......@@ -105,93 +107,123 @@ const ManagementDataBase = () => {
// key: 'type',
// },
{
title:'差异比较',
title: '差异比较',
dataIndex: 'message',
key: 'message',
ellipsis:true,
ellipsis: true,
// width:80
},
];
const logColumns = [
{
title:'登录名',
title: '登录名',
dataIndex: 'updateBy',
key: 'updateBy',
},
{
title:'数据库名称',
title: '数据库名称',
dataIndex: 'name',
key: 'name',
},
{
title:'数据库版本',
title: '数据库版本',
dataIndex: 'version',
key: 'version',
},
{
title:'升级时间',
title: '升级时间',
dataIndex: 'updateTime',
key: 'updateTime',
},
{
title:'版本日志',
title: '版本日志',
dataIndex: 'despersion',
key: 'despersion',
render: (text) =>{
render: text => {
return (
<button onClick ={()=>{handleLog(text)}}>日志</button>
)
}
<button
onClick={() => {
handleLog(text);
}}
>
日志
</button>
);
},
},
{
title:'升级内容',
title: '升级内容',
dataIndex: 'content',
key: 'content',
ellipsis:true,
render: (text) =>{
ellipsis: true,
render: text => {
return (
<button onClick ={()=>{handleLog(text)}}>升级内容</button>
)
}
<button
onClick={() => {
handleLog(text);
}}
>
升级内容
</button>
);
},
},
]
];
return (
<>
<PageContainer>
<Card>
<div>表结构自动化修复</div>
<Table columns={ autoCheckColumns } dataSource={autoCheckList} bordered loading={checkLoading}></Table>
<Table
columns={autoCheckColumns}
dataSource={autoCheckList}
bordered
loading={checkLoading}
/>
<Space>
<Button onClick= {handleCheck}>检查</Button>
<Button onClick= {handleUpdate}>升级</Button>
<Button onClick={handleCheck}>检查</Button>
<Button onClick={handleUpdate}>升级</Button>
</Space>
</Card>
<Card>
<div>表字段手动修复 (字段长度不统一,请手动修改差异,数据可能会截断,请谨慎操作)</div>
<Table columns={ checkColumns } dataSource={checkList} bordered loading={checkLoading}></Table>
<div>
表字段手动修复
(字段长度不统一,请手动修改差异,数据可能会截断,请谨慎操作)
</div>
<Table
columns={checkColumns}
dataSource={checkList}
bordered
loading={checkLoading}
/>
</Card>
<Card>
<div>数据库升级记录</div>
<Table columns={ logColumns } dataSource={logList} bordered loading={logLoading}></Table>
<Table
columns={logColumns}
dataSource={logList}
bordered
loading={logLoading}
/>
</Card>
</PageContainer>
<Modal
title='详细信息'
title="详细信息"
visible={modalVisible}
keyboard={false} maskClosable
keyboard={false}
maskClosable
onOk={() => setModalVisible(false)}
onCancel={() => setModalVisible(false)}
footer={[
<Button onClick={ () => setModalVisible(false)}>关闭窗口</Button>
]}>
<Button onClick={() => setModalVisible(false)}>关闭窗口</Button>,
]}
>
{content}
</Modal>
</>
)
}
);
};
export default ManagementDataBase
\ No newline at end of file
export default ManagementDataBase;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment