From 4681b7e8ee915b7de006d4486cf2ffb12b7133fd Mon Sep 17 00:00:00 2001 From: "feihu.wang" Date: Sat, 11 Jan 2020 11:39:09 +0800 Subject: [PATCH] =?UTF-8?q?feats:=20=E6=9C=BA=E5=99=A8=E5=AD=A6=E4=B9=A0?= =?UTF-8?q?=E9=85=8D=E7=BD=AE=E5=89=8D=E7=AB=AF=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: feihu.wang --- webapp/src/component/config/ConfigCenter.jsx | 2 +- webapp/src/component/model/ModelList.jsx | 2 +- .../src/component/modelconfig/ModelConfig.jsx | 258 ++++++++++++++---- .../modelconfig/modal/EditModelConfParam.jsx | 212 ++++++++++++++ webapp/src/index.jsx | 6 +- 5 files changed, 427 insertions(+), 53 deletions(-) create mode 100644 webapp/src/component/modelconfig/modal/EditModelConfParam.jsx diff --git a/webapp/src/component/config/ConfigCenter.jsx b/webapp/src/component/config/ConfigCenter.jsx index 32191cc..e03ffbc 100644 --- a/webapp/src/component/config/ConfigCenter.jsx +++ b/webapp/src/component/config/ConfigCenter.jsx @@ -31,7 +31,7 @@ export default class ConfigCenter extends React.Component{ More} style={{ width: 300 }}>

待开发。。。

 

- + 进入配置 diff --git a/webapp/src/component/model/ModelList.jsx b/webapp/src/component/model/ModelList.jsx index 07773f3..6dc9a31 100644 --- a/webapp/src/component/model/ModelList.jsx +++ b/webapp/src/component/model/ModelList.jsx @@ -187,7 +187,7 @@ export default class ModelList extends React.Component{
diff --git a/webapp/src/component/modelconfig/modal/EditModelConfParam.jsx b/webapp/src/component/modelconfig/modal/EditModelConfParam.jsx new file mode 100644 index 0000000..770ff1b --- /dev/null +++ b/webapp/src/component/modelconfig/modal/EditModelConfParam.jsx @@ -0,0 +1,212 @@ +import React from 'react'; +import {Button,Checkbox,Select,Radio,Switch,Form,Row,Col,Icon,Modal,Input,InputNumber,Cascader,Tooltip,message } from 'antd'; + +const FormItem = Form.Item; +const RadioGroup = Radio.Group; +const Option = Select.Option; + +import {FetchUtil} from '../../utils/fetchUtil'; +import {trim} from '../../utils/validateUtil'; + +export default class EditModelConfParam extends React.Component{ + + constructor(props){ + super(props); + + this.state={ + visible:false, + id :-1, + feed:'', + selectList:[], + indexed:false + } + + FetchUtil('/modelConfigParam/' + this.props.paramId,'GET','', + (data) => { + let param = data.data.param; + this.setState({ + id:param.id, + feed: param.feed, + selectList: param.expressions.replace(/abstractions./g,"").split(","), + }) + }); + + // FetchUtil('/activation/absColumns/' + this.props.params.id,'GET','', + // (data) => { + // let absColumns =[]; + // let absDS= data.data.columns; + // for (let i = 0; i < absDS.length; i++) { + // absColumns.push(); + // } + // //console.log(absColumns); + // this.setState({ + // absColumns: absColumns, + // }); + // }); + } + + // 获取表格数据 + // fetchData=()=>{ + // FetchUtil('/modelConfigParam/'+ this.state.id,'GET',null, + // (data) => { + // const param=data.data.param; + // this.setState({ + // id:param.id, + // feed: param.feed, + // expressions: param.expressions, + // }); + // } + // ) + // } + + handleChange=(e)=>{ + var name = e.target.name; + var value = e.target.value; + var state = this.state; + state[name] = trim(value); + this.setState(state); + } + + handleSelect=(value)=>{ + this.setState({selectList: value}); + } + + showModal=()=>{ + //this.fetchData(); + this.setState({ + visible:true + }) + } + + onCheck=(e)=>{ + if(e.target.checked && this.props.indexedAll>=8){ + Modal.warning({ + title: '提示信息', + content: '索引已超过8项！', + }); + }else { + this.setState({ + indexed:e.target.checked + }); + } + }; + + handleSubmit=(validated)=>{ + if(!validated){ + Modal.error({ + title: '提交失败', + content: '请确认表单内容输入正确', + }); + } + else{ + var param = {}; + param.id = this.state.id; + param.feed = this.state.feed; + param.expressions = this.state.selectList.map(item => 'abstractions.' + item).join(); + + FetchUtil('/modelConfigParam/', 'PUT', JSON.stringify(param), + (data) => { + if (data.success) { + message.success('修改成功'); + } else { + message.error(data.msg); + } + this.setState({ + visible: false + }); + this.props.reload(); + }); + } + } + + handleCancel=()=>{ + this.setState({ + visible:false + }) + } + + render(){ + const formItemLayout = { + labelCol: { span: 6 }, + wrapperCol: { span: 16 }, + }; + + let validate={ + feed:{ + help:'', + status:'success' + }, + label:{ + help:'', + status:'success' + }, + fieldType:{ + help:'', + status:'success' + } + }; + let isValidated=true; + + if(!this.state.feed){ + validate.feed.help='请输入参数名称'; + validate.feed.status='warning'; + isValidated=false; + }else { + let reg = /^[a-zA-z]\w{2,29}$/; + let feed = this.state.feed; + if(!reg.test(feed)){ + validate.feed.help='按照提示输入正确的名称'; + validate.feed.status='error'; + isValidated=false; + } + } + + + return ( + + 编辑 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + ); + } + +} diff --git a/webapp/src/index.jsx b/webapp/src/index.jsx index 868afb4..2162855 100644 --- a/webapp/src/index.jsx +++ b/webapp/src/index.jsx @@ -21,7 +21,6 @@ import ListRule from './component/report/ListRule'; import Rule from './component/report/ListRule'; import DashBoard from './component/report/DashBoard'; import ConfigCenter from './component/config/ConfigCenter'; -import LearningConfig from './component/config/LearningConfig'; import ModelConfig from './component/modelconfig/ModelConfig'; //import Test from './component/test/Test'; @@ -114,10 +113,7 @@ class AppRoutes extends React.Component{ - - - - +