[{"data":1,"prerenderedAt":145},["ShallowReactive",2],{"ui-script-compact-ui-reservation-details-th":3},{"id":4,"title":5,"body":6,"description":132,"extension":133,"meta":134,"navigation":140,"path":141,"seo":142,"stem":143,"__hash__":144},"content/scripts/th/compact-ui-reservation-details.md","อินเทอร์เฟซกะทัดรัดสำหรับรายละเอียดการจอง",{"type":7,"value":8,"toc":123},"minimark",[9,13,17,20,23,26,47,50,53,72,75,102,105],[10,11,12],"p",{},"สคริปต์นี้ปรับเลย์เอาต์ของหน้าต่างการจองใน Little Hotelier Front Desk ให้กระชับขึ้น และเพิ่มความสูงให้ช่องความคิดเห็นของแขก เหมาะสำหรับเจ้าหน้าที่แผนกต้อนรับที่เปิดการจองจำนวนมากในแต่ละวัน และต้องการอ่านบันทึกที่แขกหรือเพื่อนร่วมงานทิ้งไว้ โดยไม่ต้องเลื่อนในกล่องเล็กๆ",[14,15,16],"h2",{"id":16},"ปัญหาที่สคริปต์นี้แก้",[10,18,19],{},"ความคิดเห็นของแขกมักมีข้อมูลสำคัญตอนเช็คอิน เช่น มาถึงดึก เตียงเด็ก ขอที่จอดรถ หรือโอกาสพิเศษ ในหน้าต่างการจองมาตรฐาน ช่องความคิดเห็นสั้น บันทึกที่ยาวจึงถูกตัด และต้องเลื่อนในช่อง ขณะเดียวกัน ระยะห่างด้านบนของแท็บ และระยะห่างรอบพื้นที่แจ้งเตือนและเส้นคั่น ก็ดันช่องที่มีประโยชน์ลงไปด้านล่าง",[14,21,22],{"id":22},"สิ่งที่เปลี่ยนไป",[10,24,25],{},"บนหน้าจอการจองใน Front Desk:",[27,28,29,38,41,44],"ul",{},[30,31,32,33,37],"li",{},"กล่องข้อความ",[34,35,36],"strong",{},"ความคิดเห็นของแขก"," (guest comments) สูงอย่างน้อย 126 พิกเซล เห็นบันทึกได้หลายบรรทัดพร้อมกัน",[30,39,40],{},"ลบระยะห่างด้านบนของเนื้อหาในแท็บของการจองออก",[30,42,43],{},"พื้นที่แจ้งเตือนที่ว่างเปล่าไม่เพิ่มระยะห่างอีกต่อไป",[30,45,46],{},"เส้นคั่นแนวนอนไม่มีระยะห่างส่วนเกิน",[10,48,49],{},"ช่อง ปุ่ม และแท็บยังอยู่ที่เดิม เปลี่ยนเฉพาะระยะห่างและความสูงของช่องความคิดเห็น",[14,51,52],{"id":52},"วิธีติดตั้ง",[10,54,55,56,59,60,65,66],{},"ติดตั้งส่วนขยาย Tampermonkey ซึ่งใช้งานได้ฟรี กด ",[34,57,58],{},"ติดตั้งบน Tampermonkey"," ในหน้านี้ ยืนยัน แล้วโหลด Little Hotelier ใหม่ ",[61,62,64],"a",{"href":63},"/tools/ui/instructions","คู่มือการติดตั้ง"," มีภาพประกอบทุกขั้นตอน สคริปต์ทำงานบนหน้า Front Desk ที่ app.littlehotelier.com และสไตล์มีผลเฉพาะหน้าต่างการจอง ใช้งานได้ฟรีและเป็นโอเพนซอร์ส: ",[61,67,71],{"href":68,"rel":69},"https://github.com/JuanmanDev/TampermonkeyLittleHotelier/blob/main/frontdesk/reservationDetails/compactUIReservationDetails.user.js",[70],"nofollow","โค้ดอยู่บน GitHub",[14,73,74],{"id":74},"ข้อควรรู้",[27,76,77,80,83,91,99],{},[30,78,79],{},"สคริปต์ทำงานโดยเพิ่มสไตล์ไม่กี่รายการเมื่อโหลดหน้า ไม่อ่าน ไม่แก้ไข และไม่เก็บข้อมูลการจอง",[30,81,82],{},"บันทึกที่ยาวกว่าความสูงใหม่ยังเลื่อนในกล่องได้ตามปกติ",[30,84,85,86,90],{},"ใช้งานได้เหมือนกันทั้งบนเดสก์ท็อปและหน้าจอสัมผัส สำหรับแท็บเล็ต ให้ใช้ร่วมกับ",[61,87,89],{"href":88},"/tools/ui/improve-style-touch-screens","ปรับปรุงสไตล์สำหรับหน้าจอสัมผัส"," ซึ่งขยายเมนู Print และ Email ให้ใหญ่ขึ้น",[30,92,93,94,98],{},"ใช้ร่วมกับ",[61,95,97],{"href":96},"/tools/ui/easy-save-province-country","บันทึกจังหวัดและประเทศอย่างง่าย","ได้ดี ซึ่งทำงานกับแบบฟอร์มแขกในหน้าต่างเดียวกัน",[30,100,101],{},"หาก Little Hotelier เปลี่ยนหน้าต่างการจอง การปรับระยะห่างบางส่วนอาจหยุดทำงานจนกว่าจะอัปเดตสคริปต์",[14,103,104],{"id":104},"เรื่องที่เกี่ยวข้อง",[27,106,107,111,117],{},[30,108,109],{},[61,110,89],{"href":88},[30,112,113],{},[61,114,116],{"href":115},"/blog/hotel-front-desk-checklist-automation","เช็คลิสต์ front office โรงแรม: 8 ข้อก่อนแขกมาถึง",[30,118,119],{},[61,120,122],{"href":121},"/blog/little-hotelier-chrome-extensions","ส่วนขยาย Chrome ฟรีที่ทำให้ Little Hotelier เร็วขึ้น",{"title":124,"searchDepth":125,"depth":125,"links":126},"",2,[127,128,129,130,131],{"id":16,"depth":125,"text":16},{"id":22,"depth":125,"text":22},{"id":52,"depth":125,"text":52},{"id":74,"depth":125,"text":74},{"id":104,"depth":125,"text":104},"ลดระยะห่างส่วนเกินในหน้าต่างการจองของ Little Hotelier และทำช่องความคิดเห็นของแขกให้สูงขึ้น อ่านบันทึกได้โดยไม่ต้องเลื่อนในช่อง","md",{"github":68,"category":135,"images":136},"Reservation Details",{"before":137,"after":138,"gallery":139},"/images/scripts/compact-ui-reservation-details/from.png","/images/scripts/compact-ui-reservation-details/to.png",[137,138],true,"/scripts/th/compact-ui-reservation-details",{"title":5,"description":132},"scripts/th/compact-ui-reservation-details","KRFe3JZD6Uxw9Cyq24FzNmEc_lSbxYaCv7933o7NGEY",1792099677868]