import ProCard from '@ant-design/pro-card';
import { BarsOutlined } from '@ant-design/icons';
import React from 'react';
import { DirectoryDef } from '../../../service/def';
import Tab1 from './tab1';
import Tab2 from './tab2';
import Tab3 from './tab3';

async function demodata(): Promise<DirectoryDef[]> {
  return [
    {
      name: '资料目录定义', code: '', children: [
        { name: '前期项目阶段', code: '01', children: [] },
        { name: '项目实施阶段', code: '02', children: [] },
        { name: '项目竣工阶段', code: '03', children: [] },
        { name: '项目收尾与总结', code: '04', children: [] },
      ]
    }
  ];
}

const QualityManagetListPage = () => {
  return (
    <div>
      <ProCard
        tabs={{ type: 'card', }}
        headerBordered
      >
        <ProCard.TabPane key="tab1"
                         tab={
                          <span>
                            <BarsOutlined />
                            单元（工序）工程质量
                          </span>
                        }
        >
          <Tab1 />
        </ProCard.TabPane>
        <ProCard.TabPane key="tab2"
                         tab={
                           <span>
                            <BarsOutlined />
                            外观质量评定
                          </span>
                         }
        >
          <Tab2 />
        </ProCard.TabPane>
        <ProCard.TabPane key="tab3"
                         tab={
                           <span>
                            <BarsOutlined />
                            施工质量缺陷备案
                          </span>
                         }
        >
          <Tab3 />
        </ProCard.TabPane>
        <ProCard.TabPane key="tab4"
                         tab={
                           <span>
                            <BarsOutlined />
                            重要隐蔽（关键部位）单元工程质量等级签证
                          </span>
                         }
        >

        </ProCard.TabPane>
        <ProCard.TabPane key="tab5"
                         tab={
                           <span>
                            <BarsOutlined />
                            施工质量评定
                          </span>
                         }
        >

        </ProCard.TabPane>
      </ProCard>
    </div>
  )
}

export default QualityManagetListPage
