Untitled

        // {
        //     key: "dv_lap_du_an",
        //     title: "Trạng thái",
        //     dataIndex: "trang_thai_du_an",
        //     align: "start",
        //     width: "150px",
        //     render: (data) => {
        //         let color, text
        //         switch (data) {
        //             case 1:
        //                 color = "#1890ff"

        //                 text = "Khởi công mới"
        //                 break
        //             case 2:
        //                 color = "#87d068"
        //                 text = "Cũ (chuyển tiếp)"
        //                 break
        //             case 3:
        //                 color = "#fa8c16"
        //                 text = "Cũ (đã hoàn thành)"
        //                 break
        //             case 4:
        //                 color = "#13c2c2"
        //                 text = "Chuẩn bị đầu tư"
        //                 break
        //             case 5:
        //                 color = "#d4b106"
        //                 text = "Giãn, hoãn tiến độ"
        //                 break
        //             case 6:
        //                 color = "#722ed1"
        //                 text = "Nâng cấp, cải tạo"
        //                 break
        //             default:
        //                 color = "#fa541c"
        //                 text = "Nâng cấp, mở rộng"
        //         }
        //         return (
        //             <Tag bordered={false} color={color}>
        //                 {text}
        //             </Tag>
        //         )
        //     },
        // },

        // { key: "ma_du_an", title: "Mã dự án", dataIndex: "ma_du_an", align: "start", width: "140px" },
        // {
        //     key: "5",
        //     title: "Địa điểm xây dựng",
        //     dataIndex: "dia_diem_xay_dung",
        //     align: "left",
        //     width: "340px",
        //     render: (dia_diem) => {
        //         return dia_diem
        //             ? dia_diem.map((value, index) => (
        //                   <span key={index}>
        //                       {value.ten}
        //                       {index < dia_diem.length - 1 && <span className="me-1">,</span>}
        //                   </span>
        //               ))
        //             : ""
        //     },
        // },
        // {
        //     key: "6",
        //     title: <span>Thời gian KC-HT</span>,
        //     dataIndex: "thoiGianKCHT",
        //     align: "left",
        //     width: "150px",
        //     render: (text, record) => (
        //         <>
        //             {record.nam_ket_thuc ? (
        //                 <div>
        //                     <span>{record.nam_bat_dau} - </span> <span>{record.nam_ket_thuc}</span>{" "}
        //                 </div>
        //             ) : (
        //                 ""
        //             )}
        //         </>
        //     ),
        // },
        // {
        //     key: "7",
        //     title: "Nhóm dự án",
        //     dataIndex: "id_nhom_du_an",
        //     align: "center",
        //     width: "120px",
        //     render: (text, record) => {
        //         const nhomDuAnTags = {
        //             1: <Tag color="magenta">Nhóm A</Tag>,
        //             2: <Tag color="green">Nhóm B</Tag>,
        //             3: <Tag color="volcano">Nhóm C</Tag>,
        //             4: (
        //                 <Tag color="purple">
        //                     Chương trình,
        //                     <br />
        //                     dự án quan trọng quốc gia
        //                 </Tag>
        //             ),
        //         }
        //         return nhomDuAnTags[record.id_nhom_du_an] || <span></span>
        //     },
        // },
        // {
        //     key: "8",
        //     title: "Loại dự án",
        //     dataIndex: "loai_du_an",
        //     align: "center",
        //     width: "170px",
        //     render: (text, record) =>
        //         record.loai_du_an === 1 ? (
        //             <Tag color="#13c2c2">Do nhà nước đề xuất</Tag>
        //         ) : (
        //             <Tag color="#a0d911">Do nhà thầu đề xuất</Tag>
        //         ),
        // },