504 lines
28 KiB
HTML
504 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<title>Hura8</title>
|
|
<link type="text/css" rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
|
<link type="text/css" rel="stylesheet" href="./assets/css/style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="overlay" onclick="closeOverlay()"></div>
|
|
<div class="header">
|
|
<div class="container-1500">
|
|
<div class="header-top d-flex align-items-center justify-content-between">
|
|
<div class="left">
|
|
<a href="/" class="logo">
|
|
<img src="./assets/images/logo.png" alt="logo" width="140px" height="100%">
|
|
</a>
|
|
</div>
|
|
<div class="right d-flex align-items-center">
|
|
<form method="get" enctype="multipart/form-data" action=""
|
|
class="form-search d-flex align-items-center">
|
|
<input type="text" name="q" placeholder="Search" class="input-search">
|
|
<button type="submit" class="btn-search">Search</button>
|
|
</form>
|
|
<div class="notification" onclick="show_content('notification')">
|
|
<div class="icon_global bell"></div>
|
|
<div class="total-notification">20</div>
|
|
<div class="hover-notification">
|
|
<div class="title d-flex align-items-center justify-content-between">
|
|
<b>Thông báo</b>
|
|
<a href="javascript:void(0)" class="click_close"
|
|
onclick="close_content('notification')">
|
|
<i class="fa fa-close"></i>
|
|
</a>
|
|
</div>
|
|
<div class="list-notification">
|
|
<a href="#" class="item d-flex">
|
|
<i class="icon_global bell"></i>
|
|
<div class="txt">
|
|
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
|
|
<span class="time">11-05-2023 9:50 am</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="item d-flex">
|
|
<i class="icon_global bell"></i>
|
|
<div class="txt">
|
|
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
|
|
<span class="time">11-05-2023 9:50 am</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="item d-flex">
|
|
<i class="icon_global bell"></i>
|
|
<div class="txt">
|
|
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
|
|
<span class="time">11-05-2023 9:50 am</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="item d-flex">
|
|
<i class="icon_global bell"></i>
|
|
<div class="txt">
|
|
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
|
|
<span class="time">11-05-2023 9:50 am</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="item d-flex">
|
|
<i class="icon_global bell"></i>
|
|
<div class="txt">
|
|
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
|
|
<span class="time">11-05-2023 9:50 am</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="item d-flex">
|
|
<i class="icon_global bell"></i>
|
|
<div class="txt">
|
|
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
|
|
<span class="time">11-05-2023 9:50 am</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="item d-flex">
|
|
<i class="icon_global bell"></i>
|
|
<div class="txt">
|
|
<p>Jack đã đánh giá sản phẩm <b>HD0034</b></p>
|
|
<span class="time">11-05-2023 9:50 am</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<a href="#" class="more-all">Lịch sử thông báo</a>
|
|
</div>
|
|
</div>
|
|
<div class="user_login" onclick="show_content('user_login')">
|
|
<img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px">
|
|
<div class="hover-user-login">
|
|
<img src="./assets/images/avatar.png" alt="avatar" width="30px" height="30px"
|
|
class="avatar">
|
|
<b class="name-user">Jack</b>
|
|
<a href="#"><i class="fa-regular fa-envelope"></i> Linhpt@hurasoft.com</a>
|
|
<a href="#"><i class="fa fa-lock"></i> Thay đổi mật khẩu</a>
|
|
<a href="#" class="logout">Đăng xuất <i class="fa fa-sign-out"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-menu">
|
|
<div class="container-1500">
|
|
<div class="content-list-menu d-flex align-items-center">
|
|
<div class="item active">
|
|
<a href="/" class="title d-flex align-items-center">
|
|
<i class="fa-solid fa-house"></i>
|
|
<p class="text">Home</p>
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Bán hàng</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="" class="item-sub">Danh sách đơn hàng</a>
|
|
<a href="" class="item-sub">Thanh toán qua dịch vụ</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Sản phẩm</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="/admin/?opt=product">Danh sách Sản phẩm</a>
|
|
<a href="/admin/?opt=product&view=product-list-update">Bảng giá cập nhật</a>
|
|
<a href="/admin/?opt=product&view=category">Danh mục Sản phẩm</a>
|
|
<a href="/admin/?opt=brand">Danh sách thương hiệu</a>
|
|
<a href="/admin/?opt=product&view=attribute">Thuộc tính Sản phẩm</a>
|
|
<a href="/admin/?opt=product&view=collection">Bộ sưu tập</a>
|
|
<a href="/admin/?opt=config_group">Nhóm cấu hình sản phẩm</a>
|
|
<a href="/admin/?opt=product&view=spec-group">Nhóm thông số kỹ thuật</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Khách hàng</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="/admin/?opt=customer">Danh sách khách hàng</a>
|
|
<a href="/admin/?opt=customer&view=customer-contact">Khách hàng liên
|
|
hệ</a>
|
|
<a href="/admin/?opt=customer&view=comment">Tổng hợp trao đổi</a>
|
|
<a href="/admin/?opt=customer&view=review">Tổng hợp Đánh giá</a>
|
|
<a href="/admin/?opt=customer&view=customer-review">Khách hàng góp
|
|
ý</a>
|
|
<a href="/admin/?opt=customer&view=customer-newsletter">Khách hàng
|
|
nhận bản tin</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Marketing</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="/admin/?opt=marketing&view=coupon">Phiếu giảm giá - Voucher</a>
|
|
<a href="/admin/?opt=banner">Danh sách banner</a></p>
|
|
<a href="/admin/?opt=system&view=store-design&section=popup">Banner pop-up</a>
|
|
<a href="/admin/?opt=marketing&view=poster-upload">Poster</a>
|
|
<a href="/admin/?opt=system&view=store-design&section=background">Hình nền
|
|
website</a></p>
|
|
<a href="/admin/?opt=url&view=meta-list">Sửa thông tin URL</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Nội dung</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="/admin/?opt=article&type=article">Tin bài</a>
|
|
<a href="/admin/?opt=article&view=user-comment">Trao đổi của KH</a>
|
|
<a href="/admin/?opt=media">Danh sách Media</a>
|
|
<a href="/admin/?opt=page">Nội dung cố định</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Xây dụng máy tính</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="/admin/?opt=pcbuilder">Linh kiện máy tính</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Trả góp</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="/admin/?opt=payinstall&view=order">Danh sách đơn hàng</a>
|
|
<a href="/admin/?opt=payinstall">Cài đặt trả góp</a>
|
|
<a href="/admin/?opt=payinstall&view=category">Danh mục sản phẩm</a>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Thống kê</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="/admin/?opt=report&view=visitor">Thống kê truy cập</a>
|
|
<a href="/admin/?opt=report&view=customer">Thống kê khách hàng</a>
|
|
<a href="/admin/?opt=report&view=order">Thống kê đơn hàng</a>
|
|
<a href="/admin/?opt=report&view=product-buy">Sản phẩm mua nhiều</a>
|
|
</p>
|
|
<a href="/admin/?opt=report&view=product-visit">Sản phẩm xem nhiều</a>
|
|
<a href="/admin/?opt=report&view=referer">Web giới thiệu</a>
|
|
<a href="/admin/?opt=report&view=search">Từ khóa tìm kiếm</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<a class="title d-flex align-items-center" href="">
|
|
<p>Hệ thống</p>
|
|
<i class="fa-solid fa-caret-down"></i>
|
|
</a>
|
|
<div class="list-menu-sub">
|
|
<a href="/admin/?opt=system&view=settings">Cài đặt chung</a>
|
|
<a href="/admin/?opt=template">Sửa file template</a>
|
|
<a href="/admin/?opt=admin">Danh sách quản trị viên</a>
|
|
<a href="/admin/?opt=url&view=redirect">Url Redirect</a>
|
|
<a href="/admin/?opt=tool">Công cụ</a>
|
|
<a href="/admin/?opt=tag">Quản trị Tag</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="page_content edit-sell">
|
|
<div class="title d-flex align-items-center justify-content-between">
|
|
<div class="title-left">
|
|
<div id="breadcrumb" class="breadcrumb">
|
|
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
|
|
class="home">
|
|
<a href="/" itemprop="item" class="nopad-l">
|
|
<span itemprop="name">Bán hàng</span>
|
|
</a> <i class="fa fa-angle-right"></i>
|
|
<meta itemprop="position" content="1">
|
|
</li>
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
|
|
class="home">
|
|
<a href="/" itemprop="item" class="nopad-l">
|
|
<span itemprop="name">Danh sách đơn hàng</span>
|
|
</a> <i class="fa fa-angle-right"></i>
|
|
<meta itemprop="position" content="1">
|
|
</li>
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
|
|
class="home">
|
|
<a href="/" itemprop="item" class="nopad-l">
|
|
<span itemprop="name">Chi tiết đơn hàng</span>
|
|
</a>
|
|
<meta itemprop="position" content="1">
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
<div class="info-basic d-flex align-items-center">
|
|
<b class="red">Mã đơn hàng: HR002</b>
|
|
<p class="time">
|
|
<i class="fa-regular fa-clock"></i>
|
|
11-05-2023, 9:50 am
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="title-right">
|
|
<div class="item">
|
|
<p>Trạng thái:</p>
|
|
<span class="blue status">Đã thanh toán</span>
|
|
</div>
|
|
<div class="item">
|
|
<p>Vận chuyển:</p>
|
|
<span class="blue ship">Đã chuyển</span>
|
|
</div>
|
|
<a href="/print/admin.php?id=10&item=10&time=1687923766&key=a7484c3eee261e1fe35740b667bb2fce&view=order-detail-new"
|
|
target="_blank" class="btn-print-cart">
|
|
<i class="fa-solid fa-print"></i>
|
|
In đơn hàng
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="form-edit-order d-flex">
|
|
<div class="form-left">
|
|
<div class="box-user">
|
|
<b>Khách hàng</b>
|
|
<div class="item">
|
|
<label>Tên khách hàng</label>
|
|
<input type="text" id="js-shipping-address-person_name" value="Nguyễn Văn A"
|
|
class="form-control">
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<div class="item item-2">
|
|
<label>Số điện thoại</label>
|
|
<input type="text" id="js-shipping-address-mobile" value="045.235.2614"
|
|
class="form-control">
|
|
</div>
|
|
<div class="item item-2">
|
|
<label>Email</label>
|
|
<input type="text" id="js-shipping-address-email" value="Phamvana@gmail.com"
|
|
class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<label>Địa chỉ nhận hàng</label>
|
|
<input type="text" id="js-shipping-address-address"
|
|
value="Số 3 ngõ 18 Yên Lãng, Phường Láng Hạ, Quận Đống Đa, Phường Láng Hạ, Quận Đống Đa, Hà Nội."
|
|
class="form-control">
|
|
</div>
|
|
<div class="item">
|
|
<label>Địa chỉ thanh toán</label>
|
|
<input type="text" id="js-payment-address-address" value="Như địa chỉ nhận hàng"
|
|
class="form-control">
|
|
</div>
|
|
<div class="item">
|
|
<label>Ghi chú đơn hàng</label>
|
|
<textarea id="js-shipping-address-note" cols="30" rows="1" class="form-control"
|
|
placeholder="Ghi chú"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="box-list-product">
|
|
<b>Sản phẩm</b>
|
|
<table width="100%" id="tb_padding">
|
|
<tbody>
|
|
<tr>
|
|
<th>STT</th>
|
|
<th>Mã kho</th>
|
|
<th>Ảnh</th>
|
|
<th>Tên sản phẩm</th>
|
|
<th>Giá</th>
|
|
<th>SL</th>
|
|
<th>Tổng</th>
|
|
<th>Ghi chú</th>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>PI543</td>
|
|
<td>
|
|
<img src="https://via.placeholder.com/32" alt="" width="32px" height="32px">
|
|
</td>
|
|
<td><a href="#" class="name" target="_blank">Chuột máy tính Logictech 002</a></td>
|
|
<td>150.000 đ</td>
|
|
<td>02</td>
|
|
<td>300.000 đ</td>
|
|
<td>Demo</td>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>PI543</td>
|
|
<td>
|
|
<img src="https://via.placeholder.com/32" alt="" width="32px" height="32px">
|
|
</td>
|
|
<td><a href="#" class="name" target="_blank">Chuột máy tính Logictech 002</a></td>
|
|
<td>150.000 đ</td>
|
|
<td>02</td>
|
|
<td>300.000 đ</td>
|
|
<td>Demo</td>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>PI543</td>
|
|
<td>
|
|
<img src="https://via.placeholder.com/32" alt="" width="32px" height="32px">
|
|
</td>
|
|
<td><a href="#" class="name" target="_blank">Chuột máy tính Logictech 002</a></td>
|
|
<td>150.000 đ</td>
|
|
<td>02</td>
|
|
<td>300.000 đ</td>
|
|
<td>Demo</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="box-expense">
|
|
<b>Số tiền</b>
|
|
<table width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<td>Tổng giá trị</td>
|
|
<td>7.260.000 đ</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Phí vận chuyển & giao hàng</td>
|
|
<td>0 đ<a href="quick_view.php?view=add-order-shipping-fee&orderId=10"
|
|
class="pop-up-small cboxElement"><i class="fa-solid fa-pencil"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Phí thu hộ</td>
|
|
<td>0 đ<a href="quick_view.php?view=add-order-shipping-fee&orderId=10"
|
|
class="pop-up-small cboxElement"><i class="fa-solid fa-pencil"></i></a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tổng thu</td>
|
|
<td>7.260.000 đ</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="box-history">
|
|
<b>Lịch sửa cập nhật</b>
|
|
<table width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<th>STT</th>
|
|
<th>Phân loại</th>
|
|
<th>Trạng thái</th>
|
|
<th>Ghi chú</th>
|
|
<th>Người cập nhật</th>
|
|
</tr>
|
|
<tr>
|
|
<td>01</td>
|
|
<td>Payment</td>
|
|
<td>Paid</td>
|
|
<td>Đã nhận đủ</td>
|
|
<td>Linh lúc 28-06-2024, 11:28 pm</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="form-right">
|
|
<div class="box-assign">
|
|
<b>Nhận sự xử lý đơn hàng</b>
|
|
<select
|
|
onchange="OrderManagement.assignAdmin('10', this.value, this.options[this.selectedIndex].text)"
|
|
class="form-control select">
|
|
<option value="">Chọn nhân sự xử lý đơn hàng</option>
|
|
<option value="1">HuraSoft</option>
|
|
<option value="2">hurasoft - Kỹ thuật</option>
|
|
</select>
|
|
</div>
|
|
<div class="box-start-pay">
|
|
<b>Trạng thái thanh toán</b>
|
|
<select onchange="" class="form-control">
|
|
<option value="">Chọn trạng thái thanh toán</option>
|
|
<option value="1">Chờ</option>
|
|
<option value="2">Đã xác nhận</option>
|
|
<option value="2">Sắp hết hạn</option>
|
|
</select>
|
|
<textarea placeholder="Ghi chú" cols="30" rows="1" id="js-payment-comment"
|
|
class="form-control"></textarea>
|
|
<div class="note">
|
|
Khách chọn: Thanh toán khi nhận hàng (COD)
|
|
</div>
|
|
</div>
|
|
<div class="box-start-ship">
|
|
<b>Trạng thái vận chuyển</b>
|
|
<select onchange="" class="form-control">
|
|
<option value="">Chọn trạng thái vận chuyển</option>
|
|
<option value="1">Chờ</option>
|
|
<option value="2">Đã xác nhận</option>
|
|
</select>
|
|
<textarea placeholder="Ghi chú" cols="30" rows="1" id="js-shipment-comment"
|
|
class="form-control"></textarea>
|
|
<div class="note">
|
|
Khách chọn: Giao hàng nhanh trong 2 giờ (Nội thành Hà Nội +HCM)
|
|
</div>
|
|
</div>
|
|
<div class="box-start-order">
|
|
<b>Trạng thái đơn hàng</b>
|
|
<select onchange="" class="form-control">
|
|
<option value="">Chọn trạng thái đơn hàng</option>
|
|
<option value="1">Chờ</option>
|
|
<option value="2">Đã xác nhận</option>
|
|
</select><textarea placeholder="Ghi chú" cols="30" rows="2" id="js-orderment-comment"
|
|
class="form-control"></textarea>
|
|
</div>
|
|
<div class="box-note">
|
|
<b>Ghi chú</b>
|
|
<textarea placeholder="Ghi chú" cols="30" class="form-control" rows="4"
|
|
id="js-comment"></textarea>
|
|
</div>
|
|
<input type="button" onclick="OrderManagement.update_admin_comment()" value="Lưu lại"
|
|
class="btn-save">
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
|
</html> |