marketing

This commit is contained in:
2024-02-21 09:53:08 +07:00
parent a7bdbd38fe
commit 200a04e66a
10 changed files with 351 additions and 57 deletions

View File

@@ -6,11 +6,7 @@
}
button,
input,
select {
outline: none !important;
color: #000;
border-radius: 0;
cursor: pointer;
}
@@ -24,10 +20,12 @@ input,
optgroup,
select,
textarea {
outline: none;
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: #000;
border-radius: 0;
}
@@ -370,6 +368,7 @@ a {
}
.admin-menu .item:nth-child(n+10) .sub-menu {
top: unset;
bottom: -45px;
}
.admin-menu .sub-menu {
padding: 10px 22px 10px 15px;
@@ -742,6 +741,15 @@ input[type=radio]:focus:before {
}
/* Bán hàng */
.page-input {
width: 100%;
height: 36px;
padding: 0 10px;
border-radius: 4px;
border: 1px solid #D8D8D8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.order-page .order-page-title a {
margin: 0 2px 0 0;
border-radius: 4px 4px 0px 0px;
@@ -778,9 +786,6 @@ input[type=radio]:focus:before {
.order-page-table a {
color: #0041e8;
}
.order-page-table a:hover {
text-decoration: underline;
}
.order-page-table table {
width: 100%;
}
@@ -793,13 +798,15 @@ input[type=radio]:focus:before {
.order-page-table thead td {
padding: 8px;
}
.order-page-table tr:hover {
.order-page-table tbody td {
vertical-align: top;
}
.order-page-table tbody tr:hover {
background: #f5f7ff;
}
.order-page-table td {
padding: 10px;
border: 1px solid #ececec;
vertical-align: top;
}
.order-page-table select {
border-radius: 4px;
@@ -958,4 +965,16 @@ input[type=radio]:focus:before {
.list-info-reply td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.modal .order-page-table td {
vertical-align: middle;
}
.modal .brand-letters a {
width: 11.1111111111%;
text-transform: capitalize;
color: #0041E8;
}
.modal .brand-letters a:hover {
text-decoration: underline;
}/*# sourceMappingURL=pc_style.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -4,11 +4,7 @@
box-sizing: border-box;
}
button,
input,
select {
outline: none !important;
color: #000;
border-radius: 0;
cursor: pointer;
}
button,
@@ -20,10 +16,12 @@ input,
optgroup,
select,
textarea {
outline: none;
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: #000;
border-radius: 0;
}
input::-webkit-outer-spin-button,
@@ -357,6 +355,7 @@ a {
&:nth-child(n + 10) {
.sub-menu {
top: unset;
bottom: -45px;
}
}
}
@@ -753,6 +752,15 @@ input[type="radio"] {
}
/* Bán hàng */
.page-input {
width: 100%;
height: 36px;
padding: 0 10px;
border-radius: 4px;
border: 1px solid #D8D8D8;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
}
.order-page {
.order-page-title {
a {
@@ -795,9 +803,6 @@ input[type="radio"] {
line-height: 20px;
a {
color: #0041e8;
&:hover {
text-decoration: underline;
}
}
table {
width: 100%;
@@ -811,15 +816,19 @@ input[type="radio"] {
padding: 8px;
}
}
tr {
&:hover {
background: #f5f7ff;
tbody {
td {
vertical-align: top;
}
tr {
&:hover {
background: #f5f7ff;
}
}
}
td {
padding: 10px;
border: 1px solid #ececec;
vertical-align: top;
}
select {
border-radius: 4px;
@@ -990,3 +999,21 @@ input[type="radio"] {
border: 1px solid #ececec;
}
}
.modal{
.order-page-table {
td{
vertical-align: middle;
}
}
.brand-letters {
a{
width: calc(100% / 9);
text-transform: capitalize;
color: #0041E8;
&:hover{
text-decoration: underline;
}
}
}
}

View File

@@ -38,7 +38,7 @@ return array(
'view' => 'store-design',
'id' => 'system/store-design',
'name' => 'Banner pop-up',
'url' => '/admin/system/store-design&section=popup',
'url' => '/admin/system/store-design?section=popup',
),
array(
@@ -56,11 +56,11 @@ return array(
'view' => 'store-design',
'id' => 'system/store-design',
'name' => 'Hình nền website',
'url' => '/admin/system/store-design&section=background',
'url' => '/admin/system/store-design?section=background',
),*/
/* array(
'enable' => false,
'enable' => true,
'module' => 'email',
'view' => 'home',
'id' => 'email/home',
@@ -69,7 +69,7 @@ return array(
),*/
array(
'enable' => false,
'enable' => true,
'module' => 'url',
'view' => 'meta-list',
'id' => 'url/meta-list',
@@ -78,7 +78,7 @@ return array(
),
array(
'enable' => false,
'enable' => true,
'module' => 'url',
'view' => 'url-seo',
'id' => 'url/url-seo',
@@ -87,7 +87,7 @@ return array(
),
array(
'enable' => false ,
'enable' => true ,
'module' => 'marketing',
'view' => 'feed',
'id' => 'marketing/feed',
@@ -96,7 +96,7 @@ return array(
),
array(
'enable' => false ,
'enable' => true ,
'module' => 'marketing',
'view' => 'product-offer',
'id' => 'marketing/product-offer',
@@ -114,7 +114,7 @@ return array(
),*/
array(
'enable' => false ,
'enable' => true ,
'module' => 'marketing',
'view' => 'program',
'id' => 'marketing/program',
@@ -132,7 +132,7 @@ return array(
),
array(
'enable' => false ,
'enable' => true ,
'module' => 'marketing',
'view' => 'combo-deal',
'id' => 'marketing/combo-deal',
@@ -141,7 +141,7 @@ return array(
),
array(
'enable' => false ,
'enable' => true ,
'module' => 'marketing',
'view' => 'conditional-promotion',
'id' => 'marketing/conditional-promotion',
@@ -150,7 +150,7 @@ return array(
),
array(
'enable' => false ,
'enable' => true ,
'module' => 'marketing',
'view' => 'live-support-per-category',
'id' => 'marketing/live-support-per-category',

View File

@@ -41,16 +41,16 @@ return array(
'url' => '/admin/system/store-address',
),
/*4 => array(
4 => array(
'enable' => true ,
'module' => 'system',
'view' => 'domain',
'id' => 'system/domain',
'name' => 'Cài đặt tên miền',
'url' => '/admin/system/domain',
),*/
),
/*array(
array(
'enable' => true ,
'module' => 'system',
'view' => 'ban-ip',
@@ -66,9 +66,9 @@ return array(
'id' => '',
'name' => 'Thông tin website',
'url' => '/admin/system/change-info',
),*/
),
/*
array(
'enable' => true ,
@@ -77,52 +77,52 @@ return array(
'id' => '',
'name' => 'Cài đặt tỉnh thành',
'url' => '/admin/system/province-list',
),*/
),
/*9 => array(
9 => array(
'enable' => true ,
'module' => 'system',
'view' => 'home',
'id' => '',
'name' => 'Tình trạng đơn hàng',
'url' => '/admin/system/order-status',
),*/
),
/*array(
array(
'enable' => true ,
'module' => 'online_support',
'view' => 'home',
'id' => '',
'name' => 'Hỗ trợ bán hàng',
'url' => '/admin/online_support',
),*/
),
/*array(
array(
'enable' => true ,
'module' => 'system',
'view' => 'country',
'id' => '',
'name' => 'Quốc gia',
'url' => '/admin/system/country',
),*/
),
/*12 => array(
12 => array(
'enable' => true ,
'module' => 'report_out',
'view' => 'home',
'id' => '',
'name' => 'Cài đặt thông báo ngoài',
'url' => '/admin/report_out',
),*/
),
/*array(
array(
'enable' => true ,
'module' => 'shipping2',
'view' => 'home',
'id' => '',
'name' => 'Cài đặt phí vận chuyển',
'url' => '/admin/shipping2',
),*/
),
array(
'enable' => true ,
@@ -142,7 +142,7 @@ return array(
'url' => '/admin/tool',
),
/*array(
array(
'enable' => true ,
'module' => 'civi',
'view' => 'home',
@@ -167,7 +167,7 @@ return array(
'id' => 'system/keyword-suggest',
'name' => 'Từ khóa gợi ý',
'url' => '/admin/system/keyword-suggest',
),*/
),
array(
'enable' => true ,

View File

@@ -1,14 +1,19 @@
{% include javascript/global %}
{% if global.module == 'home' %}
{% include javascript/homepage %}
{% include javascript/homepage %}
{% elsif global.module == 'product' %}
{% if global.view == 'home' %}
{% include javascript/product_list %}
{% endif %}
{% if global.view == 'home' %}
{% include javascript/product_list %}
{% endif %}
{% include javascript/product_form %}
{% include javascript/product_form %}
{% elsif global.module == 'deal' %}
{% include javascript/product_form %}
{% endif %}

View File

@@ -0,0 +1,70 @@
<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
<p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Khuyến mại cấu hình máy tính </p>
<div class="text-right font-[500] leading-[35px] m-[0_0_20px_0] ">
<a href="/admin/marketing/conditional-promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm khuyến mại mới</span>
</a>
</div>
<div class="order-page-table">
<table>
<thead>
<tr>
<td> STT </td>
<td> Khuyến mại </td>
<td> Điều kiện áp dụng </td>
<td> Thông tin khác </td>
<td> Lựa chọn </td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"> 1 </td>
<td>
<p class="font-bold"> 20.000.000 </p>
<p> - Tặng tiền mặt: 500.000 </p>
<p> - Tùy chọn gói sản phẩm: 500.000 </p>
<p> - Nội dung:Tặng ngay tiền mặt 500.000 VNĐ </p>
</td>
<td>
<p>1. Bắt buộc phải có sản phẩm thuộc các danh mục: 30,31,32,164,35,36 </p>
<p>2. Giá trị đơn hàng trong khoảng: 20.000.000 VND - 30.000.000 VND </p>
</td>
<td>
<p> Tạo bởi: Nguyễn Tiến Dinh (10-11-2023, 10:06 am) </p>
<p> Cập nhật: Nguyễn Tiến Dinh (18-12-2023, 2:59 pm) </p>
</td>
<td>
<div class="items-center flex">
<a href="/admin/marketing/conditional-promotion-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
<a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
<a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
<a href="" class="icons icon-delete" title="Xóa"></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="paging">
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
<a href="" class="current">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
</div>
</div>

View File

@@ -0,0 +1,124 @@
<div class="global-breadcrumb-container">
<a href="/admin/marketing/conditional-promotion"> Khuyến mại BuildPC </a>
<a href=""> Form thêm / sửa khuyến mại </a>
</div>
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Cập nhật khuyến mại </p>
<a href="/admin/marketing/conditional-promotion-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
<span>Thêm khuyến mại</span>
</a>
<p class="w-[100%] text-[#6B7280]">
100 triệu
</p>
</div>
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
</div>
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="215"> <b>Tên gọi</b> </td>
<td>
<input type="text" value="" placeholder="Tên gọi" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
<i class="block text-[#6B7280] mt-[8px]"> * Phần này chỉ dùng cho quản trị viên phân biệt. </i>
</td>
</tr>
<tr>
<td> <b>Nội dung khuyến mại</b> </td>
<td>
<div class="mb-[15px]">
<p class="mb-[8px]">1. Tặng tiền mặt: <i class="text-[#6B7280] font-[300]">VND</i></p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<div class="mb-[15px]">
<p class="mb-[8px]">2. Tùy chọn gói sản phẩm: <i class="text-[#6B7280] font-[300]">VND</i></p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<div class="mb-[15px]">
<p class="mb-[8px]">3. Nội dung: </p>
<textarea id="product-desc"> </textarea>
</div>
</td>
</tr>
<tr>
<td> <b> Điều kiện áp dụng * </b> </td>
<td>
<div class="mb-[15px]">
<p class="mb-[8px]"> 1. Bắt buộc phải có sản phẩm thuộc các danh mục: </p>
<input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<p class="mb-[8px]">2. Giá trị đơn hàng trong khoảng: <i class="text-[#6B7280] font-[300]">VND</i></p>
<div class="flex items-center justify-between">
<div>
<p class="inline-block mr-[13px]"> Giá từ </p>
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
<div>
<p class="inline-block mr-[13px]"> Đến </p>
<input type="text" value="" class="w-[220px] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
</div>
</div>
</td>
</tr>
<tr>
<td> <b> Hiển thị </b> </td>
<td style="padding: 14px">
<label class="items-center cursor-pointer relative pl-[30px] mr-[15px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="1" class="left-0">
<span>Cho hiển thị</span>
</label>
<label class="items-center cursor-pointer relative pl-[30px]" style="display: inline-flex;">
<input type="radio" name="info[status]" value="0" checked class="left-0">
<span>Ẩn hiển thị</span>
</label>
</td>
</tr>
</table>
<input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
</form>
</div>
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
tinymce.init({
selector: 'textarea#product-desc',
height: 350,
menubar: true,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar: 'undo redo | formatselect | ' +
'bold italic backcolor | alignleft aligncenter ' +
'alignright alignjustify | bullist numlist outdent indent | ' +
'removeformat | help',
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});
</script>

View File

@@ -72,7 +72,7 @@
</td>
<td>
<div class="items-center" style="display: flex;">
<div class="items-center flex">
<a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
<!-- <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->

View File

@@ -0,0 +1,49 @@
<div class="max-w-[1141px] m-[17px_auto_20px]">
<div class="flex flex-wrap items-start justify-center">
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
<p class="font-bold text-[20px]"> Sản phẩm phiếu khuyến mại </p>
<a href="/admin/deal/deal-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
<i class="far fa-file-excel mr-2"></i>
<span>Tải danh sách hiện tại</span>
</a>
<p class="w-[100%] text-[#6B7280] mt-[10px]"> Hướng dẫn: Để cập nhật/xoá Sản phẩm có mã khuyến mại, tải file excel mới nhất về và sửa từ đó. Để xoá sp thì chỉ cần xoá sp khỏi file excel. Sau khi chỉnh xong file excel thì Upload lại để hệ thống nhận mới. </p>
</div>
<!-- col left -->
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
</div>
<!-- col right -->
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
<table>
<tr>
<td width="215"> File cập nhật </td>
<td>
<input type="file">
</td>
</tr>
<tr>
<td> Lựa chọn </td>
<td>
<label class="inline-flex items-center mb-[5px] cursor-pointer">
<input type="checkbox" class="mr-[10px] scale-[1.5]"/>
<span> Xóa dữ liệu cũ trước khi cập nhật </span>
</label>
<i class="block font-[300]">(* Nếu lựa chọn, hệ thống sẽ xóa bỏ hết dữ liệu đang có trước khi cập nhật dữ liệu nhận được từ file excel)</i>
</td>
</tr>
</table>
<input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]"/>
</form>
</div>
</div>