|
@@ -24,24 +24,27 @@ function FieldRules() {
|
|
|
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
|
|
|
const [tableList, setTableList] = useState([]);//表名称
|
|
|
const [colList, setColList] = useState([]);//字段名称
|
|
|
+ const [tableCname, setTableCname] = useState(null);//字段名称
|
|
|
+ const [tableEname, setTableEname] = useState(null);//字段名称
|
|
|
+ const [disable, setDisable] = useState(true);//字段名称
|
|
|
const [filedDetail, setFiledDetail] = useState(null);//详情数据
|
|
|
const [params, setParams] = useState({
|
|
|
pages: 1,
|
|
|
current: 1,
|
|
|
size: 15,
|
|
|
- desc:['gmt_create']
|
|
|
+ desc: ['gmt_create']
|
|
|
});
|
|
|
const [form] = Form.useForm();
|
|
|
let data = {
|
|
|
pages: 1,
|
|
|
current: 1,
|
|
|
size: size,
|
|
|
- desc:['gmt_create']
|
|
|
+ desc: ['gmt_create']
|
|
|
}
|
|
|
useEffect(() => {
|
|
|
getRegular()
|
|
|
getTableName()
|
|
|
- getColumnName()
|
|
|
+ getColumnName('', '', '', '')
|
|
|
getColumnVerifyPage();
|
|
|
}, []);
|
|
|
//表格数据
|
|
@@ -67,10 +70,12 @@ function FieldRules() {
|
|
|
})
|
|
|
}
|
|
|
//获取字段名
|
|
|
- function getColumnName(columnCname, columnEname) {
|
|
|
+ function getColumnName(columnCname, columnEname, tableCname, tableEname) {
|
|
|
const param = {
|
|
|
columnCname: columnCname,
|
|
|
- columnEname: columnEname
|
|
|
+ columnEname: columnEname,
|
|
|
+ tableCname: tableCname,
|
|
|
+ tableEname: tableEname
|
|
|
}
|
|
|
post(api.getColumnName, param).then((res) => {
|
|
|
if (res.data.code === 200) {
|
|
@@ -102,11 +107,11 @@ function FieldRules() {
|
|
|
}
|
|
|
//字段名称搜索(中文)
|
|
|
function colmeSearch(val) {
|
|
|
- getColumnName(val, '')
|
|
|
+ getColumnName(val, '', tableCname, '')
|
|
|
}
|
|
|
//字段名称搜索(英文)
|
|
|
function coleneSearch(val) {
|
|
|
- getColumnName('', val)
|
|
|
+ getColumnName('', val, '', tableEname)
|
|
|
}
|
|
|
//正则式名称搜索
|
|
|
function onSearch(val) {
|
|
@@ -211,6 +216,17 @@ function FieldRules() {
|
|
|
function onSelectChange(selectedRowKeys) {
|
|
|
setSelectedRowKeys(selectedRowKeys);
|
|
|
};
|
|
|
+ function tableCnameChange(val) {
|
|
|
+ setTableCname(val)
|
|
|
+ setDisable(false)
|
|
|
+ getColumnName('', '', val, '')
|
|
|
+ }
|
|
|
+ function tableEnameChange(val) {
|
|
|
+ setTableEname(val)
|
|
|
+ getColumnName('', '', '', val)
|
|
|
+ setDisable(false)
|
|
|
+ }
|
|
|
+
|
|
|
//返回
|
|
|
function goBack() {
|
|
|
setAddVisible(false);
|
|
@@ -296,7 +312,7 @@ function FieldRules() {
|
|
|
<Row gutter={24}>
|
|
|
<Col span={6} key={0}>
|
|
|
<Form.Item label="表名称(中文)" name="tableCname">
|
|
|
- <Select showSearch allowClear onSearch={cnameSearch} placeholder="请选择">
|
|
|
+ <Select showSearch allowClear onChange={tableCnameChange} onSearch={cnameSearch} placeholder="请选择">
|
|
|
{tableList.map((item) => {
|
|
|
return (
|
|
|
<Option value={item.tableCname} key={item.tableCname}>{item.tableCname}</Option>
|
|
@@ -307,7 +323,7 @@ function FieldRules() {
|
|
|
</Col>
|
|
|
<Col span={6} key={1}>
|
|
|
<Form.Item label="表名称(英文)" name="tableEname">
|
|
|
- <Select showSearch allowClear onSearch={enameSearch} placeholder="请选择">
|
|
|
+ <Select showSearch allowClear onChange={tableEnameChange} onSearch={enameSearch} placeholder="请选择">
|
|
|
{tableList.map((item) => {
|
|
|
return (
|
|
|
<Option value={item.tableEname} key={item.tableEname}>{item.tableEname}</Option>
|
|
@@ -318,7 +334,7 @@ function FieldRules() {
|
|
|
</Col>
|
|
|
<Col span={6} key={2}>
|
|
|
<Form.Item label="字段名称(中文)" name="columnCname">
|
|
|
- <Select showSearch allowClear onSearch={colmeSearch} placeholder="请选择">
|
|
|
+ <Select showSearch allowClear onSearch={colmeSearch} placeholder="请选择" disabled={disable}>
|
|
|
{colList.map((item) => {
|
|
|
return (
|
|
|
<Option value={item.columnCname} key={item.columnCname}>{item.columnCname}</Option>
|
|
@@ -329,7 +345,7 @@ function FieldRules() {
|
|
|
</Col>
|
|
|
<Col span={6} key={3}>
|
|
|
<Form.Item label="字段名称(英文)" name="columnEname">
|
|
|
- <Select showSearch allowClear onSearch={coleneSearch} placeholder="请选择">
|
|
|
+ <Select showSearch allowClear onSearch={coleneSearch} placeholder="请选择" disabled={disable}>
|
|
|
{colList.map((item) => {
|
|
|
return (
|
|
|
<Option value={item.columnEname} key={item.columnEname}>{item.columnEname}</Option>
|