BỘ XÂY DỰNG
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Số: 4778/BXD-QHKTV/v góp ý kiến Quy hoạch vùng Đồng bằng sông Hồng thời kỳ 2021-2030, tầm nhìn đến 2050
Hà Nội, ngày 23 tháng 10 năm 2023
Kính gửi: Bộ Kế hoạch và Đầu tư
Bộ Xây dựng nhận được Văn bản số 7631/BKHĐT-QLQH ngày 15/9/2023 của Bộ Kế hoạch và Đầu tư đề nghị góp ý kiến đối với Quy hoạch vùng Đồng bằng sông Hồng thời kỳ 2021-2030, tầm nhìn đến năm 2050. Sau khi nghiên cứu, Bộ Xây dựng có ý kiến như sau:
1. Về cơ sở chính trị và cơ sở pháp lý lập quy hoạch:
- Quy hoạch vùng đồng bằng sông Hồng thời kỳ 2021-2030, tầm nhìn đến năm 2050 (Quy hoạch vùng ĐBSH) được lập trên cơ sở pháp luật có liên quan như Luật Quy hoạch, Luật Sửa đổi, bổ sung một số điều của 11 luật liên quan đến quy hoạch ngày 15/6/2018, Luật Sửa đổi, bổ sung một số điều của 37 luật có liên quan đến quy hoạch ngày 20/11/2018...; các chủ trương, chính sách của Đảng như Nghị quyết số 30-NQ/TW ngày 23/11/2022 của Bộ Chính trị về phát triển kinh tế - xã hội và bảo đảm quốc phòng, an ninh vùng Đồng bằng sông Hồng đến năm 2030, tầm nhìn đến năm 2045 và Quyết định số 492/QĐ-TTg ngày 19/4/2022 của Thủ tướng Chính phủ phê duyệt Nhiệm vụ lập Quy hoạch vùng Đồng bằng sông Hồng thời kỳ 2021-2030, tầm nhìn đến năm 2050.
- Đề nghị nghiên cứu bổ sung thêm căn cứ chính trị, pháp lý có liên quan gồm: Nghị quyết số 36-NQ/TW ngày 22/10/2018 của Ban chấp hành Trung ương Đảng về chiến lược phát triển bền vững kinh tế biển Việt Nam đến năm 2030, tầm nhìn đến năm 2045; Nghị quyết số 06-NQ/TW ngày 24/01/2022 của Bộ Chính trị về quy hoạch, xây dựng, quản lý và phát triển bền vững đô thị Việt Nam đến năm 2030, tầm nhìn đến năm 2045 (Nghị quyết số 06-NQ/TW); Nghị quyết số 37-NQ/TW ngày 24/12/2018 của Bộ Chính trị về sắp xếp đơn vị hành chính cấp huyện và cấp xã giai đoạn 2023-2030; Nghị quyết số 148/NQ-CP ngày 11/11/2022 của Chính phủ ban hành Chương trình hành động của Chính phủ thực hiện Nghị quyết số 06-NQ/TW; Quyết định số 950/QĐ-TTg của Thủ tướng Chính phủ phê duyệt Đề án phát triển đô thị thông minh bền vững Việt Nam giai đoạn 2018-2025 và định hướng đến năm 2030; Nhiệm vụ Quy hoạch hệ thống đô thị - nông thôn quốc gia thời kỳ 2021-2030, tầm nhìn đến năm 2050; Nghị quyết số 15-NQ/TW ngày 05/5/2022 của Bộ Chính trị về phương hướng, nhiệm vụ phát triển Thủ đô Hà Nội đến năm 2030, tầm nhìn đến năm 2045; Nghị quyết số 45-NQ/TW ngày 24/01/2019 của Bộ Chính trị về xây dựng và phát triển thành phố Hải Phòng đến năm 2030, tầm nhìn đến năm 2045...
- Bổ sung một số chiến lược, định hướng phát triển hạ tầng kỹ thuật cấp Quốc gia bao gồm: Quyết định số 2502/QĐ-TTg ngày 22/12/2016 của Thủ tướng Chính phủ phê duyệt Điều chỉnh định hướng phát triển cấp nước đô thị và khu công nghiệp Việt Nam đến năm 2025, tầm nhìn đến năm 2050; Quyết định số 589/QĐ-TTg ngày 06/4/2016 của Thủ tướng Chính phủ phê duyệt Điều chỉnh định hướng phát triển thoát nước đô thị và khu công nghiệp Việt Nam đến năm 2025, tầm nhìn đến năm 2050; Quyết định số 491/QĐ-TTg ngày 07/5/2018 của Thủ tướng Chính phủ phê duyệt Điều chỉnh chiến lược quốc gia về quản lý tổng hợp chất thải rắn đến năm 2025, tầm nhìn đến năm 2050.
- Quy hoạch vùng ĐBSH cần nghiên cứu kế thừa các quy hoạch liên quan trước đây: Quy hoạch tổng thể phát triển kinh tế - xã hội vùng Đồng bằng sông Hồng đến năm 2020 (Quyết định 795/QĐ-TTg ngày 23/05/2013 của Thủ tướng Chính phủ), Điều chỉnh Quy hoạch xây dựng Vùng Thủ đô Hà Nội đến năm 2030 và tầm nhìn đến năm 2050 (Quyết định số 768/QĐ-TTg ngày 06/5/2016 của Thủ tướng Chính phủ)...
2. Về phân tích, đánh giá hiện trạng:
- Nghiên cứu bổ sung, phân tích, đánh giá hiện trạng phát triển dân số, trong đó làm rõ các vấn đề như dịch cư giữa các vùng, tỷ lệ tăng tự nhiên và cơ học...
- Rà soát, bổ sung báo cáo về các quy hoạch, dự án lớn có tính chất động lực phát triển vùng đã được Thủ tướng Chính phủ, Ủy ban nhân dân các tỉnh, thành phố trực thuộc trung ương trong vùng chấp thuận, phê duyệt, triển khai thực hiện để xác định các vấn đề, nội dung cần kế thừa, phát triển.
- Về hiện trạng hạ tầng kỹ thuật, bổ sung hiện trạng cấp nước sinh hoạt đô thị; thu gom, xử lý nước thải tại các đô thị lớn; hiện trạng nghĩa trang và cơ sở hỏa táng; cơ sở xử lý chất thải rắn.
- Bổ sung đánh giá về những thuận lợi và hạn chế đối với nguồn lực tài nguyên khoáng sản làm vật liệu xây dựng trong vùng, từ đó có cơ sở, phân bổ nguồn lực đối với việc khai thác, sử dụng hợp lý, hiệu quả nguồn tài nguyên thiên nhiên, khoáng sản và bảo tồn các di tích lịch sử - văn hóa, di sản văn hóa, di sản thiên nhiên của vùng.
3. Về quan điểm, mục tiêu, kịch bản phát triển, nội dung quy hoạch:
- Rà soát quan điểm, mục tiêu, kịch bản phát triển, nội dung quy hoạch đảm bảo thể chế hóa đầy đủ, phù hợp với các định hướng lãnh đạo của Đảng, Nhà nước liên quan đến phát triển vùng Đồng bằng sông Hồng; thống nhất, phù hợp với các quy hoạch quốc gia đã được phê duyệt hoặc đang triển khai lập đồng thời (như Quy hoạch hệ thống đô thị và nông thôn quốc gia); đồng bộ cùng với các quy hoạch tỉnh trong vùng.
- Mục tiêu quy hoạch cần đề xuất các chỉ tiêu cụ thể hơn về một số dự báo phát triển kinh tế - xã hội cấp vùng, quy mô dân số, lao động, đất đai, tỷ lệ đô thị hóa... Và một số lĩnh vực có liên quan cho từng tiểu vùng, từng đô thị trung tâm.
- Bổ sung làm rõ các nội dung yêu cầu của quy hoạch vùng đối với các quy hoạch cấp dưới (quy hoạch tỉnh, quy hoạch đô thị trong vùng) cần tuân thủ, cụ thể hóa, làm cơ sở tổ chức lập, điều chỉnh các quy hoạch có liên quan theo quy định.
4. Về các phương hướng phát triển:
4.1. Phương hướng phát triển của các ngành có lợi thế cần dựa trên việc phân tích lợi thế phát triển của vùng, của từng tiểu vùng cụ thể. Bổ sung yêu cầu liên kết vùng đối với hạ tầng kỹ thuật, hạ tầng xã hội của vùng làm cơ sở đề xuất cơ chế phối hợp, chính sách cụ thể trong triển khai thực hiện quy hoạch.
4.2. Về phương hướng phát triển hệ thống đô thị, nông thôn:
Theo quy định của Luật Quy hoạch năm 2017, tại khoản 7 Điều 3 : “Quy hoạch vùng là quy hoạch cụ thể hóa quy hoạch tổng thể quốc gia ở cấp vùng về không gian các hoạt động kinh tế - xã hội, quốc phòng, an ninh, hệ thống đô thị và phân bố dân cư nông thôn, xây dựng vùng liên tỉnh, kết cấu hạ tầng, nguồn nước lưu vực sông, sử dụng tài nguyên và bảo vệ môi trường trên cơ sở kết nối các tỉnh”; tại khoản 2 Điều 3 : “Quy hoạch hệ thống đô thị nông thôn là quy hoạch tổng thể quốc gia”. Theo đó, vai trò của Quy hoạch vùng ĐBSH là cụ thể hóa Quy hoạch hệ thống đô thị - nông thôn quốc gia. Do đó đề nghị:
a) Về tỷ lệ đô thị hóa:
Theo Thuyết minh Quy hoạch vùng, “quá trình đô thị hóa của toàn vùng Đồng bằng sông Hồng trong hơn 10 năm qua diễn ra chậm và hầu như không có sự thay đổi về tỷ lệ đô thị hóa, tỷ trọng dân số thành thị năm 2010 chiếm 30,5%, năm 2022 giảm nhẹ xuống còn khoảng 30,3%. Năm 2022, dân số thành thị trung bình đạt khoảng 8,83 triệu người, tăng 2,78 triệu người so với năm 2010, có sự chênh lệch khá lớn về mức độ đô thị hóa giữa hai tiểu vùng. Năm 2022, tỷ lệ đô thị hóa của tiểu vùng Bắc Đồng bằng sông Hồng đạt 43,6% trong khi tiểu vùng Nam Đồng bằng sông Hồng chỉ đạt khoảng 18,9% cho thấy sự mất cân đối rất rõ trong phát triển chung của toàn vùng”Ngoài ra, đề nghị rà soát số liệu tỷ lệ đô thị hóa, số lượng đô thị theo loại đô thị đảm bảo chính xác, thống nhất.
b) Về hệ thống đô thị - nông thôn của Vùng:
- Làm rõ cơ sở lý luận xác định hệ thống đô thị của Vùng quản lý đến loại đô thị nào (hiện nay Quy hoạch hệ thống đô thị - nông thôn quốc gia đang đề xuất hệ thống đô thị cấp quốc gia được quản lý đến đô thị loại III, do vậy cụ thể hóa cho các đề xuất này có thể nghiên cứu hệ thống đô thị của vùng xác định đến đô thị loại IV, vì đây là trung tâm để hình thành thị xã trong tương lai). Đề nghị phối hợp với đơn vị thực hiện lập Quy hoạch hệ thống đô thị - nông thôn quốc gia thời kỳ 2021- 2030, tầm nhìn 2050 hiện đang trình thẩm định, để đảm bảo có đề xuất về định hướng phát triển hệ thống đô thị của Vùng hợp lý với định hướng quy hoạch hệ thống đô thị cấp quốc gia (về vùng đô thị, chuỗi, chùm đô thị...).
- Định hướng phát triển nông thôn cần bám sát các Nghị quyết của Đảng, Chính phủ liên quan đến phát triển nông thôn (xây dựng nông thôn mới văn minh, hiện đại gắn với đô thị hóa; chuyển dịch cơ cấu kinh tế, tạo việc làm; nâng cao khả năng thích ứng với biến đổi khí hậu, phòng chống thiên tai, quản lý tài nguyên, bảo vệ môi trường nông thôn; chính sách đối với các xã đặc biệt khó khăn, khu vực gắn với an ninh quốc phòng...), nhằm đảm bảo tính khả thi, bám sát hướng dẫn theo bộ tiêu chí quốc gia về nông thôn mới các cấp (có các mức độ đạt chuẩn, nâng cao, kiểu mẫu).
c) Về các tiểu vùng:
- Theo Thuyết minh về định hướng phát triển hệ thống đô thị, nông thôn, Quy hoạch vùng ĐBSH- Làm rõ cơ sở khoa học hình thành đề xuất các tiểu vùng, phân tích lợi thế trong việc phát triển chuỗi đô thị gắn với các trục hành lang kinh tế (Quy hoạch vùng ĐBSH đang đề xuất 4 tiểu vùng: tiểu vùng Bắc - Nam ĐBSH, gồm tiểu vùng Bắc ĐBSH, tiểu vùng Nam ĐBSH; tiểu vùng ven biển, vùng động lực; về tổ chức không gian phát triển vùng định hướng bảo đảm cân bằng, bền vững gắn với việc phát triển các hành lang kinh tế, gồm: Hành lang kinh tế Bắc - Nam; Hành lang kinh tế Côn Minh (Trung Quốc) - Lào Cai - Hà Nội - Hải Phòng - Quảng Ninh; Hành lang kinh tế Nam Ninh (Trung Quốc) - Lạng Sơn - Hà Nội - Hải Phòng - Quảng Ninh; Hành lang kinh tế ven biển Quảng Ninh - Hải Phòng - Thái Bình - Nam Định - Ninh Bình; phát triển các chuỗi đô thị hiện đại và kết cấu hạ tầng kinh tế - xã hội, giao thông đồng bộ, kết nối giữa các cực tăng trưởng trong vùng (Hà Nội - Hải Phòng - Quảng Ninh), nội vùng, liên vùng, các đầu mối trung tâm kinh tế trên toàn tuyến, hành lang kinh tế).
d) Về phát triển các đô thị trung tâm:
- Theo thuyết minh, Hà Nội và Hải Phòng là 2 thành phố trực thuộc Trung ương được xác định là cực tăng trưởng Quốc gia; các thành phố Hạ Long, Hải Dương, Nam Định được xác định là các đô thị trung tâm vùng; không đề cập đến thành phố Bắc Ninh hiện là đô thị loại I. Đề nghị nghiên cứu làm rõ luận cứ xác định các đô thị cực tăng trưởng Quốc gia, đô thị trung tâm vùng, cũng như cụ thể hơn về vai trò, trách nhiệm của các đô thị trung tâm này đối với sự phát triển của vùng nói chung và các đô thị khác trong vùng nói riêng.
- Nghị quyết 06-NQ/TW của Bộ Chính trị xác định tầm nhìn phát triển hệ thống đô thị Việt Nam đến năm 2030 và năm 2045 như sau: “Đến năm 2030, hình thành một số trung tâm đô thị cấp quốc gia, cấp vùng đạt các chỉ tiêu về y tế, giáo dục và đào tạo, văn hóa cấp đô thị, tương đương mức bình quân của các đô thị thuộc nhóm 4 nước dẫn đầu ASEAN”; “Xây dựng được mạng lưới đô thị thông minh trung tâm cấp quốc gia và cấp vùng kết nối quốc tế và 3 - 5 đô thị có thương hiệu được công nhận tầm khu vực và quốc tế vào năm 2030”; “Xây dựng được ít nhất 5 đô thị đạt tầm cỡ quốc tế, giữ vai trò là đầu mối kết nối và phát triển với mạng lưới khu vực và quốc tế. Cơ cấu kinh tế khu vực đô thị phát triển theo hướng hiện đại với các ngành kinh tế xanh, kinh tế số chiếm tỷ trọng lớn”. Với vai trò địa bàn chiến lược đặc biệt quan trọng về chính trị, kinh tế, văn hóa, xã hội, môi trường, quốc phòng, an ninh và đối ngoại của cả nước, vùng ĐBSH có ý nghĩa đặc biệt đối với sự phát triển chung của cả nước, do đó đề nghị nghiên cứu đề xuất cụ thể phương hướng phát triển các đô thị trong vùng ĐBSH có lợi thế, tiềm năng để đảm nhận và thực hiện vai trò là đô thị trung tâm cấp Quốc gia, cấp vùng đạt các chỉ tiêu và định hướng tại Nghị quyết 06-NQ/TW.
4.3. Về mô hình phát triển đô thị:
- Làm rõ hơn quy mô phát triển của các chuỗi, chùm đô thị, đô thị, mô hình phát triển đô thị phù hợp với chức năng, lợi thế của đô thị, đặc biệt là đô thị được xác định, định hướng có vai trò cực tăng trưởng quốc gia, đô thị trung tâm vùng, đô thị trung tâm tiểu vùng, trung tâm của chuỗi đô thị của vùng; mô hình đô thị đặc trưng của vùng như mô hình đô thị - công nghiệp - dịch vụ, đô thị thông minh, đô thị tăng trưởng xanh, đô thị trung tâm công nghiệp, đô thị trung tâm tri thức, đào tạo, khoa học công nghệ quốc gia (Hòa Lạc), đô thị trung tâm du lịch (Hạ Long...)...
- Làm rõ hơn mô hình phát triển TOD để phát huy vai trò đầu tàu dẫn dắt của đô thị trung tâm vùng, trung tâm đô thị cấp quốc gia.
4.4. Về số lượng đô thị và các chỉ tiêu:
- Nghị quyết số 06-NQ/TW của Bộ Chính trị đã xác định chỉ tiêu về số lượng đô thị toàn quốc đến năm 2025 khoảng 950 - 1.000 đô thị, đến năm 2030 khoảng 1.000 - 1.200 đô thị. Các nghiên cứu Quy hoạch vùng cần có sự phối hợp để cụ thể hóa số lượng đô thị trong hệ thống đô thị của vùng, đảm bảo phù hợp chỉ tiêu của cả nước.
- Ngoài ra, Nghị quyết số 06-NQ/TW cũng đưa ra các chỉ tiêu cơ bản về hạ tầng kỹ thuật và xã hội của quốc gia như: tỷ lệ đất giao thông trên đất xây dựng đô thị đạt khoảng 11 - 16% vào năm 2025, 16 - 26% vào năm 2030; diện tích cây xanh bình quân trên mỗi người dân đô thị đạt khoảng 6-8 m2 vào năm 2025, khoảng 8 - 10 m2 vào năm 2030; diện tích sàn nhà ở bình quân đầu người tại khu vực đô thị đạt tối thiểu 28 m2 vào năm 2025, đến năm 2030 đạt tối thiểu 32 m2 . Do vậy, đề nghị cần nghiên cứu để đảm bảo đề xuất và định hướng phân bổ các chỉ tiêu phát triển đô thị của vùng.
4.5. Về phát triển hệ thống hạ tầng kỹ thuật:
- Bổ sung, làm rõ đánh giá tác động của biến đổi khí hậu, nước biển dâng đối với việc lựa chọn các khu vực phát triển, làm cơ sở cho đề xuất phương án phát triển hệ thống hạ tầng kỹ thuật bảo đảm thích ứng với biến đổi khí hậu, nước biển dâng.
- Xem xét nghiên cứu phương án xây dựng các tuyến đường sắt vận tải hành khách công cộng khối lượng lớn liên kết giữa các đô thị lớn trong vùng.
- Bổ sung cơ sở khoa học đề xuất phương án xây dựng hệ thống cảng hàng không, đặc biệt là đối với phương án xây dựng cảng hàng không tại khu vực phía Nam (Thủ đô Hà Nội) và Tiên Lãng (Hải Phòng).
- Bổ sung phương án phát triển mạng lưới cấp nước sinh hoạt; hạ tầng thu gom, xử lý nước thải đô thị, khu công nghiệp; hạ tầng xử lý chất thải rắn sinh hoạt; nghĩa trang và cơ sở hỏa táng.
- Hệ thống bản đồ quy hoạch cần phải rà soát để bảo đảm thể hiện đầy đủ, chính xác các công trình hạ tầng kỹ thuật đầu mối.
4.6. Về khoáng sản làm vật liệu xây dựng:
- Về phương hướng phát triển các ngành có lợi thế: Đề nghị rà soát các dự án, làm rõ vị trí, vai trò, đóng góp tỷ trọng tăng trưởng GDP trong Quy hoạch vùng, lựa chọn dự án có quy mô phù hợp phát triển kinh tế vùng như dự án cơ sở hạ tầng, cảng biển, năng lượng, giáo dục, y tế... làm động lực phát triển quy hoạch từng tỉnh trong vùng, tạo tính liên kết giữa các tỉnh trong vùng, với vùng khác và cả nước, phát huy thế mạnh của từng địa phương. Trong quy hoạch, đề nghị khoanh vùng các khu vực tài nguyên khoáng sản làm vật liệu xây dựng để phân bổ cung cấp cho các dự án, công trình trọng điểm.
- Vùng Đồng bằng sông Hồng là khu vực có tỷ lệ đô thị hóa và tốc độ phát triển cao, dẫn đến nhu cầu sử dụng vật liệu xây dựng ngày càng tăng. Do đó, trong Quy hoạch vùng cần chú ý liên kết các vùng nhằm cung cấp nguồn vật liệu cho các tỉnh trong vùng; đồng thời, vùng Đồng bằng sông Hồng có vị trí giáp biển, cần đánh giá trong quy hoạch nguồn cát biển tiềm năng làm cơ sở thăm dò, khai thác và sử dụng trong thời gian tới. Ngoài ra, đề nghị bổ sung tổng hợp báo cáo cân đối cung cầu, kế hoạch phát triển vật liệu xây dựng trong vùng, định hướng bảo vệ thăm dò, khai thác khoáng sản làm vật liệu xây dựng vùng Đồng bằng sông Hồng thời kỳ 2021-2030, tầm nhìn 2050.
Trên đây là ý kiến của Bộ Xây dựng đối với Quy hoạch vùng Đồng bằng sông Hồng thời kỳ 2021-2030, tầm nhìn đến năm 2050, đề nghị Bộ Kế hoạch và Đầu tư tổng hợp, hoàn thiện hồ sơ trình thẩm định./.
- Như trên; (NTA) .
KT. BỘ TRƯỞNG
lồng nhau (bên trong) hay không
const memberID = 0;
const vbID = '9d7ca9760be14422bec714a61a7e2713';
const unlockAllPhanTich = true;
// State management cho phân tích
let isAnalyzing = false; // Có đang phân tích không
let currentAnalyzingAddress = null; // Address đang được phân tích
let currentAnalyzingElement = null; // Element đang được phân tích
let currentAnalyzingBadge = null; // Badge của element đang phân tích
let isPanelOpen = false; // Panel phân tích có đang mở không
// Typing effect state
let typingTimerId = null;
let typingCancelled = false;
// Thinking GIF state
let thinkingGifIntervalId = null;
let thinkingGifActive = false;
let thinkingGifCurrent = 0; // chỉ số GIF hiện tại 1..10
function isInViewportAndTabNoiDung(element) {
const rect = element.getBoundingClientRect();
const buffer = 1500; // Buffer to preload content below the viewport (approx. 50+ lines)
const viewHeight = window.innerHeight || document.documentElement.clientHeight;
const isInViewport = rect.top < viewHeight + buffer && rect.bottom >= 0;
const isInTabNoiDung = $(element).closest('#tab_noi_dung_vb').length > 0;
return isInViewport && isInTabNoiDung;
}
function getAddress(element) {
const validTags = ['trichyeu', 'cancu', 'phan', 'chuong', 'muc', 'tieumuc', 'dieu', 'khoan', 'diem'];
const $parent = $(element).closest(validTags.join(','));
if (!$parent.length) {
return null;
}
let addr = $parent.attr('address');
if (!addr && $parent.prop('tagName').toLowerCase() === 'trichyeu') {
addr = 'trichyeu';
$parent.attr('address', addr);
}
return addr || null;
}
function processTnplClasses($element) {
const tnplKeysInLine = new Set(); // key = slug hoặc text (thường là slug)
$element.find('tnpl').each(function () {
const $tnpl = $(this);
const tnplSlug = ($tnpl.attr('slug') || '').trim().toLowerCase();
const tnplKey = tnplSlug || $tnpl.text().trim().toLowerCase();
// Đã xử lý trong cùng dòng => bỏ
if (tnplKeysInLine.has(tnplKey)) {
return;
}
tnplKeysInLine.add(tnplKey);
let tnplExists = false;
// Chỉ duyệt các tnpl đã được tô màu (class on)
$('tnpl.on').each(function () {
const $existingTnpl = $(this);
const existingSlug = ($existingTnpl.attr('slug') || '').trim().toLowerCase();
const existingKey = existingSlug || $existingTnpl.text().trim().toLowerCase();
if (
existingKey === tnplKey &&
isInViewportAndTabNoiDung($existingTnpl[0])
) {
tnplExists = true;
return false; // break each
}
});
if (!tnplExists) {
$tnpl.addClass('on');
}
});
}
function processQueue() {
while (pendingRequests < maxConcurrentRequests && requestQueue.length > 0) {
const task = requestQueue.shift();
pendingRequests++;
task()
.always(() => {
pendingRequests--;
processQueue();
});
}
}
function processVisibleParagraphs() {
try {
$('#tab_noi_dung_vb p:not([is-posted="1"])').each(function () {
let $element = $(this);
if (isInViewportAndTabNoiDung(this)) {
$element.attr('is-posted', '1');
$element.addClass('loading-content');
let p_innerHTML = $element.html();
let address = null;
if (cac_cau_hinh.loai_noi_dung.includes('docs')) {
address = getAddress($element);
}
const isSubP = $element.parents('p').length > 0;
if (isSubP && !allow_sub_p) {
$element.removeClass('loading-content');
return; // Không gửi nếu không cho phép
}
const postData = { p_content: p_innerHTML, cac_cau_hinh, address, vb_ngaybanhanh: '2023-10-23 00:00:00 AM' };
if (isSubP && allow_sub_p) {
postData.sub_p = 1;
}
requestQueue.push(() =>
$.ajax({
url: '//tnpl' + (Math.floor(Math.random() * 10) + 1) + '.hethongphapluat.com/tien-ich/tim.tien.ich.php',
type: 'POST',
data: postData,
success: function(response) {
$element.html(response);
processTnplClasses($element);
// Đợi CTTD và các tiện ích load xong rồi mới attach badge
if (((unlockAllPhanTich) || memberID === 4 || memberID === 3 || memberID === 2) && typeof attachPhanTichBadge === 'function') {
setTimeout(function() {
// $element chính là thẻ p, kiểm tra và attach badge trực tiếp
const $parent = $element.closest('phan, chuong, muc, tieumuc, dieu, khoan, diem');
if ($parent.length > 0 && $parent.find('.badge-phan-tich[data-for="' + $parent.attr('address') + '"]').length === 0) {
const address = $parent.attr('address');
$element.attr('data-address', address);
// Lấy tên loại thẻ cho tooltip
const parentType = getParentTypeName($parent.prop('tagName').toLowerCase());
// Append badge VÀO PARENT (dieu, khoan,...) thay vì vào để tránh xung đột CTTD
const extraClass = (unlockAllPhanTich && memberID <= 0) ? ' upgrade-require' : '';
const $badge = $('');
$parent.append($badge);
// Thêm class để CSS set position: relative CHỈ cho element có badge
$parent.addClass('has-phan-tich-badge');
}
// Xử lý các p con (nếu có sub-p)
attachPhanTichBadge($element);
}, 3); // Đợi 300ms để CTTD render xong
}
},
complete: function() {
$element.removeClass('loading-content');
}
})
);
processQueue();
}
});
} catch(e) {
}
}
$(window).on('scroll resize', function () {
processVisibleParagraphs();
});
processVisibleParagraphs();
// Chức năng phân tích điều luật (mở theo lịch unlockAllPhanTich cho tất cả, nhưng khách click sẽ mở modal đăng nhập/mua gói)
if ((unlockAllPhanTich) || memberID === 4 || memberID === 3 || memberID === 2) {
// Modal cảnh báo
function showWarningModal(message) {
// Tạo modal nếu chưa có
if ($('#warningModal').length === 0) {
const modalHTML = `
`;
$('body').append(modalHTML);
}
$('#warningModalBody').html('' + message + '
');
$('#warningModal').modal('show');
}
// Hàm lấy tên tiếng Việt của thẻ
function getParentTypeName(tagName) {
const typeNames = {
'phan': 'Phần',
'chuong': 'Chương',
'muc': 'Mục',
'tieumuc': 'Tiểu mục',
'dieu': 'Điều',
'khoan': 'Khoản',
'diem': 'Điểm'
};
return typeNames[tagName] || 'Nội dung';
}
// Chuyển Telex -> Unicode cho giá trị (ví dụ: dd->đ, oo->ô, ow->ơ, aa->â, ee->ê, aw->ă, uw->ư)
function telexToUnicode(str) {
if (!str) return str;
// Giữ nguyên số
if (/^\d+$/.test(str)) return str;
let s = String(str);
// dd / ĐĐ
s = s.replace(/dd/g, 'đ');
s = s.replace(/DD/g, 'Đ');
// nguyên âm có mũ/dấu
s = s.replace(/aa/g, 'â').replace(/AA/g, 'Â');
s = s.replace(/ee/g, 'ê').replace(/EE/g, 'Ê');
s = s.replace(/oo/g, 'ô').replace(/OO/g, 'Ô');
s = s.replace(/ow/g, 'ơ').replace(/OW/g, 'Ơ');
s = s.replace(/uw/g, 'ư').replace(/UW/g, 'Ư');
s = s.replace(/aw/g, 'ă').replace(/AW/g, 'Ă');
return s;
}
function attachPhanTichBadge($container) {
const validTags = 'phan, chuong, muc, tieumuc, dieu, khoan, diem';
$container.find('p').each(function() {
const $p = $(this);
const $parent = $p.closest(validTags);
if ($parent.length > 0) {
const address = $parent.attr('address');
// Kiểm tra đã có badge cho parent này chưa
if ($parent.find('.badge-phan-tich[data-for="' + address + '"]').length === 0) {
// Lưu address vào data attribute
$p.attr('data-address', address);
// Lấy tên loại thẻ cho tooltip
const parentType = getParentTypeName($parent.prop('tagName').toLowerCase());
// Append badge vào PARENT, không vào
const extraClass = (unlockAllPhanTich && memberID <= 0) ? ' upgrade-require' : '';
const $badge = $('');
$parent.append($badge);
// Thêm class để CSS set position: relative CHỈ cho element có badge
$parent.addClass('has-phan-tich-badge');
}
}
});
}
// Helper: Escape HTML entities
function escapeHtml(text) {
const map = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": '''
};
return String(text).replace(/[&<>"']/g, function(m) { return map[m]; });
}
// Helper: Convert Markdown to HTML (đơn giản)
function markdownToHtml(markdown) {
if (!markdown) return '';
let html = markdown;
// Headers
html = html.replace(/^### (.*$)/gim, '
$1 ');
html = html.replace(/^## (.*$)/gim, '$1 ');
html = html.replace(/^# (.*$)/gim, '$1 ');
// Bold
html = html.replace(/\*\*(.*?)\*\*/g, '$1 ');
// Italic
html = html.replace(/\*(.*?)\*/g, '$1 ');
// Blockquote
html = html.replace(/^> (.*$)/gim, '$1 ');
html = html.replace(/^> (.*$)/gim, '$1 ');
// Lists (unordered)
html = html.replace(/^\- (.*$)/gim, '$1 ');
html = html.replace(/(.*<\/li>)/s, '');
// Lists (ordered)
html = html.replace(/^\d+\. (.*$)/gim, ' $1 ');
// Line breaks và paragraphs
html = html.split('\n\n').map(para => {
para = para.trim();
if (para.startsWith('')) {
return para;
}
if (para) {
return '' + para.replace(/\n/g, '
';
}
return '';
}).join('\n');
// Clean up multiple line breaks
html = html.replace(/\n{3,}/g, '\n\n');
return html;
}
// Panel fixed position
function closePhanTichPanel() {
const $panel = $('#phanTichPanel');
if ($panel.length) {
$panel.removeClass('show');
setTimeout(() => {
$panel.remove();
}, 300);
}
// Stop typing animation nếu đang chạy
stopThinkingTyping();
// Reset highlight và badge khi đóng panel
if (currentAnalyzingElement) {
currentAnalyzingElement.removeClass('highlight-border-persistent');
}
if (currentAnalyzingBadge) {
currentAnalyzingBadge.text('Phân tích').removeClass('analyzing');
currentAnalyzingBadge.data('analyzing', false);
currentAnalyzingBadge.data('hovering', false);
currentAnalyzingBadge.css({display: 'none'}); // Ẩn badge khi đóng
}
// Reset tất cả các element khác (trong trường hợp có nhiều)
$('#tab_noi_dung_vb .highlight-border-persistent').removeClass('highlight-border-persistent');
$('#tab_noi_dung_vb .badge-phan-tich-container.analyzing').each(function() {
$(this).text('Phân tích').removeClass('analyzing').data('analyzing', false);
});
// Check: có CTTD pointer đang mở không?
const $visiblePointers = $('.pointer:visible');
const hadCTTDOpen = $visiblePointers.length > 0;
if (hadCTTDOpen) {
// CÓ CTTD đang mở → giữ rightdocinfo ẩn
} else {
// KHÔNG có CTTD → SHOW lại rightdocinfo
const $rightdocinfo = $('#rightdocinfo');
if ($rightdocinfo.length > 0) {
$rightdocinfo.show();
}
}
// Reset state
isAnalyzing = false;
currentAnalyzingAddress = null;
currentAnalyzingElement = null;
currentAnalyzingBadge = null;
isPanelOpen = false; // Đánh dấu panel đã đóng
}
// Panel đã song song với rightdocinfo → không cần MutationObserver nữa
// Resize event để update panel dimensions khi browser resize
let resizeTimer;
$(window).on('resize', function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (isPanelOpen && $('#phanTichPanel').length > 0) {
updatePanelDimensions();
if ($('#phanTichPanelBody').hasClass('thinking-mode')) {
updateThinkingGifHeight();
}
}
}, 250); // Debounce 250ms
});
// Function để detect và áp dụng dimensions từ rightdocinfo
function updatePanelDimensions() {
const $panel = $('#phanTichPanel');
const $rightdocinfo = $('#rightdocinfo');
const $docRightCol = $('#doc-right-col');
// Mobile: dùng bottom sheet → để CSS điều khiển, bỏ qua reposition bằng JS
if ($(window).width() <= 768) {
return;
}
if ($panel.length === 0) return;
// Ưu tiên: doc-right-col > rightdocinfo
let $reference = $docRightCol.length > 0 ? $docRightCol : $rightdocinfo;
// Nếu reference bị ẩn (display:none), tạm show để get dimensions
let wasHidden = false;
if ($reference.length > 0 && !$reference.is(':visible')) {
wasHidden = true;
$reference.css('visibility', 'hidden').show();
}
if ($reference.length > 0) {
const refWidth = $reference.outerWidth();
const refOffset = $reference.offset();
if (refWidth && refOffset) {
// Tính vị trí right từ edge màn hình
const windowWidth = $(window).width();
const rightPosition = windowWidth - (refOffset.left + refWidth);
$panel.css({
'width': refWidth + 'px',
'right': rightPosition + 'px'
});
} else {
}
// Restore trạng thái hidden nếu cần
if (wasHidden) {
$reference.hide().css('visibility', '');
}
}
}
// Hiệu ứng typing giả lập đang phân tích trong panel
function stopThinkingTyping() {
typingCancelled = true;
if (typingTimerId) {
clearTimeout(typingTimerId);
typingTimerId = null;
}
// Dừng trình chiếu ảnh khi dừng typing
stopThinkingImages();
}
// Helper GIF: chọn chỉ số ảnh mới 1..10 khác với exclude
function randomGifIndex(exclude) {
let n = exclude;
while (n === exclude) {
n = Math.floor(Math.random() * 10) + 1;
}
return n;
}
// Helper GIF: preload rồi gán src cho img, gọi callback sau khi load xong (hoặc lỗi)
function setGifSrc($img, idx, cb) {
const url = '/assets/images/gif/researching-' + idx + '.gif';
const updateWrapHeight = function(nW, nH){
try {
const $wrap = $img.closest('#thinkingGifWrapper');
if ($wrap.length && nW && nH) {
const wrapW = $wrap.width();
const maxW = wrapW * 0.9; // khớp với CSS max-width:90%
const displayW = Math.min(nW, maxW);
const displayH = nH * (displayW / nW);
$wrap.css('height', displayH + 'px');
}
} catch(e) { /* ignore */ }
};
if ($img.attr('src') === url) {
// Ảnh trùng src -> vẫn cập nhật lại chiều cao wrapper theo kích thước hiển thị hiện tại
const el = $img[0];
if (el && el.naturalWidth && el.naturalHeight) {
updateWrapHeight(el.naturalWidth, el.naturalHeight);
}
if (cb) cb();
return;
}
const pre = new Image();
pre.onload = function() {
$img.attr('src', url);
updateWrapHeight(pre.naturalWidth, pre.naturalHeight);
if (cb) cb();
};
pre.onerror = function() {
$img.attr('src', url);
// Không lấy được kích thước tự nhiên -> để auto
const $wrap = $img.closest('#thinkingGifWrapper');
if ($wrap.length) { $wrap.css('height', 'auto'); }
if (cb) cb();
};
pre.src = url;
}
function updateThinkingGifHeight() {
const $wrap = $('#thinkingGifWrapper');
if ($wrap.length === 0) return;
const $show = $('#thinkingGifA.visible, #thinkingGifB.visible').first();
if ($show.length === 0) return;
const el = $show[0];
if (!el.naturalWidth || !el.naturalHeight) return;
const wrapW = $wrap.width();
const maxW = wrapW * 0.9;
const displayW = Math.min(el.naturalWidth, maxW);
const displayH = el.naturalHeight * (displayW / el.naturalWidth);
$wrap.css('height', displayH + 'px');
}
function startThinkingImages() {
// Nếu body/khung chưa sẵn sàng thì bỏ qua
const $wrap = $('#thinkingGifWrapper');
if ($wrap.length === 0) return;
// Clear trước nếu đang chạy
stopThinkingImages();
thinkingGifActive = true;
const $a = $('#thinkingGifA');
const $b = $('#thinkingGifB');
$a.removeClass('visible');
$b.removeClass('visible');
// Ảnh đầu tiên
thinkingGifCurrent = randomGifIndex(0);
let useA = true; // ảnh A hiển thị trước
setGifSrc($a, thinkingGifCurrent, function(){ $a.addClass('visible'); });
// Mỗi 3s đổi ảnh, crossfade 0.5s qua CSS
thinkingGifIntervalId = setInterval(function(){
if (!thinkingGifActive) return;
const nextIdx = randomGifIndex(thinkingGifCurrent);
const $show = useA ? $b : $a; // show ảnh còn lại
const $hide = useA ? $a : $b;
setGifSrc($show, nextIdx, function(){
// Bắt đầu chuyển ảnh: ẩn ảnh cũ, hiện ảnh mới
$hide.removeClass('visible');
setTimeout(function(){ $show.addClass('visible'); }, 10);
thinkingGifCurrent = nextIdx;
useA = !useA;
});
}, 5000);
}
function stopThinkingImages() {
thinkingGifActive = false;
if (thinkingGifIntervalId) {
clearInterval(thinkingGifIntervalId);
thinkingGifIntervalId = null;
}
}
// Giải quyết address: nếu không có '_' thì decrypt (ưu tiên API, fallback client), ngược lại trả về nguyên vẹn
function clientDecrypt(encrypted, key) {
try {
const bin = atob(encrypted);
let out = '';
for (let i = 0; i < bin.length; i++) {
const ch = bin.charCodeAt(i);
const k = key.charCodeAt(i % key.length);
out += String.fromCharCode(ch ^ k);
}
// Chuẩn hóa tương tự server
out = out.toLowerCase().replace(/[^a-z0-9_]/g, '');
return out || encrypted;
} catch (e) {
return encrypted;
}
}
function resolveAddress(address) {
return new Promise(function(resolve) {
if (!address) { resolve(''); return; }
const addr = String(address);
const lower = addr.toLowerCase();
if (lower === 'trichyeu' || lower === 'cancu' || addr.indexOf('_') !== -1) {
resolve(addr);
return;
}
const randomServer = Math.floor(Math.random() * 10) + 1;
$.ajax({
url: '//tnpl' + randomServer + '.hethongphapluat.com/tien-ich/ajax/decrypt.ndsh.address.php',
type: 'POST',
data: { address_encrypted: addr },
timeout: 10000,
success: function(resp) {
try {
// jQuery sẽ parse JSON theo header, nhưng vẫn fallback nếu là string
if (typeof resp === 'string') { resp = JSON.parse(resp); }
} catch(e) { /* ignore */ }
if (resp && resp.ok && resp.address) {
resolve(resp.address);
} else {
// Fallback client decrypt
resolve(clientDecrypt(addr, 'htpl_noi_dung_vb_address'));
}
},
error: function() {
// Fallback client decrypt
resolve(clientDecrypt(addr, 'htpl_noi_dung_vb_address'));
}
});
});
}
function startThinkingTyping(address) {
// Reset trước khi bắt đầu
stopThinkingTyping();
typingCancelled = false;
const $body = $('#phanTichPanelBody');
if ($body.length === 0) return;
// Đánh dấu chế độ thinking để căn giữa toàn bộ nội dung trong body
$body.addClass('thinking-mode');
// Khởi tạo container nếu chưa có
if ($('#thinkingContainer').length === 0) {
$body.html('\
\
\
\
Debug Mode
` : '';
const panelHTML = `
`;
// Append vào body (fixed position không cần container cụ thể)
$('body').append(panelHTML);
// Detect width từ rightdocinfo và áp dụng cho panel
updatePanelDimensions();
// Trigger show và set flag
setTimeout(() => {
$('#phanTichPanel').addClass('show');
isPanelOpen = true;
// Bắt đầu typing
stopThinkingTyping();
startThinkingTyping(address);
}, 10);
} else {
// Khởi tạo giao diện typing khi mở lại panel
$('#phanTichPanelBody').addClass('thinking-mode').html('');
// Update dimensions khi re-open
updatePanelDimensions();
$('#phanTichPanel').addClass('show');
isPanelOpen = true;
// Bắt đầu typing
stopThinkingTyping();
startThinkingTyping(address);
}
// Bind nút đóng và ESC
$(document).off('click.closePhanTich').on('click.closePhanTich', '.close-phan-tich', function() {
closePhanTichPanel();
});
$(document).off('keyup.closePhanTich').on('keyup.closePhanTich', function(e) {
if (e.key === 'Escape') closePhanTichPanel();
});
// Bind nút refresh - phân tích lại
$(document).off('click.refreshPhanTich').on('click.refreshPhanTich', '.btn-refresh-phan-tich', function(e) {
e.preventDefault();
e.stopPropagation();
const $btn = $(this);
const $icon = $btn.find('i');
// Disable button và thêm animation
$btn.prop('disabled', true);
$icon.addClass('fa-spin');
// Show typing trong panel thay cho loading
$('#phanTichPanelBody').addClass('thinking-mode').html('');
stopThinkingTyping();
startThinkingTyping(address);
// Gọi API xóa cache trước
deletePhanTichCache(address, vbID, function(deleteSuccess) {
if (deleteSuccess) {
// Sau khi xóa cache, gọi lại API phân tích
callPhanTichAPI(address, vbID, function() {
// Enable lại button
$btn.prop('disabled', false);
$icon.removeClass('fa-spin');
});
} else {
$('#phanTichPanelBody').html(`
Lỗi! Không thể xóa cache. Vui lòng thử lại.
`);
$btn.prop('disabled', false);
$icon.removeClass('fa-spin');
}
});
});
// Gọi API phân tích (dùng function helper)
callPhanTichAPI(address, vbID);
}
// Helper: Gọi API phân tích (tách riêng để dùng lại)
function callPhanTichAPI(address, vbID, callback, attempt) {
attempt = attempt || 1;
const randomServer = Math.floor(Math.random() * 10) + 1;
const debugMode = $('#debugModePhanTich').is(':checked') ? 1 : 0;
$.ajax({
url: '//tnpl' + randomServer + '.hethongphapluat.com/tien-ich/phan.tich.dieu.luat.php',
type: 'POST',
contentType: 'application/json',
timeout: 300000, // 5 phút
data: JSON.stringify({
address: address,
vb_id: vbID,
debug: debugMode
}),
success: function(response) {
if (response && response.ok) {
// Thành công -> kết thúc thinking và reset trạng thái
stopThinkingTyping();
if (currentAnalyzingBadge) {
currentAnalyzingBadge.text('Phân tích').removeClass('analyzing');
currentAnalyzingBadge.data('analyzing', false);
}
isAnalyzing = false;
// Render kết quả phân tích với hiệu ứng xuất hiện dần từ trên xuống dưới
let html = '';
html += '';
html += '';
html += '
' + markdownToHtml(response.phan_tich) + '
';
// Khuyến cáo thay cho thống kê token
html += '
';
html += 'Những thông tin em vừa cung cấp chỉ mang tính chất tham khảo, không đại diện cho tư vấn chính thức của luật sư. Quý khách nên tìm đến sự tư vấn trực tiếp từ Luật sư hoặc đơn vị pháp lý có chuyên môn để được hỗ trợ cụ thể cho trường hợp của mình.';
html += '
';
html += '
Hiện tại A.I đang bị quá tải , vui lòng thử lại sau ít phút!
Thử lại
`);
$(document).off('click.tryAgainPanel').on('click.tryAgainPanel', '#btnTryAgainPanel', function() {
openPhanTichPanel(address, vbID);
});
} else {
$('#phanTichPanelBody').removeClass('thinking-mode').html(`
Lỗi! ${escapeHtml(msg || 'Không thể phân tích điều luật.')}Vui lòng thử lại sau.
`);
}
}
if (callback) callback();
},
error: function(xhr, status, error) {
// Nếu quá tải và chưa quá 50 lần -> retry, giữ hiệu ứng thinking và trạng thái analyzing
let errorMsg = error;
if (xhr.responseJSON && xhr.responseJSON.error) {
errorMsg = (xhr.responseJSON.error.message || xhr.responseJSON.error) || errorMsg;
} else if (xhr.responseText) {
errorMsg = xhr.responseText;
}
if ((xhr.status === 503 || isOverloadedMessage(errorMsg)) && attempt < 50 && isPanelOpen && isAnalyzing && currentAnalyzingAddress === address) {
const delay = Math.min(1200 + attempt * 100, 5000);
setTimeout(function() { callPhanTichAPI(address, vbID, callback, attempt + 1); }, delay);
return;
}
// Hết số lần thử hoặc lỗi khác -> hiển thị thông báo phù hợp
stopThinkingTyping();
if (currentAnalyzingBadge) {
currentAnalyzingBadge.text('Phân tích').removeClass('analyzing');
currentAnalyzingBadge.data('analyzing', false);
}
isAnalyzing = false;
if (xhr.status === 503 || isOverloadedMessage(errorMsg)) {
$('#phanTichPanelBody').removeClass('thinking-mode').html(`
Hiện tại A.I đang bị quá tải , vui lòng thử lại sau ít phút!
Thử lại
`);
$(document).off('click.tryAgainPanel').on('click.tryAgainPanel', '#btnTryAgainPanel', function() {
openPhanTichPanel(address, vbID);
});
} else {
$('#phanTichPanelBody').removeClass('thinking-mode').html(`
Lỗi! Không thể kết nối đến server phân tích.Chi tiết: ${escapeHtml(errorMsg)}
`);
}
if (callback) callback();
}
});
}
// Helper: Xóa cache phân tích
function deletePhanTichCache(address, vbID, callback) {
const randomServer = Math.floor(Math.random() * 10) + 1;
$.ajax({
url: '//tnpl' + randomServer + '.hethongphapluat.com/tien-ich/delete.phan.tich.cache.php',
type: 'POST',
contentType: 'application/json',
timeout: 10000,
data: JSON.stringify({
address: address,
vb_id: vbID
}),
success: function(response) {
if (callback) callback(response.ok || false);
},
error: function(xhr, status, error) {
if (callback) callback(false);
}
});
}
// Helper: Lấy tên hiển thị của element từ address (có chuyển Telex -> Unicode ở phần giá trị)
function getElementDisplayName(address) {
if (!address) return 'nội dung';
const addrStr = String(address).toLowerCase();
// Các trường hợp đặc biệt không có cặp key_value
if (addrStr === 'trichyeu') return 'Trích yếu';
if (addrStr === 'cancu') return 'Căn cứ';
// Parse địa chỉ linh hoạt: hỗ trợ cả dạng thiếu cặp
const parts = addrStr.split('_');
const types = new Set(['phan', 'chuong', 'muc', 'tieumuc', 'dieu', 'khoan', 'diem']);
const displayParts = [];
for (let i = 0; i < parts.length; i++) {
const key = parts[i];
if (types.has(key)) {
const label = getParentTypeName(key);
const val = (i + 1 < parts.length) ? parts[i + 1] : '';
const valVN = telexToUnicode(val);
displayParts.push(label + (valVN ? ' ' + valVN : ''));
if (val) i++; // bỏ qua value nếu đã dùng
}
}
const title = displayParts.reverse().join(' ');
if (title) return title;
// Fallback: nếu không parse được, trả về address gốc
return address;
}
// Helper: Lấy tên hiển thị theo thứ tự lớn -> nhỏ (Điều > Khoản > Điểm), có chuyển Telex
function getElementDisplayNameLargeFirst(address) {
if (!address) return 'nội dung';
const addrStr = String(address).toLowerCase();
if (addrStr === 'trichyeu') return 'Trích yếu';
if (addrStr === 'cancu') return 'Căn cứ';
const parts = addrStr.split('_');
const types = new Set(['phan', 'chuong', 'muc', 'tieumuc', 'dieu', 'khoan', 'diem']);
const displayParts = [];
for (let i = 0; i < parts.length; i++) {
const key = parts[i];
if (types.has(key)) {
const label = getParentTypeName(key);
const val = (i + 1 < parts.length) ? parts[i + 1] : '';
const valVN = telexToUnicode(val);
displayParts.push(label + (valVN ? ' ' + valVN : ''));
if (val) i++;
}
}
const title = displayParts.join(' ');
return title || address;
}
// Hiệu ứng typing nhanh cho nội dung kết quả (preview text), sau đó thay bằng HTML đầy đủ
let fastTypingTimerId = null;
function stopFastTypingContent() {
if (fastTypingTimerId) {
clearTimeout(fastTypingTimerId);
fastTypingTimerId = null;
}
}
function stripHtmlToText(html) {
const tmp = document.createElement('div');
tmp.innerHTML = html;
const text = (tmp.textContent || tmp.innerText || '') || '';
return text.replace(/\u00A0/g, ' ');
}
function startFastTypingFinalContent(finalHtml) {
stopThinkingTyping();
stopFastTypingContent();
stopThinkingImages();
const $body = $('#phanTichPanelBody');
if ($body.length === 0) return;
$body.removeClass('thinking-mode');
const previewTextFull = stripHtmlToText(finalHtml).trim();
const maxChars = 800; // giới hạn để không quá lâu
const previewText = previewTextFull.slice(0, maxChars);
$body.html('');
let idx = 0;
const speedMin = 2;
const speedMax = 5;
function typeNext() {
if (idx < previewText.length) {
$('#fastTypingText').append(previewText.charAt(idx));
idx++;
const delay = Math.floor(Math.random() * (speedMax - speedMin + 1)) + speedMin;
fastTypingTimerId = setTimeout(typeNext, delay);
} else {
// Khi gõ xong preview → thay bằng HTML đầy đủ
$body.html(finalHtml);
}
}
typeNext();
}
// Áp dụng hiệu ứng xuất hiện dần từ trên xuống dưới
function applyFadeReveal() {
const $container = $('#phanTichPanelBody .fade-reveal-container');
if (!$container.length) return;
// Lấy các block cấp cao và các phần tử con trong nội dung phân tích
const $blocks = $().add($container.children())
.add($container.find('.phan-tich-content').children());
let delayMs = 0;
const stepMs = 60; // ms giữa các phần tử
$blocks.each(function() {
const $el = $(this);
// Bỏ qua các node text trống
if ($el.prop('nodeType') !== 1) return;
$el.addClass('fade-reveal').css('animation-delay', (delayMs/1000) + 's');
delayMs += stepMs;
});
}
// Nhận diện lỗi quá tải model (503/overloaded) - phạm vi toàn cục
function isOverloadedMessage(msg) {
if (!msg) return false;
const s = String(msg).toLowerCase();
return s.includes('overloaded') || s.includes('unavailable') || s.includes('503');
}
function openPhanTichModal(address, vbID) {
// Tạo modal nếu chưa có
if ($('#modalPhanTich').length === 0) {
const modalHTML = `
Đang phân tích...
Đang phân tích...
`;
$('body').append(modalHTML);
}
// Reset và hiển thị modal với loading
$('#modalPhanTichBody').html(`
Đang phân tích...
Đang phân tích...
`);
$('#modalPhanTich').modal('show');
// AJAX request với retry tối đa 50 lần khi quá tải
(function requestModal(attempt) {
attempt = attempt || 1;
const randomServer = Math.floor(Math.random() * 10) + 1;
$.ajax({
url: '//tnpl' + randomServer + '.hethongphapluat.com/tien-ich/phan.tich.dieu.luat.php',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({
address: address,
vb_id: vbID
}),
success: function(response) {
if (response && response.ok) {
let html = '';
html += '';
html += '
' + escapeHtml(response.ten_van_ban) + ' Số hiệu: ' + escapeHtml(response.so_hieu) + ' Điều khoản: ' + escapeHtml(response.address) + ' ';
html += '
';
html += '' + markdownToHtml(response.phan_tich) + '
';
html += '';
html += 'Những thông tin em vừa cung cấp chỉ mang tính chất tham khảo, không đại diện cho tư vấn chính thức của luật sư. Quý khách nên tìm đến sự tư vấn trực tiếp từ Luật sư hoặc đơn vị pháp lý có chuyên môn để được hỗ trợ cụ thể cho trường hợp của mình.';
html += '
';
$('#modalPhanTichBody').html(html);
} else {
const msg = response && response.error ? response.error : '';
if (isOverloadedMessage(msg) && attempt < 50) {
const delay = Math.min(1200 + attempt * 100, 5000);
setTimeout(function(){ requestModal(attempt + 1); }, delay);
return;
}
if (isOverloadedMessage(msg)) {
$('#modalPhanTichBody').html(`
Hiện tại A.I đang bị quá tải , vui lòng thử lại sau ít phút!
Thử lại
`);
$(document).off('click.tryAgainModal').on('click.tryAgainModal', '#btnTryAgainModal', function(){
openPhanTichModal(address, vbID);
});
} else {
$('#modalPhanTichBody').html(`
Lỗi! ${escapeHtml(msg || 'Không thể phân tích điều luật.')}Vui lòng thử lại sau.
`);
}
}
},
error: function(xhr, status, error) {
let errorMsg = error;
if (xhr.responseJSON && xhr.responseJSON.error) {
errorMsg = (xhr.responseJSON.error.message || xhr.responseJSON.error) || errorMsg;
} else if (xhr.responseText) {
errorMsg = xhr.responseText;
}
if ((xhr.status === 503 || isOverloadedMessage(errorMsg)) && attempt < 50) {
const delay = Math.min(1200 + attempt * 100, 5000);
setTimeout(function(){ requestModal(attempt + 1); }, delay);
return;
}
if (xhr.status === 503 || isOverloadedMessage(errorMsg)) {
$('#modalPhanTichBody').html(`
Hiện tại A.I đang bị quá tải , vui lòng thử lại sau ít phút!
Thử lại
`);
$(document).off('click.tryAgainModal').on('click.tryAgainModal', '#btnTryAgainModal', function(){
openPhanTichModal(address, vbID);
});
} else {
$('#modalPhanTichBody').html(`
Lỗi! Không thể kết nối đến server phân tích.Chi tiết: ${escapeHtml(errorMsg)}
`);
}
}
});
})(1);
}
// Helpers: show/hide badge cho parent element (dieu, khoan,...) với position: fixed
function showPhanTichBadgeForParent($parent) {
// Lấy badge CỦA CHÍNH parent này (match data-for với address của parent)
const parentAddress = $parent.attr('address');
const $badge = $parent.find('.badge-phan-tich-container[data-for="' + parentAddress + '"]').first();
if ($badge.length === 0) {
return;
}
// Ẩn TẤT CẢ các badge khác để tránh overlap
$('.badge-phan-tich-container').not($badge).each(function() {
const $otherBadge = $(this);
// Chỉ ẩn badge KHÔNG đang analyzing
if (!$otherBadge.data('analyzing')) {
$otherBadge.css({display: 'none'});
}
});
// Show badge tạm để tính width
$badge.css({display: 'inline-block', opacity: 0, visibility: 'hidden'});
const badgeWidth = $badge.outerWidth();
// Tính toán vị trí fixed dựa trên offset của parent
const offset = $parent.offset();
const scrollTop = $(window).scrollTop();
const scrollLeft = $(window).scrollLeft();
// Position badge top-right của parent và show
$badge.css({
display: 'inline-block',
visibility: 'visible',
opacity: 1,
top: (offset.top - scrollTop) + 'px',
left: (offset.left + $parent.outerWidth() - badgeWidth - scrollLeft - 5) + 'px' // -5px padding
});
$parent.addClass('highlight-border');
}
function hidePhanTichBadgeForParent($parent) {
const $badge = $parent.find('.badge-phan-tich-container').first();
if ($badge.length === 0) return;
$badge.css({display: 'none', opacity: 0});
$parent.removeClass('highlight-border');
}
// Biến lưu element đang hover
let currentHoveredElement = null;
// Dùng mousemove để track chính xác element nào đang được hover (hiển thị ngay lập tức)
$(document).on('mousemove', '#tab_noi_dung_vb', function(e) {
// Nếu đang hover vào thuật ngữ TNPL thì KHÔNG hiển thị badge để tránh che và chặn tooltip
if ($(e.target).closest('tnpl').length > 0) {
// Ẩn các badge không ở trạng thái analyzing
$('.badge-phan-tich-container').each(function(){
const $b = $(this);
if (!$b.data('analyzing') && !$b.hasClass('analyzing')) {
$b.css({display:'none'});
}
});
return;
}
// Tìm element gần nhất (phan, chuong, muc, dieu, khoan, diem) tại vị trí chuột
const $target = $(e.target).closest('phan, chuong, muc, tieumuc, dieu, khoan, diem');
if ($target.length === 0) {
// Không hover vào element nào
return;
}
const address = $target.attr('address');
// Nếu đang hover vào cùng element → skip
if (currentHoveredElement && currentHoveredElement[0] === $target[0]) {
return;
}
// Element thay đổi → xử lý ngay lập tức (không debounce)
// Set flag hovering cho element mới
$target.data('hovering', true);
// Cancel timeout nếu có
const timeoutId = $target.data('hideTimeout');
if (timeoutId) {
clearTimeout(timeoutId);
}
// Ẩn badge của TẤT CẢ elements khác
$('#tab_noi_dung_vb phan, #tab_noi_dung_vb chuong, #tab_noi_dung_vb muc, #tab_noi_dung_vb tieumuc, #tab_noi_dung_vb dieu, #tab_noi_dung_vb khoan, #tab_noi_dung_vb diem')
.not($target)
.each(function() {
const $el = $(this);
// Chỉ xóa highlight-border, KHÔNG xóa highlight-border-persistent
$el.removeClass('highlight-border');
// Ẩn badge nếu KHÔNG đang analyzing
const $badge = $el.find('.badge-phan-tich-container');
if ($badge.length && !$badge.data('analyzing')) {
$badge.css({display: 'none'});
}
});
// Attach badge nếu chưa có
if (address && $target.find('.badge-phan-tich-container[data-for="' + address + '"]').length === 0) {
const parentType = getParentTypeName($target.prop('tagName').toLowerCase());
const extraClass = (unlockAllPhanTich && memberID <= 0) ? ' upgrade-require' : '';
const $badge = $('');
$target.append($badge);
$target.addClass('has-phan-tich-badge');
}
// Show badge cho element này
if ($target.find('.badge-phan-tich-container').length > 0) {
showPhanTichBadgeForParent($target);
}
// Update current hovered element
currentHoveredElement = $target;
});
// Event delegation cho hover ra khỏi #tab_noi_dung_vb
$(document).on('mouseleave', '#tab_noi_dung_vb', function(e) {
// Clear current hovered element
currentHoveredElement = null;
// Ẩn tất cả badge không đang analyzing sau một khoảng thời gian
setTimeout(function() {
if (currentHoveredElement === null) {
// Chỉ ẩn nếu thực sự không hover vào element nào
$('#tab_noi_dung_vb phan, #tab_noi_dung_vb chuong, #tab_noi_dung_vb muc, #tab_noi_dung_vb tieumuc, #tab_noi_dung_vb dieu, #tab_noi_dung_vb khoan, #tab_noi_dung_vb diem')
.each(function() {
const $el = $(this);
const $badge = $el.find('.badge-phan-tich-container');
if ($badge.length && !$badge.data('analyzing')) {
$badge.css({display: 'none'});
}
});
}
}, 3);
});
// Event delegation cho hover ra khỏi parent (giữ lại cho badge behavior)
$(document).on('mouseleave', '#tab_noi_dung_vb phan, #tab_noi_dung_vb chuong, #tab_noi_dung_vb muc, #tab_noi_dung_vb tieumuc, #tab_noi_dung_vb dieu, #tab_noi_dung_vb khoan, #tab_noi_dung_vb diem', function(e) {
const $parent = $(this);
const parentAddress = $parent.attr('address');
const $badge = $parent.find('.badge-phan-tich-container[data-for="' + parentAddress + '"]').first();
// Set flag parent not hovering
$parent.data('hovering', false);
// Nếu badge đang analyzing thì KHÔNG ẩn, GIỮ hiển thị
if ($badge.length > 0 && $badge.data('analyzing')) {
return;
}
// Delay để có thời gian di chuột vào badge
const timeoutId = setTimeout(() => {
// Chỉ ẩn nếu cả parent và badge đều không hover và không analyzing
if ($badge.length > 0 && !$parent.data('hovering') && !$badge.data('hovering') && !$badge.data('analyzing')) {
hidePhanTichBadgeForParent($parent);
}
}, 3); // Tăng lên 300ms
$parent.data('hideTimeout', timeoutId);
});
// Hover vào badge → giữ hiển thị
$(document).on('mouseenter', '.badge-phan-tich-container', function(e) {
e.stopPropagation();
const $badge = $(this);
const $parent = $badge.parent();
$badge.data('hovering', true);
// Cancel timeout của parent
const timeoutId = $parent.data('hideTimeout');
if (timeoutId) {
clearTimeout(timeoutId);
}
});
// Hover ra khỏi badge → ẩn nếu không hover parent
$(document).on('mouseleave', '.badge-phan-tich-container', function(e) {
const $badge = $(this);
$badge.data('hovering', false);
const $parent = $badge.parent();
// Nếu badge đang analyzing thì KHÔNG ẩn, GIỮ hiển thị
if ($badge.data('analyzing') || $badge.hasClass('analyzing')) {
return;
}
setTimeout(() => {
// Chỉ ẩn nếu cả parent và badge đều không hover và không analyzing
if (!$parent.data('hovering') && !$badge.data('hovering') && !$badge.data('analyzing') && !$badge.hasClass('analyzing')) {
hidePhanTichBadgeForParent($parent);
}
}, 3);
});
// Event delegation cho hover vào badge → hiện tooltip
$(document).on('mouseenter', '.badge-phan-tich, .badge-phan-tich-container, .badge-phan-tich-fixed', function() {
const $badge = $(this);
const parentType = $badge.attr('data-parent-type') || 'Nội dung';
if ($badge.find('.badge-tooltip').length === 0) {
const $tooltip = $('Phân tích chi tiết nội dung ' + parentType + ' này ');
$badge.append($tooltip);
setTimeout(() => $tooltip.addClass('show'), 10);
}
});
// Event delegation cho hover ra khỏi badge → ẩn tooltip
$(document).on('mouseleave', '.badge-phan-tich, .badge-phan-tich-container, .badge-phan-tich-fixed', function() {
const $tooltip = $(this).find('.badge-tooltip');
if ($tooltip.length > 0) {
$tooltip.removeClass('show');
setTimeout(() => $tooltip.remove(), 3);
}
});
// Event delegation cho click badge → mở panel
$(document).on('click', '.badge-phan-tich, .badge-phan-tich-container, .badge-phan-tich-fixed', function(e) {
const $badge = $(this);
// Nếu là khách (chưa đăng nhập) sau thời điểm mở khóa → mở modal đăng nhập/mua gói
if (unlockAllPhanTich && memberID <= 0) {
if (!$badge.hasClass('upgrade-require')) {
$badge.addClass('upgrade-require');
}
// Không chặn sự kiện để handler trong modal.content.php bắt và mở modal
return;
}
// Thành viên → mở panel phân tích
e.preventDefault();
e.stopPropagation();
// Nếu badge đang analyzing thì không cho click
if ($badge.hasClass('analyzing') || $badge.data('analyzing')) {
return;
}
// Lấy address từ data-for attribute
const address = $badge.attr('data-for');
if (address && vbID) {
openPhanTichPanel(address, vbID);
} else {
showWarningModal('Không tìm thấy địa chỉ điều luật hoặc ID văn bản!');
}
});
// Ẩn badge khi click vào CTTD
$(document).on('click', 'cttd.chuthichtudong span, dctk span, dctd span', function(e) {
// Ẩn TẤT CẢ badge KHÔNG đang analyzing
$('.badge-phan-tich-container').each(function() {
const $badge = $(this);
if (!$badge.data('analyzing') && !$badge.hasClass('analyzing')) {
$badge.css({display: 'none'});
}
});
});
// Update badge position khi scroll hoặc resize (vì dùng position: fixed)
function updateBadgePositions() {
$('.badge-phan-tich-container:visible').each(function() {
const $badge = $(this);
const $parent = $badge.parent();
// Cập nhật position nếu parent đang hover HOẶC badge đang analyzing
if ($parent.length && ($parent.is(':hover') || $badge.data('analyzing'))) {
// Re-calculate position
const offset = $parent.offset();
const scrollTop = $(window).scrollTop();
const scrollLeft = $(window).scrollLeft();
const badgeWidth = $badge.outerWidth();
$badge.css({
top: (offset.top - scrollTop) + 'px',
left: (offset.left + $parent.outerWidth() - badgeWidth - scrollLeft - 5) + 'px'
});
}
});
}
$(window).on('scroll', updateBadgePositions);
$(window).on('resize', updateBadgePositions);
}
});
Tra cứu thuật ngữ với từ hoặc cụm từ đã chọn?
×
Công văn 4778/BXD-QHKT năm 2023 về góp ý kiến Quy hoạch vùng Đồng bằng sông Hồng thời kỳ 2021-2030, tầm nhìn đến năm 2050 do Bộ Xây dựng ban hành
