mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2025-01-30 13:20:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'dev-1.3.0' of gitlab.corp.qunar.com:mfe/yapi into dev-1.3.0

Browse Source
This commit is contained in:
suxiaoxin 2017-12-14 11:55:44 +08:00
commit 23c8255518
1 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
client/containers/Project/Setting/ProjectEnv/index.js
View File

@ -8,6 +8,7 @@ import { connect } from 'react-redux';
import { updateEnv, delProject, getProjectMsg, upsetProject } from '../../../../reducer/modules/project';
import { fetchGroupMsg } from '../../../../reducer/modules/group';
const confirm = Modal.confirm;
import EasyDragSort from '../../../../components/EasyDragSort/EasyDragSort.js';
@connect(
state => {
@ -139,9 +140,39 @@ class ProjectEnv extends Component {
this.setState({ env: newValue });
}
handleDragMove = (name) => {
return (data) => {
let newValue = {
[name]: data
}
this.setState(newValue)
}
}
render() {
const { env, currentKey } = this.state;
const envSettingItems = env.map((item, index) => {
return (
<Menu.Item
key={index + 1}
onMouseEnter={() => this.enterItem(index)}
onMouseLeave={this.leaveItem}>
<span className="env-icon-style">
<span style={{ color: item.name === '新环境' && '#2395f1' }}>{item.name}</span>
<Tooltip title="删除环境变量">
<Icon
type='delete'
className="interface-delete-icon"
onClick={(e) => { e.stopPropagation(); this.showConfirm(index, 'env') }}
style={{ display: this.state.delIcon == index ? 'block' : 'none' }}
/>
</Tooltip>
</span>
</Menu.Item>
)
})
return (
<div className="m-env-panel">
<Layout className="project-env">
@ -160,28 +191,9 @@ class ProjectEnv extends Component {
</Tooltip>
</div>
</Menu.Item>
{
this.state.env.map((item, index) => {
return (
<Menu.Item
key={index + 1}
onMouseEnter={() => this.enterItem(index)}
onMouseLeave={this.leaveItem}>
<span className="env-icon-style">
<span style={{ color: item.name === '新环境' && '#2395f1' }}>{item.name}</span>
<Tooltip title="删除环境变量">
<Icon
type='delete'
className="interface-delete-icon"
onClick={(e) => { e.stopPropagation(); this.showConfirm(index, 'env') }}
style={{ display: this.state.delIcon == index ? 'block' : 'none' }}
/>
</Tooltip>
</span>
</Menu.Item>
)
})
}
{/* <EasyDragSort data={() => env} onChange={this.handleDragMove('env')} > */}
{envSettingItems}
{/* </EasyDragSort> */}
</Menu>
</Sider>
<Layout className="env-content">