/* eslint-disable prettier/prettier */
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: '8',
    label: 'v6.0.20211224 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20211224</div>
          <div className={styles.topr}>2021-12-24</div>
        </div>
        <hr />
        <h3>用户管理</h3>
        <ul>
          <li>【新增】 支持菜单拖拽</li>
        </ul>
        <h3>角色管理</h3>
        <ul>
          <li>【新增】 支持菜单拖拽</li>
        </ul>
        <h3>站点管理</h3>
        <ul>
          <li>【新增】 支持菜单拖拽</li>
        </ul>
        <h3>消息平台</h3>
        <ul>
          <li>【新增】 推送测试界面右侧添加已选人员列表</li>
          <li>【优化】 重构推送方案配置中推送组配置界面</li>
          <li>【新增】 新增编辑推送方案的交互</li>
        </ul>
        <h3>表/字段</h3>
        <ul>
          <li>【新增】 重构表字段验证弹窗</li>
          <li>【新增】 添加了maxLength字段</li>
        </ul>
        <h3>事件</h3>
        <ul>
          <li>【新增】 重写事件模块事件权限模态交互以及界面重构</li>
        </ul>
        <h3>web配置</h3>
        <ul>
          <li>【新增】 导入导出菜单功能</li>
        </ul>
        <h3>网站配置</h3>
        <ul>
          <li>
            【新增】
            选择主页产品类型（productType）、消息标记（messageMarking）、语音播报（messageVoice）配置、隐藏了通知方式配置
          </li>
        </ul>
        <h3>移动应用配置</h3>
        <ul>
          <li>【优化】 菜单管理调整为默认显示</li>
        </ul>
      </div>
    ),
  },
  {
    key: '7',
    label: 'v6.0.20211210 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20211210</div>
          <div className={styles.topr}>2021-12-10</div>
        </div>
        <hr />
        <ul>
          <li>【优化】 重构运维平台所有功能的选择字段排序逻辑</li>
          <li>【优化】 抽离运维系统的业务平台菜单，并进行分组</li>
        </ul>
        <h3>消息平台</h3>
        <ul>
          <li>【新增】 对企业微信的支持</li>
          <li>【新增】 消息发送测试功能</li>
        </ul>
        <h3>宿主管理</h3>
        <ul>
          <li>【新增】 网关模块</li>
        </ul>
        <h3>web配置</h3>
        <ul>
          <li>【优化】 重构菜单拖拽，菜单以及菜单组可跨组拖拽</li>
        </ul>
        <h3>数据字典</h3>
        <ul>
          <li>【新增】 表格添加拖拽功能</li>
        </ul>
      </div>
    ),
  },
  {
    key: '6',
    label: 'v6.0.20211115 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20211115</div>
          <div className={styles.topr}>2021-11-15</div>
        </div>
        <hr />
        <ul>
          <li>【新增】 巡维保功能模块</li>
          <li>【新增】 视频平台模块</li>
          <li>【新增】 搜索数据高亮显示</li>
        </ul>
        <h3>数据库连接</h3>
        <ul>
          <li>【新增】 增加测试连接验证</li>
        </ul>
        <h3>二维配置</h3>
        <ul>
          <li>【优化】 修复配置成功后无回显问题</li>
          <li>【优化】 修改翻案管理选择范围与用户管理选择机构管理范围逻辑冲突问题</li>
          <li>【优化】 修复方案配置保存后弹窗不关闭问题</li>
        </ul>
        <h3>数据字典</h3>
        <ul>
          <li>【优化】 导入数据后不刷新问题</li>
        </ul>
        <h3>web配置</h3>
        <ul>
          <li>【优化】 重构web配置拖拽逻辑</li>
        </ul>
        <h3>表/字段</h3>
        <ul>
          <li>【优化】 保存排序后顺序乱了的问题</li>
        </ul>
      </div>
    ),
  },
  {
    key: '5',
    label: 'v6.0.20211030 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20211030</div>
          <div className={styles.topr}>2021-10-30</div>
        </div>
        <hr />
        <ul>
          <li>【新增】 嵌入运维平台操作文档说明</li>
        </ul>
        <h3>用户管理</h3>
        <ul>
          <li>【优化】 关联用户失效</li>
          <li>【优化】 重写批量关联用户功能</li>
        </ul>
        <h3>表/字段</h3>
        <ul>
          <li>【新增】 外部字段展示</li>
        </ul>
        <h3>事件</h3>
        <ul>
          <li>【新增】 外部字段展示</li>
        </ul>
        <h3>流程</h3>
        <ul>
          <li>【新增】 外部字段展示</li>
        </ul>
      </div>
    ),
  },
  {
    key: '4',
    label: 'v6.0.20211005 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20211005</div>
          <div className={styles.topr}>2021-10-05</div>
        </div>
        <hr />
        <ul>
          <li>【新增】 事件功能模块</li>
          <li>【新增】 流程功能模块</li>
          <li>【新增】 工作流编辑功能模块</li>
        </ul>
      </div>
    ),
  },
  {
    key: '3',
    label: 'v6.0.20210831 ',
    content: (
      <div className={styles.hr}>
        <div className={styles.topBox}>
          <div className={styles.topl}>v6.0.20210831</div>
          <div className={styles.topr}>2021-08-31</div>
        </div>
        <hr />
        <ul>
          <li>【新增】 表/字段功能模块</li>
          <li>【新增】 台账管理功能模块</li>
        </ul>
        <h3>宿主管理</h3>
        <ul>
          <li>【优化】 页面样式</li>
          <li>【新增】 格式验证</li>
        </ul>
        <h3>消息平台</h3>
        <ul>
          <li>【优化】 页面样式</li>
          <li>【优化】 修复添加功能失败BUG</li>
          <li>【优化】 表单联动逻辑</li>
        </ul>
        <h3>数据字典</h3>
        <ul>
          <li>【新增】 重写数据字典功能模块</li>
        </ul>
      </div>
    ),
  },
  {
    key: '2',
    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: '1',
    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: '0',
    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;
