master
mahdi andalib 3 years ago
parent d06ceba048
commit 91058f7d36
  1. 70
      src/components/ReactTable4/EditRow.js

@ -5,7 +5,7 @@ const EditRow = ({ row, columns }) => {
return ( return (
<div <div
className="flex flex-col border-r-4 border-blue-600 p-2" className="flex flex-col border-r-4 border-blue-600 p-2 rounded-sm"
style={{ backgroundColor: "#F1F5FE" }} style={{ backgroundColor: "#F1F5FE" }}
> >
{/* 1 */} {/* 1 */}
@ -25,89 +25,113 @@ const EditRow = ({ row, columns }) => {
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-11/12 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.name} value={row.name}
// style={{ width: "100%" }} // style={{ width: "100%" }}
/> />
</div> </div>
{/* 2 */} {/* 2 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
تاریخ سفارش: تاریخ سفارش:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.order_date} value={row.order_date}
/> />
</div> </div>
{/* 3 */} {/* 3 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
مبلغ سفارش: مبلغ سفارش:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.order_price} value={row.order_price}
/> />
</div> </div>
{/* 4 */} {/* 4 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
شماره سفارش: شماره سفارش:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.order_number} value={row.order_number}
/> />
</div> </div>
{/* 5 */} {/* 5 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
شغل کاربر: شغل کاربر:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.user_job} value={row.user_job}
/> />
</div> </div>
{/* 6 */} {/* 6 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
وضعیت سفارش: وضعیت سفارش:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
// value={columns[5].Cell({ value: row.order_status })}
value={row.order_status} value={row.order_status}
/> />
</div> </div>

Loading…
Cancel
Save