import React, { useState } from 'react';
import { Card, Descriptions } from '@tencent/tea-component-mobile';
import '@tencent/tea-component-mobile/dist/tea.css';

export default function Failure({}) {
  return (
    <div className="page">
      <Card>
        <Card.Body title="设备故障">
          <Descriptions>
            <Descriptions.Item label="设备名称" arrow>
              浙A-Y78NF-张三
            </Descriptions.Item>
            <Descriptions.Item label="故障类型">
              can 节点A总线错误
            </Descriptions.Item>
            <Descriptions.Item label="故障等级">低</Descriptions.Item>
          </Descriptions>
        </Card.Body>
      </Card>
      <Card>
        <Card.Body title="设备故障">
          <Descriptions>
            <Descriptions.Item label="设备名称" arrow>
              浙A-Y78NF-张三
            </Descriptions.Item>
            <Descriptions.Item label="故障类型">
              can 节点A总线错误
            </Descriptions.Item>
            <Descriptions.Item label="故障等级">低</Descriptions.Item>
          </Descriptions>
        </Card.Body>
      </Card>
      <Card>
        <Card.Body title="设备故障">
          <Descriptions>
            <Descriptions.Item label="设备名称" arrow>
              浙A-Y78NF-张三
            </Descriptions.Item>
            <Descriptions.Item label="故障类型">
              can 节点A总线错误
            </Descriptions.Item>
            <Descriptions.Item label="故障等级">低</Descriptions.Item>
          </Descriptions>
        </Card.Body>
      </Card>
      <Card>
        <Card.Body title="设备故障">
          <Descriptions>
            <Descriptions.Item label="设备名称" arrow>
              浙A-Y78NF-张三
            </Descriptions.Item>
            <Descriptions.Item label="故障类型">
              can 节点A总线错误
            </Descriptions.Item>
            <Descriptions.Item label="故障等级">低</Descriptions.Item>
          </Descriptions>
        </Card.Body>
      </Card>
      <Card>
        <Card.Body title="设备故障">
          <Descriptions>
            <Descriptions.Item label="设备名称" arrow>
              浙A-Y78NF-张三
            </Descriptions.Item>
            <Descriptions.Item label="故障类型">
              can 节点A总线错误
            </Descriptions.Item>
            <Descriptions.Item label="故障等级">低</Descriptions.Item>
          </Descriptions>
        </Card.Body>
      </Card>
      <Card>
        <Card.Body title="设备故障">
          <Descriptions>
            <Descriptions.Item label="设备名称" arrow>
              浙A-Y78NF-张三
            </Descriptions.Item>
            <Descriptions.Item label="故障类型">
              can 节点A总线错误
            </Descriptions.Item>
            <Descriptions.Item label="故障等级">低</Descriptions.Item>
          </Descriptions>
        </Card.Body>
      </Card>
      <Card>
        <Card.Body title="设备故障">
          <Descriptions>
            <Descriptions.Item label="设备名称" arrow>
              浙A-Y78NF-张三
            </Descriptions.Item>
            <Descriptions.Item label="故障类型">
              can 节点A总线错误
            </Descriptions.Item>
            <Descriptions.Item label="故障等级">低</Descriptions.Item>
          </Descriptions>
        </Card.Body>
      </Card>
    </div>
  );
}
