https://pengchi.net/vi/pages/ Recent content in Pages on PENGCHI Hugo vi-VN Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/vi/laboratory-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:14:52 +0000 https://pengchi.net/vi/laboratory-furniture-turnkey-solution/ <section class="position-relative text-white overflow-hidden" > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-labfurnituresolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-labfurnituresolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-labfurnituresolution"><div class="swiper-manager-container swiper-slide-name-labfurnituresolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-1" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="labfurnituresolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="KHh1vSSHchY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="laboratory-bench-sink" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/laboratory-sink-workbench-cabinets-bright-yj93HuMH-1280x720-1.jpg" loading="lazy" alt="Bàn thí nghiệm &amp; Bồn rửa" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Bàn thí nghiệm &amp; Bồn rửa</h2></div></div></div><div id="laboratory-bench-cabinets" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/bright-modern-laboratory-workbench-equipment-TffpHSxw-1280x720-1.jpg" loading="lazy" alt="Bàn thí nghiệm &amp; Tủ" class="slide-background-img" /></div><div class="slide-overlay"></div><div class="slide-content"><div class="content-inner"><h2 class="slide-title">Bàn thí nghiệm &amp; Tủ</h2></div></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- SOLUTION INTRODUCTION + SOLUTION PDF / CATALOGUE BUTTONS --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Tổng quan giải pháp</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Hệ thống nội thất hoàn chỉnh cho phòng thí nghiệm đang hoạt động</h2> <p class="text-body-secondary">Giải pháp Trọn gói Nội thất Phòng thí nghiệm của Pengchi cung cấp mọi thứ mà một phòng thí nghiệm được xây dựng xung quanh — bàn thí nghiệm bằng thép, tủ hút khí độc, bàn cân toàn thép, tủ phòng thí nghiệm và kệ đựng hóa chất — trong một hợp đồng duy nhất. Thay vì tìm nguồn cung ứng bàn, tủ hút và thiết bị lưu trữ một cách riêng lẻ, các phòng thí nghiệm và chủ dự án nhận được một gói phối hợp thống nhất, được sản xuất theo một tiêu chuẩn chất lượng và lắp đặt theo một phạm vi công việc được sắp xếp tuần tự.</p> https://pengchi.net/vi/medical-hospital-furniture-turnkey-solution/ Thu, 08 Oct 2026 10:09:53 +0000 https://pengchi.net/vi/medical-hospital-furniture-turnkey-solution/ <section class="position-relative text-white overflow-hidden" > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-hospitalfurnituresolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-hospitalfurnituresolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-hospitalfurnituresolution"><div class="swiper-manager-container swiper-slide-name-hospitalfurnituresolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-7" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="hospitalfurnituresolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="OKXU1WiiclQ" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/medical-cabinets-with-nurse.jpg" loading="lazy" alt="Tủ y tế trong phòng điều trị" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="cEvrObGkIFM" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/nurse-hospital-triage-desk-flowchart-kewAj8NH-1280x720-1.jpg" loading="lazy" alt="Trạm y tá" class="slide-background-img" /></div></div><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/stainless-medical-carts-clinical-showroom-7QkP4hnQ-1280x720-1.jpg" loading="lazy" alt="" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="hcsPlunfKLg" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- GIỚI THIỆU GIẢI PHÁP + CÁC NÚT PDF / DANH MỤC GIẢI PHÁP --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Tổng quan giải pháp</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Nội Thất Tổ Chức Công Việc Hàng Ngày Của Toàn Bộ Bệnh Viện</h2> <p class="text-body-secondary">Giải pháp trọn gói nội thất bệnh viện y tế của Pengchi cung cấp các hệ thống nội thất mà bệnh viện sử dụng hàng ngày — quầy y tá, quầy lễ tân sảnh chính, tủ y tế, tủ quản lý thông minh, bồn rửa tay phẫu thuật và nội thất CSSD bằng thép không gỉ — trong một hợp đồng duy nhất. Thay vì mua bàn, tủ và bồn rửa từ các nhà cung cấp riêng biệt với các tiêu chuẩn và lịch trình khác nhau, chủ dự án nhận được một gói đồng bộ duy nhất, được sản xuất theo một hệ thống chất lượng và lắp đặt như một phạm vi công việc được sắp xếp theo trình tự.</p> https://pengchi.net/vi/metal-medical-door-solution/ Thu, 08 Oct 2026 09:59:55 +0000 https://pengchi.net/vi/metal-medical-door-solution/ <section > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-medicaldoorsolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-medicaldoorsolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-medicaldoorsolution"><div class="swiper-manager-container swiper-slide-name-medicaldoorsolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-14" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="medicaldoorsolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="oj-uLRXaEZ0" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="vM1Wwfh3UjY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="IVJm58p2EZ0" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- GIỚI THIỆU GIẢI PHÁP + NÚT VR / DANH MỤC SẢN PHẨM --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Tổng Quan Giải Pháp</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Mọi Cánh Cửa Trong Bệnh Viện, Được Thiết Kế Kỹ Thuật và Cung Cấp Bởi Một Nhà Sản Xuất Duy Nhất</h2> <p class="text-body-secondary">Giải pháp Cửa Y Tế Kim Loại của Pengchi cung cấp một chương trình cửa hoàn chỉnh cho các bệnh viện, phòng khám và tòa nhà phòng thí nghiệm theo một hợp đồng duy nhất: cửa trượt y tế tự động, cửa xếp tự động, cửa phòng sạch, cửa thép y tế vận hành thủ công, cửa bản lề chống bức xạ và cửa thép an ninh. Thay vì phải mua từng loại cửa từ các nhà cung cấp khác nhau, chủ dự án sẽ nhận được một tiến độ phối hợp thống nhất, một tiêu chuẩn sản xuất duy nhất và một nhà cung cấp chịu trách nhiệm trọn vẹn từ bản vẽ cửa đầu tiên cho đến khi nghiệm thu cuối cùng.</p> https://pengchi.net/vi/modular-operating-rooms-turnkey-solution/ Thu, 08 Oct 2026 08:55:44 +0000 https://pengchi.net/vi/modular-operating-rooms-turnkey-solution/ <section > <style>.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto ;--height-pad:auto!important;--gap:20px !important;--slides_per_view_pc:1.7 !important;--slides_per_view_pad:1 !important;--height-mobile:auto!important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution .slide-content {}@media (max-width: 1024px) {.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto!important;}}@media (max-width: 768px) {.swiper-manager-container.swiper-style17.swiper-slide-name-operatingroomsolution {--height:auto!important;}}.swiper-manager-outer-section#swiper-slide-name-operatingroomsolution {background:#000;</style><section class="swiper-manager-outer-section" id="swiper-slide-name-operatingroomsolution"><div class="swiper-manager-container swiper-slide-name-operatingroomsolution swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-21" data-navigation="true" data-pagination="false" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="auto" data-height-mobile="auto" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="operatingroomsolution" data-slides-per-view-pc="1.7" data-slides-per-group-pc="" data-slides-per-view-pad="1" data-slides-per-group-pad="" data-slides-per-view-mobile="1" data-slides-per-group-mobile="" data-centered-slides="1" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="0HNem0HbCvw" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="iDniASs9Sqc" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div><div id="" class="swiper-slide has-video"><div class="video-container slide-video"><lite-youtube videoid="YJ5o-C0x47Y" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div><div class="swiper-manager-outer-section-content-after"></div></section> </section><!-- ==================== SOLUTION INTRODUCTION + VR / CATALOGUE BUTTONS ==================== --> <section class="py-5"> <div class="container"> <div class="row justify-content-start"> <div class="col-lg-10"> <span class="text-success text-uppercase small fw-semibold">Tổng quan giải pháp</span> <h2 class="fw-bold lh-sm mt-2 mb-3">Một khu phẫu thuật hoàn chỉnh do một nhà sản xuất duy nhất chịu trách nhiệm cung cấp</h2> <p class="text-body-secondary">Giải pháp trọn gói phòng mổ mô-đun của Pengchi cung cấp một khu phẫu thuật hoàn chỉnh, được chế tạo lắp sẵn tại nhà máy — bao gồm hệ vách và trần bao kín, trần dòng khí tầng (laminar airflow), hệ thống HVAC, tủ âm tường và bộ điều khiển tích hợp — theo một hợp đồng duy nhất. Thay vì phải điều phối nhiều nhà thầu tại công trường, chủ đầu tư bệnh viện chỉ cần làm việc với một nhà sản xuất duy nhất, chịu trách nhiệm từ bản vẽ bố trí đầu tiên cho đến khi bàn giao đã được nghiệm thu.</p> https://pengchi.net/vi/vr-show-of-operating-room/ Thu, 08 Oct 2026 07:24:57 +0000 https://pengchi.net/vi/vr-show-of-operating-room/ <style id="pfvr-styles">/** * Kiểu giao diện người dùng cho trình xem PlayForge VR. * * Trình xem là một lớp phủ tối, kiểu kính nằm trên canvas A-Frame. * Bản thân lớp phủ cho phép nhấp xuyên qua; các thành phần giao diện tương tác * bật lại thông qua pointer-events của .pfvr-ui / button. */ .pfvr-viewer { position: relative; width: 100%; height: var(--pfvr-height, 100vh); background: #05070a; border-radius: 10px; overflow: hidden; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #fff; } .pfvr-viewer:focus-visible { box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.55); } /* A-Frame lấp đầy vùng chứa (embedded loại bỏ min-height mặc định của nó). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Lớp phủ: nhấp xuyên qua theo mặc định để việc kéo chuột có thể nhìn xung quanh. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Thanh trên cùng ---------- */ .pfvr-topbar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-select { flex: 1; min-width: 0; max-width: 360px; padding: 7px 10px; font-size: 13px; color: #fff; background: rgba(20, 26, 34, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .pfvr-select option { color: #111; } .pfvr-top-actions { margin-left: auto; display: flex; gap: 8px; } /* ---------- Các nút ---------- */ .pfvr-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(20, 26, 34, 0.66); color: #fff; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.15s ease, transform 0.15s ease; } .pfvr-btn:hover { background: rgba(48, 60, 75, 0.9); } .pfvr-btn:active { transform: scale(0.94); } .pfvr-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; } .pfvr-nav:active { transform: translateY(-50%) scale(0.94); } .pfvr-nav-prev { left: 14px; } .pfvr-nav-next { right: 14px; } /* ---------- Biểu tượng (dùng mask để chúng kế thừa currentColor) ---------- */ .pfvr-icon { width: 20px; height: 20px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .pfvr-icon-prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); } .pfvr-icon-next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); } .pfvr-icon-fs { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); } .pfvr-icon-auto { width: 19px; height: 19px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); } .pfvr-auto-btn.is-off { opacity: 0.45; } .pfvr-fs-btn.is-fullscreen .pfvr-icon-fs { opacity: 0.7; } /* ---------- Bảng thông tin ---------- */ .pfvr-info { position: absolute; left: 14px; bottom: 116px; max-width: min(440px, calc(100% - 28px)); padding: 12px 16px; background: rgba(10, 14, 20, 0.62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .pfvr-info[hidden] { display: none; } .pfvr-scene-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 4px; } .pfvr-scene-desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); word-break: break-word; } .pfvr-scene-desc p { margin: 0 0 6px; } .pfvr-scene-desc p:last-child { margin-bottom: 0; } /* ---------- Dải hình thu nhỏ ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* khoảng trống bên phải chừa chỗ cho nút VR của A-Frame */ overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-thumbs::-webkit-scrollbar { height: 6px; } .pfvr-thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .pfvr-thumb { flex: 0 0 auto; width: 108px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.08); cursor: pointer; text-align: left; transition: border-color 0.15s ease, transform 0.15s ease; } .pfvr-thumb:hover { transform: translateY(-2px); } .pfvr-thumb img { display: block; width: 108px; height: 64px; object-fit: cover; } .pfvr-thumb-label { display: block; padding: 4px 6px; font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pfvr-thumb.is-active { border-color: #42a5f5; box-shadow: 0 0 0 1px rgba(66, 165, 245, 0.6); } .pfvr-thumb.is-active .pfvr-thumb-label { color: #90caf9; } /* ---------- Vòng quay tải ---------- */ .pfvr-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .pfvr-spinner { width: 42px; height: 42px; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #42a5f5; border-radius: 50%; animation: pfvr-spin 0.9s linear infinite; } @keyframes pfvr-spin { to { transform: rotate(360deg); } } .pfvr-viewer:not(.pfvr-loading) .pfvr-loader { display: none; } /* ---------- Toàn màn hình ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Màn hình nhỏ ---------- */ @media (max-width: 600px) { .pfvr-viewer { border-radius: 6px; } .pfvr-info { left: 8px; right: 8px; bottom: 108px; max-width: none; padding: 10px 12px; } .pfvr-scene-title { font-size: 14px; } .pfvr-scene-desc { font-size: 12px; } .pfvr-nav { width: 34px; height: 34px; } .pfvr-nav-prev { left: 6px; } .pfvr-nav-next { right: 6px; } .pfvr-thumb { width: 92px; } .pfvr-thumb img { width: 92px; height: 56px; } .pfvr-topbar { padding: 8px 10px; } } /* Thông báo hiển thị trong trình soạn thảo cho các shortcode cấu hình sai. */ .pfvr-notice { padding: 12px 16px; background: #fcf0f1; border-left: 4px solid #d63638; color: #3c434a; } </style> <script src="https://pengchi.net/wp-content/plugins/playforge-vr/assets/vendor/aframe.min.js"></script> <div id="pfvr-viewer-624-1" class="pfvr-viewer pfvr-loading" style="--pfvr-height: 100vh;" data-scene="0" data-autoplay="1" data-preload="all" tabindex="0" > <a-scene embedded loading-screen="enabled: false" vr-mode-ui="enabled: true" renderer="colorManagement: true; antialias: true" > <a-assets timeout="30000"> <img id="pfvr-a-0" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled.jpg" alt="" > <img id="pfvr-a-1" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled.jpg" alt="" > <img id="pfvr-a-2" src="https://pengchi.net/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled.jpg" alt="" > </a-assets> <a-sky data-role="sky" src="#pfvr-a-0"></a-sky> <a-entity data-role="rig" pfvr-auto="speed: 0.06; enabled: true"> <a-entity camera look-controls="reverseMouseDrag: true" fov="80"></a-entity> </a-entity> </a-scene> <div class="pfvr-overlay"> <div class="pfvr-topbar pfvr-ui"> <select class="pfvr-select" aria-label="Chuyển cảnh theo tiêu đề"></select> <div class="pfvr-top-actions"> <button type="button" class="pfvr-btn pfvr-auto-btn" aria-label="Bật/tắt tự động xoay" title="Tự động xoay"> <span class="pfvr-icon pfvr-icon-auto" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-fs-btn" aria-label="Toàn màn hình" title="Toàn màn hình"> <span class="pfvr-icon pfvr-icon-fs" aria-hidden="true"></span> </button> </div> </div> <div class="pfvr-info"> <div class="pfvr-scene-title"></div> <div class="pfvr-scene-desc"></div> </div> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-prev pfvr-ui" aria-label="Trước"> <span class="pfvr-icon pfvr-icon-prev" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-next pfvr-ui" aria-label="Tiếp theo"> <span class="pfvr-icon pfvr-icon-next" aria-hidden="true"></span> </button> <div class="pfvr-thumbs pfvr-ui"></div> <div class="pfvr-loader" aria-hidden="true"> <span class="pfvr-spinner"></span> </div> </div> <script type="application/json" class="pfvr-data">[{"id":"scene-1790645683076-1","title":"Hành lang phòng phẫu thuật","description":"Hành lang phòng phẫu thuật được trang bị cửa kín khí y tế, bồn rửa tay bằng thép không gỉ 304 và các thiết bị phụ trợ khác.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-Corridor_4K_4096x2048-scaled-1.jpg"},{"id":"scene-1790645700912-2","title":"Phòng phẫu thuật 1","description":"Dự án trọn gói phòng phẫu thuật mô-đun cấp 100, bao gồm tủ dụng cụ, tủ gây mê, tủ lạnh âm tường, trần dòng chảy tầng, đầu khuếch tán khí cấp HEPA, bảng điều khiển nhiệt độ và độ ẩm, đầu nối khí y tế, bảng ổ cắm điện, v.v. Tấm ốp tường góc cong, dễ vệ sinh và không có góc chết vệ sinh.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-2_4K_4096x2048-scaled-1.jpg"},{"id":"scene-1790645733838-3","title":"Phòng phẫu thuật 2","description":"Đây là dự án trọn gói phòng phẫu thuật mô-đun đạt tiêu chuẩn ISO cấp 5, được trang bị tủ dụng cụ, tủ gây mê và tủ lạnh âm tường. Phòng còn bao gồm trần dòng chảy tầng, đầu khuếch tán khí cấp HEPA, bảng điều khiển nhiệt độ \u0026amp; độ ẩm, đầu nối khí y tế, bảng ổ cắm điện, hộp đèn xem phim X-quang, tấm đèn kín khí và xe đẩy phòng phẫu thuật. Các tấm ốp tường góc cong được áp dụng để dễ dàng vệ sinh và loại bỏ các góc chết vệ sinh.","image":"/wp-content/uploads/2026/09/Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Wuhan-Fifth-Hospital_OR-1_4K_4096x2048-scaled-1.jpg"}]</script> </div> <script>/** * Logic front-end cho trình xem PlayForge VR. * * Đọc JSON cảnh do shortcode tạo ra, xây dựng hộp chọn tiêu đề, * dải ảnh thu nhỏ và bảng thông tin, đồng thời thay đổi texture của <a-sky> khi chuyển cảnh. */ ( function () { 'use strict'; /** * Thành phần A-Frame: xoay chậm trục yaw của giá camera. * * Tạm dừng khi khách truy cập kéo/ngó xung quanh và tự tiếp tục sau một * khoảng thời gian chờ, vì vậy nó không bao giờ xung đột với các thao tác điều khiển của người xem. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // radian mỗi giây. enabled: { default: true } }, init: function () { this.userPaused = false; this.tempPaused = false; this.resumeTimer = null; var self = this; var pauseTemporarily = function () { self.tempPaused = true; window.clearTimeout( self.resumeTimer ); self.resumeTimer = window.setTimeout( function () { self.tempPaused = false; }, 4000 ); }; // Canvas nhận các sự kiện con trỏ/cảm ứng mà look-controls sử dụng. var bind = function () { var canvas = self.el.sceneEl.canvas; if ( ! canvas ) { return; } canvas.addEventListener( 'pointerdown', pauseTemporarily ); canvas.addEventListener( 'wheel', pauseTemporarily, { passive: true } ); canvas.addEventListener( 'touchstart', pauseTemporarily, { passive: true } ); }; if ( this.el.sceneEl.canvas ) { bind(); } else { this.el.sceneEl.addEventListener( 'rendertargetchanged', bind ); window.setTimeout( bind, 500 ); } }, setEnabled: function ( enabled ) { this.userPaused = ! enabled; }, tick: function ( _time, delta ) { if ( ! this.data.enabled || this.userPaused || this.tempPaused || document.hidden ) { return; } this.el.object3D.rotation.y += ( delta / 1000 ) * this.data.speed; } } ); } /** Tạo một span biểu tượng với một lớp (nội dung lấy từ CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Khởi tạo một phần tử trình xem. * * @param {HTMLElement} viewer Phần tử gốc .pfvr-viewer. */ function initViewer( viewer ) { var dataEl = viewer.querySelector( '.pfvr-data' ); var scenes; try { scenes = JSON.parse( dataEl.textContent || '{}' ); } catch ( e ) { scenes = []; } if ( ! Array.isArray( scenes ) || ! scenes.length ) { return; } var sky = viewer.querySelector( '[data-role="sky"]' ); var rig = viewer.querySelector( '[data-role="rig"]' ); var select = viewer.querySelector( '.pfvr-select' ); var thumbs = viewer.querySelector( '.pfvr-thumbs' ); var infoTitle = viewer.querySelector( '.pfvr-scene-title' ); var infoDesc = viewer.querySelector( '.pfvr-scene-desc' ); var infoBox = viewer.querySelector( '.pfvr-info' ); var loader = viewer.querySelector( '.pfvr-loader' ); var autoBtn = viewer.querySelector( '.pfvr-auto-btn' ); var fsBtn = viewer.querySelector( '.pfvr-fs-btn' ); var prevBtn = viewer.querySelector( '.pfvr-nav-prev' ); var nextBtn = viewer.querySelector( '.pfvr-nav-next' ); var current = Math.min( parseInt( viewer.getAttribute( 'data-scene' ), 10 ) || 0, scenes.length - 1 ); var autoEnabled = viewer.getAttribute( 'data-autoplay' ) === '1'; var preloadAll = viewer.getAttribute( 'data-preload' ) === 'all'; var assetsBox = viewer.querySelector( 'a-assets' ); var loadFallbackTimer = null; // Xây dựng <select> tiêu đề. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || 'Cảnh ' + ( i + 1 ); select.appendChild( option ); } ); // Xây dựng dải ảnh thu nhỏ. var thumbButtons = []; scenes.forEach( function ( scene, i ) { var button = document.createElement( 'button' ); button.type = 'button'; button.className = 'pfvr-thumb'; button.setAttribute( 'aria-label', scene.title || 'Cảnh ' + ( i + 1 ) ); var img = document.createElement( 'img' ); img.src = scene.thumb || ''; img.alt = ''; img.addEventListener( 'error', function () { img.style.display = 'none'; } ); var label = document.createElement( 'span' ); label.className = 'pfvr-thumb-label'; label.textContent = scene.title || 'Cảnh ' + ( i + 1 ); button.appendChild( img ); button.appendChild( label ); button.addEventListener( 'click', function () { goTo( i ); } ); thumbs.appendChild( button ); thumbButtons.push( button ); } ); /** * Đảm bảo cảnh i tồn tại dưới dạng <img> bên trong <a-assets>, tạo nó * nếu cần. Sau đó A-Frame tải nó và lưu texture vào bộ nhớ đệm GPU, vì vậy * việc gán nó cho bầu trời diễn ra ngay lập tức sau khi tải xong. * * @param {number} i Chỉ số cảnh. */ function ensureAsset( i ) { if ( ! assetsBox || ! scenes[ i ] ) { return; } var id = 'pfvr-a-' + i; if ( document.getElementById( id ) ) { return; } var img = document.createElement( 'img' ); img.id = id; img.alt = ''; img.src = scenes[ i ].image; assetsBox.appendChild( img ); } /** Tải trước một cảnh dưới dạng tài nguyên A-Frame (làm nóng bộ nhớ đệm mạng + GPU). */ function preload( i ) { ensureAsset( i ); } /** Ẩn vòng quay tải sau khi texture mới đã được áp lên bầu trời. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Chuyển đến một cảnh theo chỉ số. * * @param {number} i Chỉ số đích. */ function goTo( i ) { if ( i === current || i < 0 || i >= scenes.length ) { return; } current = i; viewer.classList.add( 'pfvr-loading' ); if ( loader ) { loader.style.display = ''; } var settled = false; var finish = function () { if ( settled ) { return; } settled = true; hideLoader(); sky.removeEventListener( 'materialtextureloaded', finish ); sky.removeEventListener( 'materialtextureerror', finish ); }; // Phương án dự phòng: không bao giờ để vòng quay bị kẹt nếu không có sự kiện nào được kích hoạt. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Đảm bảo hình ảnh đích nằm trong <a-assets>, sau đó tham chiếu nó // bằng ID để tái sử dụng bộ nhớ đệm texture của A-Frame. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // Khi hình ảnh đích đã tải xong, A-Frame có thể // xử lý chất liệu một cách đồng bộ mà không phát ra sự kiện; // trong trường hợp đó, ẩn vòng quay ở khung hình tiếp theo. var targetImg = document.getElementById( 'pfvr-a-' + i ); if ( targetImg && targetImg.complete && targetImg.naturalWidth ) { window.requestAnimationFrame( function () { window.requestAnimationFrame( finish ); } ); } updateUI(); preload( ( i + 1 ) % scenes.length ); preload( ( i - 1 + scenes.length ) % scenes.length ); } /** Cập nhật trạng thái hoạt động của tiêu đề/mô tả/hộp chọn/ảnh thu nhỏ. */ function updateUI() { var scene = scenes[ current ]; select.value = String( current ); infoTitle.textContent = scene.title || ''; if ( scene.description && scene.description.trim() ) { infoDesc.innerHTML = scene.description; infoBox.hidden = false; } else { infoDesc.innerHTML = ''; infoBox.hidden = ! scene.title; } thumbButtons.forEach( function ( button, i ) { button.classList.toggle( 'is-active', i === current ); } ); // Giữ cho ảnh thu nhỏ đang hoạt động luôn hiển thị trong dải cuộn. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- Sự kiện giao diện người dùng ----------------------------------------------------- select.addEventListener( 'change', function () { goTo( parseInt( select.value, 10 ) ); } ); prevBtn.addEventListener( 'click', function () { goTo( ( current - 1 + scenes.length ) % scenes.length ); } ); nextBtn.addEventListener( 'click', function () { goTo( ( current + 1 ) % scenes.length ); } ); autoBtn.addEventListener( 'click', function () { autoEnabled = ! autoEnabled; setAutoButtonState(); if ( rig.components && rig.components[ 'pfvr-auto' ] ) { rig.components[ 'pfvr-auto' ].setEnabled( autoEnabled ); } rig.setAttribute( 'pfvr-auto', 'enabled', autoEnabled ? 'true' : 'false' ); } ); function setAutoButtonState() { autoBtn.classList.toggle( 'is-off', ! autoEnabled ); autoBtn.setAttribute( 'aria-pressed', autoEnabled ? 'true' : 'false' ); } // Toàn màn hình. fsBtn.addEventListener( 'click', function () { if ( document.fullscreenElement ) { document.exitFullscreen(); } else if ( viewer.requestFullscreen ) { viewer.requestFullscreen(); } else if ( viewer.webkitRequestFullscreen ) { viewer.webkitRequestFullscreen(); } } ); document.addEventListener( 'fullscreenchange', function () { fsBtn.classList.toggle( 'is-fullscreen', !! document.fullscreenElement ); } ); // Bàn phím: chỉ thực hiện khi trình xem này đang được focus hoặc ở chế độ toàn màn hình. viewer.addEventListener( 'keydown', function ( event ) { if ( document.fullscreenElement !== viewer && ! viewer.contains( document.activeElement ) ) { return; } if ( event.key === 'ArrowRight' ) { event.preventDefault(); goTo( ( current + 1 ) % scenes.length ); } else if ( event.key === 'ArrowLeft' ) { event.preventDefault(); goTo( ( current - 1 + scenes.length ) % scenes.length ); } } ); // Thư viện ảnh chỉ có một cảnh thì không cần các thành phần giao diện điều hướng. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Trạng thái ban đầu ------------------------------------------------- setAutoButtonState(); updateUI(); // Chế độ "all" đã cung cấp sẵn mọi hình ảnh trong <a-assets>; ở chế độ // "adjacent", tải trước cả hai cảnh lân cận của cảnh ban đầu. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Ẩn biểu tượng tải sau khi texture đầu tiên đã được tải xong. var onInitialLoaded = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; var onInitialError = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; sky.addEventListener( 'materialtextureloaded', onInitialLoaded ); sky.addEventListener( 'materialtextureerror', onInitialError ); window.setTimeout( hideLoader, 9000 ); } function boot() { registerAutoComponent(); document.querySelectorAll( '.pfvr-viewer' ).forEach( initViewer ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', boot ); } else { boot(); } } )(); </script> https://pengchi.net/vi/solutions/ Wed, 30 Sep 2026 03:43:37 +0000 https://pengchi.net/vi/solutions/ <section class="text-white" style="width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);background: linear-gradient(rgba(9, 33, 43, 0.78), rgba(9, 33, 43, 0.86)), url('/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg') center center / cover no-repeat"> <div class="container py-5"> <div class="row justify-content-center text-center"> <div class="col-lg-10"> <p><span class="badge rounded-pill text-bg-light text-success text-uppercase px-3 py-2 mb-3">Giải Pháp Y Tế Trọn Gói</span></p> <h1 class="fw-bold lh-sm mb-3" style="font-size: clamp(1.9rem, 4vw, 3.1rem)">Cửa Y Tế, Phòng Mổ Mô-đun & Nội Thất Bệnh Viện cho các Dự Án Y Tế</h1> <p class="lead text-white-50 mb-4 mx-auto" style="max-width: 820px">Pengchi hỗ trợ các bệnh viện, phòng khám và phòng thí nghiệm từ quy hoạch không gian, cấu hình theo từng khoa đến sản xuất trực tiếp tại nhà máy, giao hàng và lắp đặt — một đội ngũ, hồ sơ đầy đủ.</p> https://pengchi.net/vi/thank-you/ Tue, 22 Sep 2026 08:55:56 +0000 https://pengchi.net/vi/thank-you/ <h1>Cảm ơn tin nhắn của bạn.</h1> Chúng tôi sẽ trả lời sớm nhất có thể. <p>Vui lòng liên hệ với chúng tôi qua email <a href="mailto:pengchi@pengchihealth.com"><a href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a></a> hoặc di động +86-18025283503.</p> https://pengchi.net/vi/factory-show/ Tue, 22 Sep 2026 06:41:23 +0000 https://pengchi.net/vi/factory-show/ <style id="pfvr-styles">/** * Kiểu giao diện front-end cho trình xem PlayForge VR. * * Trình xem là một lớp phủ tối màu, kiểu kính nằm trên canvas A-Frame. * Bản thân lớp phủ cho phép nhấp xuyên qua; các thành phần giao diện tương tác * bật lại thông qua pointer-events của .pfvr-ui / button. */ .pfvr-viewer { position: relative; width: 100%; height: var(--pfvr-height, 100vh); background: #05070a; border-radius: 10px; overflow: hidden; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: #fff; } .pfvr-viewer:focus-visible { box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.55); } /* A-Frame lấp đầy vùng chứa (chế độ embedded loại bỏ min-height mặc định của nó). */ .pfvr-viewer .a-embedded, .pfvr-viewer a-scene { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; } /* Lớp phủ: cho phép nhấp xuyên qua theo mặc định để kéo chuột nhìn xung quanh. */ .pfvr-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .pfvr-ui, .pfvr-overlay button, .pfvr-overlay select { pointer-events: auto; } /* ---------- Thanh trên cùng ---------- */ .pfvr-topbar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-select { flex: 1; min-width: 0; max-width: 360px; padding: 7px 10px; font-size: 13px; color: #fff; background: rgba(20, 26, 34, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .pfvr-select option { color: #111; } .pfvr-top-actions { margin-left: auto; display: flex; gap: 8px; } /* ---------- Các nút ---------- */ .pfvr-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(20, 26, 34, 0.66); color: #fff; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.15s ease, transform 0.15s ease; } .pfvr-btn:hover { background: rgba(48, 60, 75, 0.9); } .pfvr-btn:active { transform: scale(0.94); } .pfvr-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 12; } .pfvr-nav:active { transform: translateY(-50%) scale(0.94); } .pfvr-nav-prev { left: 14px; } .pfvr-nav-next { right: 14px; } /* ---------- Biểu tượng (dùng mask để kế thừa currentColor) ---------- */ .pfvr-icon { width: 20px; height: 20px; display: inline-block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .pfvr-icon-prev { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 7.4 14 6l-6 6 6 6 1.4-1.4L10.8 12z'/%3E%3C/svg%3E"); } .pfvr-icon-next { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 7.4 10 6l6 6-6 6-1.4-1.4L13.2 12z'/%3E%3C/svg%3E"); } .pfvr-icon-fs { width: 18px; height: 18px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); } .pfvr-icon-auto { width: 19px; height: 19px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A8 8 0 1 0 19.73 14h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E"); } .pfvr-auto-btn.is-off { opacity: 0.45; } .pfvr-fs-btn.is-fullscreen .pfvr-icon-fs { opacity: 0.7; } /* ---------- Bảng thông tin ---------- */ .pfvr-info { position: absolute; left: 14px; bottom: 116px; max-width: min(440px, calc(100% - 28px)); padding: 12px 16px; background: rgba(10, 14, 20, 0.62); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .pfvr-info[hidden] { display: none; } .pfvr-scene-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 4px; } .pfvr-scene-desc { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); word-break: break-word; } .pfvr-scene-desc p { margin: 0 0 6px; } .pfvr-scene-desc p:last-child { margin-bottom: 0; } /* ---------- Dải hình thu nhỏ ---------- */ .pfvr-thumbs { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 10px 76px 12px 14px; /* khoảng trống bên phải dành chỗ cho nút VR của A-Frame */ overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); } .pfvr-thumbs::-webkit-scrollbar { height: 6px; } .pfvr-thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .pfvr-thumb { flex: 0 0 auto; width: 108px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.08); cursor: pointer; text-align: left; transition: border-color 0.15s ease, transform 0.15s ease; } .pfvr-thumb:hover { transform: translateY(-2px); } .pfvr-thumb img { display: block; width: 108px; height: 64px; object-fit: cover; } .pfvr-thumb-label { display: block; padding: 4px 6px; font-size: 11px; line-height: 1.3; color: rgba(255, 255, 255, 0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pfvr-thumb.is-active { border-color: #42a5f5; box-shadow: 0 0 0 1px rgba(66, 165, 245, 0.6); } .pfvr-thumb.is-active .pfvr-thumb-label { color: #90caf9; } /* ---------- Vòng quay tải ---------- */ .pfvr-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .pfvr-spinner { width: 42px; height: 42px; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: #42a5f5; border-radius: 50%; animation: pfvr-spin 0.9s linear infinite; } @keyframes pfvr-spin { to { transform: rotate(360deg); } } .pfvr-viewer:not(.pfvr-loading) .pfvr-loader { display: none; } /* ---------- Toàn màn hình ---------- */ .pfvr-viewer:fullscreen, .pfvr-viewer:-webkit-full-screen { height: 100%; border-radius: 0; } .pfvr-viewer:fullscreen .pfvr-info { bottom: 120px; } /* ---------- Màn hình nhỏ ---------- */ @media (max-width: 600px) { .pfvr-viewer { border-radius: 6px; } .pfvr-info { left: 8px; right: 8px; bottom: 108px; max-width: none; padding: 10px 12px; } .pfvr-scene-title { font-size: 14px; } .pfvr-scene-desc { font-size: 12px; } .pfvr-nav { width: 34px; height: 34px; } .pfvr-nav-prev { left: 6px; } .pfvr-nav-next { right: 6px; } .pfvr-thumb { width: 92px; } .pfvr-thumb img { width: 92px; height: 56px; } .pfvr-topbar { padding: 8px 10px; } } /* Thông báo hiển thị trong trình soạn thảo cho các shortcode cấu hình sai. */ .pfvr-notice { padding: 12px 16px; background: #fcf0f1; border-left: 4px solid #d63638; color: #3c434a; } </style> <script src="https://pengchi.net/wp-content/plugins/playforge-vr/assets/vendor/aframe.min.js"></script> <div id="pfvr-viewer-494-2" class="pfvr-viewer pfvr-loading" style="--pfvr-height: 100vh;" data-scene="0" data-autoplay="1" data-preload="all" tabindex="0" > <a-scene embedded loading-screen="enabled: false" vr-mode-ui="enabled: true" renderer="colorManagement: true; antialias: true" > <a-assets timeout="30000"> <img id="pfvr-a-0" src="https://pengchi.net/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg" alt="" > <img id="pfvr-a-1" src="https://pengchi.net/wp-content/uploads/2026/09/Sheet-Metal-Processing-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-2" src="https://pengchi.net/wp-content/uploads/2026/09/Panel-Board-Production-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-3" src="https://pengchi.net/wp-content/uploads/2026/09/Medical-Cabinet-Assembly-Workshop-scaled.jpg" alt="" > <img id="pfvr-a-4" src="https://pengchi.net/wp-content/uploads/2026/09/Medical-Equipment-Showroom-scaled.jpg" alt="" > <img id="pfvr-a-5" src="https://pengchi.net/wp-content/uploads/2026/09/Open-Office-Area-scaled.jpg" alt="" > </a-assets> <a-sky data-role="sky" src="#pfvr-a-0"></a-sky> <a-entity data-role="rig" pfvr-auto="speed: 0.06; enabled: true"> <a-entity camera look-controls="reverseMouseDrag: true" fov="80"></a-entity> </a-entity> </a-scene> <div class="pfvr-overlay"> <div class="pfvr-topbar pfvr-ui"> <select class="pfvr-select" aria-label="Chuyển cảnh theo tiêu đề"></select> <div class="pfvr-top-actions"> <button type="button" class="pfvr-btn pfvr-auto-btn" aria-label="Bật/tắt tự động xoay" title="Tự động xoay"> <span class="pfvr-icon pfvr-icon-auto" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-fs-btn" aria-label="Toàn màn hình" title="Toàn màn hình"> <span class="pfvr-icon pfvr-icon-fs" aria-hidden="true"></span> </button> </div> </div> <div class="pfvr-info"> <div class="pfvr-scene-title"></div> <div class="pfvr-scene-desc"></div> </div> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-prev pfvr-ui" aria-label="Trước"> <span class="pfvr-icon pfvr-icon-prev" aria-hidden="true"></span> </button> <button type="button" class="pfvr-btn pfvr-nav pfvr-nav-next pfvr-ui" aria-label="Tiếp theo"> <span class="pfvr-icon pfvr-icon-next" aria-hidden="true"></span> </button> <div class="pfvr-thumbs pfvr-ui"></div> <div class="pfvr-loader" aria-hidden="true"> <span class="pfvr-spinner"></span> </div> </div> <script type="application/json" class="pfvr-data">[{"id":"scene-1790058861688-1","title":"Toàn cảnh nhà máy","description":"Khu công nghiệp công nghệ thông minh Pengchi","image":"/wp-content/uploads/2026/09/Factory-Aerial-View-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Factory-Aerial-View-scaled-1.jpg"},{"id":"scene-1790058915736-2","title":"Xưởng 1","description":"Tầng 1, xưởng cắt laser","image":"/wp-content/uploads/2026/09/Sheet-Metal-Processing-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Sheet-Metal-Processing-Workshop-scaled-1.jpg"},{"id":"scene-1790058933968-3","title":"Xưởng","description":"Tầng 3, xưởng sản xuất cửa y tế","image":"/wp-content/uploads/2026/09/Panel-Board-Production-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Panel-Board-Production-Workshop-scaled-1.jpg"},{"id":"scene-1790059002625-4","title":"Xưởng","description":"Tầng 4, xưởng sản xuất tủ hút khí độc","image":"/wp-content/uploads/2026/09/Medical-Cabinet-Assembly-Workshop-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Medical-Cabinet-Assembly-Workshop-scaled-1.jpg"},{"id":"scene-1790059172719-5","title":"Phòng trưng bày","description":"Tầng 9, phòng trưng bày nội thất y tế","image":"/wp-content/uploads/2026/09/Medical-Equipment-Showroom-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Medical-Equipment-Showroom-scaled-1.jpg"},{"id":"scene-1790059199810-6","title":"Văn phòng Pengchi","description":"Tầng 9, sảnh văn phòng","image":"/wp-content/uploads/2026/09/Open-Office-Area-scaled.jpg","thumb":"/wp-content/uploads/2026/09/cropped-Open-Office-Area-scaled-1.jpg"}]</script> </div> <script>/** * Logic front-end cho trình xem PlayForge VR. * * Đọc JSON cảnh được render bởi shortcode, xây dựng hộp chọn tiêu đề, * dải hình thu nhỏ và bảng thông tin, đồng thời hoán đổi texture của <a-sky> khi chuyển cảnh. */ ( function () { 'use strict'; /** * Component A-Frame: xoay chậm trục yaw của giá camera. * * Tạm dừng khi khách kéo/ngắm nhìn xung quanh và tiếp tục sau một khoảng * trễ không hoạt động, vì vậy nó không bao giờ xung đột với điều khiển của người xem. */ function registerAutoComponent() { if ( ! window.AFRAME || window.AFRAME.components[ 'pfvr-auto' ] ) { return; } window.AFRAME.registerComponent( 'pfvr-auto', { schema: { speed: { default: 0.06 }, // radian mỗi giây. enabled: { default: true } }, init: function () { this.userPaused = false; this.tempPaused = false; this.resumeTimer = null; var self = this; var pauseTemporarily = function () { self.tempPaused = true; window.clearTimeout( self.resumeTimer ); self.resumeTimer = window.setTimeout( function () { self.tempPaused = false; }, 4000 ); }; // Canvas nhận các sự kiện con trỏ/chạm mà look-controls sử dụng. var bind = function () { var canvas = self.el.sceneEl.canvas; if ( ! canvas ) { return; } canvas.addEventListener( 'pointerdown', pauseTemporarily ); canvas.addEventListener( 'wheel', pauseTemporarily, { passive: true } ); canvas.addEventListener( 'touchstart', pauseTemporarily, { passive: true } ); }; if ( this.el.sceneEl.canvas ) { bind(); } else { this.el.sceneEl.addEventListener( 'rendertargetchanged', bind ); window.setTimeout( bind, 500 ); } }, setEnabled: function ( enabled ) { this.userPaused = ! enabled; }, tick: function ( _time, delta ) { if ( ! this.data.enabled || this.userPaused || this.tempPaused || document.hidden ) { return; } this.el.object3D.rotation.y += ( delta / 1000 ) * this.data.speed; } } ); } /** Tạo một span biểu tượng với một class (nội dung lấy từ CSS). */ function icon( className ) { var span = document.createElement( 'span' ); span.className = 'pfvr-icon ' + className; span.setAttribute( 'aria-hidden', 'true' ); return span; } /** * Khởi tạo một phần tử trình xem. * * @param {HTMLElement} viewer Phần tử gốc .pfvr-viewer. */ function initViewer( viewer ) { var dataEl = viewer.querySelector( '.pfvr-data' ); var scenes; try { scenes = JSON.parse( dataEl.textContent || '{}' ); } catch ( e ) { scenes = []; } if ( ! Array.isArray( scenes ) || ! scenes.length ) { return; } var sky = viewer.querySelector( '[data-role="sky"]' ); var rig = viewer.querySelector( '[data-role="rig"]' ); var select = viewer.querySelector( '.pfvr-select' ); var thumbs = viewer.querySelector( '.pfvr-thumbs' ); var infoTitle = viewer.querySelector( '.pfvr-scene-title' ); var infoDesc = viewer.querySelector( '.pfvr-scene-desc' ); var infoBox = viewer.querySelector( '.pfvr-info' ); var loader = viewer.querySelector( '.pfvr-loader' ); var autoBtn = viewer.querySelector( '.pfvr-auto-btn' ); var fsBtn = viewer.querySelector( '.pfvr-fs-btn' ); var prevBtn = viewer.querySelector( '.pfvr-nav-prev' ); var nextBtn = viewer.querySelector( '.pfvr-nav-next' ); var current = Math.min( parseInt( viewer.getAttribute( 'data-scene' ), 10 ) || 0, scenes.length - 1 ); var autoEnabled = viewer.getAttribute( 'data-autoplay' ) === '1'; var preloadAll = viewer.getAttribute( 'data-preload' ) === 'all'; var assetsBox = viewer.querySelector( 'a-assets' ); var loadFallbackTimer = null; // Xây dựng <select> tiêu đề. scenes.forEach( function ( scene, i ) { var option = document.createElement( 'option' ); option.value = String( i ); option.textContent = scene.title || 'Cảnh ' + ( i + 1 ); select.appendChild( option ); } ); // Xây dựng dải hình thu nhỏ. var thumbButtons = []; scenes.forEach( function ( scene, i ) { var button = document.createElement( 'button' ); button.type = 'button'; button.className = 'pfvr-thumb'; button.setAttribute( 'aria-label', scene.title || 'Cảnh ' + ( i + 1 ) ); var img = document.createElement( 'img' ); img.src = scene.thumb || ''; img.alt = ''; img.addEventListener( 'error', function () { img.style.display = 'none'; } ); var label = document.createElement( 'span' ); label.className = 'pfvr-thumb-label'; label.textContent = scene.title || 'Cảnh ' + ( i + 1 ); button.appendChild( img ); button.appendChild( label ); button.addEventListener( 'click', function () { goTo( i ); } ); thumbs.appendChild( button ); thumbButtons.push( button ); } ); /** * Đảm bảo cảnh i tồn tại dưới dạng <img> bên trong <a-assets>, tạo nó * nếu cần. Sau đó A-Frame tải nó và lưu texture GPU vào bộ nhớ đệm, * vì vậy việc trỏ sky tới nó diễn ra ngay lập tức sau khi tải xong. * * @param {number} i Chỉ số cảnh. */ function ensureAsset( i ) { if ( ! assetsBox || ! scenes[ i ] ) { return; } var id = 'pfvr-a-' + i; if ( document.getElementById( id ) ) { return; } var img = document.createElement( 'img' ); img.id = id; img.alt = ''; img.src = scenes[ i ].image; assetsBox.appendChild( img ); } /** Tải trước một cảnh dưới dạng asset A-Frame (làm nóng bộ nhớ đệm mạng + GPU). */ function preload( i ) { ensureAsset( i ); } /** Ẩn vòng quay tải khi texture mới đã hiển thị trên sky. */ function hideLoader() { window.clearTimeout( loadFallbackTimer ); viewer.classList.remove( 'pfvr-loading' ); if ( loader ) { loader.style.display = 'none'; } } /** * Chuyển đến một cảnh theo chỉ số. * * @param {number} i Chỉ số đích. */ function goTo( i ) { if ( i === current || i < 0 || i >= scenes.length ) { return; } current = i; viewer.classList.add( 'pfvr-loading' ); if ( loader ) { loader.style.display = ''; } var settled = false; var finish = function () { if ( settled ) { return; } settled = true; hideLoader(); sky.removeEventListener( 'materialtextureloaded', finish ); sky.removeEventListener( 'materialtextureerror', finish ); }; // Phương án dự phòng: không bao giờ để vòng quay bị kẹt nếu không có sự kiện nào kích hoạt. window.clearTimeout( loadFallbackTimer ); loadFallbackTimer = window.setTimeout( finish, 9000 ); sky.addEventListener( 'materialtextureloaded', finish ); sky.addEventListener( 'materialtextureerror', finish ); // Đảm bảo hình ảnh đích nằm trong <a-assets>, sau đó tham chiếu nó // bằng ID để tái sử dụng bộ nhớ đệm texture của A-Frame. ensureAsset( i ); sky.setAttribute( 'src', '#pfvr-a-' + i ); // Khi hình ảnh đích đã tải xong, A-Frame có thể xử lý material // một cách đồng bộ mà không phát ra sự kiện; trong trường hợp đó, // ẩn vòng quay ở khung hình tiếp theo. var targetImg = document.getElementById( 'pfvr-a-' + i ); if ( targetImg && targetImg.complete && targetImg.naturalWidth ) { window.requestAnimationFrame( function () { window.requestAnimationFrame( finish ); } ); } updateUI(); preload( ( i + 1 ) % scenes.length ); preload( ( i - 1 + scenes.length ) % scenes.length ); } /** Cập nhật trạng thái hoạt động của tiêu đề/mô tả/hộp chọn/hình thu nhỏ. */ function updateUI() { var scene = scenes[ current ]; select.value = String( current ); infoTitle.textContent = scene.title || ''; if ( scene.description && scene.description.trim() ) { infoDesc.innerHTML = scene.description; infoBox.hidden = false; } else { infoDesc.innerHTML = ''; infoBox.hidden = ! scene.title; } thumbButtons.forEach( function ( button, i ) { button.classList.toggle( 'is-active', i === current ); } ); // Giữ hình thu nhỏ đang hoạt động hiển thị trong dải cuộn. var active = thumbButtons[ current ]; if ( active && active.scrollIntoView ) { active.scrollIntoView( { behavior: 'smooth', inline: 'center', block: 'nearest' } ); } } // --- Sự kiện UI ----------------------------------------------------- select.addEventListener( 'change', function () { goTo( parseInt( select.value, 10 ) ); } ); prevBtn.addEventListener( 'click', function () { goTo( ( current - 1 + scenes.length ) % scenes.length ); } ); nextBtn.addEventListener( 'click', function () { goTo( ( current + 1 ) % scenes.length ); } ); autoBtn.addEventListener( 'click', function () { autoEnabled = ! autoEnabled; setAutoButtonState(); if ( rig.components && rig.components[ 'pfvr-auto' ] ) { rig.components[ 'pfvr-auto' ].setEnabled( autoEnabled ); } rig.setAttribute( 'pfvr-auto', 'enabled', autoEnabled ? 'true' : 'false' ); } ); function setAutoButtonState() { autoBtn.classList.toggle( 'is-off', ! autoEnabled ); autoBtn.setAttribute( 'aria-pressed', autoEnabled ? 'true' : 'false' ); } // Toàn màn hình. fsBtn.addEventListener( 'click', function () { if ( document.fullscreenElement ) { document.exitFullscreen(); } else if ( viewer.requestFullscreen ) { viewer.requestFullscreen(); } else if ( viewer.webkitRequestFullscreen ) { viewer.webkitRequestFullscreen(); } } ); document.addEventListener( 'fullscreenchange', function () { fsBtn.classList.toggle( 'is-fullscreen', !! document.fullscreenElement ); } ); // Bàn phím: chỉ hoạt động khi trình xem này đang được focus hoặc ở chế độ toàn màn hình. viewer.addEventListener( 'keydown', function ( event ) { if ( document.fullscreenElement !== viewer && ! viewer.contains( document.activeElement ) ) { return; } if ( event.key === 'ArrowRight' ) { event.preventDefault(); goTo( ( current + 1 ) % scenes.length ); } else if ( event.key === 'ArrowLeft' ) { event.preventDefault(); goTo( ( current - 1 + scenes.length ) % scenes.length ); } } ); // Thư viện ảnh chỉ có một cảnh không cần các thành phần điều hướng. if ( scenes.length === 1 ) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; thumbs.style.display = 'none'; select.style.display = 'none'; } // --- Trạng thái ban đầu ------------------------------------------------- setAutoButtonState(); updateUI(); // Chế độ "all" đã đóng gói sẵn mọi hình ảnh trong <a-assets>; ở chế độ // "adjacent", tải trước cả hai cảnh lân cận của cảnh ban đầu. if ( ! preloadAll ) { preload( ( current + 1 ) % scenes.length ); preload( ( current - 1 + scenes.length ) % scenes.length ); } // Ẩn biểu tượng tải sau khi texture đầu tiên đã được tải xong. var onInitialLoaded = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; var onInitialError = function () { hideLoader(); sky.removeEventListener( 'materialtextureloaded', onInitialLoaded ); sky.removeEventListener( 'materialtextureerror', onInitialError ); }; sky.addEventListener( 'materialtextureloaded', onInitialLoaded ); sky.addEventListener( 'materialtextureerror', onInitialError ); window.setTimeout( hideLoader, 9000 ); } function boot() { registerAutoComponent(); document.querySelectorAll( '.pfvr-viewer' ).forEach( initViewer ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', boot ); } else { boot(); } } )(); </script> https://pengchi.net/vi/contact-us/ Fri, 11 Sep 2026 05:56:09 +0000 https://pengchi.net/vi/contact-us/ <section class="pb-4 pb-lg-5 mb-4 mb-lg-5 border-bottom"> <p class="small fw-semibold text-uppercase text-success mb-2">Gửi Tin Nhắn Cho Chúng Tôi</p> <script src="https://js-na2.hsforms.net/forms/embed/247495286.js" defer></script> <div class="hs-form-frame" data-region="na2" data-form-id="7b45a6d3-a989-4ef4-a95a-e937a0761d6a" data-portal-id="247495286"></div> </section> <section class="pb-4 pb-lg-5"> <div class="row g-4 g-lg-5"> <div class="col-lg-5"> <p class="small fw-semibold text-uppercase text-success mb-2">Liên Hệ Với Chúng Tôi</p> <h2 class="fw-bold mb-3">Kết Nối Với Pengchi</h2> <p class="fw-semibold mb-3">Công ty TNHH Công Nghệ Thiết Bị Thông Minh Pengchi Đông Quan</p> <ul class="list-unstyled m-0"> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-telephone text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Điện thoại</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="tel:+86-769-38839633-879">+86 0769-38839633-879</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-phone text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Di động / WhatsApp</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="tel:+8618025283503">+86 18025283503</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-envelope text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Email</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="mailto:pengchi@pengchihealth.com">pengchi@pengchihealth.com</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-globe2 text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Trang Web Chính Thức</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="https://pengchi.net" target="_blank" rel="nofollow noopener noreferrer">https://pengchi.net</a> </div> </li> <li class="row g-0 gap-3 py-3 border-bottom"> <div class="col-auto"><i class="bi bi-shop text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Gian Hàng Made-in-China</div> <a class="link-body-emphasis link-offset-2 link-underline-opacity-0 link-underline-opacity-100-hover text-break" href="https://pengchihealthcare.en.made-in-china.com/" target="_blank" rel="nofollow noopener noreferrer">https://pengchihealthcare.en.made-in-china.com/</a> </div> </li> <li class="row g-0 gap-3 pt-3"> <div class="col-auto"><i class="bi bi-geo-alt text-success fs-5 lh-base"></i></div> <div class="col"> <div class="small fw-semibold text-uppercase text-body-secondary mb-1">Cơ Sở Sản Xuất</div> <span class="text-body-secondary">Số 148, Đường Chashi, Thị trấn Chashan, Thành phố Đông Quan, Tỉnh Quảng Đông (Khu Công Nghệ Thông Minh Pengchi)</span> </div> </li> </ul> </div> <div class="col-lg-7"> <a class="d-block position-relative rounded-3 overflow-hidden border text-decoration-none" href="https://www.google.com/maps/search/?api=1&query=No.%20148%2C%20Chashi%20Road%2C%20Chashan%20Town%2C%20Dongguan%2C%20Guangdong%2C%20China%20(Pengchi%20Smart%20Technology%20Park)" target="_blank" rel="noopener noreferrer"> <img class="img-fluid w-100 d-block" src="https://pengchi.net/wp-content/uploads/2026/09/pengchi-map.jpg" alt="Bản đồ vị trí Pengchi: Số 148 Đường Chashi, Thị trấn Chashan, Đông Quan" /> <span class="position-absolute bottom-0 start-0 m-3 btn btn-light btn-sm shadow-sm fw-semibold"><i class="bi bi-box-arrow-up-right me-1"></i>Xem trên Google Maps</span> </a> </div> </div> </section> https://pengchi.net/vi/about-us/ Fri, 11 Sep 2026 05:55:46 +0000 https://pengchi.net/vi/about-us/ <section class="bg-white border-bottom" style="width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw);"> <div class="container-fluid px-0"> <div class="row g-0"> <div class="col-lg-6"><style>.swiper-manager-container.swiper-style17.swiper-slide-name-companyprofileen4k {--height:auto ;--gap:20px !important;--products-count:10;--height:auto!important;--swiper-slide-aspect-ratio:16/9!important;--swiper-slide-aspect-ratio-pad:16/9!important;--swiper-slide-aspect-ratio-mobile:16/9!important;}.swiper-manager-container.swiper-style17.swiper-slide-name-companyprofileen4k .slide-content {}</style><div class="swiper-manager-container swiper-slide-name-companyprofileen4k swiper-slide-id- color-white content-align-default swiper-style17" id="swiper-instance-27" data-navigation="true" data-pagination="true" data-loop="true" data-autoplay="false" data-thumbs="false" data-mute="true" data-height="auto" data-height-pad="" data-height-mobile="" data-style-id="17" data-auto-height="true" data-space-between="20" data-slider-name="companyprofileen4k" data-slides-per-view-pc="" data-slides-per-group-pc="" data-slides-per-view-pad="" data-slides-per-group-pad="" data-slides-per-view-mobile="" data-slides-per-group-mobile="" data-centered-slides="" data-title-font-size="" data-subtitle-font-size="" data-description-font-size="" data-link-font-size="" data-google-fonts="" data-content-box-max-width=""> <div class="swiper main-swiper" style="height:auto"> <div class="swiper-wrapper"><div id="" class="swiper-slide has-video"><div><img src="https://pengchi.net/wp-content/uploads/2026/10/medical-sterile-storage-modern-clean-qqaawKKJ-1280x720-1.jpg" loading="lazy" alt="" class="slide-background-img" /></div><div class="video-container slide-video"><lite-youtube videoid="BPfSOWqaFXY" posterquality="maxresdefault" style="width:100%;height:100%;aspect-ratio:auto;"></lite-youtube><script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1/lite-youtube.js"></script></div></div></div></div><div class="swiper-info-btn"></div><div class="swiper-autoplay-btn"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination"></div><div class="swiper-scrollbar"></div></div></div> <div class="col-lg-6 d-flex align-items-center"> <div class="p-4 p-lg-5"> <p><span class="d-inline-block mb-3 small fw-semibold text-uppercase text-success">Chúng Tôi Là Ai</span></p> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Loại Hình Kinh Doanh</div> <div class="text-body-secondary">Nhà Sản Xuất/Nhà Máy</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Sản Phẩm Chính</div> <div class="text-body-secondary"><a href="https://pengchi.net/medical-manual-single-leaf-air-tight-door/">Cửa Kín Khí Y Tế Phòng Phẫu Thuật</a>, <a href="https://pengchi.net/medical-furniture/">Nội Thất Y Tế</a>, <a href="https://pengchi.net/a-series-fume-hoods/">Tủ Dòng Khí Laminar</a>, <a href="https://pengchi.net/straight-type-treatment-cabinet/">Tủ Y Tế/Tủ Điều Trị</a>, <a href="https://pengchi.net/custom-h-profile-aluminum-quick-assembly-modular-operating-room/">Phòng Phẫu Thuật Mô-đun Không Khung</a>, <a href="https://pengchi.net/hvac-system/">Thiết Bị Xử Lý Không Khí (AHU)</a>, <a href="https://pengchi.net/medical-single-leaf-automatic-sliding-door/">Cửa Y Tế Bằng Thép Tự Động</a>, <a href="https://pengchi.net/a-series-all-steel-laboratory-bench/">Bàn Thí Nghiệm</a>, <a href="https://pengchi.net/medical-manual-interlocking-airlock-door/">Cửa Phòng Sạch Bằng Thép</a>, <a href="https://pengchi.net/medical-door/">Cửa Y Tế</a>, <a href="https://pengchi.net/laboratory-furniture/">Nội Thất Phòng Thí Nghiệm</a></div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Dây Chuyền Sản Xuất</div> <div class="text-body-secondary">10</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Có Dịch Vụ OEM</div> <div class="text-body-secondary">Có</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Tùy Chọn Tùy Chỉnh</div> <div class="text-body-secondary">Tùy chỉnh theo mẫu, Tùy chỉnh theo thiết kế, Tùy chỉnh toàn bộ, Tùy chỉnh nhỏ, Tùy chỉnh linh hoạt</div> </div> <div class="d-flex gap-3 py-2 border-bottom align-items-start"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Máy Móc Sản Xuất</div> <div class="text-body-secondary">Máy Cắt Laser, Máy Phay, Máy Cắt, Máy CNC, Máy Dập, Máy Sản Xuất Bộ Lọc</div> </div> <div class="d-flex gap-3 py-2 align-items-start border-bottom-0"> <div class="fw-bold flex-shrink-0" style="flex: 0 0 132px;">Số Báo Cáo Kiểm Toán TÜV Rheinland</div> <div class="text-body-secondary">MIC-ASI2521094 <a href="https://www.verified.chn.tuv.com/en/" target="_blank" rel="noopener noreferrer">Xác Minh Ngay</a> <a href="https://pengchi.net/docs/test-reports/tuv-rheinland-audit-report/">Tải Xuống Báo Cáo PDF</a></div> </div> </div> </div> </div> </div> </section><!-- ==================== ABOUT PENGCHI — company profile, container ==================== --> <section class="py-5"> <div class="container"> <h2 class="fw-bold lh-sm mb-3">Về Pengchi</h2> <p class="text-body-secondary lh-lg mb-3">Công ty TNHH Công Nghệ Thiết Bị Thông Minh Pengchi Đông Quan là một doanh nghiệp chuyên nghiệp hoạt động trong lĩnh vực thiết kế, nghiên cứu và phát triển, sản xuất và kinh doanh các sản phẩm hỗ trợ phòng phẫu thuật cao cấp, phòng thí nghiệm và phòng sạch, phòng cung cấp trung tâm (CSSD) và nội thất y tế. Các sản phẩm chính của công ty bao gồm tủ dụng cụ phòng phẫu thuật, tủ gây mê và tủ thuốc, tủ dòng khí laminar, cửa tự động, trạm y tá tích hợp, tủ điều trị bệnh viện, tủ xử lý, bàn thí nghiệm và cửa sổ chuyển đồ.</p> Fri, 11 Sep 2026 05:54:54 +0000 https://pengchi.net/vi/cart/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/vi/cart/ <div class="wp-block-woocommerce-cart alignwide is-loading"><!-- wp:woocommerce/filled-cart-block --> <div class="wp-block-woocommerce-filled-cart-block"><!-- wp:woocommerce/cart-items-block --> <div class="wp-block-woocommerce-cart-items-block"><!-- wp:woocommerce/cart-line-items-block --> <div class="wp-block-woocommerce-cart-line-items-block"></div> <div class="wp-block-woocommerce-product-collection"><!-- wp:heading {"textAlign":"left","style":{"spacing":{"margin":{"bottom":"1rem"}}}} --> <h2 class="wp-block-heading has-text-align-left" style="margin-bottom:1rem">Bạn có thể quan tâm đến…</h2> </div> </div> <div class="wp-block-woocommerce-cart-totals-block"><!-- wp:woocommerce/cart-order-summary-block --> <div class="wp-block-woocommerce-cart-order-summary-block"><!-- wp:woocommerce/cart-order-summary-heading-block --> <div class="wp-block-woocommerce-cart-order-summary-heading-block"></div> <div class="wp-block-woocommerce-cart-order-summary-coupon-form-block"></div> <div class="wp-block-woocommerce-cart-order-summary-subtotal-block"></div> <div class="wp-block-woocommerce-cart-order-summary-fee-block"></div> <div class="wp-block-woocommerce-cart-order-summary-discount-block"></div> <div class="wp-block-woocommerce-cart-order-summary-shipping-block"></div> <div class="wp-block-woocommerce-cart-order-summary-taxes-block"></div> </div> <div class="wp-block-woocommerce-cart-express-payment-block"></div> <div class="wp-block-woocommerce-proceed-to-checkout-block"></div> <div class="wp-block-woocommerce-cart-accepted-payment-methods-block"></div> </div> </div> <div class="wp-block-woocommerce-empty-cart-block"><!-- wp:heading {"textAlign":"center","className":"with-empty-cart-icon wc-block-cart__empty-cart__title"} --> <h2 class="wp-block-heading has-text-align-center with-empty-cart-icon wc-block-cart__empty-cart__title">Giỏ hàng của bạn hiện đang trống!</h2> <hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/> <h2 class="wp-block-heading has-text-align-center">Sản phẩm mới trong cửa hàng</h2> </div> </div> Fri, 11 Sep 2026 05:52:04 +0000 <p>Giải pháp Hệ thống Thiết bị Y tế Thông minh</p> https://pengchi.net/vi/my-account/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/vi/my-account/ <p>[woocommerce_my_account]<!-- /wp:shortcode --></p> https://pengchi.net/vi/checkout/ Fri, 11 Sep 2026 05:52:04 +0000 https://pengchi.net/vi/checkout/ <div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading"><!-- wp:woocommerce/checkout-fields-block --> <div class="wp-block-woocommerce-checkout-fields-block"><!-- wp:woocommerce/checkout-express-payment-block --> <div class="wp-block-woocommerce-checkout-express-payment-block"></div> <div class="wp-block-woocommerce-checkout-contact-information-block"></div> <div class="wp-block-woocommerce-checkout-shipping-method-block"></div> <div class="wp-block-woocommerce-checkout-pickup-options-block"></div> <div class="wp-block-woocommerce-checkout-shipping-address-block"></div> <div class="wp-block-woocommerce-checkout-billing-address-block"></div> <div class="wp-block-woocommerce-checkout-shipping-methods-block"></div> <div class="wp-block-woocommerce-checkout-payment-block"></div> <div class="wp-block-woocommerce-checkout-additional-information-block"></div> <div class="wp-block-woocommerce-checkout-order-note-block"></div> <div class="wp-block-woocommerce-checkout-terms-block"></div> <div class="wp-block-woocommerce-checkout-actions-block"></div> </div> <div class="wp-block-woocommerce-checkout-totals-block"><!-- wp:woocommerce/checkout-order-summary-block --> <div class="wp-block-woocommerce-checkout-order-summary-block"><!-- wp:woocommerce/checkout-order-summary-cart-items-block --> <div class="wp-block-woocommerce-checkout-order-summary-cart-items-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div> <div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div> </div> </div> </div> https://pengchi.net/vi/privacy-policy/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/vi/privacy-policy/ <h2 class="wp-block-heading">Chúng tôi là ai</h2> <p><strong class="privacy-policy-tutorial">Văn bản đề xuất: </strong>Địa chỉ trang web của chúng tôi là: .</p> <h2 class="wp-block-heading">Bình luận</h2> <p><strong class="privacy-policy-tutorial">Văn bản đề xuất: </strong>Khi khách truy cập để lại bình luận trên trang web, chúng tôi thu thập dữ liệu hiển thị trong biểu mẫu bình luận, đồng thời thu thập địa chỉ IP của khách truy cập và chuỗi tác nhân người dùng trình duyệt để hỗ trợ phát hiện thư rác.</p> https://pengchi.net/vi/sample-page/ Fri, 11 Sep 2026 05:37:51 +0000 https://pengchi.net/vi/sample-page/ <p>Đây là một trang mẫu. Trang này khác với bài đăng blog vì nó sẽ nằm cố định ở một vị trí và hiển thị trong phần điều hướng của trang web (ở hầu hết các giao diện). Hầu hết mọi người bắt đầu với một trang Giới thiệu để giới thiệu bản thân với những khách truy cập tiềm năng. Trang đó có thể viết như thế này:</p> <blockquote class="wp-block-quote"> <p>Chào bạn! Ban ngày tôi là người đưa thư bằng xe đạp, ban đêm tôi là một diễn viên đầy khát khao, và đây là trang web của tôi. Tôi sống ở Los Angeles, có một chú chó tuyệt vời tên là Jack, và tôi thích piña colada. (Và cả việc bị mắc kẹt dưới mưa nữa.)</p>