From 49f09cc6f8ff8c30a75ed1a9d6f510b69b73962a Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 12 十二月 2023 21:05:37 +0800 Subject: [PATCH] 2023-12-12 --- src/views/interface/workspace/index.jsx | 25 +++++++++++++------------ 1 files changed, 13 insertions(+), 12 deletions(-) diff --git a/src/views/interface/workspace/index.jsx b/src/views/interface/workspace/index.jsx index f02ba5d..a750938 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' @@ -11,7 +12,7 @@ class WorkSpace extends Component { state = { tabviews: [{ - uuid: Utils.getuuid(), + id: Utils.getuuid(), createDate: '', method: 'POST', interface: '', @@ -38,24 +39,24 @@ } useInterface = (item) => { - item.uuid = Utils.getuuid() + item.id = Utils.getuuid() this.setState({tabviews: [...this.state.tabviews, item]}, () => { - let div = document.getElementById(item.uuid) + let div = document.getElementById(item.id) div && div.click && div.click() }) } handleTabview = (view) => { let tabviews = fromJS(this.state.tabviews).toJS() - tabviews = tabviews.filter(item => item.uuid !== view.uuid) + tabviews = tabviews.filter(item => item.id !== view.id) this.setState({tabviews}, () => { if (tabviews.length > 0) return setTimeout(() => { this.setState({tabviews: [{ - uuid: Utils.getuuid(), + id: Utils.getuuid(), createDate: '', method: 'POST', interface: '', @@ -71,7 +72,7 @@ handleAdd = () => { let item = { - uuid: Utils.getuuid(), + id: Utils.getuuid(), createDate: '', method: 'POST', interface: '', @@ -82,7 +83,7 @@ formData: [] } this.setState({tabviews: [...this.state.tabviews, item]}, () => { - let div = document.getElementById(item.uuid) + let div = document.getElementById(item.id) div && div.click && div.click() }) } @@ -92,23 +93,23 @@ 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" id={view.uuid || ''}> + <span className="control" id={view.id || ''}> <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} + key={view.id} > <Request config={view} /> </Tabs.TabPane> -- Gitblit v1.8.0