From d59f518f466274b2caeb2e01c10c92deafe7c93b Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 09 二月 2022 11:48:29 +0800 Subject: [PATCH] 2022-02-09 --- src/views/interface/workspace/index.jsx | 23 ++++++++++++++++------- 1 files changed, 16 insertions(+), 7 deletions(-) diff --git a/src/views/interface/workspace/index.jsx b/src/views/interface/workspace/index.jsx index 2f60d6b..58c0b71 100644 --- a/src/views/interface/workspace/index.jsx +++ b/src/views/interface/workspace/index.jsx @@ -1,5 +1,6 @@ import React, {Component} from 'react' -import { Icon, Tabs } from 'antd' +import { Tabs } from 'antd' +import { PlusOutlined, CloseOutlined } from '@ant-design/icons' import Utils from '@/utils/utils.js' import MKEmitter from '@/utils/events.js' @@ -39,7 +40,11 @@ useInterface = (item) => { item.uuid = Utils.getuuid() - this.setState({tabviews: [...this.state.tabviews, item]}) + + this.setState({tabviews: [...this.state.tabviews, item]}, () => { + let div = document.getElementById(item.uuid) + div && div.click && div.click() + }) } handleTabview = (view) => { @@ -66,7 +71,7 @@ } handleAdd = () => { - this.setState({tabviews: [...this.state.tabviews, { + let item = { uuid: Utils.getuuid(), createDate: '', method: 'POST', @@ -76,7 +81,11 @@ active: 'raw', raw: '', formData: [] - }]}) + } + this.setState({tabviews: [...this.state.tabviews, item]}, () => { + let div = document.getElementById(item.uuid) + div && div.click && div.click() + }) } render () { @@ -84,20 +93,20 @@ return ( <div className="workspace-wrap"> - <Icon className="add-view" type="plus" onClick={this.handleAdd} /> + <PlusOutlined className="add-view" onClick={this.handleAdd} /> <Tabs type="card"> {tabviews.map(view => { return ( <Tabs.TabPane tab={ - <span className="control"> + <span className="control" id={view.uuid || ''}> <span className="method"> {view.method || 'POST'} </span> <span className="interface"> {view.interface || 'Untitled Request'} </span> - <Icon type="close" onClick={() => this.handleTabview(view)}/> + <CloseOutlined onClick={() => this.handleTabview(view)}/> </span> } key={view.uuid} -- Gitblit v1.8.0