import React, { useState } from 'react';
import { Timeline, Tabs } from 'antd';
import { useHistory } from 'react-router-dom';
import styles from './index.less';

const { Item } = Timeline;
const { TabPane } = Tabs;
const ColConen = () => {
  const [tabPosition, setTabPosition] = useState('left');
  return (
    <div>
      <div className={styles.titlebox}>
        <p className={styles.log}>版本记录</p>
        <p className={styles.desclog}>熊猫运维平台</p>
      </div>
      <div className={styles.logbox}>
        <Tabs tabPosition={tabPosition} style={{ height: 'calc(50vh)' }}>
          {arr.map((item, index) => (
            <TabPane tab={item.label} key={item.key}>
              {item.content}
            </TabPane>
          ))}
        </Tabs>
      </div>
    </div>
  );
};

const arr = [
  {
    key: '6',
    label: 'v6.0.20210603 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20210603</div>
          <div className={styles.topr}>2021-06-03</div>
        </div>
        <hr />
        <h3>宿主管理</h3>
        <ul>
          <li>【新增】 基础信息</li>
          <li>【新增】 物联配置</li>
          <li>【新增】 代理配置</li>
          <li>【新增】 消息平台连接</li>
        </ul>
        <h3>消息平台</h3>
        <ul>
          <li>【新增】 模板配置</li>
          <li>【新增】 方案配置</li>
        </ul>
        <h3>GIS配置</h3>
        <ul>
          <li>【新增】 机构范围配置</li>
          <li>【新增】 机构范围配置</li>
        </ul>
        <h3>站点管理</h3>
        <ul>
          <li>【优化】 支持多级站点创建</li>
        </ul>
        <h3>角色管理</h3>
        <ul>
          <li>【优化】 优化了人员选择布局</li>
        </ul>
      </div>
    ),
  },
  {
    key: '5',
    label: 'v6.0.20210115 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20210115</div>
          <div className={styles.topr}>2021-01-15</div>
        </div>
        <hr />
        <h3>用户管理</h3>
        <ul>
          <li>【优化】 优化了table展示图标</li>
          <li>【修复】 修复了批量删除失效的问题</li>
        </ul>
        <h3>角色管理</h3>
        <ul>
          <li>【优化】 优化了选中列表时的展示内容</li>
        </ul>
        <h3>站点管理</h3>
        <ul>
          <li>【新增】 新增已选列表框，展示选中的人员</li>
        </ul>
        <h3>GIS平台</h3>
        <ul>
          <li>【修复】 修复了维护管理不能提交保存</li>
        </ul>
        <h3>产品配置</h3>
        <ul>
          <li>【新增】 新配置路由成为独立模块</li>
          <li>【优化】 优化了配置提交规则</li>
        </ul>
        <h3>Web配置</h3>
        <ul>
          <li>【优化】 优化了页面刷新问题</li>
        </ul>
        <h3>网关配置</h3>
        <ul>
          <li>【新增】 动态使用网关接口</li>
        </ul>
        <h3>运维痕迹</h3>
        <ul>
          <li>【优化】 优化运维痕迹操作信息展示</li>
        </ul>
      </div>
    ),
  },
  {
    key: '4',
    label: 'v6.0.20210108 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20210108</div>
          <div className={styles.topr}>2021-01-08</div>
        </div>
        <hr />
        <h3>图片管理</h3>
        <ul>
          <li>【优化】 筛选展示图片的类型</li>
        </ul>
        <h3>用户管理</h3>
        <ul>
          <li>【优化】 优化了table展示图标</li>
        </ul>
        <h3>站点管理</h3>
        <ul>
          <li>【新增】 新增搜索过滤功能</li>
          <li>【修改】 修改了页面展示形式</li>
        </ul>
        <h3>Web配置</h3>
        <ul>
          <li>【新增】 产品配置模块</li>
          <li>【优化】 优化菜单描述</li>
        </ul>
        <h3>移动应用配置</h3>
        <ul>
          <li>【优化】 增加展示应用类别</li>
          <li>【优化】 优化菜单描述</li>
        </ul>
      </div>
    ),
  },
  {
    key: '3',
    label: 'v5.0.20201231 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v5.0.20201231</div>
          <div className={styles.topr}>2020-12-31</div>
        </div>
        <hr />
        <h3>站点管理</h3>
        <ul>
          <li>【优化】 调整了页面展示结构</li>
        </ul>
        <h3>业务平台</h3>
        <ul>
          <li>【优化】 优化页面文字描述</li>
        </ul>
        <h3>服务监控</h3>
        <ul>
          <li>【修改】 统计图tooltip可选中，状态码中文提示</li>
        </ul>
        <h3>运维痕迹</h3>
        <ul>
          <li>【新增】 敏感操作记录</li>
        </ul>
        <h3>图片模块</h3>
        <ul>
          <li>【优化】 修改了图片请求的逻辑</li>
        </ul>
      </div>
    ),
  },
  {
    key: '2',
    label: 'v5.0.20201225 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v5.0.20201225</div>
          <div className={styles.topr}>2020-12-25</div>
        </div>
        <hr />
        <h3>角色管理</h3>
        <ul>
          <li>【修改】 修改了分组获取方式，禁止手动修改</li>
          <li>【修改】 修改了默认展示的应用</li>
        </ul>
        <h3>GIS平台</h3>
        <ul>
          <li>【新增】 新增七参数配置</li>
        </ul>
        <h3>业务平台</h3>
        <ul>
          <li>【修改】 修改了页面内容，优化了引导方式</li>
        </ul>
        <h3>Web配置</h3>
        <ul>
          <li>【修改】 菜单展示页面结构调整，调整提交逻辑</li>
        </ul>
        <h3>移动应用配置</h3>
        <ul>
          <li>【修改】 菜单展示页面结构调整，调整提交逻辑</li>
        </ul>
        <h3>系统日志</h3>
        <ul>
          <li>【修改】 模块名称做了修改</li>
          <li>【修改】 运维痕迹页面展示内容做了调整</li>
        </ul>
        <h3>数据库连接配置</h3>
        <ul>
          <li>【修改】 调整页面展示结构</li>
        </ul>
        <h3>版本记录</h3>
        <ul>
          <li>【修改】 修改了版本内容展示方式，调整了版本号的定义方式</li>
        </ul>
      </div>
    ),
  },
  {
    key: '1',
    label: 'v5.0.20201218 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v5.0.20201218</div>
          <div className={styles.topr}>2020-12-18</div>
        </div>
        <hr />
        <h3>移动应用配置</h3>
        <ul>
          <li>【新增】 新增了版本包上传功能</li>
          <li>【修改】 调整了获取版本包信息</li>
          <li>【修改】 优化了应用加载内容</li>
        </ul>
        <h3>登录页面</h3>
        <ul>
          <li>【修改】 调整了登录窗布局</li>
        </ul>
        <h3>系统日志</h3>
        <ul>
          <li>【修改】 服务日志页面做了优化</li>
          <li>【修改】 登录日志页面做了优化</li>
          <li>【修改】 运维日志页面做了优化</li>
        </ul>
      </div>
    ),
  },
  {
    key: '0',
    label: `v5.0.20201217 `,
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v5.0.20201217</div>
          <div className={styles.topr}>2020-12-17</div>
        </div>
        <hr />
        <h3>运维第一个版本记录</h3>
        <ul>
          <li>
            【新增】
            新增了解决方案管理、数据库管理、用户中心、平台中心、应用中心、数据中心、系统日志板块
          </li>
          <li>【新增】 新增了版本记录模块</li>
          <li>【优化】 登录页面修改了动画效果</li>
          <li>【优化】 移动应用配置模块进行了部分翻新</li>
          <li>【优化】 业务平台模块修改了交互方式</li>
        </ul>
      </div>
    ),
  },
  // CivManage后增加/  2020-12-22
  // {
  //   key: '2',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '3',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '4',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '5',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '6',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '131',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '70',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '8',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '9',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '10',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },

  // {
  //   key: '11',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '12',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '13',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '14',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '15',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '16',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '17',
  //   label: '1.0.20201218',
  //   content: 'aaaa',
  // },
  // {
  //   key: '18',
  //   label: '1.0.20201219',
  //   content: 'aaaa',
  // },
];
export default ColConen;
