From f412201ed805ed326278fd0309303b5f12a2aa1c Mon Sep 17 00:00:00 2001 From: Tieptk Date: Mon, 3 Jul 2023 16:04:33 +0700 Subject: [PATCH] giao dien admin hura 8 --- assets/css/style.css | 2166 ++++++++++++++++++++++++++++ assets/css/style.css.map | 1 + assets/css/style.scss | 2244 ++++++++++++++++++++++++++++++ assets/images/avatar.png | Bin 0 -> 6712 bytes assets/images/background-tag.png | Bin 0 -> 383 bytes assets/images/icon_global.png | Bin 0 -> 10301 bytes assets/images/image_upload.png | Bin 0 -> 646 bytes assets/images/logo-brand.png | Bin 0 -> 2112 bytes assets/images/logo.png | Bin 0 -> 3321 bytes assets/images/sprite.png | Bin 0 -> 5787 bytes assets/js/chart_home.js | 254 ++++ assets/js/home.js | 36 + ban_hang.html | 565 ++++++++ bao_gia_san_pham.html | 393 ++++++ danh_muc_san_pham.html | 332 +++++ danh_sach_nhom_cau_hinh.html | 354 +++++ danh_sach_san_pham.html | 462 ++++++ danh_sach_thuong_hieu.html | 320 +++++ dat_cho_san_pham.html | 379 +++++ home.html | 638 +++++++++ khach-hang.html | 734 ++++++++++ marketing.html | 1517 ++++++++++++++++++++ sua_ban_hang.html | 504 +++++++ thanh_toan_qua_cong.html | 412 ++++++ them_bo_su_tap.html | 359 +++++ them_danh_muc_san_pham.html | 465 +++++++ them_nhom_cau_hinh.html | 329 +++++ them_san_pham.html | 580 ++++++++ them_thuoc_tinh_san_pham.html | 437 ++++++ them_thuong_hieu_san_pham.html | 368 +++++ 30 files changed, 13849 insertions(+) create mode 100644 assets/css/style.css create mode 100644 assets/css/style.css.map create mode 100644 assets/css/style.scss create mode 100644 assets/images/avatar.png create mode 100644 assets/images/background-tag.png create mode 100644 assets/images/icon_global.png create mode 100644 assets/images/image_upload.png create mode 100644 assets/images/logo-brand.png create mode 100644 assets/images/logo.png create mode 100644 assets/images/sprite.png create mode 100644 assets/js/chart_home.js create mode 100644 assets/js/home.js create mode 100644 ban_hang.html create mode 100644 bao_gia_san_pham.html create mode 100644 danh_muc_san_pham.html create mode 100644 danh_sach_nhom_cau_hinh.html create mode 100644 danh_sach_san_pham.html create mode 100644 danh_sach_thuong_hieu.html create mode 100644 dat_cho_san_pham.html create mode 100644 home.html create mode 100644 khach-hang.html create mode 100644 marketing.html create mode 100644 sua_ban_hang.html create mode 100644 thanh_toan_qua_cong.html create mode 100644 them_bo_su_tap.html create mode 100644 them_danh_muc_san_pham.html create mode 100644 them_nhom_cau_hinh.html create mode 100644 them_san_pham.html create mode 100644 them_thuoc_tinh_san_pham.html create mode 100644 them_thuong_hieu_san_pham.html diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..1e5ed94 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,2166 @@ +@charset "UTF-8"; +@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); +:root { + --color-global: #004e99; +} + +/* CSS Document */ +body { + font-family: "Roboto", sans-serif; + font-size: 14px; + background-color: #f0f1f5; + word-break: break-word; + margin: 0 auto; + min-width: 1500px; + color: #000; +} + +html { + font-family: "Roboto", sans-serif; + font-size: 62.5% !important; +} + +a { + text-decoration: none; + color: black; +} +a:hover { + color: var(--color-global); +} + +p { + margin: 0; +} + +.form-control { + font-size: 14px; + padding: 8px; + border: 1px solid #b8b8b8; +} +.form-control::-moz-placeholder { + color: #b8b8b8; + font-weight: 300; +} +.form-control::placeholder { + color: #b8b8b8; + font-weight: 300; +} + +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 7px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + background: var(--color-global); + border-radius: 20px; +} + +.clear { + clear: both; +} + +.container-1500 { + max-width: 1520px; + margin: 0 auto; + padding: 0 10px; +} + +.container { + max-width: 1320px; + margin: 0 auto; + padding: 0 10px; +} + +.overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.3); + z-index: 99; + display: none; +} + +.overlay.active { + display: block; +} + +.icon_global { + background: url(../images/icon_global.png) no-repeat; + background-size: 215px 55px; + display: block; +} +.icon_global.order-new { + width: 26px; + height: 26px; + background-position: -35px -2px; +} +.icon_global.user-contact { + width: 26px; + height: 26px; + background-position: -78px -2px; +} +.icon_global.order-installment { + width: 26px; + height: 26px; + background-position: -116px -1px; +} +.icon_global.return-goods { + width: 26px; + height: 26px; + background-position: -161px -1px; +} +.icon_global.support { + margin-right: 5px; + width: 28px; + height: 27px; + background-position: -194px -3px; + border: 1px solid #004e99; + border-radius: 50%; +} +.icon_global.filter { + width: 28px; + height: 20px; + background-position: 2px -32px; +} +.icon_global.other { + width: 28px; + height: 22px; + background-position: -32px -32px; +} +.icon_global.list { + width: 28px; + height: 22px; + background-position: -63px -32px; +} +.icon_global.add-attr { + width: 20px; + height: 20px; + background-position: -99px -34px; +} +.icon_global.view-attr { + width: 18px; + height: 15px; + background-position: -127px -39px; +} + +.header { + background: #fff; +} +.header .header-top { + padding: 10px 0; +} +.header .form-search { + margin-right: 15px; +} +.header .input-search { + width: 220px; + height: 35px; + line-height: 35px; + border: 1px solid #dddddd; + border-radius: 37px; + margin-right: 5px; + padding: 8px 15px; + color: #b3b3b3; +} +.header .input-search:focus-within { + outline: 1px solid var(--color-global); +} +.header .btn-search { + width: 60px; + height: 35px; + line-height: 32px; + border: 1px solid #4795df; + border-radius: 37px; + color: #4795df; + background: #fff; + outline: none; +} +.header .btn-search:hover { + background: var(--color-global); + color: #fff; +} +.header .notification { + margin: 0 15px 0 5px; + position: relative; + cursor: pointer; +} +.header .notification.active { + background: #fff; + padding: 5px 5px 0 5px; + z-index: 999; +} +.header .notification.active .hover-notification { + display: block; +} +.header .notification .total-notification { + position: absolute; + top: -2px; + right: 2px; + width: 16px; + height: 16px; + line-height: 16px; + border-radius: 50%; + background: #e40000; + font-size: 10px; + color: #fff; + text-align: center; +} +.header .icon_global.bell { + width: 27px; + height: 25px; + background-position: 0 -4px; +} +.header .user_login { + width: 30px; + position: relative; +} +.header .user_login img { + width: 100%; + height: 100%; + display: block; +} +.header .user_login:hover { + border: 1px solid var(--color-global); + border-radius: 50%; +} +.header .user_login.active { + z-index: 999; +} +.header .user_login.active .hover-user-login { + display: block; +} +.header .list-menu-sub { + display: none; +} +.header .list-menu-sub a { + display: block; + padding: 7px 10px; + border-bottom: 1px dotted var(--color-global); + font-size: 13px; +} +.header .list-menu-sub a:hover { + background: var(--color-global); + color: #fff; +} + +.hover-notification { + position: absolute; + width: 300px; + right: -6px; + background: #fbfbfe; + z-index: 99; + top: 40px; + border-radius: 5px; + display: none; +} +.hover-notification::before { + position: absolute; + content: ""; + top: -12px; + right: 15px; + width: 0; + height: 0; + border-right: 11px solid transparent; + border-bottom: 12px solid #ffffff; + border-left: 11px solid transparent; +} +.hover-notification .title { + background: #fbfbfe; + padding: 5px 10px; + border-radius: 5px 5px 0 0; + border-bottom: 1px solid #ddd; +} +.hover-notification .title b { + color: #1a1c6b; + font-size: 20px; +} +.hover-notification .title i { + font-size: 18px; + color: gray; +} +.hover-notification .item { + padding: 10px 15px; + border-bottom: 1px solid #e6e6e6; + background: #f5f8fa; +} +.hover-notification .item span { + color: #8e8e8e; + font-size: 13px; + font-weight: 300; +} +.hover-notification .item:hover { + background: #fff; +} +.hover-notification .item:hover p { + color: var(--color-global); +} +.hover-notification .more-all { + padding: 10px; + text-align: center; + display: block; +} +.hover-notification .more-all:hover { + background: var(--color-global); + color: #fff; +} +.hover-notification .list-notification { + height: 255px; + overflow-x: auto; +} + +.hover-user-login { + position: absolute; + width: 235px; + right: -6px; + background: #fbfbfe; + z-index: 99; + top: 40px; + border-radius: 5px; + padding: 20px 10px 10px 10px; + display: none; +} +.hover-user-login::before { + position: absolute; + content: ""; + top: -12px; + right: 12px; + width: 0; + height: 0; + border-right: 11px solid transparent; + border-bottom: 12px solid #ffffff; + border-left: 11px solid transparent; +} +.hover-user-login .avatar { + width: 30px !important; + height: 30px; + margin: 0 auto; +} +.hover-user-login .name-user { + display: block; + text-align: center; + font-size: 16px; + margin-bottom: 5px; +} +.hover-user-login a { + display: block; + text-align: center; + color: #8e8e8e; + margin-bottom: 10px; +} +.hover-user-login .logout { + color: #004e99; + margin-top: 20px; +} +.hover-user-login .logout i { + margin-left: 3px; +} + +.list-menu { + background: var(--color-global); +} +.list-menu .item { + padding: 7px 0; + position: relative; +} +.list-menu .item.active { + background: #fff; +} +.list-menu .item.active .title { + color: var(--color-global); + font-weight: bold; +} +.list-menu .item:hover { + background: #fff; +} +.list-menu .item:hover .title { + color: var(--color-global); + font-weight: bold; +} +.list-menu .item:hover .title i::before { + padding-top: 3px; + content: "\f0d8"; + display: block; +} +.list-menu .item:hover .list-menu-sub { + display: block; + position: absolute; + top: 100%; + width: 200px; + z-index: 999; + background: #fff; +} +.list-menu .item:last-child .title { + border-right: none; +} +.list-menu .title { + border-right: 0.7px solid rgba(255, 255, 255, 0.568627451); + padding: 0 20px; + color: #fff; +} +.list-menu .title i { + padding: 0 5px; + font-size: 11px; +} + +.page_content { + padding-bottom: 100px; +} +.page_content .title-main { + font-size: 24px; + color: var(--color-global); + padding: 15px 0; + font-weight: 700; + margin-bottom: 0; +} +.page_content .left { + border-radius: 3px; + border: 1px solid #ddd; + background: #fff; + padding: 10px; + margin-right: 12px; +} +.page_content .right { + width: calc(33.33333333% - 12px); + border-radius: 3px; + border: 1px solid #ddd; + background: #fff; + padding: 10px; +} + +.box-info-order .item .border { + border-radius: 3px; + padding-bottom: 0 !important; +} +.box-info-order .item .border:hover { + border: 1px solid var(--color-global) !important; +} +.box-info-order .item .txt { + font-weight: 300; + margin-bottom: 7px; + color: #6c6c6c; +} +.box-info-order .item .qyt { + font-size: 36px; + font-weight: 700; + color: var(--color-global); +} +.box-info-order .item .up { + color: #64c35c; + padding-right: 5px; + font-size: 16px; +} +.box-info-order .item .down { + color: #ffa51d; + font-size: 16px; + padding-right: 5px; +} +.box-info-order .item .time { + font-size: 10px; + color: #8e8e8e; +} +.box-info-order .backgroud-icon { + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + text-align: center; + justify-content: center; + margin-bottom: 7px; +} +.box-info-order .backgroud-icon.new { + background: #004e99; +} +.box-info-order .backgroud-icon.contact { + background: #64c35c; +} +.box-info-order .backgroud-icon.installment { + background: #4795df; +} +.box-info-order .backgroud-icon.return { + background: #ffa51d; +} + +.box-revenue-chart { + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 20px; + padding: 10px; +} +.box-revenue-chart .total-revenue i { + color: #4795df; + margin-right: 10px; +} +.box-revenue-chart .total-revenue .qty { + color: var(--color-global); + font-size: 36px; + font-weight: 700; + margin-left: 8px; +} +.box-revenue-chart .option-chart select { + border: none; + outline: none; +} + +.box-chart-access { + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 20px; + padding: 10px; +} +.box-chart-access .list-thong-so .item { + margin-right: 25px; + display: flex; + align-items: center; +} +.box-chart-access .list-thong-so i.fa-circle { + color: var(--color-global); + margin-right: 5px; +} +.box-chart-access .list-thong-so i.fa-circle.view { + color: #8dd4fc; + margin-right: 5px; +} +.box-chart-access .list-thong-so .qty { + font-size: 36px; + font-weight: 700; + color: var(--color-global); + margin-left: 5px; +} +.box-chart-access .option-chart select { + border: none; + outline: none; +} + +.box-edit-history { + border-radius: 5px; + border: 1px solid #ddd; + margin-top: 20px; +} +.box-edit-history .title { + padding: 10px; +} +.box-edit-history .title b { + color: #004e99; + font-size: 16px; +} +.box-edit-history table { + width: 100%; +} +.box-edit-history tr { + border-bottom: 1px solid #ddd; +} +.box-edit-history td { + padding: 10px; + font-weight: 300; +} +.box-edit-history th { + padding: 10px; + background: #f1f7fc; + color: #6c6c6c; +} + +.box-report-summary .title { + color: #004e99; + font-size: 16px; + margin-bottom: 10px; + font-weight: bold; +} +.box-report-summary .list-tab { + margin-bottom: 10px; +} +.box-report-summary .list-tab .item { + border: 0.7px solid #4795df; + padding: 5px 10px; + border-right: 0; + color: #6c6c6c; + background: #f1f7fc; +} +.box-report-summary .list-tab .item:last-child { + padding: 5px 15px; + border-right: 0.7px solid #4795df; +} +.box-report-summary .list-tab .item.active { + background: #4795df; + color: #fff; +} +.box-report-summary .content-tab { + display: none; +} +.box-report-summary .content-tab.active { + display: block; +} +.box-report-summary .content-tab table { + width: 100%; +} +.box-report-summary .content-tab tr { + border-bottom: 1px solid #ddd; +} +.box-report-summary .content-tab td { + padding: 10px; + font-weight: 300; +} +.box-report-summary .content-tab .qnt { + padding: 3px 10px; + border-radius: 8px; + background: #e8fbff; + text-align: center; + font-weight: 500; +} +.box-report-summary .content-tab .qnt.high { + border: 1px solid #004e99; + color: #004e99; +} +.box-report-summary .content-tab .qnt.good { + border: 1px solid #64c35c; + color: #64c35c; + background: #e6ffe3; +} +.box-report-summary .content-tab .qnt.medium { + border: 1px solid #ffa51d; + color: #ffa51d; + background: #fff9e8; +} +.box-report-summary .content-tab .qnt.weak { + border: 1px solid red; + color: red; + background: rgb(255, 226, 226); +} +.box-report-summary .title-key span { + color: #6c6c6c; + font-size: 14px; + font-weight: 300; +} +.box-report-summary .title-key a { + color: #4795df; + font-size: 14px; + font-style: italic; + text-decoration-line: underline; +} +.box-report-summary .list-key { + margin: 10px 0; +} +.box-report-summary .list-key .item { + display: inline-block; + background: #e6eef6; + padding: 0 15px; + margin-right: 5px; + margin-bottom: 10px; + color: #004e99; + height: 30px; + line-height: 30px; + font-size: 13px; + position: relative; + margin-left: 15px; +} +.box-report-summary .list-key .item::before { + position: absolute; + content: ""; + left: -13px; + top: 0; + width: 0; + height: 0; + border-top: 14px solid transparent; + border-right: 14px solid #e6eef6; + border-bottom: 16px solid transparent; +} +.box-report-summary .list-key .item::after { + position: absolute; + content: ""; + left: 0; + top: 50%; + width: 5px; + height: 5px; + background: #fff; + transform: translate(0, -50%); + border-radius: 50%; +} +.box-report-summary .list-key .item:hover { + background: var(--color-global); + color: #fff; +} +.box-report-summary .list-key .item:hover::before { + border-right: 14px solid var(--color-global); +} +.box-report-summary .product-see-more th { + padding: 5px; + background: #f1f7fc; + color: #6c6c6c; +} +.box-report-summary .table-list-website i { + text-align: center; +} +.box-report-summary .table-list-website i.blue { + color: #359eff; +} +.box-report-summary .table-list-website i.yellow { + color: #ffa51d; +} +.box-report-summary .table-list-website i.green { + color: #64c35c; +} +.box-report-summary .table-list-website th { + padding: 5px 10px; +} + +.box-support-hurasoft a { + display: flex; + align-items: center; + color: #004e99; + font-size: 16px; + margin: 20px 0; + font-weight: 500; +} +.box-support-hurasoft a:hover { + text-decoration: underline; +} + +.box-remind-me .title { + font-size: 16px; + color: #004e99; + margin-bottom: 10px; +} +.box-remind-me input { + padding: 5px; + border-radius: 3px; + border: 1px solid #ddd; +} +.box-remind-me .input-work { + width: 59%; +} +.box-remind-me .time-work { + width: 23%; + color: #6c6c6c; + margin-left: 5px; +} +.box-remind-me #btn-remind { + margin-left: 5px; + border-radius: 3px; + background: #004e99; + color: #fff; +} +.box-remind-me .table-list-work { + width: 100%; + margin-top: 10px; + border: 1px solid #ddd; +} +.box-remind-me .table-list-work th, +.box-remind-me .table-list-work td { + padding: 10px; + border-bottom: 1px solid #ddd; +} +.box-remind-me .table-list-work td:first-child { + font-weight: bold; +} +.box-remind-me .table-list-work td:nth-child(n+4) { + font-weight: 300; + text-decoration: underline; +} +.box-remind-me .table-list-work .green { + color: #64c35c; +} +.box-remind-me .table-list-work .red { + color: red; +} + +.breadcrumb { + margin: 0; +} + +.breadcrumb ol { + width: 100%; + float: left; + padding: 0; + margin: 0; + background: none; +} + +.breadcrumb ol li { + float: left; + list-style: none; +} + +.breadcrumb ol li a span { + font-size: 14px; + color: #333; + line-height: 35px; + float: left; + display: flex; + align-items: center; +} + +.breadcrumb ol li a span:hover { + color: #262261; +} + +.breadcrumb ol li a:last-child { + color: #222; +} + +.breadcrumb ol li i { + margin-left: 10px; + margin-right: 10px; + float: left; + line-height: 35px; + color: #b4b4b4; +} + +.breadcrumb ol li:last-child i { + display: none; +} + +.breadcrumb .icon_2023.home { + width: 16px; + height: 17px; + display: block; + background-position: -9px -110px; + margin-right: 10px; + margin-left: 0; +} + +.breadcrumb .home span { + color: #b4b4b4; + font-size: 14px; +} + +.breadcrumb ol li:last-child span { + color: #002a53; +} + +.page_content.sell .title { + margin: 20px 0 10px 0; +} +.page_content.sell .title-right a { + margin-left: 10px; + border-radius: 5px; + padding: 10px; + background: #4795df; + color: #fff; +} +.page_content.sell .title-right a:hover { + background: #fff; + color: #4795df; + border: 1px solid #4795df; +} +.page_content.sell .title-right i { + padding-right: 5px; +} +.page_content.sell #tabnav .item { + background: #e1edf9; + padding: 10px; + color: #004e99; + margin-right: 3px; + display: inline-block; +} +.page_content.sell #tabnav .item.active { + background: #4795df; + color: #fff; + font-weight: 700; +} +.page_content.sell .content-sell { + background: #fff; + border-radius: 5px; + padding: 10px; +} +.page_content.sell .filter-sell { + padding: 10px; +} +.page_content.sell .filter-left p { + margin-right: 30px; +} +.page_content.sell .filter-right .item p { + font-size: 13px; + margin-left: 10px; +} +.page_content.sell .filter-right input { + font-size: 11px; + padding: 7px 10px; + margin-left: 8px; + border: 1px solid #ddd; + border-radius: 5px; +} +.page_content.sell .filter-right .time-work { + width: 110px; +} +.page_content.sell .filter-right .search-keys { + width: 130px; +} +.page_content.sell .filter-right .btn-search { + background: #4795df; + border: none; + outline: none; + margin-left: 8px; + color: #fff; + height: 32px; + width: 60px; + line-height: 32px; + border-radius: 5px; +} +.page_content.sell #tb_padding { + margin-bottom: 10px; +} +.page_content.sell #tb_padding th { + padding: 10px 5px; + background: #f4f5f6; +} +.page_content.sell #tb_padding th select { + border: 1px solid #b8b8b8; + background: #fff; + padding: 5px 0; +} +.page_content.sell #tb_padding .checkbox { + width: 50px; +} +.page_content.sell #tb_padding .checkbox input[type=checkbox] { + margin-top: 6px; +} +.page_content.sell #tb_padding input[type=checkbox] { + width: 16px; + height: 16px; +} +.page_content.sell #tb_padding td { + padding: 10px 5px; + border-bottom: 1px solid #ddd; +} +.page_content.sell #tb_padding .btn-status-circle { + height: 19px; + width: 19px; + background-color: #bbb; + border-radius: 50%; + display: block; + margin: 0 auto; +} +.page_content.sell #tb_padding .payment-unpaid { + background-color: #f90202; + color: white; +} +.page_content.sell #tb_padding .payment-paid { + background-color: #64c35c; + color: white; +} +.page_content.sell #tb_padding .fulfillment-unfulfilled { + background-color: #f90202; + color: white; +} +.page_content.sell #tb_padding .order-new { + background-color: #ffa51d; +} +.page_content.sell #tb_padding .assigned-person { + border: none; + outline: none; +} +.page_content.sell #tb_padding .remove { + margin-left: 5px; +} + +.page_content.edit-sell .title { + margin: 10px 0; +} +.page_content.edit-sell .title-left .red { + font-size: 20px; + color: #f90202; +} +.page_content.edit-sell .title-left .time { + color: #474747; + margin-left: 10px; +} +.page_content.edit-sell .title-right { + display: flex; + align-items: center; +} +.page_content.edit-sell .title-right .item { + display: flex; + align-items: center; + padding: 0 10px; + border-left: 1px solid #000; + font-size: 15px; +} +.page_content.edit-sell .title-right .item:first-child { + border-left: none; +} +.page_content.edit-sell .title-right .item p { + margin-right: 10px; +} +.page_content.edit-sell .title-right .btn-print-cart { + background: #fff; + padding: 5px 15px; + border: 1px solid #ddd; + border-radius: 3px; + color: #474747; +} +.page_content.edit-sell .title-right .btn-print-cart i { + margin-right: 3px; +} +.page_content.edit-sell .title-right .btn-print-cart:hover { + background: var(--color-global); + color: #fff; +} +.page_content.edit-sell .form-left { + width: 65%; + margin-right: 20px; +} +.page_content.edit-sell .form-right { + width: 35%; +} +.page_content.edit-sell .form-right select option:hover { + background: #4795df; +} +.page_content.edit-sell .box-user { + background: #fff; + padding: 10px; +} +.page_content.edit-sell .box-user b { + margin-bottom: 5px; + font-size: 16px; + display: block; +} +.page_content.edit-sell .box-user .item { + padding: 0 10px; + width: 100%; + margin-bottom: 10px; +} +.page_content.edit-sell .box-user .item label { + font-size: 15px; + padding-bottom: 5px; + font-weight: 500; +} +.page_content.edit-sell .box-user .form-control { + padding: 10px; + font-size: 14px; + border: 0.5px solid #ddd; +} +.page_content.edit-sell .box-user .item-2 { + width: calc(50% - 10px); + margin-right: 10px; + padding-right: 0; +} +.page_content.edit-sell .box-list-product { + margin-top: 20px; +} +.page_content.edit-sell .box-list-product b { + display: block; + margin-bottom: 10px; +} +.page_content.edit-sell .box-list-product table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; +} +.page_content.edit-sell .box-list-product th { + border-bottom: 1px solid #ddd; + background: #f4f5f6; + padding: 10px; + position: sticky; +} +.page_content.edit-sell .box-list-product td { + padding: 10px; + border-bottom: 1px solid #ddd; +} +.page_content.edit-sell .box-list-product .name { + color: #2c7af4; +} +.page_content.edit-sell .box-expense { + margin-top: 20px; +} +.page_content.edit-sell .box-expense b { + display: block; + margin-bottom: 10px; +} +.page_content.edit-sell .box-expense table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; +} +.page_content.edit-sell .box-expense td { + padding: 10px; + border-bottom: 1px solid #ddd; +} +.page_content.edit-sell .box-expense i.fa-pencil { + color: #4795df; + margin-left: 5px; +} +.page_content.edit-sell .box-history { + margin-top: 20px; +} +.page_content.edit-sell .box-history b { + display: block; + margin-bottom: 10px; +} +.page_content.edit-sell .box-history table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; +} +.page_content.edit-sell .box-history th { + border-bottom: 1px solid #ddd; + background: #f4f5f6; + padding: 10px; + position: sticky; +} +.page_content.edit-sell .box-history td { + padding: 10px; + border-bottom: 1px solid #ddd; +} +.page_content.edit-sell .box-assign { + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-assign b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-assign .form-control.select { + padding: 10px; + font-size: 14px; +} +.page_content.edit-sell .box-start-pay { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-start-pay b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-start-pay .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; +} +.page_content.edit-sell .box-start-ship { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-start-ship b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-start-ship .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; +} +.page_content.edit-sell .box-start-order { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-start-order b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-start-order .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; +} +.page_content.edit-sell .box-note { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.edit-sell .box-note b { + display: block; + margin-bottom: 5px; +} +.page_content.edit-sell .box-note .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; +} + +.blue { + color: #4795df; +} + +.link-blue { + color: var(--color-global); +} + +.btn-save { + border-radius: 5px; + background: var(--color-global); + width: 120px; + height: 40px; + margin-top: 10px; + color: #fff; + font-size: 15px; + float: right; + outline: none; + border: none; +} +.btn-save:hover { + background: #013b72; +} + +.paging { + margin: 10px 0; +} + +.left-paging .item { + margin-right: 10px; +} +.left-paging .item p { + margin-right: 10px; +} + +.paging .pages-needed { + padding: 5px 10px; + border: 1px solid #ddd; + width: 115px; + border-radius: 5px; +} + +.paging .hura-change-page-size { + padding: 5px 10px; + border: 1px solid #ddd; + border-radius: 5px; + outline: none; +} + +.paging .right-paging { + color: #6c6c6c; +} +.paging .right-paging .content-paging { + margin-right: 15px; +} +.paging .right-paging .content-paging .item { + padding: 2px 7px; + margin-left: 10px; + color: #6c6c6c; + font-size: 14px; +} +.paging .right-paging .content-paging .item.active { + border-radius: 3px; + background: #4795df; + color: #fff; +} +.paging .right-paging .content-paging i { + font-size: 16px; +} + +.btn-edit i { + color: #6c6c6c; + margin-right: 3px; +} + +.btn-remove i { + color: #6c6c6c; +} + +.btn-excel { + border-radius: 5px; + background: #4795df; + padding: 10px 15px; + color: #fff; +} +.btn-excel:hover { + background: #0084ff; + color: #fff; +} + +.page_content.gateway-payment .title { + margin: 10px 0; +} +.page_content.gateway-payment .background-payment { + padding: 10px; + background: #fff; + margin-top: 20px; +} + +#tb_padding table { + margin-top: 20px; + border-radius: 5px; + background: #fff; + overflow: hidden; +} +#tb_padding th { + background: #f4f5f6; + padding: 10px; + position: sticky; +} +#tb_padding td { + padding: 10px; + border-bottom: 1px solid #ddd; +} + +.btn-submit { + float: right; +} +.btn-submit .btn { + width: 120px; + height: 40px; + border-radius: 5px; + background: #004e99; + font-size: 16px; + color: #fff; +} +.btn-submit .btn:hover { + background: #0084ff; +} +.btn-submit .btn-back { + margin-left: 10px; + width: 120px; + height: 40px; + border-radius: 5px; + background: #bad8f6; + text-align: center; + line-height: 40px; + color: #fff; +} + +.page_content.pre-order-products .title { + margin: 10px 0; +} +.page_content.pre-order-products .table-pre-order { + background-color: #fff; + padding: 10px; +} + +.page_content.product-list .title { + margin: 10px 0; +} +.page_content.product-list .content-product-list { + margin-top: 20px; + padding: 10px; + background: #fff; +} +.page_content.product-list .filter-product { + padding: 5px 0 10px 0; +} +.page_content.product-list .filter-product .item { + display: flex; + align-items: center; + font-size: 13px; + margin-left: 20px; +} +.page_content.product-list .filter-product .item p { + margin-right: 10px; +} +.page_content.product-list .select-filter-type { + width: 145px; + border-radius: 5px; + background: #e7f1fb; + padding: 7px; + position: relative; +} +.page_content.product-list .select-filter-type select { + border: none; + outline: none; + width: 100%; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: transparent; + font-weight: 300; +} +.page_content.product-list .select-filter-type::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + font-style: 12px; + transform: translate(0, -50%); +} + +.page_content.add-product .title { + margin: 10px 0; +} +.page_content.add-product .form-control { + padding: 8px 15px; +} +.page_content.add-product .tabnav { + margin-top: 10px; +} +.page_content.add-product .tabnav .item { + padding: 7px 10px; + color: #004e99; + background: #e1edf9; + margin-right: 7px; +} +.page_content.add-product .tabnav .item.active, .page_content.add-product .tabnav .item:hover { + background: #4795df; + color: #fff; + font-weight: bold; +} +.page_content.add-product .item .content-right { + width: 80%; +} +.page_content.add-product .item.display label { + margin-right: 25px; +} +.page_content.add-product .item.display input[type=radio] { + height: 16px; + margin-right: 5px; +} +.page_content.add-product .item-summary .item-radio { + margin-right: 20px; + display: flex; + align-items: center; +} +.page_content.add-product .item-summary .item-radio input { + height: 16px; + margin-right: 5px; +} +.page_content.add-product .item-summary.price .form-control { + width: 170px; +} +.page_content.add-product .item-summary.price .note { + margin-left: 10px; +} +.page_content.add-product .retail-price .form-control { + width: 170px; + margin-right: 10px; +} +.page_content.add-product .retail-price .note a { + color: #4795df; + text-decoration: underline; +} +.page_content.add-product .box-select { + width: 90px; + margin-right: 10px; + padding: 7px; + position: relative; + border-radius: 5px; + border: 1px solid #b8b8b8; +} +.page_content.add-product .box-select::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(0, -50%); +} +.page_content.add-product .box-select select { + border: none; + outline: none; + width: 100%; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: transparent; +} + +.page_content.price-list-update .title { + margin: 10px 0; +} +.page_content.price-list-update .content-price-list { + margin-top: 15px; + background: #fff; + padding: 10px; +} + +.page_content.product-category .title { + margin: 10px 0; +} +.page_content.product-category .content-product-category { + margin-top: 15px; + padding: 15px; +} + +.page_content.add-product-category .title { + margin: 10px 0; +} +.page_content.add-product-category .title .title-right .item-filter { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-product-category .title .title-right .item-filter i { + margin-right: 3px; +} +.page_content.add-product-category .title .title-right .item-filter:hover { + color: var(--color-global); +} +.page_content.add-product-category .box-avatar { + width: 50%; +} +.page_content.add-product-category .box-avatar img { + display: block; + width: 70px; + height: 70px; + margin-right: 10px; +} +.page_content.add-product-category .box-avatar a:hover { + color: var(--color-global); +} +.page_content.add-product-category .box-icon img { + display: block; + width: 70px; + height: 70px; + margin: 0 10px; +} +.page_content.add-product-category .box-icon a:hover { + color: var(--color-global); +} +.page_content.add-product-category .item-summary .form-control { + padding: 10px; +} + +.page_content.brand .title { + margin: 20px 0; +} +.page_content.brand .title .title-right .item-filter { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.brand .title .title-right .item-filter i { + margin-right: 3px; +} +.page_content.brand .title .title-right .item-filter:hover { + color: var(--color-global); +} +.page_content.brand .title .title-left { + font-size: 18px; + font-weight: 500; + color: #002a53; +} +.page_content.brand .content-brand { + background: #fff; + padding: 15px; +} +.page_content.brand .content-brand .input-stt { + width: 45px; + height: 27px; + border-radius: 3px; + border: 1px solid #ddd; + text-align: center; +} + +.box-form-add { + margin-top: 20px; + background: #fff; + padding: 20px; +} +.box-form-add .item { + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} +.box-form-add .item .label { + width: 20%; + font-size: 14px; +} +.box-form-add .item .content-right { + width: 75%; +} +.box-form-add .item.display label { + margin-right: 25px; +} +.box-form-add .item.display input[type=radio] { + height: 16px; + margin-right: 5px; +} +.box-form-add .item-summary { + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} +.box-form-add .item-summary .title { + width: 20%; + margin: 0; +} +.box-form-add .item-summary .right-summary { + width: 75%; +} +.box-form-add .box-select { + position: relative; + border-radius: 5px; + border: 1px solid #b8b8b8; +} +.box-form-add .box-select::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(0, -50%); +} +.box-form-add .box-select select { + border: none; +} +.box-form-add .item-checkbox { + margin-bottom: 10px; + display: flex; + align-items: center; +} +.box-form-add .item-checkbox input[type=checkbox] { + width: 16px; + height: 16px; + margin-right: 7px; + border-radius: 2px; + border: 1px solid #d9d9d9; + background: #f5f5f5; +} +.box-form-add .form-label-radio { + display: flex; + align-items: center; + margin-right: 20px; +} +.box-form-add .form-label-radio span { + margin-left: 5px; +} + +.page_content.add-brand .title { + margin: 20px 0; +} +.page_content.add-brand .title .title-right .item-filter { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-brand .title .title-right .item-filter i { + margin-right: 3px; +} +.page_content.add-brand .title .title-right .item-filter:hover { + color: var(--color-global); +} +.page_content.add-brand .box-avatar { + width: 50%; +} +.page_content.add-brand .box-avatar img { + display: block; + width: 70px; + height: 70px; + margin-right: 10px; +} +.page_content.add-brand .box-avatar a:hover { + color: var(--color-global); +} + +.page_content.add-attribute .title { + margin: 20px 0; +} +.page_content.add-attribute .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-attribute .title .title-right .item-attr i { + margin-right: 3px; +} +.page_content.add-attribute .title .title-right .item-attr:hover { + color: var(--color-global); +} +.page_content.add-attribute .item-radio { + width: 50%; + display: flex; + align-items: center; +} +.page_content.add-attribute .item-radio input[type=radio] { + height: 17px; + width: 17px; + margin-right: 5px; +} +.page_content.add-attribute .table-attribute { + border-radius: 5px; + border: 1px solid #ddd; +} +.page_content.add-attribute .add-attr { + margin-right: 10px; +} +.page_content.add-attribute .add-attr span { + margin-right: 10px; +} +.page_content.add-attribute .add-attr.name input { + width: 240px; +} +.page_content.add-attribute .add-attr.value-sort input { + width: 148px; +} +.page_content.add-attribute .add-attr.value-order input { + width: 52px; +} +.page_content.add-attribute .btn-add { + border-radius: 5px; + border: 1px solid #b8b8b8; + background: #ebebeb; + padding: 8px; +} + +.page_content.add-collection .title { + margin: 10px 0; +} +.page_content.add-collection .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-collection .title .title-right .item-attr i { + margin-right: 3px; +} +.page_content.add-collection .title .title-right .item-attr:hover { + color: var(--color-global); +} + +.page_content.config_group .title { + margin: 20px 0; +} +.page_content.config_group .title .title-right .item-filter { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.config_group .title .title-right .item-filter i { + margin-right: 3px; +} +.page_content.config_group .title .title-right .item-filter:hover { + color: var(--color-global); +} +.page_content.config_group .title .title-left { + font-size: 18px; + font-weight: 500; + color: #002a53; +} +.page_content.config_group .table-list-config { + background: #fff; + padding: 10px; +} + +.page_content.add-config .title { + margin: 10px 0; +} +.page_content.add-config .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.page_content.add-config .title .title-right .item-attr i { + margin-right: 3px; +} +.page_content.add-config .title .title-right .item-attr:hover { + color: var(--color-global); +} +.page_content.add-config .tabnav { + margin-top: 10px; +} +.page_content.add-config .tabnav .item { + padding: 7px 10px; + color: #004e99; + background: #e1edf9; + margin-right: 7px; +} +.page_content.add-config .tabnav .item.active, .page_content.add-config .tabnav .item:hover { + background: #4795df; + color: #fff; + font-weight: bold; +} +.page_content.add-config .box-form-add { + margin-top: 0; +} + +/* ==== Khách hàng + Marketing ==== */ +.customer-page .title { + margin-top: 10px; +} +.customer-page .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.customer-page .title .title-right .item-attr i { + margin-right: 3px; +} +.customer-page .title .title-right .item-attr:hover { + color: var(--color-global); +} + +.customer-contact table td { + padding: 8px 0; +} +.customer-contact textarea { + min-height: 170px !important; + max-height: 250px !important; +} +.customer-contact p { + margin: 0 0 10px 0; +} +.customer-contact p:last-child { + margin: 0; +} + +.customer-comment-detail-page { + font-size: 15px; + line-height: 19px; + font-weight: 300; +} +.customer-comment-detail-page a { + color: #000; +} +.customer-comment-detail-page a:hover { + color: #e10000; + font-weight: 500; +} +.customer-comment-detail-page .col-left, +.customer-comment-detail-page .col-right, +.customer-comment-detail-page .comment-list { + background: #fff; + border: 1px solid #dddddd; + border-radius: 5px; + overflow: hidden; + margin-bottom: 20px; +} +.customer-comment-detail-page .col-left { + padding: 20px 23px; + margin-right: 20px; + width: 65%; +} +.customer-comment-detail-page .col-right { + width: calc(35% - 20px); + padding: 10px 15px; +} +.customer-comment-detail-page .col-right b { + display: block; +} +.customer-comment-detail-page .comment-list { + width: 100%; + text-align: center; +} +.customer-comment-detail-page .comment-list tr:nth-child(1) { + background: #f4f5f6; + font-weight: 500; +} +.customer-comment-detail-page .comment-list tr:nth-child(1) td { + border: 0; + text-align: center; +} +.customer-comment-detail-page .comment-list td { + border-top: 1px solid #dddddd; + padding: 14px 10px; +} +.customer-comment-detail-page .comment-list td:nth-child(6) { + max-width: 300px; + text-align: left; +} +.customer-comment-detail-page .comment-list td:last-child { + width: 160px; +} +.customer-comment-detail-page .item { + margin-bottom: 8px; +} +.customer-comment-detail-page .item:last-child { + margin-bottom: 0; +} +.customer-comment-detail-page .item p { + margin: 8px 0 0 0; + border: 1px solid #dddddd; + border-radius: 5px; + background: #fcfdfe; + line-height: 21px; + padding: 9px 10px; +} +.customer-comment-detail-page .item a { + text-decoration: underline; +} +.customer-comment-detail-page .item a:hover { + color: #4795df; +} +.customer-comment-detail-page textarea { + display: block; + width: 100%; + padding: 10px; + height: 339px; + min-height: 339px; + max-height: 430px; + background: #fcfdfe; + border: 1px solid #dddddd; + border-radius: 5px; + margin: 10px 0 15px 0; + outline: none; + resize: none; +} +.customer-comment-detail-page .note { + background: #ffd4d4; + color: #e10000; + line-height: 32px; + border-radius: 3px; + display: block; +} +.customer-comment-detail-page table td:nth-child(1) { + font-weight: 300; +} + +.marketing-page p { + margin-top: 5px; + line-height: 19px; +} +.marketing-page table textarea { + min-height: 170px; + max-height: 250px; +} + +.voucher-page table input[type=text], +.voucher-page table select { + width: -moz-fit-content; + width: fit-content; + display: inline-block; + margin-right: 10px; +} +.voucher-page .voucher-type { + white-space: nowrap; + line-height: 40px; + margin: 0 0 0 10px; +} +.voucher-page .voucher-type::after { + content: ""; + display: block; + clear: both; +} +.voucher-page .voucher-type * { + float: left; +} +.voucher-page .voucher-type input { + width: 122px !important; + margin: 0 8px; + text-align: center; +} + +.banner-page .banner-holder img { + max-width: 400px; +} +.banner-page table input[type=text], +.banner-page table select { + font-weight: 300; + padding: 0 12px; +} +.banner-page .banner-size-holder { + display: inline-flex; + align-items: center; + white-space: nowrap; + margin-right: 32px; +} +.banner-page .banner-size-holder input { + width: 100px !important; + margin: 0 8px; + text-align: center; +} +.banner-page .global-time-group { + margin-top: 12px; +} + +.marketing-tab-list { + display: flex; + flex-wrap: wrap; +} +.marketing-tab-list a { + line-height: 30px; + margin: 0 8px 0 0; + background: #e1edf9; + color: #004e99; + padding: 0 12px; +} +.marketing-tab-list a:hover { + background: #fff; +} +.marketing-tab-list a.current { + background: #4795df; + color: #fff; + font-weight: 700; +} + +.global-content-container img { + display: block; + max-width: 100%; + height: auto; +} +.global-content-container b { + font-weight: 500; +} +.global-content-container sub { + bottom: 0; + top: 0px; + color: #f90202; + font-size: 15px; +} +.global-content-container table { + width: 100%; +} +.global-content-container table td { + vertical-align: top; + padding: 10px 0; +} +.global-content-container table td:nth-child(1) { + font-weight: 500; + padding-right: 10px; +} +.global-content-container table a { + color: #4795df; + display: inline-block; +} +.global-content-container table input[type=checkbox], +.global-content-container table input[type=radio] { + margin-right: 7px; +} +.global-content-container table input[type=text], +.global-content-container table select, +.global-content-container table textarea { + display: block; + width: 100%; + outline: none; + border-radius: 5px; + border: 1px solid #b8b8b8; + height: 40px; + padding: 0 16px; + color: #000; + background: #fff; +} +.global-content-container table select { + padding: 0 14px; + color: #000; +} +.global-content-container table textarea { + padding: 9px 16px; + min-height: 40px; + max-height: 120px; +} +.global-content-container table label { + display: inline-flex; + align-items: center; + white-space: nowrap; + margin-right: 23px; + cursor: pointer; +} +.global-content-container table label input[type=text] { + margin: 0 0 0 10px; + max-width: 72px; + text-align: center; + padding: 0 5px !important; +} + +.global-content-container .btn-update, +.global-content-container .btn-reply { + display: inline-block; + text-align: center; + border-radius: 5px; + width: 120px; + height: 40px; + line-height: 40px; + color: #fff; + background: #004e99; + border: 0; + padding: 0; + float: right; +} + +.breadcrumb-icons, +.global-time-group .box-time-item::after { + background: url(../images/sprite.png) no-repeat; + background-size: 70px 130px; +} + +.global-time-group { + display: flex; + align-items: center; + flex-wrap: wrap; + white-space: nowrap; +} +.global-time-group p { + margin: 0 10px 0 0; +} +.global-time-group .box-time-item { + display: flex; + align-items: center; + margin: 0 10px 0 0; + border: 1px solid #b8b8b8; + border-radius: 5px; + overflow: hidden; + max-width: 358px; + width: 100%; + position: relative; +} +.global-time-group .box-time-item::before { + content: "→"; + font-size: 20px; + width: 10px; + height: 40px; + line-height: 38px; + opacity: 0.25; + position: absolute; + left: 50%; + transform: translateX(-120%); +} +.global-time-group .box-time-item::after { + content: ""; + width: 16px; + height: 40px; + position: absolute; + right: 10px; +} +.global-time-group .box-time-item input, +.global-time-group .box-time-item select { + border-radius: 0 !important; + color: rgba(0, 0, 0, 0.25) !important; + border: 0 !important; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 50% !important; + margin: 0 !important; +} +.global-time-group .box-time-item input:focus, +.global-time-group .box-time-item select:focus { + color: #000 !important; +} +.global-time-group .box-time-item input:last-child, +.global-time-group .box-time-item select:last-child { + padding: 0 28px !important; +} +.global-time-group .time-date::after { + background-position: -6px -66px; +} +.global-time-group .time-minute { + margin: 0; +} +.global-time-group .time-minute::after { + background-position: -43px -67px; +} + +.breadcrumb-icons.icon-add, .global-time-group .icon-add.box-time-item::after { + background-position: -8px -104px; + width: 20px; + height: 20px; + margin-right: 5px; +} + +.marketing-page .title { + margin: 10px 0; +} +.marketing-page .title .title-right .item-attr { + display: flex; + align-items: center; + margin-right: 20px; +} +.marketing-page .title .title-right .item-attr i { + margin-right: 3px; +} +.marketing-page .title .title-right .item-attr:hover { + color: var(--color-global); +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map new file mode 100644 index 0000000..c206f56 --- /dev/null +++ b/assets/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.css","style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..6b75e00 --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,2244 @@ +@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); +:root { + --color-global: #004e99; +} + +/* CSS Document */ +body { + font-family: "Roboto", sans-serif; + font-size: 14px; + background-color: #f0f1f5; + word-break: break-word; + margin: 0 auto; + min-width: 1500px; + color: #000; +} +html { + font-family: "Roboto", sans-serif; + font-size: 62.5% !important; +} +a { + text-decoration: none; + color: black; + &:hover { + color: var(--color-global); + } +} +p { + margin: 0; +} +.form-control { + font-size: 14px; + padding: 8px; + border: 1px solid #b8b8b8; + &::placeholder { + color: #b8b8b8; + font-weight: 300; + } +} +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} +::-webkit-scrollbar { + width: 7px; + background-color: #f5f5f5; +} +::-webkit-scrollbar-thumb { + background: var(--color-global); + border-radius: 20px; +} +.clear { + clear: both; +} +.container-1500 { + max-width: 1520px; + margin: 0 auto; + padding: 0 10px; +} + +.container { + max-width: 1320px; + margin: 0 auto; + padding: 0 10px; +} +.overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.3); + z-index: 99; + display: none; +} +.overlay.active { + display: block; +} +.icon_global { + background: url(../images/icon_global.png) no-repeat; + background-size: 215px 55px; + display: block; + &.order-new { + width: 26px; + height: 26px; + background-position: -35px -2px; + } + &.user-contact { + width: 26px; + height: 26px; + background-position: -78px -2px; + } + &.order-installment { + width: 26px; + height: 26px; + background-position: -116px -1px; + } + &.return-goods { + width: 26px; + height: 26px; + background-position: -161px -1px; + } + &.support { + margin-right: 5px; + width: 28px; + height: 27px; + background-position: -194px -3px; + border: 1px solid #004e99; + border-radius: 50%; + } + &.filter { + width: 28px; + height: 20px; + background-position: 2px -32px; + } + &.other { + width: 28px; + height: 22px; + background-position: -32px -32px; + } + &.list { + width: 28px; + height: 22px; + background-position: -63px -32px; + } + &.add-attr { + width: 20px; + height: 20px; + background-position: -99px -34px; + } + &.view-attr { + width: 18px; + height: 15px; + background-position: -127px -39px; + } +} +.header { + background: #fff; + .header-top { + padding: 10px 0; + } + .form-search { + margin-right: 15px; + } + .input-search { + width: 220px; + height: 35px; + line-height: 35px; + border: 1px solid #dddddd; + border-radius: 37px; + margin-right: 5px; + padding: 8px 15px; + color: #b3b3b3; + &:focus-within { + outline: 1px solid var(--color-global); + } + } + .btn-search { + width: 60px; + height: 35px; + line-height: 32px; + border: 1px solid #4795df; + border-radius: 37px; + color: #4795df; + background: #fff; + outline: none; + &:hover { + background: var(--color-global); + color: #fff; + } + } + .notification { + margin: 0 15px 0 5px; + position: relative; + cursor: pointer; + &.active { + background: #fff; + padding: 5px 5px 0 5px; + z-index: 999; + .hover-notification { + display: block; + } + } + .total-notification { + position: absolute; + top: -2px; + right: 2px; + width: 16px; + height: 16px; + line-height: 16px; + border-radius: 50%; + background: #e40000; + font-size: 10px; + color: #fff; + text-align: center; + } + } + .icon_global { + &.bell { + width: 27px; + height: 25px; + background-position: 0 -4px; + } + } + .user_login { + width: 30px; + position: relative; + img { + width: 100%; + height: 100%; + display: block; + } + &:hover { + border: 1px solid var(--color-global); + border-radius: 50%; + } + &.active { + z-index: 999; + .hover-user-login { + display: block; + } + } + } + .list-menu-sub { + display: none; + a { + display: block; + padding: 7px 10px; + border-bottom: 1px dotted var(--color-global); + font-size: 13px; + &:hover { + background: var(--color-global); + color: #fff; + } + } + } +} +.hover-notification { + position: absolute; + width: 300px; + right: -6px; + background: #fbfbfe; + z-index: 99; + top: 40px; + border-radius: 5px; + display: none; + &::before { + position: absolute; + content: ""; + top: -12px; + right: 15px; + width: 0; + height: 0; + border-right: 11px solid transparent; + border-bottom: 12px solid #ffffff; + border-left: 11px solid transparent; + } + .title { + background: #fbfbfe; + padding: 5px 10px; + border-radius: 5px 5px 0 0; + border-bottom: 1px solid #ddd; + b { + color: #1a1c6b; + font-size: 20px; + } + i { + font-size: 18px; + color: gray; + } + } + .item { + padding: 10px 15px; + border-bottom: 1px solid #e6e6e6; + background: #f5f8fa; + span { + color: #8e8e8e; + font-size: 13px; + font-weight: 300; + } + &:hover { + background: #fff; + p { + color: var(--color-global); + } + } + } + .more-all { + padding: 10px; + text-align: center; + display: block; + &:hover { + background: var(--color-global); + color: #fff; + } + } + .list-notification { + height: 255px; + overflow-x: auto; + } +} +.hover-user-login { + position: absolute; + width: 235px; + right: -6px; + background: #fbfbfe; + z-index: 99; + top: 40px; + border-radius: 5px; + padding: 20px 10px 10px 10px; + display: none; + &::before { + position: absolute; + content: ""; + top: -12px; + right: 12px; + width: 0; + height: 0; + border-right: 11px solid transparent; + border-bottom: 12px solid #ffffff; + border-left: 11px solid transparent; + } + .avatar { + width: 30px !important; + height: 30px; + margin: 0 auto; + } + .name-user { + display: block; + text-align: center; + font-size: 16px; + margin-bottom: 5px; + } + a { + display: block; + text-align: center; + color: #8e8e8e; + margin-bottom: 10px; + } + .logout { + color: #004e99; + margin-top: 20px; + i { + margin-left: 3px; + } + } +} +.list-menu { + background: var(--color-global); + .item { + padding: 7px 0; + position: relative; + &.active { + background: #fff; + .title { + color: var(--color-global); + font-weight: bold; + } + } + &:hover { + background: #fff; + .title { + color: var(--color-global); + font-weight: bold; + i::before { + padding-top: 3px; + content: "\f0d8"; + display: block; + } + } + .list-menu-sub { + display: block; + position: absolute; + top: 100%; + width: 200px; + z-index: 999; + background: #fff; + } + } + &:last-child { + .title { + border-right: none; + } + } + } + .title { + border-right: 0.7px solid #ffffff91; + padding: 0 20px; + color: #fff; + i { + padding: 0 5px; + font-size: 11px; + } + } +} +.page_content { + padding-bottom: 100px; + .title-main { + font-size: 24px; + color: var(--color-global); + padding: 15px 0; + font-weight: 700; + margin-bottom: 0; + } + .left { + border-radius: 3px; + border: 1px solid #ddd; + background: #fff; + padding: 10px; + margin-right: 12px; + } + .right { + width: calc(33.33333333% - 12px); + border-radius: 3px; + border: 1px solid #ddd; + background: #fff; + padding: 10px; + } +} +.box-info-order { + .item { + .border { + border-radius: 3px; + padding-bottom: 0 !important; + &:hover { + border: 1px solid var(--color-global) !important; + } + } + .txt { + font-weight: 300; + margin-bottom: 7px; + color: #6c6c6c; + } + .qyt { + font-size: 36px; + font-weight: 700; + color: var(--color-global); + } + .up { + color: #64c35c; + padding-right: 5px; + font-size: 16px; + } + .down { + color: #ffa51d; + font-size: 16px; + padding-right: 5px; + } + .time { + font-size: 10px; + color: #8e8e8e; + } + } + .backgroud-icon { + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + text-align: center; + justify-content: center; + margin-bottom: 7px; + &.new { + background: #004e99; + } + &.contact { + background: #64c35c; + } + &.installment { + background: #4795df; + } + &.return { + background: #ffa51d; + } + } +} +.box-revenue-chart { + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 20px; + padding: 10px; + .total-revenue { + i { + color: #4795df; + margin-right: 10px; + } + .qty { + color: var(--color-global); + font-size: 36px; + font-weight: 700; + margin-left: 8px; + } + } + .option-chart select { + border: none; + outline: none; + } +} +.box-chart-access { + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 20px; + padding: 10px; + .list-thong-so { + .item { + margin-right: 25px; + display: flex; + align-items: center; + } + i.fa-circle { + color: var(--color-global); + margin-right: 5px; + } + i.fa-circle.view { + color: #8dd4fc; + margin-right: 5px; + } + .qty { + font-size: 36px; + font-weight: 700; + color: var(--color-global); + margin-left: 5px; + } + } + .option-chart select { + border: none; + outline: none; + } +} +.box-edit-history { + border-radius: 5px; + border: 1px solid #ddd; + margin-top: 20px; + .title { + padding: 10px; + b { + color: #004e99; + font-size: 16px; + } + } + table { + width: 100%; + } + tr { + border-bottom: 1px solid #ddd; + } + td { + padding: 10px; + font-weight: 300; + } + th { + padding: 10px; + background: #f1f7fc; + color: #6c6c6c; + } +} + +.box-report-summary { + .title { + color: #004e99; + font-size: 16px; + margin-bottom: 10px; + font-weight: bold; + } + .list-tab { + margin-bottom: 10px; + .item { + border: 0.7px solid #4795df; + padding: 5px 10px; + border-right: 0; + color: #6c6c6c; + background: #f1f7fc; + &:last-child { + padding: 5px 15px; + border-right: 0.7px solid #4795df; + } + &.active { + background: #4795df; + color: #fff; + } + } + } + + .content-tab { + display: none; + &.active { + display: block; + } + table { + width: 100%; + } + tr { + border-bottom: 1px solid #ddd; + } + td { + padding: 10px; + font-weight: 300; + } + + .qnt { + padding: 3px 10px; + border-radius: 8px; + background: #e8fbff; + text-align: center; + font-weight: 500; + &.high { + border: 1px solid #004e99; + color: #004e99; + } + &.good { + border: 1px solid #64c35c; + color: #64c35c; + background: #e6ffe3; + } + &.medium { + border: 1px solid #ffa51d; + color: #ffa51d; + background: #fff9e8; + } + &.weak { + border: 1px solid red; + color: red; + background: rgb(255, 226, 226); + } + } + } + .title-key { + span { + color: #6c6c6c; + font-size: 14px; + font-weight: 300; + } + a { + color: #4795df; + font-size: 14px; + font-style: italic; + text-decoration-line: underline; + } + } + .list-key { + margin: 10px 0; + .item { + display: inline-block; + background: #e6eef6; + padding: 0 15px; + margin-right: 5px; + margin-bottom: 10px; + color: #004e99; + height: 30px; + line-height: 30px; + font-size: 13px; + position: relative; + margin-left: 15px; + &::before { + position: absolute; + content: ""; + left: -13px; + top: 0; + width: 0; + height: 0; + border-top: 14px solid transparent; + border-right: 14px solid #e6eef6; + border-bottom: 16px solid transparent; + } + &::after { + position: absolute; + content: ""; + left: 0; + top: 50%; + width: 5px; + height: 5px; + background: #fff; + transform: translate(0, -50%); + border-radius: 50%; + } + &:hover { + background: var(--color-global); + color: #fff; + &::before { + border-right: 14px solid var(--color-global); + } + } + } + } + .product-see-more { + th { + padding: 5px; + background: #f1f7fc; + color: #6c6c6c; + } + } + .table-list-website { + i { + text-align: center; + } + i.blue { + color: #359eff; + } + i.yellow { + color: #ffa51d; + } + i.green { + color: #64c35c; + } + th { + padding: 5px 10px; + } + } +} +.box-support-hurasoft { + a { + display: flex; + align-items: center; + color: #004e99; + font-size: 16px; + margin: 20px 0; + font-weight: 500; + &:hover { + text-decoration: underline; + } + } +} +.box-remind-me { + .title { + font-size: 16px; + color: #004e99; + margin-bottom: 10px; + } + input { + padding: 5px; + border-radius: 3px; + border: 1px solid #ddd; + } + .input-work { + width: 59%; + } + .time-work { + width: 23%; + color: #6c6c6c; + margin-left: 5px; + } + #btn-remind { + margin-left: 5px; + border-radius: 3px; + background: #004e99; + color: #fff; + } + .table-list-work { + width: 100%; + margin-top: 10px; + border: 1px solid #ddd; + th, + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } + td:first-child { + font-weight: bold; + } + td:nth-child(n + 4) { + font-weight: 300; + text-decoration: underline; + } + .green { + color: #64c35c; + } + .red { + color: red; + } + } +} +.breadcrumb { + margin: 0; +} +.breadcrumb ol { + width: 100%; + float: left; + padding: 0; + margin: 0; + background: none; +} +.breadcrumb ol li { + float: left; + list-style: none; +} +.breadcrumb ol li a span { + font-size: 14px; + color: #333; + line-height: 35px; + float: left; + display: flex; + align-items: center; +} +.breadcrumb ol li a span:hover { + color: #262261; +} +.breadcrumb ol li a:last-child { + color: #222; +} +.breadcrumb ol li i { + margin-left: 10px; + margin-right: 10px; + float: left; + line-height: 35px; + color: #b4b4b4; +} +.breadcrumb ol li:last-child i { + display: none; +} +.breadcrumb .icon_2023.home { + width: 16px; + height: 17px; + display: block; + background-position: -9px -110px; + margin-right: 10px; + margin-left: 0; +} +.breadcrumb .home span { + color: #b4b4b4; + font-size: 14px; +} +.breadcrumb ol li:last-child span { + color: #002a53; +} +.page_content.sell { + .title { + margin: 20px 0 10px 0; + } + .title-right { + a { + margin-left: 10px; + border-radius: 5px; + padding: 10px; + background: #4795df; + color: #fff; + &:hover { + background: #fff; + color: #4795df; + border: 1px solid #4795df; + } + } + i { + padding-right: 5px; + } + } + #tabnav { + .item { + background: #e1edf9; + padding: 10px; + color: #004e99; + margin-right: 3px; + display: inline-block; + &.active { + background: #4795df; + color: #fff; + font-weight: 700; + } + } + } + .content-sell { + background: #fff; + border-radius: 5px; + padding: 10px; + } + .filter-sell { + padding: 10px; + } + .filter-left { + p { + margin-right: 30px; + } + } + .filter-right { + .item { + p { + font-size: 13px; + margin-left: 10px; + } + } + input { + font-size: 11px; + padding: 7px 10px; + margin-left: 8px; + border: 1px solid #ddd; + border-radius: 5px; + } + .time-work { + width: 110px; + } + .search-keys { + width: 130px; + } + .btn-search { + background: #4795df; + border: none; + outline: none; + margin-left: 8px; + color: #fff; + height: 32px; + width: 60px; + line-height: 32px; + border-radius: 5px; + } + } + #tb_padding { + margin-bottom: 10px; + th { + padding: 10px 5px; + background: #f4f5f6; + select { + border: 1px solid #b8b8b8; + background: #fff; + padding: 5px 0; + } + } + .checkbox { + width: 50px; + input[type="checkbox"] { + margin-top: 6px; + } + } + input[type="checkbox"] { + width: 16px; + height: 16px; + } + td { + padding: 10px 5px; + border-bottom: 1px solid #ddd; + } + .btn-status-circle { + height: 19px; + width: 19px; + background-color: #bbb; + border-radius: 50%; + display: block; + margin: 0 auto; + } + .payment-unpaid { + background-color: #f90202; + color: white; + } + .payment-paid { + background-color: #64c35c; + color: white; + } + .fulfillment-unfulfilled { + background-color: #f90202; + color: white; + } + .order-new { + background-color: #ffa51d; + } + .assigned-person { + border: none; + outline: none; + } + .remove { + margin-left: 5px; + } + } +} +.page_content.edit-sell { + .title { + margin: 10px 0; + } + .title-left { + .red { + font-size: 20px; + color: #f90202; + } + .time { + color: #474747; + margin-left: 10px; + } + } + .title-right { + display: flex; + align-items: center; + .item { + display: flex; + align-items: center; + padding: 0 10px; + border-left: 1px solid #000; + font-size: 15px; + &:first-child { + border-left: none; + } + p { + margin-right: 10px; + } + } + .btn-print-cart { + background: #fff; + padding: 5px 15px; + border: 1px solid #ddd; + border-radius: 3px; + color: #474747; + i { + margin-right: 3px; + } + &:hover { + background: var(--color-global); + color: #fff; + } + } + } + .form-left { + width: 65%; + margin-right: 20px; + } + .form-right { + width: 35%; + select option:hover { + background: #4795df; + } + } + .box-user { + background: #fff; + padding: 10px; + b { + margin-bottom: 5px; + font-size: 16px; + display: block; + } + .item { + padding: 0 10px; + width: 100%; + margin-bottom: 10px; + label { + font-size: 15px; + padding-bottom: 5px; + font-weight: 500; + } + } + .form-control { + padding: 10px; + font-size: 14px; + border: 0.5px solid #ddd; + } + .item-2 { + width: calc(50% - 10px); + margin-right: 10px; + padding-right: 0; + } + } + .box-list-product { + margin-top: 20px; + b { + display: block; + margin-bottom: 10px; + } + table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; + } + + th { + border-bottom: 1px solid #ddd; + background: #f4f5f6; + padding: 10px; + position: sticky; + } + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } + .name { + color: #2c7af4; + } + } + .box-expense { + margin-top: 20px; + b { + display: block; + margin-bottom: 10px; + } + table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; + } + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } + i.fa-pencil { + color: #4795df; + margin-left: 5px; + } + } + .box-history { + margin-top: 20px; + b { + display: block; + margin-bottom: 10px; + } + table { + border-radius: 5px; + border: 1px solid #ddd; + background: #fff; + overflow: hidden; + } + th { + border-bottom: 1px solid #ddd; + background: #f4f5f6; + padding: 10px; + position: sticky; + } + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } + } + .box-assign { + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control.select { + padding: 10px; + font-size: 14px; + } + } + .box-start-pay { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; + } + } + .box-start-ship { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; + } + } + .box-start-order { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; + } + } + .box-note { + margin-top: 15px; + background: #fff; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + b { + display: block; + margin-bottom: 5px; + } + .form-control { + padding: 10px; + font-size: 14px; + margin-bottom: 10px; + } + } +} +.blue { + color: #4795df; +} +.link-blue { + color: var(--color-global); +} +.btn-save { + border-radius: 5px; + background: var(--color-global); + width: 120px; + height: 40px; + margin-top: 10px; + color: #fff; + font-size: 15px; + float: right; + outline: none; + border: none; + &:hover { + background: #013b72; + } +} +.paging { + margin: 10px 0; +} +.left-paging { + .item { + margin-right: 10px; + p { + margin-right: 10px; + } + } +} +.paging .pages-needed { + padding: 5px 10px; + border: 1px solid #ddd; + width: 115px; + border-radius: 5px; +} +.paging .hura-change-page-size { + padding: 5px 10px; + border: 1px solid #ddd; + border-radius: 5px; + outline: none; +} +.paging .right-paging { + color: #6c6c6c; + .content-paging { + margin-right: 15px; + .item { + padding: 2px 7px; + margin-left: 10px; + color: #6c6c6c; + font-size: 14px; + &.active { + border-radius: 3px; + background: #4795df; + color: #fff; + } + } + i { + font-size: 16px; + } + } +} + +.btn-edit { + i { + color: #6c6c6c; + margin-right: 3px; + } +} +.btn-remove { + i { + color: #6c6c6c; + } +} +.btn-excel { + border-radius: 5px; + background: #4795df; + padding: 10px 15px; + color: #fff; + &:hover { + background: #0084ff; + color: #fff; + } +} +.page_content.gateway-payment { + .title { + margin: 10px 0; + } + .background-payment { + padding: 10px; + background: #fff; + margin-top: 20px; + } +} +#tb_padding { + table { + margin-top: 20px; + border-radius: 5px; + background: #fff; + overflow: hidden; + } + th { + background: #f4f5f6; + padding: 10px; + position: sticky; + } + td { + padding: 10px; + border-bottom: 1px solid #ddd; + } +} +.btn-submit { + float: right; + .btn { + width: 120px; + height: 40px; + border-radius: 5px; + background: #004e99; + font-size: 16px; + color: #fff; + &:hover { + background: #0084ff; + } + } + .btn-back { + margin-left: 10px; + width: 120px; + height: 40px; + border-radius: 5px; + background: #bad8f6; + text-align: center; + line-height: 40px; + color: #fff; + } +} +.page_content.pre-order-products { + .title { + margin: 10px 0; + } + .table-pre-order { + background-color: #fff; + padding: 10px; + } +} + +.page_content.product-list { + .title { + margin: 10px 0; + } + .content-product-list { + margin-top: 20px; + padding: 10px; + background: #fff; + } + .filter-product { + padding: 5px 0 10px 0; + .item { + display: flex; + align-items: center; + font-size: 13px; + margin-left: 20px; + p { + margin-right: 10px; + } + } + } + .select-filter-type { + width: 145px; + border-radius: 5px; + background: #e7f1fb; + padding: 7px; + position: relative; + select { + border: none; + outline: none; + width: 100%; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: transparent; + font-weight: 300; + } + &::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + font-style: 12px; + transform: translate(0, -50%); + } + } +} + +.page_content.add-product { + .title { + margin: 10px 0; + } + .form-control { + padding: 8px 15px; + } + .tabnav { + margin-top: 10px; + .item { + padding: 7px 10px; + color: #004e99; + background: #e1edf9; + margin-right: 7px; + &.active, + &:hover { + background: #4795df; + color: #fff; + font-weight: bold; + } + } + } + .item { + .content-right { + width: 80%; + } + &.display { + label { + margin-right: 25px; + } + input[type="radio"] { + height: 16px; + margin-right: 5px; + } + } + } + .item-summary { + .item-radio { + margin-right: 20px; + display: flex; + align-items: center; + input { + height: 16px; + margin-right: 5px; + } + } + &.price { + .form-control { + width: 170px; + } + .note { + margin-left: 10px; + } + } + } + .retail-price { + .form-control { + width: 170px; + margin-right: 10px; + } + .note { + a { + color: #4795df; + text-decoration: underline; + } + } + } + .box-select { + width: 90px; + margin-right: 10px; + padding: 7px; + position: relative; + border-radius: 5px; + border: 1px solid #b8b8b8; + &::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(0, -50%); + } + select { + border: none; + outline: none; + width: 100%; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: transparent; + } + } +} + +.page_content.price-list-update { + .title { + margin: 10px 0; + } + .content-price-list { + margin-top: 15px; + background: #fff; + padding: 10px; + } +} +.page_content.product-category { + .title { + margin: 10px 0; + } + .content-product-category { + margin-top: 15px; + padding: 15px; + } +} + +.page_content.add-product-category { + .title { + margin: 10px 0; + .title-right { + .item-filter { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } + .box-avatar { + width: 50%; + img { + display: block; + width: 70px; + height: 70px; + margin-right: 10px; + } + a:hover { + color: var(--color-global); + } + } + .box-icon { + img { + display: block; + width: 70px; + height: 70px; + margin: 0 10px; + } + a:hover { + color: var(--color-global); + } + } + + .item-summary { + .form-control { + padding: 10px; + } + } +} + +.page_content.brand { + .title { + margin: 20px 0; + .title-right { + .item-filter { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + .title-left { + font-size: 18px; + font-weight: 500; + color: #002a53; + } + } + .content-brand { + background: #fff; + padding: 15px; + .input-stt { + width: 45px; + height: 27px; + border-radius: 3px; + border: 1px solid #ddd; + text-align: center; + } + } +} + +.box-form-add { + margin-top: 20px; + background: #fff; + padding: 20px; + .item { + display: flex; + justify-content: space-between; + margin-bottom: 15px; + .label { + width: 20%; + font-size: 14px; + } + .content-right { + width: 75%; + } + &.display { + label { + margin-right: 25px; + } + input[type="radio"] { + height: 16px; + margin-right: 5px; + } + } + } + .item-summary { + display: flex; + justify-content: space-between; + margin-bottom: 15px; + .title { + width: 20%; + margin: 0; + } + .right-summary { + width: 75%; + } + } + .box-select { + position: relative; + border-radius: 5px; + border: 1px solid #b8b8b8; + &::before { + position: absolute; + content: "\f0d7"; + right: 7px; + top: 50%; + font: normal 400 1em/1 "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(0, -50%); + } + select { + border: none; + } + } + .item-checkbox { + margin-bottom: 10px; + display: flex; + align-items: center; + input[type="checkbox"] { + width: 16px; + height: 16px; + margin-right: 7px; + border-radius: 2px; + border: 1px solid #d9d9d9; + background: #f5f5f5; + } + } + .form-label-radio { + display: flex; + align-items: center; + margin-right: 20px; + span { + margin-left: 5px; + } + } +} + +.page_content.add-brand { + .title { + margin: 20px 0; + .title-right { + .item-filter { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } + .box-avatar { + width: 50%; + img { + display: block; + width: 70px; + height: 70px; + margin-right: 10px; + } + a:hover { + color: var(--color-global); + } + } +} + +.page_content.add-attribute { + .title { + margin: 20px 0; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } + + .item-radio { + width: 50%; + display: flex; + align-items: center; + input[type="radio"] { + height: 17px; + width: 17px; + margin-right: 5px; + } + } + .table-attribute { + border-radius: 5px; + border: 1px solid #ddd; + } + .add-attr { + margin-right: 10px; + span { + margin-right: 10px; + } + &.name { + input { + width: 240px; + } + } + &.value-sort { + input { + width: 148px; + } + } + &.value-order { + input { + width: 52px; + } + } + } + .btn-add { + border-radius: 5px; + border: 1px solid #b8b8b8; + background: #ebebeb; + padding: 8px; + } +} + +.page_content.add-collection { + .title { + margin: 10px 0; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } +} +.page_content.config_group { + .title { + margin: 20px 0; + .title-right { + .item-filter { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + .title-left { + font-size: 18px; + font-weight: 500; + color: #002a53; + } + } + .table-list-config { + background: #fff; + padding: 10px; + } +} +.page_content.add-config { + .title { + margin: 10px 0; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } + .tabnav { + margin-top: 10px; + .item { + padding: 7px 10px; + color: #004e99; + background: #e1edf9; + margin-right: 7px; + &.active, + &:hover { + background: #4795df; + color: #fff; + font-weight: bold; + } + } + } + .box-form-add { + margin-top: 0; + } +} + +/* ==== Khách hàng + Marketing ==== */ + +.customer-page { + .title { + margin-top: 10px; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } +} +.customer-contact { + table td { + padding: 8px 0; + } + textarea { + min-height: 170px !important; + max-height: 250px !important; + } + p { + margin: 0 0 10px 0; + &:last-child { + margin: 0; + } + } +} +.customer-comment-detail-page { + font-size: 15px; + line-height: 19px; + font-weight: 300; + a { + color: #000; + &:hover { + color: #e10000; + font-weight: 500; + } + } + .col-left, + .col-right, + .comment-list { + background: #fff; + border: 1px solid #dddddd; + border-radius: 5px; + overflow: hidden; + margin-bottom: 20px; + } + .col-left { + padding: 20px 23px; + margin-right: 20px; + width: 65%; + } + .col-right { + width: calc(35% - 20px); + padding: 10px 15px; + b { + display: block; + } + } + .comment-list { + width: 100%; + text-align: center; + tr { + &:nth-child(1) { + background: #f4f5f6; + font-weight: 500; + td { + border: 0; + text-align: center; + } + } + } + td { + border-top: 1px solid #dddddd; + padding: 14px 10px; + &:nth-child(6) { + max-width: 300px; + text-align: left; + } + &:last-child { + width: 160px; + } + } + } + .item { + margin-bottom: 8px; + &:last-child { + margin-bottom: 0; + } + p { + margin: 8px 0 0 0; + border: 1px solid #dddddd; + border-radius: 5px; + background: #fcfdfe; + line-height: 21px; + padding: 9px 10px; + } + a { + text-decoration: underline; + &:hover { + color: #4795df; + } + } + } + textarea { + display: block; + width: 100%; + padding: 10px; + height: 339px; + min-height: 339px; + max-height: 430px; + background: #fcfdfe; + border: 1px solid #dddddd; + border-radius: 5px; + margin: 10px 0 15px 0; + outline: none; + resize: none; + } + .note { + background: #ffd4d4; + color: #e10000; + line-height: 32px; + border-radius: 3px; + display: block; + } + table { + td:nth-child(1) { + font-weight: 300; + } + } +} +.marketing-page { + p { + margin-top: 5px; + line-height: 19px; + } + table { + textarea { + min-height: 170px; + max-height: 250px; + } + } +} +.voucher-page { + table { + input[type="text"], + select { + width: fit-content; + display: inline-block; + margin-right: 10px; + } + } + .voucher-type { + white-space: nowrap; + line-height: 40px; + margin: 0 0 0 10px; + &::after { + content: ""; + display: block; + clear: both; + } + * { + float: left; + } + input { + width: 122px !important; + margin: 0 8px; + text-align: center; + } + } +} +.banner-page { + .banner-holder { + img { + max-width: 400px; + } + } + table { + input[type="text"], + select { + font-weight: 300; + padding: 0 12px; + } + } + .banner-size-holder { + display: inline-flex; + align-items: center; + white-space: nowrap; + margin-right: 32px; + input { + width: 100px !important; + margin: 0 8px; + text-align: center; + } + } + .global-time-group { + margin-top: 12px; + } +} +.marketing-tab-list { + display: flex; + flex-wrap: wrap; + a { + line-height: 30px; + margin: 0 8px 0 0; + background: #e1edf9; + color: #004e99; + padding: 0 12px; + &:hover { + background: #fff; + } + &.current { + background: #4795df; + color: #fff; + font-weight: 700; + } + } +} +.global-content-container { + img { + display: block; + max-width: 100%; + height: auto; + } + b { + font-weight: 500; + } + sub { + bottom: 0; + top: 0px; + color: #f90202; + font-size: 15px; + } + table { + width: 100%; + td { + vertical-align: top; + padding: 10px 0; + &:nth-child(1) { + font-weight: 500; + padding-right: 10px; + } + } + a { + color: #4795df; + display: inline-block; + } + input[type="checkbox"], + input[type="radio"] { + margin-right: 7px; + } + input[type="text"], + select, + textarea { + display: block; + width: 100%; + outline: none; + border-radius: 5px; + border: 1px solid #b8b8b8; + height: 40px; + padding: 0 16px; + color: #000; + background: #fff; + } + select { + padding: 0 14px; + color: #000; + } + textarea { + padding: 9px 16px; + min-height: 40px; + max-height: 120px; + } + label { + display: inline-flex; + align-items: center; + white-space: nowrap; + margin-right: 23px; + cursor: pointer; + input[type="text"] { + margin: 0 0 0 10px; + max-width: 72px; + text-align: center; + padding: 0 5px !important; + } + } + } +} +.global-content-container .btn-update, +.global-content-container .btn-reply { + display: inline-block; + text-align: center; + border-radius: 5px; + width: 120px; + height: 40px; + line-height: 40px; + color: #fff; + background: #004e99; + border: 0; + padding: 0; + float: right; +} +.breadcrumb-icons, +.global-time-group .box-time-item::after { + background: url(../images/sprite.png) no-repeat; + background-size: 70px 130px; +} +.global-time-group { + display: flex; + align-items: center; + flex-wrap: wrap; + white-space: nowrap; + p { + margin: 0 10px 0 0; + } + .box-time-item { + display: flex; + align-items: center; + margin: 0 10px 0 0; + border: 1px solid #b8b8b8; + border-radius: 5px; + overflow: hidden; + max-width: 358px; + width: 100%; + position: relative; + &::before { + content: "\2192"; + font-size: 20px; + width: 10px; + height: 40px; + line-height: 38px; + opacity: 0.25; + position: absolute; + left: 50%; + transform: translateX(-120%); + } + &::after { + @extend .breadcrumb-icons; + content: ""; + width: 16px; + height: 40px; + position: absolute; + right: 10px; + } + input, + select { + border-radius: 0 !important; + color: rgba(0, 0, 0, 0.25) !important; + border: 0 !important; + appearance: none; + width: 50% !important; + margin: 0 !important; + &:focus { + color: #000 !important; + } + &:last-child { + padding: 0 28px !important; + } + } + } + .time-date { + &::after { + background-position: -6px -66px; + } + } + .time-minute { + margin: 0; + &::after { + background-position: -43px -67px; + } + } +} +.breadcrumb-icons.icon-add { + background-position: -8px -104px; + width: 20px; + height: 20px; + margin-right: 5px; +} +.marketing-page { + .title { + margin: 10px 0; + .title-right { + .item-attr { + display: flex; + align-items: center; + margin-right: 20px; + i { + margin-right: 3px; + } + &:hover { + color: var(--color-global); + } + } + } + } +} diff --git a/assets/images/avatar.png b/assets/images/avatar.png new file mode 100644 index 0000000000000000000000000000000000000000..c7e678b33d038c398f40563a583a8dccfb2270d6 GIT binary patch literal 6712 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 O0000!H09Sn- zg5r16B6s9@HmlY2Ee*865Y+nmzf~~M>(of|+C4sEt!7w%Z}3(Bp$SAGVmCqvFKI9a zi5Cm|U+mN4-SSu~CI*w;u~tkBLY!*F!r20lQLE9VIGa|ZA=tFKxIJakYVx2UYUS0} d$e4KAu?5<7efW!*B~SnW002ovPDHLkV1hV)n*{&> literal 0 HcmV?d00001 diff --git a/assets/images/icon_global.png b/assets/images/icon_global.png new file mode 100644 index 0000000000000000000000000000000000000000..41046ffe111877c9ee34566b0e3d84e190830684 GIT binary patch literal 10301 zcmb_iWm6nn&&FK~w7ARS?rz21rC5Q5;_kM<;!caZEfjZmC@!Tyad%nV<>~$H{Q>Vx zj!tGyawL;;B~j|Ca+qkuXfQA^mJA0I zj;zzSKo~{ZEX$PnA!yB$E&+@r4#NK-L@=x*4ma$#Qx;aC|VOD-t6FmnIBE z_og%CD*Gn4W%ey1-^_XUs$1WlGDH$13gV?d%~HoQ@;(n+W)@&Kwif~k;=@7U49M5~ zFdnau<>PxdqzMm_53cmPr#UuJVnMEVEZ@tYt`q)!LXA>*m@k#Y?*F6l0fUhVKXUa` zeXDkGWH?LBtHfI0*}Q;NRNnYbvt`cQ(pE9VH}STSX?y|!G{Rh;On#%m@$h@mGMo?o zKzH|z&S$lcg^B6X{zPOodE*~5brQ(cl$o7n;HlP%{=}W;!l-f}mU?53j+~6BE|~Hv ztgiexa6A8K|W%v}6xWgz@h(muWWu8akqED}aLXH&L!~hF{)`(X+tn7Sd=@UQ7 zV|>kZ-`0~5j*LkpPGtr<>bajuRqy?#CjnYK%Yd#t(RoDb89feJ@r?Fqf}t%!AoEMy z53{kY?oULOdFG7*;g6A>I8^%gayklaPDAt3Cb3!S>bu;C}>ob7vhxy2zbL4n#bMWlg znX@KZ);%$nR#~xB>RiEF{Iv;u0iq0N>%(5f?eX5@t6mS+M!WmtF;%r`r+*WYmQ@=z)k@Oo5Ke>c=_T|zrLG}*bL;b0O_+KA6cNxMVj!iY3 z!VtJ5;yp_Y43bOA;742f5>))iYYC3`ktTJ^oCe64ZVCMW7Iy=!xFIAzGtDMPt z*af@8OZ{%O;G{LxaMn(sG=z~~L!QMhuiyfLtm-mYPZe+1dkDo0g8vSR+Y?MXaCs@N z*IVF=7Zk|bG}d~N9@k|ojUz=nRo)5|x(~QG`BTWFoSdCt)daWZLMdq^7hZFWR_(;l z6}U<6X8K-;(z!FPu<^y9M&qM?0G3^_DUdAP^T&C{#Y9!G`GZF_%Q1A_2#c1s4s?|| z7gG{owuXZaAGqtmrWrt`DfoP`s-BsOsx$n6yP?P92tnbFqZY(xba zPD;u@p50nIFOg*XuP7lW7imFYf-(A8FsOd0i%kkHx->CD7B4$0NY90hsZ=PNysMMK zXxndrl8S2(Ckga-X&%u(ASvnR2!BwG!`u`L zhIY5Kk_BnI#N%d?ryUp5j5%pZRcV?5hg4R-oU*P=Tsk;bb>AK1+G{Nlb$jEkY=dk z5)&z*R;tx*zJ*1J$CkVP8y2qQ*TN~62mQ+D+u%Cp-VD?)(#x>tj)OYdbtv@G#!pxC zLbSVu0>Hm^vFPhr^K;R7a{GaXHylOj_g^FA8apo5FaI7VYI!?F`&5Y0cJfcQU}>R2 zt%Vn;s5;d&5fkK-6MNz+I({bNRAJGJc_m-0??!%$-C6XxX-%>o6x44vm-cP)))0O& z6ejTAG0L*ovJed8KcC;S^Lk370Kav+cx7=@e)H&(1nN((`?EbrM;bmZd5_npG)!+Un8M^{8|p0uPN^dT2%`-a`UE4j6saF>Z;cLZfQ^R@aqgQ z30`sag9i4i6yjX<@%u>ZpW0crE>u@Q_;>?GQEhTikW7GMynKx(StsH9V#&$qwk6_ABtLz6F=Ux_x8FvZ)S9$VEf@Qj&ZWXO9^@`#|vCw z5`JW>?(;_+di5+9+C?#N`CjYw0l=WO;?5P#Su_;G-tmO_4aa6h%A7LZ2j+{cwIn~Q zu+wHh1yEAb9$Sb?Mv&?;C}Zxr^yM997<++4i3RfVl^I}w?BK)3X3*HP4_B`4du)>3 zTmevL8>z35zR!`x=6P=*3OW}QV%nb>L+!inxvZkuVshwT`aoQ<<|~!(SZx#IA!p9QZ4?q-q6+Le%nm31WHAXVmRAlW#k zX>@*YIx#FE$ajI~GnnSR2kuCsq_yk|11fa<{Ubj7E1Aa==_gVfvvBNLPg+d2%4a7e zu`#caCzAVb)Vn(H+SLP03`1UlN&w$()*ls64Uedj{J$BRdK}KV89L{1Q2huxj;qrA zYMT><%D?J}Lu%8WnJ9-~swZ=~)u8Icj~2fKi12&T*xgiCnmA)`4ROF4>dh}bgIex5 zL-hpXajCX5$AKyU7%nc5?lZBB_wK4%HV1r%i(kZZC{b1-jKKz{jBdo-(O(zL=FwgZ zQ;jt5k1C(O#JYK0U?6-QLZ_-&t5fy7r3miAHt1{m)I0JeoUiGYHaD@nDkwI{60wC+ zSPW~02nRsFo8{mjdc>j6r_7nz>-M{GXT&#nFNR%+@7U?;GR`s|U)vG0m=aQ4tQpT_ z_a#bT=ESz(*W5Pe=a|j6i6tAG?Lvx`*oSKW%Uh?dhRoo}kBmZVcUDf1DBdeI4eVq! z{{+ELwV^r2C!XfB{|;1k5LM7MuH|B8W*v9d?y;wltBOpca)<@k8XX@Yicv~0qU-Lbf zq?81NSvCEzIYHSVjYrV#y^b6R8GP)}&!8 z(2H)pzvkM-FL!rm|E5kX4#wB^$=n3C;^LY;as|Ce(J9xR&ZI2LiMA#;0ZV)?>6IBD zVlB!;@?;80a_Jw2wUn&QD`rJzdcR;ABb~e%7f8(q${91bK^3-qG^k$^HfRR?i}UM$ z{aGL*6pwGt^-s&B z6pc2HAIBi~Jc1C!@io@njBIgy9?6ums-7BiwrQ6ULkqHcn&~Yi=yUq&cd3Q`o&*{r z7xhoJLgZ=kD4TXEAU7sYVuzd)Ro^rmT8(uFij?lrJM?54aGYouz9}k{H)EswPah}F zjjTlV`7%E5n6J4vCV;lyWKV%Z(E>;tqb~ENqihOnq^01`)Y#u(;th!kSs9cNFCWtv z=S`!#MR%@)FZD&q{Eh}m$W z2X|$_H+Ta5^Jo4&98LAvLq$pjqxkYFpx~~$@$`r`GwR9|eN=A!H%v`|dI#B0aC4=_ zLW~a_7MAH1RC4MPR^h`S)X)`#B96TvWNVxwviYVjSXoz$=ARWh1J#RsHPUsXmgKo( ze&_!({E0)+RVfBOC4}UALnYE^Jck;jtp$(Ilsv?|?YXrzCwm2x6r-PaAP!?lr_%H1 zaDp;mF_-e<+jXC4q6h;hZMyClALDHo7S3SeAn9==t2gRCc{Qd%-xuWc8k&raJj#_R z(}9qFHIGcCl6)>lggCtRIcNi5Jp~#36ecmqqpNh@|9Srr;w^d|F)#V^z1tIusT>VG z7D&%sal@z~ksB(dAE$62(OugY#Bf1Gf;x4g+(h-pKpu}g9`c-XsdMnB7#x56&a*vy zQ@3q%5=HP%8T~!mqH=&_1C1Zy{jh~_aBtEHDjf^!iR`Psjw7?Y8}@7Ol;wKUSxz8a zWEc5Wa3c)gQs>grctd+7K*|e!xgB#zT7@FsZ0YQtSvo_JEcUU+)!`d{dGNWkJAN-* z54RoW)zH^R@i+2Fd(U{p@Ss~*g`P&V`m8hL7i=!a_ZR`E$WyZ$ZvEp6uxAW>=6 z>rInyZcsjmDJ@nt2yaW8w>}qkac>RDX*jmg1*#E@SW+hOivYj5Sk9au{*+0RO&ABrzJE;MK&*)8!`zFqJbS{41 zZ0tR1-Gk@{FIC^>m@H*+(Zg$OoZ6Qy`+LDotiZ?W{y}H2tv)CAJC=c$g+4o%mV?J< zCP++L&4NTrzoO&5XykO-8tY^X*ELs2L1pR_p}!KR+Wa^KDNsD+5BfvY$0si+IH3Fn z=8uw=J}mBU@^Elp@0)5pl@O%(+j29!>o@ES!r))il1>ju2^$BT2X{nt^`y?_v|SVn zWG6V%=}}=Bm2&jOKcy8jmN^0tPIlEzT1daZ5u{`{_tTu8A|s-qV#yVQ`f(>RN|#)w zO0lz4khw}3Me6xZn8dPurQ>sRk%^a|6iI(7phe_U^GE34Kvxg7LOhiGKA|bg2bB>g zaGG0&{f0ecVqkCA zh}^OSK|L5$N7JHN1@u{n@nZs}W@!YlCQy>l#st3Fq}aLuQ}NK=)=c?Z!jMjH!jm>c zU5e{ncIkDC^%o%csQ}9QD+~Jz2FA*W0067K(#m`=2yYvANJsPA2WggfaOdX@OZ1Fp za#GCv>J}@NNY+DNDcxke3~_=erk?g6ZLQdAeDefNYQ85GRgPJ7dA~3)Y4KhZ-bvG? zEc+E|bMzt<}a0%kO7p3rsuN!7~nFYQROSaAJO0U z70kjZ!nD^$7-m+sZ$!kP^G8x*JNBtq7Q<@~O{2#|&z$-GN$WuL$mW)oumloP1K}B1 zk9ht<`UkN8<1UE_+D5pgEvj+CIe}7urZ`>tHJiU7J>MB8eHJ;>%6Z=anjpex8ScJY zx|mLWZ~VAzQ8K7#lybsf@_nOW#BS$+*|qPsM6#cEH$0sQ7Pqii`(-06c6L}79qdZ~ z7qGS?OV^D(sop=eA2ahatfeUcKx=A!gv74nQOk*5L|41sXAv4*fz<_1l(pGHW3(*x zB3h?9O$TsNGHNmZjH09NpqFKnz==1EFz&RoQQzF1Dxr?>#fP>6@0&i;jj#C07qp}H zX1lM%1I)OnIL{)oz(4655mM4l*z)s}l<4|U@9+~_f(8t$Wz7%>)~-quyF*vf8Ds0= zy&#@VG#Vz1+%qJP)GnC9HGXf2#&8>Ldjf=;k8%ci9>C6=R7$HMcj?JzHf{I!Xn0*+ zd%GAoO`*k^tJF2|9>rnLdophey@wHmWe$VT+Bj5?d;tJX2_4%?s)T2%EK36uwWYpo zBpExC+!x_Ahkjb*yP1}RiHf2iomYw58_T@j2o)L#>kVB5CG!Df z@{(vd8m2bEdXL7q+h)Mnc|G=NbjeBb9h(nav}tJC@&~42Ox&?d-t6QJjef*RS$b&4 zn?}Fs-G!5;u)P_{Q1ledL0j@BdaOymzKxCk=?3DKk}^UZF1l2-&a20-MhqqHUNPxm zz~r3QN+oOT(!R%=4BV%Zij6{$WTxL?NM&eCq%)gqjN3Y7%Ow5zGXy59JU6p_<_dsv zx{+wD08=06uK?9>y&iuLCDOVN0WRxzv*=YPLKh$L2&ItG8C2qO_1#@&{Nfpy>46X$lS)gLr;Hyy~9Eof>gS&2V`VZM;20`L&EZb|eht#$2^!;(h4X z-Uxg|?(CML>u*YueYMCtm=i>Qi?wXJcP#8OorU4xG*$SR}>nU%R)lX6kX~Jc@0P^NdJD=ah82(&>=)S zch>8?0Y5*qBKR3#7w{-jvpgWh0apv|hFceIW)Qv6^}Bs*XtLE-6@q_~EJj3x zLyKVjfHj(UrU1ZDzs%xPWpp=Cl13GEQd)_do=rvfO;FwB(UvdOH%U6sfj=lLTmeMa zPYG}H_uoyHL?$@M&+2{49F>uzN|%9k(C8EFu;u7U?jSWqyL)IobtLGTWJJ|e-z?<1 z`fU~p_28A~#7vk7);6iQGQ>rGS&FzXmF196P-NU^qWy(b;YTA$tWt4;`h#^rl!yEd zQmK}b0iy1o{Y=~gx20u6D!Di|H1;iY11$0VJ0Wp-WreFG`zQu!;c?!#EIZ9L8Wa%a z|06{n1=F)kpx8C&gj_QMr$xaueh$?$DT9+w*LVm?qQ&`|SMw|4jfy2)sz)Y!Y}!Oh zqD>vh2hM{SL7%nK#5Z2gtKJvFNV!j@)o=z6i3}yXJP)8hXZXT`ElP1TB?P}TQqePx~y6*8jkmKFw!UKnq43jgOfC!bD5IxS$Q?g<^ z;s_)7$k#HBz>JiD?0}HdbJxY%I4&NFZr+1l9DU)cv86n8tLca2i_cESd3%!b(@)n$ zu3Y(z@I-y-8h#IV%pDRqGPF?ysRx2YdjUk-b!(C*Rwl04{O4cM5^NA z&*NKL1&^Z&J_qdYTeeO17>l2y{g1?R!r9*r(xj~Rv4gI--$H`|`7Q*giLB%!)m6VR zCri$mInw|jCOvBv=sy>OG6XB5&yZ8_*#`R6^(&6)!>)_G_CK13ja(Ub2DUWSgz>QZ z?AZ<=q~9KhBf@93to^FP=Et}}Q87+K%3)w>i!a|80>7Jz zxKW|6KTW1li$C{?i%0kcy^Z$nL|W2ns+)GL)k`#e;&9fFbd?I@szBeWpTT7VcOdxS zvY|>sB~elI?1 zD=>Yu}h(dp$MnyToZrUudiZ!s{&OE9V>X^Z3}eR5d))>)}wWjjN}B6HaiPoa{?fetMKcWGuHRY7s>Ad6}(i0YFrk zM8Vx51Cx=h?}a!h{4$Y_g00R|!tC)lr2Nlc9wwIVlADhV<`UL(V>&(mUfm$3=k4MM zKrAy#&5~Eqg?Fq9Sbff%HIzu2Yval`Jk%2}9p4KT>7&Kz74l3O8QN^EU20PN-!wv} z!O$!qzG885J1T-?_FcXuNhqFYtxd6~41CS|)s1cA-EyXcot?#uhCQ@PxCI$;>%|9h z;aJ=og1|9wErV?MLg(fD^z#(vgzP?JI_FuW7>bh>DLGx!DU;Sh5$Svi=l(sV73ei! z(&1c8fy{AXkYJ2O(x+OP;``WB5((8^{ANIKnG8EIIsx zVmm3j1}oH6l|-MzU46ZOX6=>6$GE8s)bL+(NXsyluT(L}p67B-`d=>kuB6^!y~Qyj z@<#L37|^+h1C(FqO^TyuG_$B18yFYJW=%9uv51-CzxeSCPt=GMgvA_ao*E&u>YyAJa6jVcAKD%xKueGvd~~b!bvR4E%%xMR z0I~p7(KvF@{Ij1*R*s*#y;ao)epu`c5u2uX-uh{Pd4TvYew7YGxqNA6n3xe@Bq3vw zs-M$Q4Pe;0hR3!x0hgiTN&Qjb$<^KK5=d8h2K2Yie5km%*5T2g2N2~Jwy(4&-@6Ee zzGfun-#ei-E8s41q=Gd6j^`$3W=>R?AC+YXrwbNSn#Q@EHaWeuhPeIgOYggRbvxMX zMmymA#OFLxkC1jqSea8N5MGG4o_c#j#Io-(yc_tMfh75w^;wM`E&A|-l3>%?y=-X1 zUbyPm=1Ea1QhL29_mw_U>c(k{^O?Z5DkpZV?b*$>uAW#GcfQRHZ-TR;?;3tie* zs{EgY8<`bPyM5{=j?uDH{aL}sK;Ky$VYhZ&J7qVjJ?|DM-ntt84Em?|OifkPXZ~q$ z5&%#ml^052ZabfT9O=72VoUjFJM-f*u)tyvR3@SZIdZKvRMKEr5w2wYqLw6|9H zF4KyJo*4E9R^EoD04pnpjEb>hv1iF}C^48+qwl7411A>=Cmdmgt@8p0kGzPlKN!ua z!ddO0Re-}wg+j>AuvbHu66oH^aI_Uh-S8BjCyT9Ds#5j!Gg;Ao1fC*BnQFPTYCcQ1 z|363YidAOdhOd1KMot`wmC@XRcXs(oZETvQTwzuOX>i~1xvwE5Ifn-qL7E&m?hx}` z5#1z<438X`-zV7Oe3~EiZeHHNTzsYiC?g&W_tW(@C%}Kp-Mfm)Q#K>4fxNcHlbN}6 z`D=P!T|7r`ly7IeJG#@Ci^;xnWJeB>NQ7#5;Zuv1;p2Ck0To5HtYkp_H(g#qYYmmH z&d~2QBm`IzQb^fdM0|WiCMyDrybO=j6chuqZ4Eh-xoLmUHvr)nQgwtS%Yqpw)L*Z# zoH{7nrpR7J2FwU95Yv{(7AtoZ;4;W``s}1@zL$3+4-1Ox_8iC!o^9K#h!#bLHFvrE zT@X2t7cn29vPW>zs#5k1tPS)=r7nE^Ug!GPZ9(yK8<@Gj)&+!$h}ReHu=Tm>Iyuc8 z7(qsTY>Brqe{BWz!V=y8xn^ETy<)6H$DScIg5>qdbr4ej5NR*KTU3oBk6b8}frF>b zC$NwywyM$N46~iv=oP0qnw-U3XM!&5_?w+85ZWZnY9*=LedqUn6P>xX2q3}4ZEhp_ zebQ6$`TV0UcNh}nnPTcX{aEG!)k7x8iEqY=* zcE=$-5k5DkccIPAgsi!GhEjGQ z&f~BToJNIyuAaj-dW_J(zk58)@u z^Q!KMTl9r4td9F`05IM?oUC7H0^~${;8LW*V6yz~h|)=97q*M@#8KC;-Sn>m)r=dX zQ1+DPoAp-)zFy_qT#|>uT|Lvgd=<67Qr5O$Qo@eYBPf+|e$D;?db>fiL70}SNxn>8 zLSE&3~6T&&12RY@=KJXx;df*EAH#GDOb;V}E zPA9}_9xA^);uZSEEII~h>&*cpouTJ`P%v;z<-=*3`|F(?^&em*irsA>N5jJS?>TFB z9P_b&44hfnX2Ef)X(9J^vIi3@X{_*6WVy{pnoewi6Nm(5us}-KP{Z20SIxA37=y9UN~L^1lzJlSM?{SvKSBUCWw+ z=Ssso-VeF`V2KSoezEuKstazhjIAHyb$iX@uj{ZO$Cdo|nhoT>;9KTk;yMkxbbx-j zgOz8kS0??C^1Om7i|m=Xcmr7wx_=5r#rHJ4y$qNUf{PsXp4Rh3;ct>J$S=tp!n=BG zI=kg`@H;GB8t6iRG_@0K(2UiFrXG+E;czs}Z?At<~I4fYL zX3cSHFh?%I)iH8Z{i)MCqUC~27wVMklhf%_tZ3zAEIuJ`l?^2i0$1%D2x@#Z?H+Zf zMP=8%n557n{K~(_hS!O2Kaj%llQ(FSan(3!P5d*d2k^FW*V z?Lf6Riy%PN*D`U8$?zzH&HwaQZ{+-RN%paz(|Wp7)hmpD$gE~f%*WYP)3IX1 z@b-~wY!C4=keyR-pgQeg!0d6hihcKOiSggDT8inP`a%5*=$Trpm>$aE1^$}wsr3mR zSOBC^Y!6XvDZ1YA9EB6%NUeHFv=DwX#lL=*+pJH<6&~k(ysr&E_q8pQ>OK%1wq0v;LEHcml%|pW%%aYH z7juj2>Wtuw+UETIm=9w7I~QyZ$@}H*3LkNS+SzD}+I{MC%K^N7G(f#;W&V{p=-Db< zmDB8(yaYi(szn3y-$Ft)rsR5RZ2c3WEF>-$V{1JPzhD143cI=V5n%F_xBQrEN{7=+ zm_M`c{IX^Gda?z58)7gCFm81YJVnL)=O_z`ydC~Edhc0Kx>!yN47YSZgUp~%)35h- z10R0;K;WTXJ(Fu;tAtC+40=dYyVIk1>9~ynvMDD|=W=eozt*IkvA?IKeGHMuU<82V zBhy4+g0D$12^K^UuZ6omy12i0x_Cd7KLW+yhWemE&`;kL7#X!y-=F!#{BFd1E|wnC zOauF1sX2@DQ9$X6>I$zr(|ORBT_D2(`>)DkRbzoCiuYUNYqz~CE=Gp`5RY`OH~7n( Xgr&H@BC!9m{a_SiRb{HB%s~GG)I9Eh literal 0 HcmV?d00001 diff --git a/assets/images/image_upload.png b/assets/images/image_upload.png new file mode 100644 index 0000000000000000000000000000000000000000..94bcf7f46663de1baf5b601d5abf75ec5cd61197 GIT binary patch literal 646 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 Dbum_e literal 0 HcmV?d00001 diff --git a/assets/images/sprite.png b/assets/images/sprite.png new file mode 100644 index 0000000000000000000000000000000000000000..0137c656d1f43299420415cdede1db2528ea4497 GIT binary patch literal 5787 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 Mx}I98ie1S60LBtU+5i9m literal 0 HcmV?d00001 diff --git a/assets/js/chart_home.js b/assets/js/chart_home.js new file mode 100644 index 0000000..ab3a864 --- /dev/null +++ b/assets/js/chart_home.js @@ -0,0 +1,254 @@ +const revenue = document.getElementById('revenueChart'); + + +// Mảng labels chứa các ngày trong tuần +var labels_week = ['', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'CN']; +var labels_month = ['', 'T1', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'T8', 'T9', 'T10', 'T11', 'T12'] +var labels_year = ['', '2022', '2023'] +// Mảng data chứa dữ liệu biểu đồ +var weeklyData = [0, 50000, 20000, 150000, 60000, 5000, 8000, 70]; +var monthlyData = [0, 60000, 20000, 150000, 60000, 5000, 8000, 70, 20000, 10000, 40000, 2000, 22]; +var yearlyData = [0, 20000000, 5000000]; +// Xác định ngày hiện tại +const today = new Date().getDay(); // Lấy ngày trong tuần từ 0 (Chủ nhật) đến 6 (Thứ 7) + + +const Chart_revenue = new Chart(revenue, { + type: 'line', + data: { + labels: labels_week, + datasets: [{ + label: 'view', + data: weeklyData, + borderColor: '#4795DF', + borderWidth: 2, + pointRadius: 6, // Đặt kích thước điểm mặc định + pointHoverRadius: 8 // Đặt kích thước điểm khi hover + },] + }, + options: { + scales: { + y: { + beginAtZero: true, + grid: { + display: true, + color: 'transparent' // Màu sắc của ô kẻ trục x + }, + ticks: { + stepSize: 50000, + callback: function (value, index, values) { + if (value >= 1000) { + return (value / 1000) + 'k'; + } + return value; + } + } + }, + x: { + beginAtZero: true, + grid: { + display: true, + color: 'rgb(234,239,244)', // Màu mờ + }, + border: { + dash: [4, 8], + }, + ticks: { + color: 'rgb(136,183,228)' // Màu đen + }, + }, + }, + plugins: { + legend: { + display: false // Ẩn hiển thị legend + }, + title: { + display: true, + }, + tooltip: { + borderColor: 'black' + } + }, + elements: { + line: { + tension: 0.2 + }, + point: { + borderColor: "#4795DF", + backgroundColor: "#4795DF" + } + }, + interaction: { + mode: 'index', // Chế độ tương tác + intersect: false + }, + onHover: function (event, elements) { + if (elements.length > 0) { + var element = elements[0]; + var datasetIndex = element.datasetIndex; + var index = element.index; + + // Tạo mảng mới chứa màu mờ ban đầu cho tất cả các điểm + var gridColor = new Array(Chart_revenue.data.labels.length).fill('rgb(234,239,244)'); + var ticksColor = new Array(Chart_revenue.data.labels.length).fill('rgb(234,239,244)'); + + // Đặt màu của trục x tương ứng với điểm được hover thành màu tương ứng + gridColor[index] = 'rgb(136,183,228)'; + ticksColor[index] = 'rgb(136,183,228)'; + + // Cập nhật màu của trục x + Chart_revenue.options.scales.x.grid.color = gridColor; + Chart_revenue.options.scales.x.ticks.color = ticksColor; + + // Cập nhật biểu đồ + Chart_revenue.update(); + } + }, + onLeave: function () { + // Reset màu của trục x về màu mờ ban đầu + Chart_revenue.options.scales.x.grid.color = 'rgb(234,239,244)'; + Chart_revenue.options.scales.x.ticks.color = 'rgb(234,239,244)'; + + // Cập nhật biểu đồ + Chart_revenue.update(); + }, + } +}); + + +const clickRevenue = document.getElementById('click-revenue'); +clickRevenue.addEventListener('change', select_revenue); + +function select_revenue() { + var selectedValue = clickRevenue.value; + + if (selectedValue === 'week') { + Chart_revenue.data.labels = labels_week; + Chart_revenue.data.datasets[0].data = weeklyData; + } else if (selectedValue === 'month') { + Chart_revenue.data.labels = labels_month; + Chart_revenue.data.datasets[0].data = monthlyData; + } else if (selectedValue === 'year') { + Chart_revenue.data.labels = labels_year; + Chart_revenue.data.datasets[0].data = yearlyData; + } + + Chart_revenue.update(); +} + + + + +// bieu dồ lượt truy cập +const access = document.getElementById('chart_access'); + +const Chart_access = new Chart(access, { + type: 'bar', + data: { + labels: ['Cột 1', 'Cột 2', 'Cột 3', 'Cột 4', 'Cột 5', 'Cột 6'], + datasets: [ + { + label: 'Dữ liệu cột 1', + data: [100000, 20000, 5000, 16000, 2000, 22], + backgroundColor: 'rgb(141,212,252)', + borderWidth: 0, + borderRadius: 50 + }, + { + label: 'Dữ liệu cột 2', + data: [150202, 20005, 5055, 17000, 60000, 22], + backgroundColor: 'rgb(44,122,244)', + borderWidth: 0, + borderRadius: 50 + }, + ] + }, + options: { + responsive: true, + scales: { + x: { + grid: { + display: true, + color: 'transparent', // Màu sắc của ô kẻ trục x + } + }, + y: { + beginAtZero: true, + grid: { + display: true, + color: 'rgb(221,221,221)', + borderDash: [5, 5], + }, + ticks: { + stepSize: 50000, + callback: function (value, index, values) { + if (value >= 1000) { + return (value / 1000) + 'k'; + } + return value; + } + } + } + }, + plugins: { + legend: { + display: false // Ẩn hiển thị legend + }, + title: { + display: true, + }, + tooltip: { + borderColor: 'black' + } + }, + barPercentage: 1, + categoryPercentage: 0.2 + }, +}); + + +// biểu đồ website giới thiệu + +const webInfo = document.getElementById('chart_WebInfo'); + +const chart_WebInfo = new Chart(webInfo, { + type: 'doughnut', + data: { + labels: [ + 'blue', + 'green', + 'Yellow', + 'yellow' + ], + datasets: [{ + label: 'My First Dataset', + data: [30, 30, 30, 10], + backgroundColor: [ + 'rgb(53,158,255)', + 'rgb(100,195,92)', + 'rgb(0,78,153)', + 'rgb(255,165,29)' + ], + hoverOffset: 4, + borderWidth: 1 + }] + }, + options: { + cutout: 100, + plugins: { + datalabels: { + formatter: (value) => { + return Math.round(value) + '%'; + }, + color: '#fff', + font: { + size: 14 + }, + }, + legend: { + display: false // Ẩn hiển thị legend + }, + }, + }, + plugins: [ChartDataLabels], +}) diff --git a/assets/js/home.js b/assets/js/home.js new file mode 100644 index 0000000..fc17d65 --- /dev/null +++ b/assets/js/home.js @@ -0,0 +1,36 @@ +$("#tabReport .item").click(function () { + $("#tabReport .item").removeClass("active"); + $(this).addClass("active"); + var idTab = $(this).attr('data-tab'); + + $('.content-tab').removeClass('active'); + $('#' + idTab).addClass('active') + return false; +}) + +const day = new Date(); +const formattedDate = day.getFullYear() + '-' + (day.getMonth() + 1).toString().padStart(2, '0') + '-' + day.getDate().toString().padStart(2, '0'); +$('#timeToday').val(formattedDate); + + +function show_content(content) { + $('.overlay').toggleClass('active'); + $('.' + content).toggleClass('active'); +} + +function close_content(content) { + setTimeout(function () { + $('.' + content).removeClass('active'); + $('.overlay').removeClass('active'); + }, 0); + +} + +function closeOverlay() { + $('.overlay').removeClass('active'); + $('.notification').removeClass('active'); + $('.user_login').removeClass('active'); +} + + + diff --git a/ban_hang.html b/ban_hang.html new file mode 100644 index 0000000..89eb087 --- /dev/null +++ b/ban_hang.html @@ -0,0 +1,565 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+ +
+ + + In danh sách + + + + Tải về file Excel + +
+
+ + +
+
+
+

Tổng dơn hàng: 500

+

Tổng giá trị: 1.000.000.000 đ

+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ STTMã sốThời gianKhách hàngTỉnh/TPGiá trị + + + + + + + + + +
+ 001007-24226-06-2023, 3:38 pm + Nguyễn Văn Nam + Hà nội550.000 + + + + + + + + + + + + + + +
+
+
+
+
+

Điền trang cần đến

+ +
+
+ +
+
+
+
+ + + + + + + + 1 + + + 2 + + + 3 + + + 4 + + + ... + + + + + + + +
+
+ Hiển thị 1 - 10/ Tổng số 1250 đơn hàng +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/bao_gia_san_pham.html b/bao_gia_san_pham.html new file mode 100644 index 0000000..166061d --- /dev/null +++ b/bao_gia_san_pham.html @@ -0,0 +1,393 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + + Tải về file Excel + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTSản phẩmGiá bánGiá thị trườngSố lượngKhuyến mạiBảo hànhHiển thị
001Chuột máy tính Logictech 00230.000.000 đ200 +
    +
  • + Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC
    • +
+ 		24 tháng +
+ +
+ 		+ + + +
001Chuột máy tính Logictech 00230.000.000 đ200 +
    +
  • + Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC
    • +
+ 		24 tháng +
+ +
+ 		+ + + +
001Chuột máy tính Logictech 00230.000.000 đ200 +
    +
  • + Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC
    • +
+ 		24 tháng +
+ +
+ 		+ + + +
001Chuột máy tính Logictech 00230.000.000 đ200 +
    +
  • + Giảm Ngay 300.000 đ Khi Mua Kèm Bộ PC
    • +
+ 		24 tháng +
+ +
+ 		+ + + +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/danh_muc_san_pham.html b/danh_muc_san_pham.html new file mode 100644 index 0000000..8876df2 --- /dev/null +++ b/danh_muc_san_pham.html @@ -0,0 +1,332 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + + Thêm danh mục mới + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDDanh mụcLink webHiển thị nội dungSố lượngSắp xếp STTThuộc tínhHiển thị
0012Màn hình máy tínhXem tại webSP + Danh mục con200 + + + Tổng + (4) + +
+ +
+ 		+ + + + + + +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/danh_sach_nhom_cau_hinh.html b/danh_sach_nhom_cau_hinh.html new file mode 100644 index 0000000..7529e4f --- /dev/null +++ b/danh_sach_nhom_cau_hinh.html @@ -0,0 +1,354 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ Nhóm cấu hình sản phẩm +
+
+ + + Thêm nhóm cấu hình + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTThông tinThời gian
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
1Tai nghe NICSFS traceless15:20 25/04/2023 + + + + + + +
+
+
+
+ + + \ No newline at end of file diff --git a/danh_sach_san_pham.html b/danh_sach_san_pham.html new file mode 100644 index 0000000..53494cb --- /dev/null +++ b/danh_sach_san_pham.html @@ -0,0 +1,462 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + + Thêm sản phẩm + +
+
+
+
+
+

Danh mục sản phẩm:

+ + All + +
+
+

Thương Hiệu:

+ + All + +
+
+

Điều kiện:

+ + All + +
+
+

Sắp xếp theo:

+ + All + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDẢnh sản phẩmSản phẩmGiá bánDanh mụcMã khoSố lượngLượt xemLượt thíchLượt muaĐặc điểmHiển thị
001HR124 + + Máy tính gaming30.000.000 đPC GamingHR02520020k12k2k +
+ +
+ 		+
+ +
+ 		+ + + + + + +
001HR124 + + Máy tính gaming30.000.000 đPC GamingHR02520020k12k2k +
+ +
+ 		+
+ +
+ 		+ + + + + + +
001HR124 + + Máy tính gaming30.000.000 đPC GamingHR02520020k12k2k +
+ +
+ 		+
+ +
+ 		+ + + + + + +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/danh_sach_thuong_hieu.html b/danh_sach_thuong_hieu.html new file mode 100644 index 0000000..ad4607d --- /dev/null +++ b/danh_sach_thuong_hieu.html @@ -0,0 +1,320 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ Danh sách thương hiệu +
+
+ + + Thêm thương hiệu + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDThương hiệuLinkLogoSố lượng sản phẩmLượt xemChi tiếtNổi bậtSắp xếp STTHiển thị
11Microsoft/brand/microsoft + + 50200Xem +
+ +
+ 		+ + +
+ +
+ 		+ + + + + + +
+
+
+
+ + + \ No newline at end of file diff --git a/dat_cho_san_pham.html b/dat_cho_san_pham.html new file mode 100644 index 0000000..bd07179 --- /dev/null +++ b/dat_cho_san_pham.html @@ -0,0 +1,379 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + + Tải về file Excel + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTKhách hàngSản phẩmĐiện thoạiThời gianEmailNhận hàng tạiTrạng thái
001Phạm linhMáy chiếu BenQ MS550 SVGA098765432111-05-2023, 9:50 amNguyenvanA@gmail.comSố 5, ngõ 11, Yên Lãng, Đống Đa, Hà NộiThành công
001Phạm linhMáy chiếu BenQ MS550 SVGA098765432111-05-2023, 9:50 amNguyenvanA@gmail.comSố 5, ngõ 11, Yên Lãng, Đống Đa, Hà NộiThành công
001Phạm linhMáy chiếu BenQ MS550 SVGA098765432111-05-2023, 9:50 amNguyenvanA@gmail.comSố 5, ngõ 11, Yên Lãng, Đống Đa, Hà NộiThành công
+
+
+
+
+

Điền trang cần đến

+ +
+
+ +
+
+
+
+ + + + + + + + 1 + + + 2 + + + 3 + + + 4 + + + ... + + + + + + + +
+
+ Hiển thị 1 - 10/ Tổng số 1250 đơn hàng +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 0000000..0cb8475 --- /dev/null +++ b/home.html @@ -0,0 +1,638 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+

Dashboard

+
+
+
+
+
+
+
+
+
Đơn hàng mới
+
+
10k
+
+
+ + 10% +
+
+ Hôm qua +
+
+
+
+
+
+
+
+
+
+
Khách liên hệ qua website
+
+
600
+
+
+ + 10% +
+
+ Hôm qua +
+
+
+
+ +
+
+
+
+
+
+
Đơn trả góp
+
+
102
+
+
+ + 10% +
+
+ Hôm qua +
+
+
+
+
+
+
+
+
+
+
Đơn hoàn
+
+
25
+
+
+ + 10% +
+
+ Hôm qua +
+
+
+
+
+
+
+
+
+ + Doanh thu + 105tr +
+
+ +
+
+ + +
+ +
+
+
+
+ + Lượt truy cập + 105k +
+
+ + Người xem + 75k +
+
+
+ +
+
+ + +
+ +
+
+ Lịch sử chỉnh sửa + + + Xem danh sách + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTNgười dùngNội dungThời gian
01Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
02Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
03Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
04Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
05Linhpc@hurasoft.comChỉnh sửa banner trang chủ15: 30 25/03/2023
+
+
+
+
+
Tóm tắt báo cáo
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTSản phẩmLượt xem
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
+
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + +
#Web giới thiệuLượt truy cập
Web giới thiệu 1300 lượt
Web giới thiệu 2300 lượt
Web giới thiệu 3300 lượt
+
+ +
+
+ Từ khóa xem nhiều nhất 30 ngày qua + Xem danh sách +
+
+ Asus + Laptop mỏng nhẹ + PC giá rẻ + Ram 16G + Cách săn ốp điện thoại rẻ + Mua máy tính + Asus + Laptop mỏng nhẹ + PC giá rẻ + Ram 16G + Cách săn ốp điện thoại rẻ + Mua máy tính +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Bài viếtLượt xem
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
01Laptop ASUS TUF Gaming F15 +
30k
+
+
+ +
+
+ + + Hỗ trợ từ Hurasoft + +
+
+
Ghi nhắc việc cần làm cá nhân
+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Nội dungHết hạnTrạng thái
01Sửa trang chủ hurasoft24/05/2023Đã xong
01Sửa trang chủ hurasoft24/05/2023Đã xong
01Sửa trang chủ hurasoft24/05/2023Đã xong
01Sửa trang chủ hurasoft24/05/2023Chưa xong
+
+
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/khach-hang.html b/khach-hang.html new file mode 100644 index 0000000..3dd9063 --- /dev/null +++ b/khach-hang.html @@ -0,0 +1,734 @@ + + + + + + + Khách hàng + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+ + + +
+
+
+ +
+
+ + +

Thêm Bộ sưu tập mới

+ + + +

Danh sách bộ sưu tập

+ +
+
+
+
+
+ +
+ + + Thuộc nhóm khách hàng
(Quản lý nhóm + khách + hàng) + +
+
+ + VIP + +
+
+
+
+ Tên khách hàng +
+ +
+
+
+ Là danh mục con của +
+
+ +
+
+
+ +
+ Sinh nhật +
+
+
Ngày
+ +
+ +
+
Tháng
+ +
+ +
+
Năm
+ +
+
+
+ +
+ Giới tính +
+ + +
+
+ +
+ Địa chỉ Email +
+ +
+
+ +
+ Điện thoại di động +
+ +
+
+ +
+ Tỉnh/TP +
+
+ +
+
+
+ +
+ Quận huyện +
+
+ +
+ +
+
+ +
+ Địa chỉ +
+
+
+ +
+ Tên công ty +
+
+
+ +
+ Mã số thuế +
+
+ +
+ Địa chỉ công ty +
+
+ +
+ Ghi chú về khách hàng này +
+
+
+ + + + +
+
+ + + Hủy bỏ +
+
+
+
+
+
+
+ + + +
+
+
+ +
+
+ + +

Danh sách khách hàng liên hệ

+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + +
Thông tin bán sản phẩm +

Họ tên: Pham Van A

+

Địa chỉ email: abc@mial.com

+

Số điện thoại: 0123456789

+

Thời gian liên hệ: 08-05-2023, 2:03 pm

+
Nội dung chi tiết + +
Cập nhập ghi chú + +
+ Cập + nhật +
+
+
+ + +
+
+
+ +
+
+ + +

Danh sách đánh giá

+ +
+
+ +
+
+
+ Khách hàng +

Pham Nguyen Van A

+
+ +
+ Địa chỉ email +

annv@hurasoft.com

+
+ +
+ Tiêu đề +

Màn Hình AOC 24B1XHS 23.8 inch Full HD

+
+ +
+ Nội dung +

Test demo

+
+ +
+ Thời gian +

08-05-2023, 11:33 am

+
+ +
+ Liên quan +

+ [product] + Màn Hình AOC 24B1XHS 23.8 inch Full + HD +

+
+
+ +
+ Gửi phản hồi nhanh + + + + Gửi phản + hồi +
+ Phản hồi: 0 +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STT Thời gian Tác giả Vai trò Email Nội dung Lựa chọn
0108-05-2023, 11:25 amPham Nguyen Van A + Quản trị viên + annv@hurasoft.comTest demo test demo test demo + Không duyệt / + Xóa +
0208-05-2023, 11:25 amPham Nguyen Van A annv@hurasoft.comLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris + Không duyệt / + Xóa +
+
+
+
+ +
+ + + + + + + + \ No newline at end of file diff --git a/marketing.html b/marketing.html new file mode 100644 index 0000000..c77164a --- /dev/null +++ b/marketing.html @@ -0,0 +1,1517 @@ + + + + + + + Marketing + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+ + + +
+
+
+ +
+
+ +
+
+ +
+
+
+ + + + +
+ Mã số phiếu * +
+ + + + +
+ + + + + + (Chú ý: Mã số các phiếu phải khác nhau) + +
+ +
+
+ + +
+ Mã số phiếu * +
+

CP090920222

+
+
+ +
+ Tên phiếu khuyến mại * +
+ + +

* Phần này sẽ hiển thị trong đơn hàng của khách hàng, do vậy cần viết + cụ + thể.

+
+
+ +
+ Mô tả +
+ + +

* Phần này chỉ dành cho admin nắm được cụ thể khuyến mại này làm gì. + Khách + hàng không nhìn thấy.

+
+
+ +
+ Phân loại * + +
+ + +
+ +
+ + + + + +

+ Nhập % giảm giá + + % (v.d. 12, 30) +

+
+
+ +
+ Thời gian hiệu lực * + +
+
+

Ngày

+ +
+ + + +
+ +

Giờ

+ +
+ + + +
+
+
+
+ +
+ Giá trị đơn hàng tối thiểu +
+ + vnd (để 0 nếu không áp dụng) +
+
+ +
+ Giới hạn số lần sử dụng / 1 khách hàng + +
+ + (để 0 nếu không giới hạn số lượng dùng phiếu này trên 1 khách hàng) +
+
+ +
+ Áp dụng đồng thời với các mã KM khác + +
+ +
+
+ +
+ Hiển thị công khai +
+ +
+
+ +
+ Điều kiện áp dụng +
+ + + +
+
+ +
+ Số lượng phiếu +
+ + (để 0 nếu không có giới hạn) +
+
+ +
+ Hiển thị +
+ + + +
+
+ +
+
+ + +
+
+
+
+
+ +
+
+ + + + + + + +
+
+
+ +
+
+
+
+
+ Phần header + Banner Pop-Up + Hình nền website + Thông tin khác + +
+ +
+
+ +
+ Link nhảy đến +
+ +
+
+ +
+ File ảnh +
+ + + + +
+
+ +
+ Lựa chọn hiển thị người dùng +
+ + + +
+
+ +
+ Cho hiển thị +
+ +
+
+ +
+ +
+
+ + + +
+ +
+
+ + + +
+
+
+ +
+
+
+
+ +
+ Phần header + Banner Pop-Up + Hình nền website + Thông tin khác + +
+ +
+
+ +
+ Thay ảnh nền +
+ + +

Bạn có thể thay nền website bằng hình ảnh. + Với file ảnh, yêu cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB.

+
+
+ +
+ +
+
+ + + +
+
+
+ + + +
+
+
+ +
+
+ + +

Danh sách deal

+ + + +

Thêm deal

+ +
+
+ +
+
+ + + + +
+ Tiêu đề của Deal +
+ + +
+
+ +
+ Sản phẩm liên quan +
+

+ Mainboard MSI B450 TOMAHAWK MAX II (AMD B450, + Socket + AM4, ATX, 4 Khe Cắm Ram DDR4 +

+
+
+ +
+ Mô tả tóm tắt về deal nếu có +
+ + +
+
+ +
+ Thông tin bán Sản phẩm +
+ +
+
Giá sản phẩm
+
2.690.000 VNĐ
+
+ +
+
Giá deal
+
+ + VNĐ +
+
+ +
+
Số lượng bán
+
+ + (Số đang có: 1) +
+
+ +
+
Số lượng tối thiểu phải mua
+
+ + (Để 0 là không giới hạn) +
+
+ +
+
Số lượng tối đa được mua
+
+ + (Để =0 là không giới hạn) +
+
+ +
+
Thời gian hiệu lực
+
+
+

Ngày

+ +
+ + + +
+ +

Giờ

+ +
+ + + +
+
+
+
+ +
+
Thứ tự hiển thị
+
+ +
+
+ +
+
Thông tin bảo hành:
+
+ +
+
+ +
+
Hiển thị
+
+ + + +
+
+ +
+
+ +
+ +
+
+ + + + + +
+
+
+ + + +
+
+
+ +
+
+ Chọn sản phẩm + vào danh sách + này +
+
+ +
+
+ + +
+ Đặt tên danh sách +
+ +
+
+ +
+ Ghi chú / mô tả +
+ +
+
+ +
+ Google Product Category ID +
+ +

+ Chỉ điền 1 danh mục: ID hoặc Tên danh mục trong danh sách + tại đây +

+ +

V.d nếu là sp Bird Food thì điền 4990 hoặc Animals & Pet Supplies > Pet Supplies > + Bird Supplies > Bird Food

+
+
+ +
+ + +
+
+
+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/sua_ban_hang.html b/sua_ban_hang.html new file mode 100644 index 0000000..bf2c341 --- /dev/null +++ b/sua_ban_hang.html @@ -0,0 +1,504 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+ Mã đơn hàng: HR002 +

+ + 11-05-2023, 9:50 am +

+
+
+
+
+

Trạng thái:

+ Đã thanh toán +
+
+

Vận chuyển:

+ Đã chuyển +
+ + + In đơn hàng + +
+
+
+
+
+ Khách hàng +
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ Sản phẩm + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTMã khoẢnhTên sản phẩmGiáSLTổngGhi chú
1PI543 + + Chuột máy tính Logictech 002150.000 đ02300.000 đDemo
1PI543 + + Chuột máy tính Logictech 002150.000 đ02300.000 đDemo
1PI543 + + Chuột máy tính Logictech 002150.000 đ02300.000 đDemo
+
+
+ Số tiền + + + + + + + + + + + + + + + + + + + +
Tổng giá trị7.260.000 đ
Phí vận chuyển & giao hàng0 đ
Phí thu hộ0 đ +
Tổng thu7.260.000 đ
+
+
+ Lịch sửa cập nhật + + + + + + + + + + + + + + + + + +
STTPhân loạiTrạng tháiGhi chúNgười cập nhật
01PaymentPaidĐã nhận đủLinh lúc 28-06-2024, 11:28 pm
+
+
+
+
+ Nhận sự xử lý đơn hàng + +
+
+ Trạng thái thanh toán + + +
+ Khách chọn: Thanh toán khi nhận hàng (COD) +
+
+
+ Trạng thái vận chuyển + + +
+ Khách chọn: Giao hàng nhanh trong 2 giờ (Nội thành Hà Nội +HCM) +
+
+
+ Trạng thái đơn hàng + +
+
+ Ghi chú + +
+ +
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/thanh_toan_qua_cong.html b/thanh_toan_qua_cong.html new file mode 100644 index 0000000..707af9d --- /dev/null +++ b/thanh_toan_qua_cong.html @@ -0,0 +1,412 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + + Tải về file Excel + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
STTIDCổngThời gianKhách hàngĐiện thoạiEmailSản phẩmGiá trịTrạng thái
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
001HR001Viettelpay15:30 25/03/2023PhamvanB034.335.3254hura@gmail.comMáy chiếu Epson EB-E1020.000.000 đĐã xử lý
+
+ +
+
+
+

Điền trang cần đến

+ +
+
+ +
+
+
+
+ + + + + + + + 1 + + + 2 + + + 3 + + + 4 + + + ... + + + + + + + +
+
+ Hiển thị 1 - 10/ Tổng số 1250 đơn hàng +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/them_bo_su_tap.html b/them_bo_su_tap.html new file mode 100644 index 0000000..0c99968 --- /dev/null +++ b/them_bo_su_tap.html @@ -0,0 +1,359 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + +

Thêm Bộ sưu tập mới

+ + + +

Danh sách bộ sưu tập

+ +
+
+
+
+
+ Ảnh đại diện +
+
+ + + Chọn ảnh đại diện +
+
+
+
+ Đặt tên bộ sưu tập +
+ +
+
+
+ Link Index +
+ +
+
+
+ Mô tả (nếu có) +
+ +
+
+
+ Dùng cho SEO +
+
+
Meta Title
+
+ +
+
+
+
Meta Keywords
+
+ +
+
+
+
Meta Description
+
+ +
* nếu để + trống sẽ dùng Mô + tả tóm tắt
+
+
+ +
+
+
+
+ + + + Hủy bỏ +
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/them_danh_muc_san_pham.html b/them_danh_muc_san_pham.html new file mode 100644 index 0000000..449a62e --- /dev/null +++ b/them_danh_muc_san_pham.html @@ -0,0 +1,465 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + + Quản lý thuộc tính Sản phẩm + + + + Xem danh mục khác + + + + Thêm danh mục mới + +
+
+
+
+
+ Ảnh đại diện +
+
+ + + Chọn ảnh đại diện +
+
+ Ảnh icon +
+ + + Chọn icon +
+
+
+
+
+ Tên danh mục +
+ +
+
+
+ Mô tả (nếu có) +
+ +
+
+
+ Từ khóa
(tags, nếu có - nhập mỗi cụm từ 1 dòng) +
+ +
+
+
+ Là danh mục con của +
+
+ +
+ +
+
+
+ Loại nội dung hiển thị +
+
+ +
+
+
+
+ Nhập nội dung cố định (HTML) +
+ +
+
+
+ Thứ tự xuất hiện +
+ +
+
+
+ Redirect tới URL (khi truy cập + danh mục sẽ chuyển sang link này) +
+ +
+
+
+ Template File +
+ +
+
+
+ Số sản phẩm hiển thị +
+ +
+
+ +
+ Dùng cho SEO +
+
+
Url canonical
+
+ +
+
+
+
Link truy cập tại website
+
+ +
+
+
+
Tên Index
+
+ +
+
+
+
Thay đổi Link truy cập khi thay đổi Tên index?
+
+ +
+
+
+
Meta Title
+
+ +
+
+
+
Meta Keywords
+
+ +
+
+
+
Meta Description
+
+ +
+
+ +
+
+ +
+
+ + + + Hủy bỏ +
+
+
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/them_nhom_cau_hinh.html b/them_nhom_cau_hinh.html new file mode 100644 index 0000000..026cee3 --- /dev/null +++ b/them_nhom_cau_hinh.html @@ -0,0 +1,329 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + +

Danh sách

+ + + +

Thêm mới

+ +
+
+
+
+ + Thông tin + + + Thuộc tính + + + Sản phẩm + +
+
+
+
+ Tên nhóm +
+ +
+
+
+ Miêu tả tóm tắt +
+ +
+
+
+
+ + +
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/them_san_pham.html b/them_san_pham.html new file mode 100644 index 0000000..0cdede6 --- /dev/null +++ b/them_san_pham.html @@ -0,0 +1,580 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+ + Cơ bản + + + Danh mục + + + Seo + + + Thông số + + + Ảnh + + + Cấu hình + + + Phụ kiện + + + Youtobe + + + Tag + + + Nội dung liên quan + +
+
+
+
+ Đặt tên sản phẩm +
+ +
+
+
+ Model(nếu có) +
+ +
+
+
+ Mã kho hàng - SKU (Nếu có) +
+ +
+
+
+ Trọng lượng (tính phí shipping) +
+ +
+
+
+ Thương hiệu +
+ +
+ +
+
+ Tóm tắt đặc tính chính +
+ +
+
+
+ Phụ kiện đi kèm +
+ +
+
+
+ Thông tin sản phẩm +
+
+
Giá bán lẻ:
+
+ +
+ +
+
+ +
+
+

(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $23.523).

+ Tỷ giá: 1 + đổi +
+
+
+
+
Thuế VAT (Giá bán):
+
+
+ Không hiển thị + VAT +
+
+ Có VAT +
+
+ Chưa có VAT +
+
+
+
+
Giá nhận hàng:
+
+ +

VNĐ (để tham khảo khi cần)

+
+
+
+
Giá thị trường:
+
+ +

VNĐ (để tham khảo nếu cần)

+
+
+
+
Số lượng kho hàng:
+
+ +
+
+
+
Khuyến mại riêng:
+
+ +
+
+
+
Thông tin bảo hành:
+
+ +
+
+
+
+
+ Hiển thị +
+ + +
+
+
+
+ + + + Hủy bỏ +
+
+
+
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/them_thuoc_tinh_san_pham.html b/them_thuoc_tinh_san_pham.html new file mode 100644 index 0000000..fe46c15 --- /dev/null +++ b/them_thuoc_tinh_san_pham.html @@ -0,0 +1,437 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + +

Thêm thuộc tính mới

+ + + +

Xem thuộc tính khác

+ +
+
+
+
+
+ Tên thuộc tính +
+ +
+
+
+ Mã nhận dạng
cho quản trị +
+ +
+
+
+ Mô tả tóm tắt +
+ +
+
+
+ Lựa chọn áp dụng +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ Phân loại: +
+
+ + Local - Chỉ áp dụng cho một số loại Sản phẩm +
+
+ + Global - Áp dụng cho tất cả Sản phẩm (v.d: Xuất xứ, Màu sắc, Bảo hành) +
+
+
+
+ Thứ tự xuất hiện +
+ +
+
+
+ Quản lý các giá trị +
+
+ + + + + + + + + + + + + + + + + + + +
STTIDGiá trịMô tảThứ tự hiển thịLựa chọn
11Hồng#FF00FFtest0 + + + + + + +
+
+
+
Thêm giá trị mới:
+
+
+ Tên (*) + +
+
+ Giá trị sắp xếp (**) + +
+
+ STT + +
+ +
+
+
(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d. theo dung + lượng ổ cứng laptop giảm dần)
+
+
+
+ + Diễn giải thuộc tính + (dùng giải thích chi tiết cho + khách hàng ý nghĩa của thuộc tính) + +
+ +
+
+
+
+ + +
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/them_thuong_hieu_san_pham.html b/them_thuong_hieu_san_pham.html new file mode 100644 index 0000000..20ced0d --- /dev/null +++ b/them_thuong_hieu_san_pham.html @@ -0,0 +1,368 @@ + + + + + + + Hura8 + + + + + + + + +
+
+
+
+
+ +
+
+
+ + +
+
+
+
20
+
+
+ Thông báo + + + +
+
+ + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ + + +
+

Jack đã đánh giá sản phẩm HD0034

+ 11-05-2023 9:50 am +
+ +
+ Lịch sử thông báo +
+
+ +
+
+
+
+
+
+
+ + +

Home

+ +
+
+ +

Bán hàng

+ + +
+ Danh sách đơn hàng + Thanh toán qua dịch vụ +
+
+
+ +

Sản phẩm

+ + +
+ Danh sách Sản phẩm + Bảng giá cập nhật + Danh mục Sản phẩm + Danh sách thương hiệu + Thuộc tính Sản phẩm + Bộ sưu tập + Nhóm cấu hình sản phẩm + Nhóm thông số kỹ thuật +
+
+
+ +

Khách hàng

+ + +
+ Danh sách khách hàng + Khách hàng liên + hệ + Tổng hợp trao đổi + Tổng hợp Đánh giá + Khách hàng góp + ý + Khách hàng + nhận bản tin +
+
+
+ +

Marketing

+ + +
+ Phiếu giảm giá - Voucher + Danh sách banner

+ Banner pop-up + Poster + Hình nền + website

+ Sửa thông tin URL +
+
+
+ +

Nội dung

+ + +
+ Tin bài + Trao đổi của KH + Danh sách Media + Nội dung cố định +
+
+
+ +

Xây dụng máy tính

+ + +
+ Linh kiện máy tính +
+
+
+ +

Trả góp

+ + +
+ Danh sách đơn hàng + Cài đặt trả góp + Danh mục sản phẩm +
+
+
+ +

Thống kê

+ + +
+ Thống kê truy cập + Thống kê khách hàng + Thống kê đơn hàng + Sản phẩm mua nhiều +

+ Sản phẩm xem nhiều + Web giới thiệu + Từ khóa tìm kiếm +
+
+ +
+ +

Hệ thống

+ + +
+ Cài đặt chung + Sửa file template + Danh sách quản trị viên + Url Redirect + Công cụ + Quản trị Tag +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ + + Danh sách thương hiệu + + + + Thêm thương hiệu mới + +
+
+
+
+
+ Ảnh đại diện +
+
+ + + Chọn ảnh đại diện +
+
+
+
+ Tên thương hiệu +
+ +
+
+
+ Link Index +
+ +
+
+
+ Mô tả thương hiệu (nếu có) +
+ +
+
+
+ Dùng cho SEO +
+
+
Meta Title
+
+ +
+
+
+
Meta Keywords
+
+ +
+
+
+
Meta Description
+
+ +
* nếu để + trống sẽ dùng Mô + tả tóm tắt
+
+
+ +
+
+
+
+ + + + Hủy bỏ +
+
+
+
+
+
+
+ + + + + + \ No newline at end of file