5 changed files with 259 additions and 134 deletions
@ -1,33 +0,0 @@ |
|||
import React, { useEffect, useRef, useState } from 'react'; |
|||
import moment from 'moment'; |
|||
import { connect } from "react-redux"; |
|||
import { Select, Modal, Form, Button } from "@douyinfe/semi-ui"; |
|||
|
|||
const GatewayEditModal = (props) => { |
|||
const { dispatch, actions, user, onCancel, dataToModal } = props; |
|||
const { edition } = actions; |
|||
|
|||
//初始化 |
|||
useEffect(() => { |
|||
|
|||
}, []); |
|||
|
|||
return ( |
|||
<Modal title={dataToModal.name} |
|||
visible={true} destroyOnClose onCancel={onCancel} |
|||
footer={[<Button onClick={onCancel}>关闭</Button>]}> |
|||
<div></div> |
|||
</Modal> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth, global } = state; |
|||
return { |
|||
user: auth.user, |
|||
error: auth.error, |
|||
actions: global.actions, |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(GatewayEditModal); |
|||
@ -0,0 +1,130 @@ |
|||
import React, { useEffect, useRef, useState } from 'react'; |
|||
import moment from 'moment'; |
|||
import { connect } from "react-redux"; |
|||
import { Select, Modal, Form, Button } from "@douyinfe/semi-ui"; |
|||
|
|||
const GatewayModal = (props) => { |
|||
const { dispatch, actions, user, onCancel, dataToModal } = props; |
|||
const { edition } = actions; |
|||
const api = useRef() |
|||
//初始化 |
|||
useEffect(() => { |
|||
|
|||
}, []); |
|||
|
|||
return ( |
|||
<Modal |
|||
title={`${dataToModal ? '修改' : '新增'}网关`} |
|||
destroyOnClose visible={true} |
|||
onOk={() => { |
|||
api.current.validate().then(r => { |
|||
// for (let key in r) { |
|||
// if (['major', 'minor', 'patch', 'build'].includes(key)) { |
|||
// r[key] = Number(r[key]) |
|||
// } |
|||
// } |
|||
// dispatch(edition.postVersion({ ...r, createdAt: moment().format("YYYY-MM-DD HH:MM:SS") })).then(res => { |
|||
// if (res.success) { |
|||
// requestData() |
|||
// setaddVersion(false) |
|||
// } |
|||
// }) |
|||
}) |
|||
}} |
|||
width={610} |
|||
onCancel={() => onCancel(0)} |
|||
> |
|||
{/* <Form |
|||
getFormApi={(formApi) => (api.current = formApi)} |
|||
layout="horizontal" |
|||
labelAlign="right" |
|||
labelWidth="114px" |
|||
style={{ display: 'flex', flexDirection: 'column' }} |
|||
> |
|||
<Form.Input |
|||
field='serialNo' |
|||
label='序列号' |
|||
labelPosition="left" |
|||
hideButtons={true} |
|||
placeholder='请输入序列号' |
|||
style={{ width: 200, marginBottom: 10 }} |
|||
rules={[{ required: true, message: "请输入序列号" }]} |
|||
/> |
|||
<Form.Input |
|||
field='name' |
|||
label='名称' |
|||
labelPosition="left" |
|||
hideButtons={true} |
|||
placeholder='请输入名称' |
|||
style={{ width: 200, marginBottom: 10 }} |
|||
rules={[{ required: true, message: "请输入名称" }]} |
|||
/> |
|||
<Form.Input |
|||
field='patch' |
|||
label='属性' |
|||
labelPosition="left" |
|||
hideButtons={true} |
|||
placeholder='请输入网关属性' |
|||
style={{ width: 200, marginBottom: 10 }} |
|||
rules={[{ required: true, message: "请输入网关属性" }]} |
|||
/> |
|||
<Form.Input |
|||
field='build' label='构建号:' |
|||
labelPosition="left" |
|||
hideButtons={true} |
|||
placeholder='请输入构建号' |
|||
style={{ width: 200, marginBottom: 10 }} |
|||
rules={[{ required: true, message: "请输入构建号" }, { pattern: "^[0-9]+$", message: "只能输入数字" },]} |
|||
/> |
|||
<Form.Select |
|||
field="type" |
|||
label='Type:' |
|||
labelPosition="left" |
|||
placeholder='请选择类型' |
|||
style={{ width: 200, marginBottom: 10 }} |
|||
rules={[{ required: true, message: "请选择类型" }]} |
|||
> |
|||
<Form.Select.Option value="beta">beta</Form.Select.Option> |
|||
<Form.Select.Option value="alpha">alpha</Form.Select.Option> |
|||
<Form.Select.Option value="release">release</Form.Select.Option> |
|||
<Form.Select.Option value="LTS">LTS</Form.Select.Option> |
|||
</Form.Select> |
|||
<Form.Input |
|||
field='imageBase' |
|||
label='基础镜像地址:' |
|||
labelPosition="left" |
|||
placeholder='请输入基础镜像地址' |
|||
style={{ width: 440, marginBottom: 10 }} |
|||
rules={[{ required: true, message: "请输入基础镜像地址" }]} |
|||
/> |
|||
<Form.Input |
|||
field='imageVersion' |
|||
label='镜像版本:' |
|||
labelPosition="left" |
|||
placeholder='请输入镜像版本' |
|||
style={{ width: 200, marginBottom: 10 }} |
|||
rules={[{ required: true, message: "请输入镜像版本" }]} |
|||
/> |
|||
<Form.TextArea |
|||
field='desc' |
|||
label='描述:' |
|||
labelPosition="left" |
|||
placeholder='请输入描述' |
|||
style={{ width: 440 }} |
|||
/> |
|||
|
|||
</Form> */} |
|||
</Modal> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth, global } = state; |
|||
return { |
|||
user: auth.user, |
|||
error: auth.error, |
|||
actions: global.actions, |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(GatewayModal); |
|||
Loading…
Reference in new issue