yapi-plugin-pl-test-dashboard/dashboard/index.js

YAPI自动化测试结果数据面板插件，支持在YAPI中通过数据可视化的方式查看自动化测试结果。

import { Layout, Menu } from 'antd'
import 'antd/dist/antd.css'
import React, { useState } from 'react'
import TestResult from './components/testResult'
import './index.scss'

const { SubMenu } = Menu
const { Content, Sider } = Layout

export default function Dashboard() {
  const [selectMenuKey, setSelectMenuKey] = useState('result')

  return (
    <div className="g-row">
      <div className="dashboard">
        <Layout className="site-layout-background">
          <Sider className="site-layout-background" width={200}>
            <Menu
              style={{ width: 200 }}
              onClick={(e) => {
                setSelectMenuKey(e.key)
              }}
              selectedKeys={[selectMenuKey]}
              defaultOpenKeys={['report']}
              mode="inline"
            >
              <Menu.Item key="result">测试结果</Menu.Item>
            </Menu>
          </Sider>
          <Content className="dashboard_content">
            <TestResult></TestResult>
          </Content>
        </Layout>
      </div>
    </div>
  )
}