This commit is contained in:
2025-02-14 16:17:58 +07:00
parent e60866c99f
commit 84731fc375
17 changed files with 283 additions and 170 deletions

View File

@@ -22,8 +22,8 @@
Tổng số mặc cả giá nhận được: <b> 1.458 </b>
</p>
<div class="">
<table class="table">
<div class="max-w-[1600px] overflow-x-auto whitespace-nowrap">
<table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]">
<td width="50"> STT </td>

View File

@@ -26,7 +26,8 @@
</div>
<div class="flex flex-wrap justify-between">
<div class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[15px] bg-white w-[852px] p-[16px] mb-[25px]">
<div
class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[15px] bg-white 2xl:w-[852px] lg:w-[100%] md:w-[100%] sm:w-[100%] p-[16px] mb-[25px]">
<div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">1. Khách hàng</p>
@@ -74,9 +75,10 @@
<div class="mb-[20px]">
<p class="text-[16px] font-[700] mb-[13px]">2. Sản phẩm</p>
<div class="order-page-table text-center">
<table>
<thead>
<div
class="lg:max-w-[1600px] ms:max-w-[1600px] md:max-w-[1600px] 2xl:w-[100%] 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
<table class="table text-center">
<thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
<tr>
<td> STT </td>
<td> Mã kho </td>
@@ -181,7 +183,7 @@
</div>
</div>
<div class="rounded-[10px] w-[273px] leading-[18px]">
<div class="lg:w-[100%] md:w-[100%] sm:w-[100%] rounded-[10px] 2xl:w-[273px] leading-[18px]">
<div
class="rounded-[15px] w-[100%] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">

View File

@@ -1,4 +1,4 @@
<div class="order-page m-[16px] p-[20px_15px] bg-white">
<div class="order-page m-[16px_0_16px_16px] p-[20px_15px] bg-white">
<p class="m-[0_0_10px] text-[24px] font-[600] leading-[31px]">Danh sách đơn hàng </p>
<div class="order-page-title flex flex-wrap mb-[17px] leading-[36px]">
@@ -19,14 +19,14 @@
<div
class="flex flex-wrap items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<div class="flex items-center mb-[10px]">
<div class="flex items-center flex-wrap mb-[10px]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<span class="whitespace-nowrap">hoặc</span>
<span class="whitespace-nowrap lg:hidden sm:hidden">hoặc</span>
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
class="w-[375px] sm:mt-[10px] sm:ml-[0] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<div class="flex items-center mb-[10px]">
@@ -58,8 +58,8 @@
</div>
</form>
<div class="flex items-center justify-between m-[14px_0_20px]">
<div>
<div class="flex items-center flex-wrap justify-between m-[14px_0_20px]">
<div class="2xl:w-[50%] md:w-[100%]">
<p class="m-[0_55px_0_0] inline-block">
Tổng số đơn hàng: <b>1.458</b>
</p>
@@ -69,9 +69,9 @@
</p>
</div>
<div>
<div class="2xl:w-[50%] md:w-[100%] flex 2xl:justify-end md:justify-start md:mt-[10px]">
<a href=""
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block">
<i class="fas fa-print m-[0_4px_0_0]"></i> In danh sách
</a>
@@ -82,8 +82,8 @@
</div>
</div>
<div>
<table class="table">
<div class="max-w-[1600px] overflow-x-auto whitespace-nowrap">
<table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]">
<tr>
<td> STT </td>
@@ -93,7 +93,8 @@
<td> Tỉnh/TP </td>
<td class="w-[150px]"> Giá trị </td>
<td width="150">
<select onchange="setHiddenValue('js-payment', this.value); runFilter()">
<select onchange="setHiddenValue('js-payment', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[110px] pl-[5px]">
<option value="">Thanh toán</option>
{% for _item in page.payment_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -102,7 +103,8 @@
</td>
<td width="160">
<select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()">
<select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[110px] pl-[5px]">
<option value="">Vận chuyển</option>
{% for _item in page.fullfillment_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -111,7 +113,8 @@
</td>
<td width="170">
<select onchange="setHiddenValue('js-status', this.value); runFilter()">
<select onchange="setHiddenValue('js-status', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[140px] pl-[5px]">
<option value="">Tình trạng đơn</option>
{% for _item in page.order_status_list %}
<option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -120,7 +123,8 @@
</td>
<td width="180">
<select onchange="setHiddenValue('assign_to', this.value); runFilter()">
<select onchange="setHiddenValue('assign_to', this.value); runFilter()"
class="select h-[35px] min-h-[35px] min-w-[150px] pl-[5px]">
<option value="">Người được giao</option>
</select>
</td>

View File

@@ -20,11 +20,11 @@
</div>
<form method="get" enctype="multipart/form-data" action="/admin/"
class="flex items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
class="flex flex-wrap items-center border-[#F6F6F6] m-[12px_0_20px] p-[15px_15px_0_15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_15px_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
<div class="items-center flex">
<div class="items-center flex mb-[15px]">
<p class="mr-1"> Từ ngày </p>
<div class="relative m-[0_20px_0_10px]">
@@ -34,7 +34,7 @@
</div>
</div>
<div class="items-center flex">
<div class="items-center flex mb-[15px]">
<p class="mr-1"> Đến ngày </p>
<div class="relative m-[0_20px_0_10px]">
@@ -45,7 +45,7 @@
</div>
<input type="submit" value="Tìm kiếm"
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mb-[15px] cursor-pointer rounded-[4px]">
</form>
<div class="m-[14px_0] flex items-center justify-between">

View File

@@ -37,13 +37,14 @@
</a>
</div>
<div>
<table class="table">
<div
class="lg:max-w-[1200px] ms:max-w-[1200px] md:max-w-[1200px] 2xl:w-[100%] 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
<table class="table table-pin-rows table-pin-cols">
<thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
<tr class="font-[600]">
<td width="55"> STT </td>
<td> Khách hàng </td>
<td width="420"> Sản phẩm </td>
<td width="420" class="w-[420px]"> Sản phẩm </td>
<td> Nhận hàng tại </td>
<td> Ghi chú </td>
<td> Trạng thái </td>
@@ -54,13 +55,13 @@
<tbody>
<tr id="row_1">
<td align="center"> 1 </td>
<td>
<td class="whitespace-nowrap">
<p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
<p> - Email: sonnq57@yahoo.com.sg </p>
<p> - Tel: 0913236989 </p>
</td>
<td>
<td class="">
<a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB,
RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
</td>