TVK
Tâm Võ Khắc

Feedback Request Form - Copy this Html, Tailwind Component to your project

Tôi có code thấy thông tin checklist của số hợp đồng này, bạn viết 1 form cho tôi sử dụng html tailwind css thiết kế giao diện dẹp để hiển thị yêu cầu phản hồi của api này async function handleChecklist(ctx, contractNumber) { const data = { soHD: contractNumber, token: process.env.TOKEN, tokenAPI: process.env.TOKEN_API, }; try { ctx.reply(`Đang kiểm tra checklist ...${contractNumber}`); logger.info(`Đang kiểm tra checklist: ${JSON.stringify(data)}`); const response = await fetch( "https://icdpmobile.fpt.net/v1/icdp backend mobile/tool system/botchat/customer checklist", { method: "POST", headers: { Host: "icdpmobile.fpt.net", "User Agent": "icdpMobile/18 CFNetwork/1498.700.2 Darwin/23.6.0", tokenapi: data.tokenAPI, Connection: "keep alive", Accept: "application/json, text/plain, */*", token: process.env.TOKEN, Authorization: `Bearer ${data.tokenAPI}`, "Accept Language": "vi VN,vi;q=0.9", "Content Type": "application/json", }, body: JSON.stringify(data), } ); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const result = await response.json(); if (result.success) { const payload = result.payload; const mo_ta = Object.entries(payload.mo_ta) .map(([time, desc]) => `${time}: ${desc}`) .join("\n"); const formattedMessage = ` 𝑫𝒊𝒂 𝒄𝒉𝒊: ${payload.dia_chi} 𝑷𝒉𝒂̂𝒏 𝒄𝒐̂𝒏𝒈: ${payload.phan_cong} 𝑻𝒉𝒐̛̀𝒊 𝒈𝒊𝒂𝒏 𝒍𝒆̂𝒏 𝒄𝒉𝒆𝒄𝒌𝒍𝒊𝒔𝒕: ${payload.thoi_gian_len_checklist} 𝑻𝒉𝒐̛̀𝒊 𝒈𝒊𝒂𝒏 𝒔𝒖̛̉ 𝒅𝒖̣𝒏𝒈: ${payload.thoi_gian_su_dung} 𝑻𝒉𝒐̂𝒏𝒈 𝒔𝒐̂́ 𝒕𝒉𝒊 𝒄𝒐̂𝒏𝒈: ${payload.thong_so_thi_cong} 𝑻𝒉𝒐̂𝒏𝒈 𝒕𝒊𝒏 𝒃𝒂𝒏 đ𝒂̂̀𝒖: ${payload.thong_tin_ban_dau || "𝑲𝒉𝒐̂𝒏𝒈 𝒄𝒐́"} 𝑴𝒐̂ 𝒕𝒂̉ 𝒄𝒉𝒊 𝒕𝒊𝒆̂́𝒕:${mo_ta}`; ctx.reply(formattedMessage); logger.info( `User ${ctx.from.id} received checklist data: ${formattedMessage}` ); } else { ctx.reply("➡️ 𝑲𝒉𝒐̂𝒏𝒈 𝒕𝒊̀𝒎 𝒕𝒉𝒂̂́𝒚 𝒕𝒉𝒐̂𝒏𝒈 𝒕𝒊𝒏 𝒄𝒉𝒆𝒄𝒌𝒍𝒊𝒔𝒕."); logger.error(`User ${ctx.from.id} failed to receive checklist data`); } } catch (error) { console.error("Error:", error); ctx.reply(`𝑪𝒐́ 𝒍𝒐̂̃𝒊 𝒙𝒂̉𝒚 𝒓𝒂 𝒌𝒉𝒊 𝒌𝒊𝒆̂̉𝒎 𝒕𝒓𝒂 𝒄𝒉𝒆𝒄𝒌𝒍𝒊𝒔𝒕: ${error.message}`); logger.error(`Error for user ${ctx.from.id}: ${error.message}`); } showBackButton(ctx); }

Prompt
Component Preview

About

Feedback Request Form - Create a stylish form to collect feedback with fields for contract details and API integration, built with html. Copy now for free!

Share

Last updated 1 month ago