SickApp/SickBlazorApp/Components/Pages/Home.razor

@page "/"

<PageTitle>Home</PageTitle>

<div class="page-header">
    <div class="page-title">BCG08-C1QM0371 | EcoLine</div>
    <div class="page-subtitle"> WIRE DRAW ENCODERS</div>
</div>

<div class="product-container">
    <div class="product-image">
        <img src="Images/encoder.jpg" alt="BCG08-C1QM0371" />
    </div>
    <div class="product-info">
        <AccordionItem Title="Tổng quan" IsOpen="@(OpenMainSection == "overview")"
                       OnToggle="@(() => ToggleSection("overview"))">
            <p>
                    Bộ mã hóa kéo dây BCG08-C1QM0371 thuộc dòng EcoLine của SICK,
                là thiết bị đo chiều dài và vị trí được thiết kế cho các ứng dụng công nghiệp.
                Sản phẩm sử dụng cơ cấu kéo dây kết hợp encoder tuyệt đối,
                cho phép đo chính xác vị trí tuyến tính trong các hệ thống chuyển động.
            </p>
            <p>
                    Thiết bị phù hợp lắp đặt trong các dây chuyền sản xuất, hệ thống nâng hạ,
                máy công cụ và các ứng dụng tự động hóa yêu cầu độ tin cậy cao.
                Với giao tiếp CANopen, BCG08-C1QM0371 dễ dàng tích hợp với PLC
                và các hệ điều khiển công nghiệp phổ biến hiện nay.
            </p>
        </AccordionItem>

        <AccordionItem Title="Thông số kỹ thuật" Level="0" IsOpen="@(OpenMainSection == "spec")"
                       OnToggle="@(() => ToggleSection("spec"))">
            <AccordionItem Title="Hiệu năng" Level="1" IsOpen="IsPerformanceOpen"
                       OnToggle="@(() => IsPerformanceOpen = !IsPerformanceOpen)">
                <ul>
                    <li>Phạm vi đo: 1m -> 3m </li>
                    <li>Bộ mã hoá: tuyệt đối</li>
                    <li>Độ phân giải: 0.01mm</li>
                    <li>Độ lặp lại: ≤ 0.2 mm</li>
                    <li>Độ tuyến tính: ≤ ± 2 mm</li>
                    <li>Độ trễ: ≤ 0.4 mm</li>
                </ul>
            </AccordionItem>
            <AccordionItem Title="Giao tiếp" Level="1" IsOpen="IsCommunicationOpen"
                        OnToggle="@(() => IsCommunicationOpen = !IsCommunicationOpen)">
                <ul>
                    <li>Giao thức truyền thông: Canopen</li>
                </ul>
            </AccordionItem>
            <AccordionItem Title="Điện tử" Level="1" IsOpen="IsElectronicsOpen"
                        OnToggle="@(() => IsElectronicsOpen = !IsElectronicsOpen)">
                <ul>
                    <li>Kiểu kết nối: đầu nối đực, M12 - 5 chân, chuẩn công nghiệp, dễ đấu PLC /CANopen</li>
                    <li>Điện áp cấp nguồn: 10V -> 30V</li>
                    <li>Công suất tiêu thụ: ≤ 1.5 W (khi không tải)</li>
                </ul>
            </AccordionItem>
            <AccordionItem Title="Cơ khí" Level="1" IsOpen="IsMechanicalOpen"
                        OnToggle="@(() => IsMechanicalOpen = !IsMechanicalOpen)">
                <ul>
                    <li>Khối lượng thiết bị: 0.37 kg</li>
                    <li>Vật liệu dây đo: Thép không gỉ bện mềm, chuẩn 1.4401/V4A</li>
                    <li>Đường kính dây thép đo: 0.55 mm</li>
                    <li>Khối lượng dây: 1.2 g/m</li>
                    <li>Vỏ & cơ cấu cuộn dây: Nhựa, Noryl</li>
                    <li>Lực lò xo kéo dây về: 3.3 N … 4.4 N</li>
                    <li>Chiều dài dây trên mỗi vòng quay: 230 mm</li>
                    <li>Tuổi thọ cơ cấu kéo dây: ~ 1,000,000 chu kỳ</li>
                    <li>Chiều dài dây thực tế: 3.2 m</li>
                    <li>Gia tốc của dây: 10m/s²</li>
                    <li>Tốc độ làm việc: 6 m/s</li>
                    <li>Encoder gắn bên trong: AHM36 CANopen, AHM36A-S3CC014x12, 1065999</li>
                    <li>Hộp kéo dây: MRA-G080-103D3, 5322778</li>
                </ul>
            </AccordionItem>
            <AccordionItem Title="Dữ liệu môi trường" Level="1" IsOpen="IsEnvironmentOpen"
                        OnToggle="@(() => IsEnvironmentOpen = !IsEnvironmentOpen)">
                <ul>
                    <li>Khả năng chống nhiễu điện từ: EN 61000-6-2, EN 61000-6-3</li>
                    <li>Cấp bảo vệ: IP50 (hộp kéo dây), IP66/IP67 (bộ mã hóa)</li>
                    <li>Nhiệt độ hoạt động: –30 °C ... +70 °C</li>
                </ul>
            </AccordionItem>
        </AccordionItem>

        <AccordionItem Title="Cấu hình" IsOpen="@(OpenMainSection == "config")"
                OnToggle="@(() => ToggleSection("config"))">
                <ul>
                    <li>Bitrate: 20k -> 1M bit/s</li>
                    <li>Node ID: 1 -> 127</li>
                </ul>
            </AccordionItem>

        <AccordionItem Title="Tài liệu" IsOpen="@(OpenMainSection == "doc")"
                       OnToggle="@(() => ToggleSection("doc"))">
                        <ul>
                            <li><a href="https://www.sick.com/media/pdf/1/71/371/dataSheet_BCG08-C1QM0371_1068867_en.pdf" target="_blank">Datasheet PDF</a></li>
                <li><a href="https://www.sick.com/media/docs/3/93/193/operating_instructions_ahs_ahm36_canopen_ahs_ahm36_canopen_inox_absolute_encoder_en_im0055193.pdf" target="_blank">Full Documentation</a></li>
                        </ul>
        </AccordionItem>
        
    </div>
    <div class="go-to-monitor" style="margin-top: 2rem; text-align: right;">
        <a href="/sick" class="btn btn-primary btn-lg">
            Sick Monitor <i class="bi bi-arrow-right"></i>
        </a>
    </div>

</div>

@code {
    string? OpenMainSection;
    bool IsPerformanceOpen;
    bool IsCommunicationOpen;
    bool IsElectronicsOpen;
    bool IsMechanicalOpen;
    bool IsEnvironmentOpen;

    void ToggleSection(string section)
    {
        OpenMainSection = OpenMainSection == section ? null : section;
    }
}