king
2022-02-09 d59f518f466274b2caeb2e01c10c92deafe7c93b
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}