TOR Website

เจ้าของผลงานเล่าไว้แบบนี้

https://dashboard-tor.vercel.app # ระบบเอกสารจัดซื้อจัดจ้าง (TOR Website) เว็บไซต์เปิดดูและค้นหาเอกสาร TOR งานจัดซื้อจัดจ้าง จำแนกตามประเภท × ช่วงวงเงินงบประมาณ สร้างด้วย **Next.js 14 (App Router) + TypeScript + Tailwind CSS** ## เริ่มใช้งาน ```bash npm install npm run build:data # แปลง Excel → data/*.json (ต้องมี python3 + openpyxl) npm run dev # http://localhost:3000 ``` ## คำสั่ง | คำสั่ง | หน้าที่ | |--------|---------| | `npm run dev` | dev server | | `npm run build:data` | แปลง `โครงสร้างโฟลเดอร์_รวม_TOR.xlsx` → `data/projects.json`, `data/overview.json` | | `npm run build` | production build (static export ทุกหน้า) | | `npm run start` | รัน production server | ## โครงสร้าง ``` data/ ข้อมูล JSON (สร้างจาก Excel) public/docs/<code>/ วางไฟล์ PDF ของแต่ละโครงการที่นี่ scripts/build-data.py สคริปต์แปลงข้อมูล src/ app/ หน้าเว็บ (App Router) page.tsx Dashboard ภาพรวม type/[type]/ รายการตามประเภท (buy/rent/construction/service) project/[code]/ รายละเอียดโครงการ + ไฟล์ search/ ค้นหา (client-side) components/ UI components lib/ data loaders, constants, utils types/ TypeScript types ``` ## ไฟล์เอกสาร PDF ตอนนี้ระบบลิงก์ไปที่ `public/docs/<รหัสโครงการ>/<ชื่อไฟล์>` — นำไฟล์ PDF จริงมาวางตามรหัสโครงการ หรือปรับ `fileUrl()` ใน [src/lib/utils.ts](src/lib/utils.ts) ให้ชี้ไป object storage ภายนอก ## TOR Health (สถานะการอ่านไฟล์ + OCR) สถานะมาจากชีต **"เช็คการอ่านไฟล์"** ในไฟล์

โดย metierthailand579-ctrl · ดูโพสต์ต้นทาง