From 72bb7918b83c45384af1e81fb55b3c4772d63b76 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sun, 22 Mar 2026 20:58:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84hgcart=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E5=88=97=E8=A1=A8=E4=B8=BA=E8=A1=8C=E5=BC=8F=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 商品列表从4列卡片网格改为全宽行式布局(参考VMRack)
- 分类筛选从下拉框改为水平tab切换
- 价格展示:当前价蓝色粗体+原价删除线
- 库存标签:紧张=橙色badge,售罄=灰色badge
- 统一hgcloud主题配色和圆角风格
- 域名搜索功能完整保留
- CSS使用px单位替代rem
---
 clientarea/cart/hgcart/css/goodsList.css | 983 +++++++++++------------
 clientarea/cart/hgcart/goodsList.php     | 735 ++++++++---------
 2 files changed, 855 insertions(+), 863 deletions(-)

diff --git a/clientarea/cart/hgcart/css/goodsList.css b/clientarea/cart/hgcart/css/goodsList.css
index 1ae2b51..71448b1 100644
--- a/clientarea/cart/hgcart/css/goodsList.css
+++ b/clientarea/cart/hgcart/css/goodsList.css
@@ -1,266 +1,321 @@
-.main-title {
-  font-size: 0.28rem;
-  color: #171725;
+/* ====== 商品列表页 - hgcart 重构样式 ====== */
+/* 参考 VMRack 行式布局设计 */
+
+/* ====== 页面容器 ====== */
+.goods-page {
+  padding: 0 8px;
+}
+.page-header {
+  margin-bottom: 20px;
+}
+.page-title {
+  font-size: 22px;
+  font-weight: 600;
+  color: #1a1a2e;
+  margin: 0;
 }
 .cart-des {
-  padding: 0.1rem;
-  border-radius: 0.03rem;
+  padding: 12px 16px;
+  border-radius: 8px;
   border: 1px solid #e6e7eb;
   box-sizing: border-box;
   overflow-y: auto;
-  margin-bottom: 0.24rem;
+  margin-bottom: 20px;
+  background: #fff;
 }
 .cart-des * {
   all: revert;
 }
-.main-content-box {
-  box-sizing: border-box;
-  padding-bottom: 0.1rem;
-  width: 100%;
-  border-radius: 0.03rem;
-}
-.search-box {
+
+/* ====== 筛选栏 ====== */
+.filter-bar {
   display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.search-box .el-select {
-  width: 3.2rem;
-  font-size: 0.15rem;
-}
-.search-box .el-select .el-input__inner {
-  height: 0.46rem !important;
-  line-height: 0.46rem;
-}
-.search-box .el-select .el-input__suffix .el-input__icon {
-  line-height: 1;
-}
-.second-select {
-  margin: 0 0.1rem;
-}
-.second-select .el-input__inner {
-  height: 0.46rem;
-  line-height: 0.46rem;
-}
-.search-input {
-  width: 3.2rem;
-}
-.search-input .el-input__inner {
-  height: 0.46rem !important;
-  line-height: 0.46rem;
-}
-.search-btn {
-  margin-left: 0.1rem;
-  width: 0.8rem;
-  height: 0.46rem;
-  background: var(--color-primary);
-  border-radius: 0.03rem;
-  border: none;
-  font-size: 0.16rem;
-  color: rgba(255, 255, 255, 0.9);
-}
-.second-desc {
-  height: 0.4rem;
-  font-size: 0.14rem;
-  color: var(--color-danger);
-  background: rgba(220, 45, 45, 0.1);
-  margin-top: 0.24rem;
-  border-radius: 0.04rem;
-}
-.shopping-box {
-  box-sizing: border-box;
-  margin-top: 0.24rem;
-  min-height: 3rem;
-}
-.goods-list-div {
-  width: 100%;
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  row-gap: 0.2rem;
-  column-gap: 0.2rem;
-}
-.shopping-item {
-  position: relative;
-  box-sizing: border-box;
-  min-height: 2.75rem;
-  border: 1px solid #EDEDED;
-  border-radius: 0.08rem;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
   justify-content: space-between;
-  padding-bottom: 0.16rem;
+  align-items: center;
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+  gap: 12px;
 }
-.shopping-item .client-box {
-  position: absolute;
-  top: 0;
-  right: 0;
-  background-color: var(--color-primary);
-  padding: 0 0.08rem;
-  color: #fff;
+.filter-tabs {
+  display: flex;
+  gap: 0;
+  background: #f0f2f5;
+  border-radius: 8px;
+  padding: 3px;
+}
+.tab-item {
+  padding: 8px 20px;
   font-size: 14px;
-  border-radius: 0px 0px 0px 8px;
-}
-.shopping-item .goods-name {
-  margin-top: 0.18rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  column-gap: 0.3rem;
-  padding: 0 0.16rem;
-}
-.shopping-item .goods-name .goods-name-text {
-  font-size: 16px;
-  font-weight: 700;
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  color: #5a6070;
+  cursor: pointer;
+  border-radius: 6px;
+  transition: all 0.25s ease;
   white-space: nowrap;
+  font-weight: 500;
 }
-.shopping-item .goods-name .qty-box {
-  font-size: 12px;
-  color: #CFD2E1;
-  flex-shrink: 0;
-  position: relative;
-}
-.shopping-item .goods-name .qty-box img {
-  position: absolute;
-  top: -0.2rem;
-  right: 0;
-  width: 0.55rem;
-  height: 0.48rem;
-}
-.shopping-item .goods-name.sold-out .goods-name-text {
-  color: #CFD2E1;
-}
-.shopping-item .goods-name.sold-out .qty-box {
-  width: 0.55rem;
-}
-.shopping-item .goods-content {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-.shopping-item .goods-active {
-  margin-top: 0.12rem;
-  padding: 0 0.16rem;
-  display: flex;
-  flex-wrap: wrap;
-  column-gap: 0.08rem;
-  row-gap: 0.08rem;
-}
-.shopping-item .goods-active .active-name {
-  font-size: 12px;
+.tab-item:hover {
   color: var(--color-primary);
-  background: rgba(57, 124, 252, 0.1);
-  padding: 0.03rem 0.08rem;
-  border-radius: 2px;
 }
-.shopping-item .goods-tag {
-  box-sizing: border-box;
-  height: 0.36rem;
+.tab-item.tab-active {
+  background: #fff;
+  color: var(--color-primary);
+  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
+  font-weight: 600;
+}
+.filter-right {
   display: flex;
-  flex-wrap: wrap;
   align-items: center;
-  row-gap: 0.08rem;
-  column-gap: 0.16rem;
-  background: rgba(57, 124, 252, 0.15);
-  padding: 0 0.16rem;
+  gap: 8px;
 }
-.shopping-item .goods-tag .tag-item {
-  position: relative;
-  font-size: 12px;
-  flex-shrink: 0;
-  color: var(--color-primary);
-  padding-left: 0.08rem;
-}
-.shopping-item .goods-tag .tag-item::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 0.04rem;
-  height: 0.04rem;
-  transform: translateY(-50%);
-  border-radius: 50%;
-  background: rgba(57, 124, 252, 0.45);
-}
-.shopping-item .goods-description {
-  box-sizing: border-box;
-  padding: 0.24rem 0.21rem 0.22rem 0.16rem;
-  max-height: 400px;
-  min-height: 150px;
-  flex: 1;
-  overflow: auto;
-  font-size: 14px;
-  white-space: normal;
-  background: #F4F4F4;
-}
-.shopping-item .goods-description * {
-  all: revert;
-}
-.shopping-item .goods-description ul {
-  padding-left: 0.16rem;
+.filter-right .second-select {
+  width: 180px;
   margin: 0;
 }
-.shopping-item .goods-description img {
-  max-width: 100%;
+.filter-right .search-input {
+  width: 240px;
 }
-.shopping-item .goods-description::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 0px;
+.filter-right .search-input .el-input-group__append {
+  background: var(--color-primary);
+  border-color: var(--color-primary);
+  color: #fff;
+  padding: 0 12px;
 }
-.shopping-item .goods-description:hover::-webkit-scrollbar {
-  width: 4px;
+.filter-right .search-input .el-input-group__append .el-icon-search {
+  color: #fff;
 }
-.shopping-item .price-box {
-  margin-top: 0.18rem;
-  padding: 0 0.16rem;
+
+/* ====== 二级描述 ====== */
+.second-desc {
+  height: 36px;
+  font-size: 13px;
+  color: var(--color-danger);
+  background: rgba(220, 45, 45, 0.06);
+  margin-bottom: 16px;
+  border-radius: 6px;
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  column-gap: 0.1rem;
+  padding: 0 12px;
 }
-.shopping-item .price-box .price-box-left {
-  text-align: right;
+
+/* ====== 商品容器 ====== */
+.goods-container {
+  min-height: 300px;
+}
+.empty-state {
+  padding: 60px 0;
+}
+
+/* ====== 商品行列表 ====== */
+.goods-table {
   display: flex;
+  flex-direction: column;
+  gap: 0;
+  background: #fff;
+  border-radius: 12px;
+  border: 1px solid #ebeef5;
+  overflow: hidden;
+}
+.goods-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 24px;
+  border-bottom: 1px solid #f2f3f5;
+  transition: background-color 0.2s ease;
+  gap: 24px;
+}
+.goods-row:last-child {
+  border-bottom: none;
+}
+.goods-row:hover {
+  background-color: #f8f9fc;
+}
+.goods-row-disabled {
+  opacity: 0.55;
+}
+
+/* 行左侧 */
+.row-main {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.row-name-line {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.goods-name-text {
+  font-size: 15px;
+  font-weight: 600;
+  color: #1a1a2e;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 360px;
+}
+
+/* 标签 badge */
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 4px;
+  white-space: nowrap;
+  font-weight: 500;
+}
+.badge-warning {
+  background: #fff7ed;
+  color: #d97706;
+  border: 1px solid #fed7aa;
+}
+.badge-danger {
+  background: #fef2f2;
+  color: #dc2626;
+}
+.badge-primary {
+  background: rgba(37, 99, 235, 0.08);
+  color: var(--color-primary);
+}
+.sold-icon {
+  width: 14px;
+  height: 14px;
+  vertical-align: middle;
+}
+
+/* 活动标签 */
+.row-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+}
+.tag {
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 3px;
+  white-space: nowrap;
+  cursor: default;
+}
+.tag-trial {
+  background: rgba(16, 185, 129, 0.1);
+  color: #059669;
+}
+.tag-firewall {
+  background: rgba(245, 158, 11, 0.1);
+  color: #d97706;
+}
+.tag-coin {
+  background: rgba(139, 92, 246, 0.1);
+  color: #7c3aed;
+}
+.tag-promo {
+  background: rgba(37, 99, 235, 0.08);
+  color: var(--color-primary);
+  cursor: pointer;
+}
+
+/* 描述 */
+.row-desc {
+  font-size: 13px;
+  color: #6b7280;
+  line-height: 1.5;
+  max-height: 60px;
+  overflow: hidden;
+}
+.row-desc * {
+  all: revert;
+  font-size: 13px !important;
+  color: #6b7280 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+.row-desc ul {
+  padding-left: 16px !important;
+}
+.row-desc img {
+  display: none !important;
+}
+
+/* 行右侧 */
+.row-action {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  flex-shrink: 0;
+}
+.price-group {
+  display: flex;
+  flex-direction: column;
   align-items: flex-end;
-  column-gap: 0.04rem;
+  gap: 2px;
+  min-width: 100px;
 }
-.shopping-item .price-box .original-price {
+.current-price {
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--color-primary);
+  white-space: nowrap;
+  line-height: 1.2;
+}
+.price-prefix {
+  font-size: 13px;
+  font-weight: 500;
+}
+.price-cycle {
+  font-size: 13px;
+  font-weight: 400;
+  color: #8692b0;
+}
+.original-price {
   font-size: 12px;
-  color: #CFD2E1;
+  color: #b0b5c0;
   text-decoration: line-through;
+  white-space: nowrap;
 }
-.shopping-item .price-box .item-price {
-  font-size: 24px;
-  color: var(--color-price-text);
+.buy-btn {
+  padding: 10px 28px !important;
+  font-size: 14px !important;
+  border-radius: 8px !important;
+  font-weight: 500;
+  letter-spacing: 0.5px;
+  white-space: nowrap;
+  background: var(--color-primary) !important;
+  border-color: var(--color-primary) !important;
 }
-.shopping-item .price-box .item-price .item-price-prefix {
-  font-size: 12px;
+.buy-btn:hover {
+  opacity: 0.88;
 }
-.shopping-item .price-box .item-price .item-price-cycle {
-  font-size: 14px;
-  color: #485169;
-}
-.shopping-item .price-box .buy-btn {
-  height: 0.3rem;
+.buy-btn.is-disabled {
+  background: #d1d5db !important;
+  border-color: #d1d5db !important;
+  color: #fff !important;
 }
+
+/* ====== 加载更多 ====== */
 .tips {
   color: #8692b0;
-  font-size: 0.13rem;
+  font-size: 13px;
   text-align: center;
+  padding: 16px 0;
 }
+
+/* ====== 域名搜索区域（保持不变） ====== */
 .domain-box .register-type {
   display: flex;
   align-items: center;
 }
 .domain-box .register-type .el-divider {
   background-color: #D8D8D8;
-  margin: 0 0.24rem;
+  margin: 0 24px;
 }
 .domain-box .register-type .reg-ridio {
-  font-size: 0.14rem;
+  font-size: 14px;
   color: #646464;
   cursor: pointer;
 }
@@ -268,17 +323,17 @@
   color: var(--color-primary);
 }
 .domain-box .domain-search {
-  margin-top: 0.32rem;
+  margin-top: 24px;
   position: relative;
   display: flex;
   align-items: center;
 }
 .domain-box .domain-search .el-input {
-  height: 0.56rem;
+  height: 46px;
 }
 .domain-box .domain-search .el-input .el-input__inner {
-  height: 0.56rem;
-  line-height: 0.56rem;
+  height: 46px;
+  line-height: 46px;
 }
 .domain-box .domain-search .el-input-group__append {
   padding: 0;
@@ -287,86 +342,84 @@
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.domain-box .domain-search .input-btn {
-  width: 1.7rem;
-}
 .domain-box .domain-search .suffix-box {
-  width: 1.7rem;
+  width: 160px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #2B2B2B;
-  font-size: 0.16rem;
+  font-size: 15px;
   cursor: pointer;
 }
 .domain-box .domain-search .suffix-box .el-icon-arrow-down {
-  font-size: 0.14rem;
+  font-size: 13px;
   color: #8692b0;
-  margin-left: 0.1rem;
+  margin-left: 8px;
 }
 .domain-box .domain-search .search-button {
-  height: 0.56rem;
-  padding-left: 0.7rem;
-  padding-right: 0.7rem;
+  height: 46px;
+  padding-left: 50px;
+  padding-right: 50px;
   border: none;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   background: var(--color-primary);
   color: #ffffff;
-  font-size: 0.16rem;
+  font-size: 15px;
 }
 .domain-box .domain-search .suffix-list {
   z-index: 2;
   position: absolute;
-  top: 0.56rem;
+  top: 46px;
   left: 0;
   display: flex;
   flex-wrap: wrap;
-  width: calc(100% - 2.7rem);
-  padding: 0.3rem 0.23rem 0.3rem 0.46rem;
+  width: calc(100% - 250px);
+  padding: 24px;
   background: #feffff;
-  box-shadow: 0rem 0.05rem 0.1rem 0.01rem rgba(0, 0, 0, 0.1);
-  border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
 }
 .domain-box .domain-search .suffix-list .suffix-item {
-  margin-right: 0.16rem;
-  margin-bottom: 0.16rem;
-  width: 1.1rem;
-  height: 0.4rem;
-  border: 0.01rem solid #e6eaed;
+  margin-right: 12px;
+  margin-bottom: 12px;
+  width: 100px;
+  height: 36px;
+  border: 1px solid #e6eaed;
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: 0.16rem;
+  font-size: 14px;
   color: #2B2B2B;
   cursor: pointer;
+  border-radius: 4px;
 }
 .domain-box .domain-search .suffix-list .suffix-item:hover {
   background: rgba(0, 88, 255, 0.08);
 }
 .domain-box .domain-search .suffix-list .suffix-active {
   background: rgba(0, 88, 255, 0.08);
-  border: 0.01rem solid var(--color-primary);
+  border: 1px solid var(--color-primary);
   color: var(--color-primary);
 }
 .domain-box .batch-search-box {
-  margin-top: 0.32rem;
+  margin-top: 24px;
 }
 .domain-box .batch-search-box .batch-tips {
   box-sizing: border-box;
   color: #8692b0;
-  font-size: 0.14rem;
-  padding: 0.16rem;
-  border-radius: 0.04rem;
-  border: 0.01rem solid #EAEAEA;
+  font-size: 13px;
+  padding: 12px;
+  border-radius: 6px;
+  border: 1px solid #EAEAEA;
 }
 .domain-box .batch-search-box .batch-tips .input-batch .el-textarea__inner {
-  height: 1.3rem;
+  height: 120px;
   border: none;
   padding: 0;
 }
 .domain-box .batch-search-box .batch-btn {
-  margin-top: 0.16rem;
+  margin-top: 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -374,18 +427,18 @@
 .domain-box .batch-search-box .batch-btn .upload-btn {
   display: flex;
   align-items: center;
-  column-gap: 0.08rem;
-  font-size: 0.12rem;
+  column-gap: 6px;
+  font-size: 12px;
   color: var(--color-primary);
   cursor: pointer;
 }
 .domain-box .batch-search-box .batch-btn .el-button {
-  height: 0.36rem;
+  height: 34px;
 }
 .domain-box .domain-content {
-  margin-top: 0.24rem;
+  margin-top: 20px;
   display: flex;
-  column-gap: 0.4rem;
+  column-gap: 32px;
 }
 .domain-box .domain-content .domain-left {
   flex: 1;
@@ -402,39 +455,39 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  font-size: 0.16rem;
+  font-size: 15px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-left .domain-one .search-title .search-fillter {
   display: flex;
   align-items: center;
-  column-gap: 0.08rem;
+  column-gap: 6px;
   cursor: pointer;
 }
 .domain-box .domain-content .domain-left .domain-one .search-title .search-fillter.is_select {
   color: var(--color-primary);
 }
 .domain-box .domain-content .domain-left .domain-one .fillter-list {
-  margin-top: 0.24rem;
+  margin-top: 16px;
   border-radius: 8px;
   box-sizing: border-box;
   border: 1px solid #EAEAEA;
-  padding: 0.24rem;
+  padding: 16px;
   display: flex;
   flex-wrap: wrap;
-  gap: 0.24rem;
+  gap: 12px;
 }
 .domain-box .domain-content .domain-left .domain-one .fillter-list .fillter-item {
-  width: 1rem;
-  height: 0.4rem;
-  border: 0.01rem solid #e6eaed;
+  width: 90px;
+  height: 36px;
+  border: 1px solid #e6eaed;
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: 0.14rem;
+  font-size: 13px;
   color: #2B2B2B;
   cursor: pointer;
-  border-radius: 0.04rem;
+  border-radius: 4px;
 }
 .domain-box .domain-content .domain-left .domain-one .fillter-list .fillter-item:hover {
   background: rgba(0, 88, 255, 0.08);
@@ -445,27 +498,27 @@
   color: var(--color-primary);
 }
 .domain-box .domain-content .domain-left .domain-one .start-search {
-  margin-top: 0.24rem;
+  margin-top: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   height: 93%;
   border-radius: 8px;
-  border: 0.01rem solid #EAEAEA;
+  border: 1px solid #EAEAEA;
 }
 .domain-box .domain-content .domain-left .domain-one .start-search img {
-  width: 0.58rem;
-  height: 0.57rem;
+  width: 48px;
+  height: 48px;
 }
 .domain-box .domain-content .domain-left .domain-one .start-search p {
   text-align: center;
-  margin-top: 0.19rem;
-  font-size: 0.18rem;
+  margin-top: 12px;
+  font-size: 15px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list {
-  margin-top: 0.24rem;
+  margin-top: 16px;
   background: #ffffff;
   border: 1px solid #EAEAEA;
   border-radius: 8px;
@@ -473,40 +526,40 @@
   overflow-y: auto;
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item {
-  height: 0.6rem;
+  height: 52px;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-bottom: 0.01rem solid #ededed;
-  padding: 0 0.33rem 0 0.3rem;
-  transition: background-color 0.25s ease;
+  border-bottom: 1px solid #f2f3f5;
+  padding: 0 24px;
+  transition: background-color 0.2s ease;
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item:hover {
-  background-color: #f5f7fa;
+  background-color: #f8f9fc;
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-left .domain-name {
-  font-size: 0.16rem;
+  font-size: 14px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-left .domain-status {
-  margin-left: 0.42rem;
-  font-size: 0.13rem;
-  color: rgba(0, 0, 0, 0.6);
+  margin-left: 24px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.5);
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-right {
   display: flex;
   align-items: center;
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-right .premium-type {
-  padding: 0.06rem 0.12rem;
-  margin-right: 0.25rem;
-  font-size: 0.14rem;
+  padding: 4px 10px;
+  margin-right: 16px;
+  font-size: 12px;
   color: #8692b0;
-  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
+  border-radius: 12px;
   background: #f3f3f5;
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-right .whois-box {
-  font-size: 0.14rem;
+  font-size: 13px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-right .whois-box:hover {
@@ -516,20 +569,16 @@
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-right .pirce-box {
   cursor: pointer;
 }
-.domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-right .pirce-box .original-price {
-  color: #8692b0;
-  font-size: 0.12rem;
-  text-decoration: line-through;
-  margin-right: 0.17rem;
-}
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-right .pirce-box .now-price {
-  font-size: 0.12rem;
+  font-size: 12px;
   color: var(--color-price-text);
 }
 .domain-box .domain-content .domain-left .domain-one .domain-list .domain-item .item-right .add-btn {
-  margin-left: 0.4rem;
-  height: 0.36rem;
+  margin-left: 24px;
+  height: 34px;
 }
+
+/* 批量搜索 */
 .domain-box .domain-content .domain-left .batch-box {
   height: 100%;
 }
@@ -539,130 +588,116 @@
   flex-direction: column;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-search {
-  margin-top: 0.24rem;
+  margin-top: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   height: 100%;
   background: #ffffff;
-  border: 0.01rem solid #EAEAEA;
-  border-radius: 0.08rem;
+  border: 1px solid #EAEAEA;
+  border-radius: 8px;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-search img {
-  width: 0.58rem;
-  height: 0.57rem;
+  width: 48px;
+  height: 48px;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-search p {
   text-align: center;
-  margin-top: 0.19rem;
-  font-size: 0.18rem;
+  margin-top: 12px;
+  font-size: 15px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .search-title {
-  font-size: 0.16rem;
+  font-size: 15px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .avail-list {
-  margin-top: 0.24rem;
+  margin-top: 16px;
   background: #ffffff;
-  border: 0.01rem solid #EAEAEA;
-  border-radius: 0.08rem 0.08rem 0 0;
+  border: 1px solid #EAEAEA;
+  border-radius: 8px 8px 0 0;
   border-bottom: none;
-  max-height: 5rem;
+  max-height: 400px;
   overflow-y: auto;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .el-collapse {
   border: none;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item {
-  height: 0.64rem;
+  height: 52px;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-bottom: 0.01rem solid #EAEAEA;
-  padding: 0 0.24rem;
-  transition: background-color 0.25s ease;
+  border-bottom: 1px solid #f2f3f5;
+  padding: 0 20px;
+  transition: background-color 0.2s ease;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item:hover {
-  background-color: #f5f7fa;
+  background-color: #f8f9fc;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item:nth-last-of-type(1) {
   border-bottom: none;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-left .domain-name {
-  font-size: 0.14rem;
+  font-size: 13px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-left .domain-status {
-  margin-left: 0.42rem;
-  font-size: 0.14rem;
-  color: rgba(0, 0, 0, 0.6);
+  margin-left: 24px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.5);
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right {
   display: flex;
   align-items: center;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right .premium-type {
-  padding: 0.06rem 0.12rem;
-  margin-right: 0.25rem;
-  font-size: 0.14rem;
+  padding: 4px 10px;
+  margin-right: 16px;
+  font-size: 12px;
   color: #8692b0;
-  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
+  border-radius: 12px;
   background: #f3f3f5;
 }
-.domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right .whois-box {
-  font-size: 0.14rem;
-  color: #2B2B2B;
-}
-.domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right .whois-box:hover {
-  color: var(--color-primary);
-  cursor: pointer;
-}
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right .pirce-box {
   cursor: pointer;
 }
-.domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right .pirce-box .oir-price {
-  color: #8692b0;
-  font-size: 0.14rem;
-  text-decoration: line-through;
-  margin-right: 0.17rem;
-}
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right .pirce-box .now-price {
-  font-size: 0.12rem;
+  font-size: 12px;
   color: var(--color-price-text);
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right .pirce-box .el-icon-arrow-down {
-  font-size: 0.12rem;
+  font-size: 12px;
   color: #8692b0;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .batch-item .item-right .add-btn {
-  margin-left: 0.4rem;
-  border-radius: 0.04rem;
+  margin-left: 24px;
+  border-radius: 4px;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .all-check {
   display: flex;
   justify-content: space-between;
   align-items: center;
   box-sizing: border-box;
-  padding: 0 0.24rem;
-  height: 0.64rem;
-  background: #F9F9F9;
+  padding: 0 20px;
+  height: 52px;
+  background: #f9fafb;
   color: #2B2B2B;
-  font-size: 0.14rem;
-  border: 0.01rem solid #EAEAEA;
+  font-size: 13px;
+  border: 1px solid #EAEAEA;
   border-top: none;
-  border-radius: 0 0 0.08rem 0.08rem;
+  border-radius: 0 0 8px 8px;
 }
 .domain-box .domain-content .domain-left .batch-box .batch-main .all-check .el-button {
   color: #ffffff;
-  font-size: 0.14rem;
+  font-size: 13px;
   background: var(--color-primary);
 }
 .domain-box .domain-content .domain-left .batch-box .unavail-title {
   width: 100%;
-  font-size: 0.16rem;
+  font-size: 15px;
   color: #2B2B2B;
   display: flex;
   align-items: center;
@@ -670,22 +705,22 @@
 }
 .domain-box .domain-content .domain-left .batch-box .unavail-title .open-text {
   cursor: pointer;
-  font-size: 0.14rem;
+  font-size: 13px;
   color: var(--color-primary);
 }
 .domain-box .domain-content .domain-left .batch-box .unavail-list {
-  margin-top: 0.24rem;
+  margin-top: 16px;
   display: flex;
   flex-wrap: wrap;
-  border-radius: 0.08rem;
-  border: 0.01rem solid #e6e7eb;
+  border-radius: 8px;
+  border: 1px solid #e6e7eb;
 }
 .domain-box .domain-content .domain-left .batch-box .unavail-list .unavail-item {
   width: 50%;
-  height: 0.64rem;
+  height: 48px;
   box-sizing: border-box;
-  padding: 0.17rem 0.24rem;
-  border-bottom: 0.01rem solid #ededed;
+  padding: 12px 20px;
+  border-bottom: 1px solid #f2f3f5;
 }
 .domain-box .domain-content .domain-left .batch-box .unavail-list .unavail-item:nth-child(odd) {
   position: relative;
@@ -696,38 +731,40 @@
   top: 50%;
   right: 0;
   transform: translateY(-50%);
-  width: 0.01rem;
-  height: 0.32rem;
-  background: #ededed;
+  width: 1px;
+  height: 24px;
+  background: #f2f3f5;
 }
 .domain-box .domain-content .domain-left .batch-box .unavail-list .unavail-item .unavail-name {
-  font-size: 0.14rem;
+  font-size: 13px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-left .batch-box .unavail-list .unavail-item .unavail-reason {
-  margin-left: 0.4rem;
-  color: rgba(0, 0, 0, 0.6);
-  font-size: 0.14rem;
+  margin-left: 24px;
+  color: rgba(0, 0, 0, 0.5);
+  font-size: 13px;
 }
+
+/* 域名购物车右侧 */
 .domain-box .domain-content .domain-right {
   box-sizing: border-box;
-  width: 5.33rem;
-  height: 7rem;
+  width: 400px;
   flex-shrink: 0;
 }
 .domain-box .domain-content .domain-right .car-top {
   display: flex;
   justify-content: space-between;
   color: #2B2B2B;
-  font-size: 0.16rem;
+  font-size: 15px;
 }
 .domain-box .domain-content .domain-right .car-top .clear-car {
   cursor: pointer;
   color: #A2A2A2;
+  font-size: 13px;
 }
 .domain-box .domain-content .domain-right .car-top .clear-car .icon {
   fill: #A2A2A2;
-  margin-right: 0.08rem;
+  margin-right: 4px;
 }
 .domain-box .domain-content .domain-right .car-top .clear-car:hover {
   color: var(--color-danger);
@@ -737,10 +774,10 @@
 }
 .domain-box .domain-content .domain-right .car-box {
   box-sizing: border-box;
-  margin-top: 0.24rem;
-  height: 5.3rem;
+  margin-top: 16px;
+  height: 400px;
   border-radius: 8px;
-  border: 0.01rem solid #EAEAEA;
+  border: 1px solid #EAEAEA;
   background: #ffffff;
   overflow-y: auto;
 }
@@ -749,15 +786,15 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: 0.14rem;
+  font-size: 13px;
   color: #8692b0;
 }
 .domain-box .domain-content .domain-right .car-list .car-item {
-  padding: 0.16rem 0.32rem;
-  border-bottom: 0.01rem solid #F6F7FB;
+  padding: 12px 20px;
+  border-bottom: 1px solid #f2f3f5;
 }
 .domain-box .domain-content .domain-right .car-list .car-item:hover {
-  background: #F7F8F9;
+  background: #f8f9fc;
 }
 .domain-box .domain-content .domain-right .car-list .car-item:hover .car-del {
   display: block;
@@ -773,196 +810,146 @@
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-bottom {
   color: #2B2B2B;
-  margin-top: 0.16rem;
+  margin-top: 10px;
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-name {
   display: flex;
   align-items: center;
-  column-gap: 0.16rem;
+  column-gap: 12px;
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-name .shop-name {
-  font-size: 0.14rem;
+  font-size: 13px;
   color: #2B2B2B;
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-del {
   display: none;
   cursor: pointer;
   color: #9E9E9E;
-  font-size: 0.14rem;
+  font-size: 13px;
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-del .icon {
   fill: #9E9E9E;
-  margin-right: 0.04rem;
+  margin-right: 4px;
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-del:hover {
   color: var(--color-danger);
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-del:hover .icon {
   fill: var(--color-danger);
-  margin-right: 0.04rem;
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-year .el-select {
-  width: 0.96rem;
-  height: 0.36rem;
-  border-radius: 0.04rem;
+  width: 120px;
 }
 .domain-box .domain-content .domain-right .car-list .car-item .car-price {
-  font-size: 0.14rem;
   color: var(--color-price-text);
 }
-.car-money {
-  padding: 0 0.2rem;
+.domain-box .domain-content .domain-right .car-money {
+  margin-top: 12px;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-top: 0.26rem;
-  font-size: 0.16rem;
-  font-weight: 400;
-  color: rgba(0, 0, 0, 0.9);
+  padding: 0 4px;
 }
-.car-money .mon-right {
-  font-size: 0.14rem;
+.domain-box .domain-content .domain-right .car-money .mon-right {
+  text-align: right;
 }
-.car-money .mon-right p {
+.domain-box .domain-content .domain-right .car-money .now-price {
+  font-size: 14px;
+  color: #2B2B2B;
   margin: 0;
 }
-.car-money .mon-right .original-price {
-  text-decoration: line-through;
-  color: #999;
+.domain-box .domain-content .domain-right .car-money .money-text {
+  color: var(--color-price-text);
+  font-weight: 600;
 }
-.car-money .mon-right .original-price .hide {
+.domain-box .domain-content .domain-right .car-money .original-price {
+  font-size: 12px;
+  color: #b0b5c0;
+  text-decoration: line-through;
+  margin: 4px 0 0;
+}
+.domain-box .domain-content .domain-right .car-money .hide {
   visibility: hidden;
 }
-.car-money .money-text {
-  color: var(--color-price-text);
+.domain-box .domain-content .domain-right .car-settle {
+  margin-top: 12px;
 }
-.car-settle {
-  margin-top: 0.2rem;
-}
-.car-settle .settle-btn {
+.domain-box .domain-content .domain-right .car-settle .settle-btn {
   width: 100%;
+  height: 42px;
+  font-size: 15px;
+  border-radius: 8px;
   background: var(--color-primary);
-  font-size: 0.16rem;
-  color: rgba(255, 255, 255, 0.9);
-  border: none;
-  border-radius: 0;
+  border-color: var(--color-primary);
 }
-.price-list {
+
+/* 价格下拉列表 */
+.price-list .price-item {
   display: flex;
-  font-size: 0.14rem;
-}
-.price-list .price-item > div {
-  width: 0.85rem;
-  height: 0.45rem;
-  display: flex;
-  justify-content: center;
   align-items: center;
+  padding: 8px 0;
+  font-size: 13px;
+  color: #2B2B2B;
+  gap: 20px;
+}
+.price-list .price-item:first-child {
+  font-weight: 600;
+  color: #6b7280;
+  border-bottom: 1px solid #f2f3f5;
 }
 .price-list .price-item .price-year {
-  background: #f8fafc;
+  width: 60px;
 }
 .price-list .price-item .price-new {
-  border-bottom: 1px solid #e6e7eb;
+  width: 100px;
+  color: var(--color-price-text);
 }
-.blue-a-text {
-  color: var(--color-primary);
-  cursor: pointer;
-}
-.up-dialog .el-dialog__header {
-  display: none;
-}
-.up-dialog .el-dialog__body {
-  padding: 0.6rem 0.8rem;
+.price-list .price-item .price-renew {
+  width: 100px;
 }
+
+/* 上传对话框 */
 .up-dialog .dia-title {
-  font-size: 0.24rem;
-  color: #171725;
+  font-size: 16px;
+  font-weight: 600;
+  color: #1a1a2e;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #f2f3f5;
 }
 .up-dialog .dia-concent {
-  margin-top: 0.3rem;
+  padding: 16px 0;
 }
-.up-dialog .dia-concent .up-tips {
-  font-size: 0.16rem;
-  color: #1e2736;
+.up-dialog .up-tips {
+  font-size: 13px;
+  color: #6b7280;
+  margin-bottom: 12px;
 }
-.up-dialog .dia-concent .file-box {
-  margin-top: 0.1rem;
+.up-dialog .file-box {
   display: flex;
-  align-items: center;
+  gap: 8px;
 }
-.up-dialog .dia-concent .file-box .file-name {
+.up-dialog .file-box .file-name {
   flex: 1;
-  border: 0.01rem solid #e6e7eb;
-  height: 0.46rem;
-  line-height: 0.46rem;
-  padding: 0 0.16rem;
-  background: rgba(102, 107, 128, 0.08);
-  font-size: 0.15rem;
+  height: 36px;
+  padding: 0 12px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  font-size: 13px;
 }
-.up-dialog .dia-concent .file-box .file-name:focus {
-  outline: none;
-  border: 0.01rem solid #e6e7eb;
-}
-.up-dialog .dia-concent .file-box .file-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.12rem 0.28rem;
-  height: 0.46rem;
-  box-sizing: border-box;
-  color: #4e5259;
-  font-size: 0.16rem;
-  border: 0.01rem solid #e6e7eb;
-  margin-left: 0.1rem;
+.up-dialog .file-box .file-btn {
+  padding: 0 16px;
+  height: 36px;
+  line-height: 36px;
+  background: var(--color-primary);
+  color: #fff;
+  border-radius: 4px;
   cursor: pointer;
+  font-size: 13px;
 }
 .up-dialog .dia-foter {
   display: flex;
   justify-content: flex-end;
-  align-items: center;
-  margin-top: 0.4rem;
-}
-.up-dialog .dia-foter .confim-btn,
-.up-dialog .dia-foter .cancel-btn {
-  min-width: 1.12rem;
-  border: none;
-  border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
-  font-size: 0.16rem;
-}
-.up-dialog .dia-foter .confim-btn {
-  background: var(--color-primary);
-  color: rgba(255, 255, 255, 0.9);
-}
-.up-dialog .dia-foter .cancel-btn {
-  margin-left: 0.12rem;
-  background: #e7e7e7;
-  color: #1e2736;
-}
-.el-popover {
-  max-width: none;
-}
-@media screen and (max-width: 915px) {
-  .goods-list-div {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media screen and (max-width: 750px) {
-  .goods-list-div {
-    grid-template-columns: repeat(1, 1fr);
-  }
-  .search-box .el-select .el-input__inner {
-    height: 40px !important;
-    line-height: 40px;
-  }
-  .second-select .el-input__inner {
-    height: 40px !important;
-    line-height: 40px;
-  }
-  .search-input .el-input__inner {
-    height: 40px !important;
-    line-height: 40px;
-  }
-  .search-btn {
-    height: 40px;
-  }
+  gap: 8px;
+  padding-top: 12px;
+  border-top: 1px solid #f2f3f5;
 }
diff --git a/clientarea/cart/hgcart/goodsList.php b/clientarea/cart/hgcart/goodsList.php
index 4eb438f..ad83cdb 100644
--- a/clientarea/cart/hgcart/goodsList.php
+++ b/clientarea/cart/hgcart/goodsList.php
@@ -17,415 +17,421 @@
       <el-container>
         <top-menu></top-menu>
         <el-main>
-          <!-- 自己的东西 -->
-          <div class="main-card">
+          <div class="goods-page">
+            <!-- 顶部说明 -->
             <div v-if="commonData.cart_instruction == 1 && commonData.cart_instruction_content" class="cart-des"
               v-html="commonData.cart_instruction_content">
             </div>
-            <div class="main-title" v-else>{{lang.new_goods}}</div>
-            <div class="main-content-box">
-              <div class="search-box">
-                <el-select v-model="select_first_obj.id" :placeholder="lang.first_level" @change="selectFirstType">
-                  <el-option v-for="item in first_group_list" :key="item.id " :label="item.name" :value="item.id">
-                  </el-option>
-                </el-select>
+            <div class="page-header" v-else>
+              <h2 class="page-title">{{lang.new_goods}}</h2>
+            </div>
+
+            <!-- 筛选栏 -->
+            <div class="filter-bar">
+              <div class="filter-tabs">
+                <div class="tab-item" :class="{'tab-active': select_first_obj.id === item.id}"
+                  v-for="item in first_group_list" :key="item.id"
+                  @click="select_first_obj.id = item.id; selectFirstType(item.id)">
+                  {{item.name}}
+                </div>
+              </div>
+              <div class="filter-right">
                 <el-select v-model="select_second_obj.id" :placeholder="lang.second_level" :disabled="secondLoading"
-                  :loading="secondLoading" @change="selectSecondType" class="second-select">
-                  <el-option v-for="item in second_group_list" :key="item.name " :label="item.name" :value="item.id">
+                  :loading="secondLoading" @change="selectSecondType" class="second-select" size="small">
+                  <el-option v-for="item in second_group_list" :key="item.name" :label="item.name" :value="item.id">
                   </el-option>
                 </el-select>
                 <el-input :placeholder="lang.goods_search_placeholder" v-if="!isDomain" clearable v-model="searchValue"
-                  class="search-input" @keyup.enter.native="searchGoods"></el-input>
-                <el-button class="search-btn" type="primary" key="ddd" @click="searchGoods" :loading="searchLoading"
-                  v-if="!isDomain">{{lang.search}}</el-button>
+                  class="search-input" size="small" @keyup.enter.native="searchGoods">
+                  <el-button slot="append" icon="el-icon-search" @click="searchGoods" :loading="searchLoading"></el-button>
+                </el-input>
               </div>
-              <div class="second-desc" v-if="select_second_obj.description">
-                <scroll-text mode="loop">
-                  {{select_second_obj.description}}
-                </scroll-text>
-              </div>
-              <div class="shopping-box" v-loading="goodSLoading">
-                <template v-if="!isDomain">
-                  <div class="no-goods" v-if="goodsList.length === 0 && !goodSLoading">
-                    <el-empty :description="lang.no_goods"></el-empty>
-                  </div>
-                  <div v-else class="goods-list-div">
-                    <template v-for="(item,index) in goodsList">
-                      <div class="shopping-item">
-                        <div class="client-box" v-if="item.client_level_name && item.client_level_name !== ''">
-                          <span>{{lang.shoppingCar_tip_text15}}</span>
+            </div>
+
+            <!-- 二级描述 -->
+            <div class="second-desc" v-if="select_second_obj.description">
+              <scroll-text mode="loop">
+                {{select_second_obj.description}}
+              </scroll-text>
+            </div>
+
+            <!-- 商品列表区域 -->
+            <div class="goods-container" v-loading="goodSLoading">
+              <template v-if="!isDomain">
+                <!-- 空状态 -->
+                <div class="empty-state" v-if="goodsList.length === 0 && !goodSLoading">
+                  <el-empty :description="lang.no_goods"></el-empty>
+                </div>
+                <!-- 商品行列表 -->
+                <div v-else class="goods-table">
+                  <template v-for="(item,index) in goodsList">
+                    <div class="goods-row" :class="{'goods-row-disabled': item.stock_control === 1 && item.qty <= 0}">
+                      <!-- 左侧：名称 + 描述 -->
+                      <div class="row-main">
+                        <div class="row-name-line">
+                          <span class="goods-name-text">{{ item.name }}</span>
+                          <!-- 库存标签 -->
+                          <span class="badge badge-warning" v-if="item.stock_control === 1 && item.qty > 0 && item.qty <= 5">
+                            {{lang.stock}}：{{item.qty}}
+                          </span>
+                          <span class="badge badge-danger" v-if="item.stock_control === 1 && item.qty <= 0">
+                            <img src="/{$template_catalog_cart}/template/{$themes_cart}/img/sold_out.svg" alt="" class="sold-icon">
+                          </span>
+                          <!-- 等级标签 -->
+                          <span class="badge badge-primary" v-if="item.client_level_name && item.client_level_name !== ''">
+                            {{lang.shoppingCar_tip_text15}}
+                          </span>
                         </div>
-                        <div v-html="item.description" class="goods-description"></div>
-                        <div class="goods-content">
-                          <div class="goods-tag"
-                            v-if="item.pay_ontrial && item.pay_ontrial?.status === 1 || item.aodun_firewall_product">
-                            <div class="tag-item" v-if="item.pay_ontrial && item.pay_ontrial?.status === 1 ">
-                              {{lang.support_trial}}
-                            </div>
-                            <div class="tag-item" v-if="item.aodun_firewall_product">
-                              {{lang.firewall_text1}}
-                            </div>
-                          </div>
-                          <div class="goods-name" :class="{'sold-out':item.stock_control === 1 && item.qty <= 0}">
-                            <div class="goods-name-text">{{ item.name }}</div>
-                            <div class="qty-box" v-if="item.stock_control === 1">
-                              <span v-if="item.qty > 0">{{lang.stock}}：<span
-                                  class="stock-num">{{item.qty}}</span></span>
-                              <img src="/{$template_catalog_cart}/template/{$themes_cart}/img/sold_out.svg" alt=""
-                                v-else>
-                            </div>
-                          </div>
-                          <div class="goods-active">
-                            <template v-if="item.activeList.length > 0 || item.addon_coin === 1">
-                              <div class="active-name" v-if="item.addon_coin === 1">
-                                {{lang.coin_text10}}{{item.addon_coin_name}}
+                        <!-- 活动标签 -->
+                        <div class="row-tags" v-if="item.pay_ontrial && item.pay_ontrial?.status === 1 || item.aodun_firewall_product || item.activeList.length > 0 || item.addon_coin === 1">
+                          <span class="tag tag-trial" v-if="item.pay_ontrial && item.pay_ontrial?.status === 1">
+                            {{lang.support_trial}}
+                          </span>
+                          <span class="tag tag-firewall" v-if="item.aodun_firewall_product">
+                            {{lang.firewall_text1}}
+                          </span>
+                          <span class="tag tag-coin" v-if="item.addon_coin === 1">
+                            {{lang.coin_text10}}{{item.addon_coin_name}}
+                          </span>
+                          <template v-for="active in item.activeList">
+                            <el-popover placement="top-start" trigger="hover">
+                              <div class="active-item">
+                                <span v-if="active.type === 'percent'">{{lang.goods_text1}} {{active.value}}%</span>
+                                <span v-if="active.type === 'reduce'"> {{lang.goods_text2}} {{active.full}}
+                                  {{lang.goods_text3}} {{active.value}}</span>
                               </div>
-                              <template v-for="active in item.activeList">
-                                <el-popover placement="top-start" trigger="hover">
-                                  <div class="active-item">
-                                    <span v-if="active.type === 'percent'">{{lang.goods_text1}} {{active.value}}%</span>
-                                    <span v-if="active.type === 'reduce'"> {{lang.goods_text2}} {{active.full}}
-                                      {{lang.goods_text3}} {{active.value}}</span>
-                                  </div>
-                                  <div class="active-name" slot="reference">
-                                    {{active.name}}
-                                  </div>
-                                </el-popover>
-                              </template>
-                            </template>
-                            <template v-else>
-                              <div class="active-name" style="opacity: 0;">
-                                {{lang.subaccount_text55}}
-                              </div>
-                            </template>
-                          </div>
-                          <div class="price-box">
-                            <div class="price-box-left">
-                              <span class="item-price">
-                                <span
-                                  class="item-price-prefix">{{commonData.currency_prefix}}</span>{{item.price_discounted || item.price}}<span
-                                  class="item-price-cycle">{{item.cycle ? '/' +  item.cycle : ''}}</span>
-                              </span>
-                              <span class="original-price"
-                                v-if="item.price_discounted && item.price != item.price_discounted">
-                                <span class="item-price-prefix">{{commonData.currency_prefix}}</span> {{item.price}}
-                              </span>
-                            </div>
-                            <el-button :disabled="item.stock_control === 1 && item.qty <= 0" class="buy-btn"
-                              type="primary" @click="goOrder(item)">{{lang.buy}}</el-button>
-                          </div>
+                              <span class="tag tag-promo" slot="reference">{{active.name}}</span>
+                            </el-popover>
+                          </template>
                         </div>
+                        <!-- 描述 -->
+                        <div v-html="item.description" class="row-desc"></div>
                       </div>
+                      <!-- 右侧：价格 + 按钮 -->
+                      <div class="row-action">
+                        <div class="price-group">
+                          <span class="current-price">
+                            <span class="price-prefix">{{commonData.currency_prefix}}</span>{{item.price_discounted || item.price}}<span
+                              class="price-cycle">{{item.cycle ? '/' + item.cycle : ''}}</span>
+                          </span>
+                          <span class="original-price"
+                            v-if="item.price_discounted && item.price != item.price_discounted">
+                            {{commonData.currency_prefix}}{{item.price}}
+                          </span>
+                        </div>
+                        <el-button :disabled="item.stock_control === 1 && item.qty <= 0" class="buy-btn"
+                          type="primary" @click="goOrder(item)">{{lang.buy}}</el-button>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </template>
+
+              <!-- ====== 域名搜索区域（保持原有功能） ====== -->
+              <template v-else>
+                <div class="domain-box">
+                  <div class="register-type">
+                    <span class="reg-ridio" :class="regType === '1' ? 'isActice' : ''"
+                      @click="regType = '1'">{{lang.template_text93}}</span>
+                    <template v-if="domainConfig.batch_search_domain === 1">
+                      <el-divider direction="vertical"></el-divider>
+                      <span class="reg-ridio" :class="regType === '2' ? 'isActice' : ''"
+                        @click="regType = '2'">{{lang.template_text94}}</span>
                     </template>
                   </div>
-                </template>
-                <template v-else>
-                  <div class="domain-box">
-                    <div class="register-type">
-                      <span class="reg-ridio" :class="regType === '1' ? 'isActice' : ''"
-                        @click="regType = '1'">{{lang.template_text93}}</span>
-                      <template v-if="domainConfig.batch_search_domain === 1">
-                        <el-divider direction="vertical"></el-divider>
-                        <span class="reg-ridio" :class="regType === '2' ? 'isActice' : ''"
-                          @click="regType = '2'">{{lang.template_text94}}</span>
-                      </template>
+                  <div class="domain-search" v-if="regType === '1'">
+                    <el-input :placeholder="lang.template_text92" v-model="domainInput" clearable
+                      @keyup.enter.native="handelDomainSearch">
+                      <div class="suffix-box" slot="append" @click="isShowSuffixBox = !isShowSuffixBox">
+                        {{selectSuffix}}
+                        <i class="el-icon-arrow-down select-btn"></i>
+                      </div>
+                    </el-input>
+                    <el-button class="search-button" @click="handelDomainSearch"
+                      :loading="isSearching">{{lang.template_text95}}</el-button>
+                    <div class="suffix-list" v-show="isShowSuffixBox">
+                      <div class="suffix-item" @click="handelSelectSuffix(item.suffix)"
+                        :class="selectSuffix === item.suffix ? 'suffix-active' : ''" v-for="item in suffixList"
+                        :key="item.suffix">{{item.suffix}}</div>
                     </div>
-                    <div class="domain-search" v-if="regType === '1'">
-                      <el-input :placeholder="lang.template_text92" v-model="domainInput" clearable
-                        @keyup.enter.native="handelDomainSearch">
-                        <div class="suffix-box" slot="append" @click="isShowSuffixBox = !isShowSuffixBox">
-                          {{selectSuffix}}
-                          <i class="el-icon-arrow-down select-btn"></i>
-                        </div>
+                  </div>
+                  <div class="batch-search-box" v-if="regType === '2'">
+                    <div class="batch-tips" v-loading="batchLoading">
+                      <el-input v-model="textarea2" resize="none" class="input-batch" type="textarea"
+                        :placeholder="`${lang.template_text106}\n${lang.template_text107}${domainConfig.number_limit}${lang.template_text108}${domainConfig.number_limit}${lang.template_text109}\n${lang.template_text110}\n${lang.template_text111}`">
                       </el-input>
-                      <el-button class="search-button" @click="handelDomainSearch"
-                        :loading="isSearching">{{lang.template_text95}}</el-button>
-                      <div class="suffix-list" v-show="isShowSuffixBox">
-                        <div class="suffix-item" @click="handelSelectSuffix(item.suffix)"
-                          :class="selectSuffix === item.suffix ? 'suffix-active' : ''" v-for="item in suffixList"
-                          :key="item.suffix">{{item.suffix}}</div>
-                      </div>
                     </div>
-                    <div class="batch-search-box" v-if="regType === '2'">
-                      <div class="batch-tips" v-loading="batchLoading">
-                        <el-input v-model="textarea2" resize="none" class="input-batch" type="textarea"
-                          :placeholder="`${lang.template_text106}\n${lang.template_text107}${domainConfig.number_limit}${lang.template_text108}${domainConfig.number_limit}${lang.template_text109}\n${lang.template_text110}\n${lang.template_text111}`">
-                        </el-input>
-                      </div>
-                      <div class="batch-btn">
-                        <div class="upload-btn" @click="isShowUpload = true">
-                          <svg t="1750672276335" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                            xmlns="http://www.w3.org/2000/svg" p-id="10857" width="16" height="16">
-                            <path
-                              d="M938.855808 638.776382l0 270.299169c0 27.41028-22.210861 49.634444-49.621141 49.634444l-754.442728 0c-27.41028 0-49.647747-22.224164-49.647747-49.634444L85.144192 638.776382c0-27.41028 22.224164-49.634444 49.634444-49.634444s49.634444 22.224164 49.634444 49.634444l0 220.664725 655.17384 0L839.58692 638.776382c0-27.41028 22.224164-49.634444 49.634444-49.634444S938.855808 611.366102 938.855808 638.776382zM349.445764 351.817788l112.918769-115.288746 0 429.77837c0 27.411303 22.224164 49.634444 49.634444 49.634444 27.41028 0 49.634444-22.223141 49.634444-49.634444L561.633421 236.534158 674.547073 351.812671c9.722432 9.927093 22.591531 14.904455 35.470863 14.904455 12.524245 0 25.071002-4.716418 34.725896-14.172791 19.583011-19.184945 19.913539-50.608631 0.733711-70.190619L547.478026 80.195483c-9.335622-9.535167-22.116717-14.905478-35.46063-14.905478-13.338796 0-26.120914 5.370311-35.456536 14.900362L278.542924 282.3486c-19.184945 19.588127-18.86465 51.010791 0.722454 70.190619C298.847365 371.724163 330.271052 371.394658 349.445764 351.817788z"
-                              p-id="10858" fill="var(--color-primary)"></path>
-                          </svg>
-                          {{lang.template_text132}}
-                        </div>
-                        <el-button @click="batchSearchDomain" type="primary"
-                          :loading="batchLoading">{{lang.template_text112}}</el-button>
+                    <div class="batch-btn">
+                      <div class="upload-btn" @click="isShowUpload = true">
+                        <svg t="1750672276335" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                          xmlns="http://www.w3.org/2000/svg" p-id="10857" width="16" height="16">
+                          <path
+                            d="M938.855808 638.776382l0 270.299169c0 27.41028-22.210861 49.634444-49.621141 49.634444l-754.442728 0c-27.41028 0-49.647747-22.224164-49.647747-49.634444L85.144192 638.776382c0-27.41028 22.224164-49.634444 49.634444-49.634444s49.634444 22.224164 49.634444 49.634444l0 220.664725 655.17384 0L839.58692 638.776382c0-27.41028 22.224164-49.634444 49.634444-49.634444S938.855808 611.366102 938.855808 638.776382zM349.445764 351.817788l112.918769-115.288746 0 429.77837c0 27.411303 22.224164 49.634444 49.634444 49.634444 27.41028 0 49.634444-22.223141 49.634444-49.634444L561.633421 236.534158 674.547073 351.812671c9.722432 9.927093 22.591531 14.904455 35.470863 14.904455 12.524245 0 25.071002-4.716418 34.725896-14.172791 19.583011-19.184945 19.913539-50.608631 0.733711-70.190619L547.478026 80.195483c-9.335622-9.535167-22.116717-14.905478-35.46063-14.905478-13.338796 0-26.120914 5.370311-35.456536 14.900362L278.542924 282.3486c-19.184945 19.588127-18.86465 51.010791 0.722454 70.190619C298.847365 371.724163 330.271052 371.394658 349.445764 351.817788z"
+                            p-id="10858" fill="var(--color-primary)"></path>
+                        </svg>
+                        {{lang.template_text132}}
                       </div>
+                      <el-button @click="batchSearchDomain" type="primary"
+                        :loading="batchLoading">{{lang.template_text112}}</el-button>
                     </div>
-                    <div class="domain-content">
-                      <div class="domain-left">
-                        <div class="domain-one" v-if="regType === '1'">
-                          <div class="domain-one-list" v-if="domainList.length !==0" v-loading="isSearching">
-                            <div class="search-title">
-                              <span>{{lang.template_text96}}</span>
-                              <span class="search-fillter is_select" @click="openFilter"><i
-                                  class="el-icon-search"></i>{{isShowFilrer ? lang.wx_tip15: lang.wx_tip14}}</span>
+                  </div>
+                  <div class="domain-content">
+                    <div class="domain-left">
+                      <div class="domain-one" v-if="regType === '1'">
+                        <div class="domain-one-list" v-if="domainList.length !==0" v-loading="isSearching">
+                          <div class="search-title">
+                            <span>{{lang.template_text96}}</span>
+                            <span class="search-fillter is_select" @click="openFilter"><i
+                                class="el-icon-search"></i>{{isShowFilrer ? lang.wx_tip15: lang.wx_tip14}}</span>
+                          </div>
+                          <div class="fillter-list" v-if="isShowFilrer && fillterDomainSuffix.length > 0">
+                            <div class="fillter-item" :class="{'is_select':selectFilterSuffix.includes(item)}"
+                              v-for="item in fillterDomainSuffix" :key="item" @click="handelFilterSuffix(item)">
+                              {{item}}
                             </div>
-                            <div class="fillter-list" v-if="isShowFilrer && fillterDomainSuffix.length > 0">
-                              <div class="fillter-item" :class="{'is_select':selectFilterSuffix.includes(item)}"
-                                v-for="item in fillterDomainSuffix" :key="item" @click="handelFilterSuffix(item)">
-                                {{item}}
+                          </div>
+                          <div class="domain-list">
+                            <div class="domain-item" v-for="(item,index) in calcDomainList" :key="index">
+                              <div class="item-left">
+                                <span class="domain-name">{{item.name}}</span>
+                                <span class="domain-status" v-if="item.avail === 0">{{lang.template_text97}}</span>
+                                <span class="domain-status"
+                                  v-if="(item.avail === 1 || item.avail === -2) && item.description">{{item.description}}</span>
                               </div>
-                            </div>
-                            <div class="domain-list">
-                              <div class="domain-item" v-for="(item,index) in calcDomainList" :key="index">
-                                <div class="item-left">
-                                  <span class="domain-name">{{item.name}}</span>
-                                  <span class="domain-status" v-if="item.avail === 0">{{lang.template_text97}}</span>
-                                  <span class="domain-status"
-                                    v-if="(item.avail === 1 || item.avail === -2) && item.description">{{item.description}}</span>
+                              <div class="item-right">
+                                <div class="premium-type" v-if="item.type && item.type === 'premium'">
+                                  {{lang.template_text98}}
                                 </div>
-                                <div class="item-right">
-                                  <div class="premium-type" v-if="item.type && item.type === 'premium'">
-                                    {{lang.template_text98}}
+                                <el-popover placement="bottom" trigger="hover" v-if="item.avail === 1">
+                                  <div class="pirce-box" slot="reference" v-loading="item.priceLoading">
+                                    <span class="now-price">{{commonData.currency_prefix}}<span
+                                        style="font-size: 0.18rem;  color: var(--color-price-text);">{{item.showPrice}}
+                                      </span><span style="color: #485169;">/{{lang.common_cloud_text112}}</span>
+                                    </span>
+                                    <i style="margin-left: 0.1rem;color: #F6F7FB;" class="el-icon-arrow-down"></i>
                                   </div>
-                                  <el-popover placement="bottom" trigger="hover" v-if="item.avail === 1">
-                                    <div class="pirce-box" slot="reference" v-loading="item.priceLoading">
-                                      <span class="now-price">{{commonData.currency_prefix}}<span
-                                          style="font-size: 0.18rem;  color: var(--color-price-text);">{{item.showPrice}}
-                                        </span><span style="color: #485169;">/{{lang.common_cloud_text112}}</span>
-                                      </span>
-                                      <i style="margin-left: 0.1rem;color: #F6F7FB;" class="el-icon-arrow-down"></i>
+                                  <div class="price-list">
+                                    <div class="price-item">
+                                      <div class="price-year"></div>
+                                      <div class="price-new">{{lang.template_text99}}</div>
+                                      <div class="price-renew">{{lang.template_text100}}</div>
                                     </div>
-                                    <div class="price-list">
-                                      <div class="price-item">
-                                        <div class="price-year"></div>
-                                        <div class="price-new">{{lang.template_text99}}</div>
-                                        <div class="price-renew">{{lang.template_text100}}</div>
-                                      </div>
-                                      <div class="price-item" v-for="items in item.priceArr" :key="items.buyyear">
-                                        <div class="price-year">{{items.buyyear}}{{lang.template_text101}}</div>
-                                        <div class="price-new">{{commonData.currency_prefix}}{{items.buyprice}}</div>
-                                        <div class="price-renew">{{commonData.currency_prefix}}{{items.renewprice}}
-                                        </div>
+                                    <div class="price-item" v-for="items in item.priceArr" :key="items.buyyear">
+                                      <div class="price-year">{{items.buyyear}}{{lang.template_text101}}</div>
+                                      <div class="price-new">{{commonData.currency_prefix}}{{items.buyprice}}</div>
+                                      <div class="price-renew">{{commonData.currency_prefix}}{{items.renewprice}}
                                       </div>
                                     </div>
-                                  </el-popover>
-                                  <el-button class="add-btn" type="primary" :plain="isAddCart(item)"
-                                    :disabled="isAddCart(item)" v-if="item.avail === 1 "
-                                    @click="addCart(item)">{{lang.template_text102}}
-                                  </el-button>
-                                  <div class="whois-box" v-if="item.avail === 0" @click="goWhois(item)">
-                                    {{lang.template_text103}}
                                   </div>
-                                  <div v-if="item.avail === -1">{{lang.template_text104}}</div>
+                                </el-popover>
+                                <el-button class="add-btn" type="primary" :plain="isAddCart(item)"
+                                  :disabled="isAddCart(item)" v-if="item.avail === 1 "
+                                  @click="addCart(item)">{{lang.template_text102}}
+                                </el-button>
+                                <div class="whois-box" v-if="item.avail === 0" @click="goWhois(item)">
+                                  {{lang.template_text103}}
                                 </div>
+                                <div v-if="item.avail === -1">{{lang.template_text104}}</div>
                               </div>
                             </div>
                           </div>
+                        </div>
+                        <template v-else>
+                          <div class="search-title">{{lang.template_text93}}</div>
+                          <div class="start-search" v-loading="isSearching">
+                            <img src="/{$template_catalog}/template/{$themes}/img/goodsList/search_domain.png" alt="">
+                            <p>{{lang.template_text105}}</p>
+                          </div>
+                        </template>
+                      </div>
+                      <div class="batch-box" v-else>
+                        <div class="batch-main">
+                          <template
+                            v-if="availList.length !== 0 || unavailList.length !==0 || faillList.length !== 0">
+                            <div class="search-title">{{lang.template_text113}}({{availList.length}})</div>
+                            <div class="avail-list" v-loading="batchLoading">
+                              <el-checkbox-group v-model="batchCheckGroup" @change="handleBatchChange">
+                                <div class="batch-item" v-for="(item,index) in availList" :key="index">
+                                  <div class="item-left">
+                                    <el-checkbox :label="item.name">
+                                      <span class="domain-name">{{item.name}}</span>
+                                    </el-checkbox>
+                                    <span class="domain-status"
+                                      v-if="item.avail === 0">{{lang.template_text114}}</span>
+                                    <span class="domain-status"
+                                      v-if="(item.avail === 1 || item.avail === -2) && item.description">{{item.description}}</span>
+                                  </div>
+                                  <div class="item-right">
+                                    <div class="premium-type" v-if="item.type && item.type === 'premium'">
+                                      {{lang.template_text115}}
+                                    </div>
+                                    <el-popover placement="bottom" trigger="hover" v-if="item.avail === 1">
+                                      <div class="pirce-box" slot="reference" v-loading="item.priceLoading">
+                                        <span class="now-price">{{commonData.currency_prefix}}<span
+                                            style="font-size: 0.18rem;  color: var(--color-price-text);">{{item.showPrice}}
+                                          </span><span style="color: #485169;">/{{lang.common_cloud_text112}}</span>
+                                        </span>
+                                        <i style="margin-left: 0.1rem;color: #F6F7FB;" class="el-icon-arrow-down"></i>
+                                      </div>
+                                      <div class="price-list">
+                                        <div class="price-item">
+                                          <div class="price-year"></div>
+                                          <div class="price-new">{{lang.template_text99}}</div>
+                                          <div class="price-renew">{{lang.template_text100}}</div>
+                                        </div>
+                                        <div class="price-item" v-for="items in item.priceArr" :key="items.buyyear">
+                                          <div class="price-year">{{items.buyyear}}{{lang.template_text101}}</div>
+                                          <div class="price-new">{{commonData.currency_prefix}}{{items.buyprice}}
+                                          </div>
+                                          <div class="price-renew">
+                                            {{commonData.currency_prefix}}{{items.renewprice}}
+                                          </div>
+                                        </div>
+                                      </div>
+                                    </el-popover>
+                                    <el-button class="add-btn" type="primary" :plain="isAddCart(item)"
+                                      :disabled="isAddCart(item)" v-if="item.avail === 1 "
+                                      @click="addCart(item)">{{lang.template_text102}}</el-button>
+                                  </div>
+                                </div>
+                              </el-checkbox-group>
+                            </div>
+                            <div class="all-check" v-if="availList.length > 0">
+                              <el-checkbox :indeterminate="isBatchIndeterminate" v-model="isBatchAllCheck"
+                                @change="handleBatchCheckAllChange">{{lang.template_text116}}</el-checkbox>
+                              <el-button @click="addAllCart" type="primary"
+                                :loading="addAllLoading">{{lang.template_text117}}
+                              </el-button>
+                            </div>
+                            <el-collapse v-model="activeNames" v-loading="batchLoading">
+                              <el-collapse-item name="1" style="margin-top: 0.6rem;" v-show="unavailList.length > 0">
+                                <template slot="title">
+                                  <div class="unavail-title">
+                                    <span>{{lang.template_text118}}({{unavailList.length}})</span>
+                                    <span class="open-text"
+                                      v-if="activeNames.includes('1')">{{lang.template_text119}}</span>
+                                    <span class="open-text" v-else>{{lang.template_text120}}</span>
+                                  </div>
+                                </template>
+                                <div class="unavail-list">
+                                  <div class="unavail-item" v-for="(item,index) in unavailList" :key="index">
+                                    <span class="unavail-name">{{item.name}}</span>
+                                    <span class="unavail-reason">{{item.reason}}</span>
+                                  </div>
+                                </div>
+                              </el-collapse-item>
+                              <el-collapse-item name="2" style="margin-top: 0.4rem;" v-show="faillList.length > 0">
+                                <template slot="title">
+                                  <div class="unavail-title">
+                                    <span>{{lang.template_text121}}({{faillList.length}})</span>
+                                    <span class="open-text"
+                                      v-if="activeNames.includes('2')">{{lang.template_text119}}</span>
+                                    <span class="open-text" v-else>{{lang.template_text120}}</span>
+                                  </div>
+                                </template>
+                                <div class="unavail-list">
+                                  <div class="unavail-item" v-for="(item,index) in faillList" :key="index">
+                                    <span class="unavail-name">{{item.name}}</span>
+                                    <span class="unavail-reason">{{item.reason}}</span>
+                                  </div>
+                                </div>
+                              </el-collapse-item>
+                            </el-collapse>
+                          </template>
                           <template v-else>
-                            <div class="search-title">{{lang.template_text93}}</div>
-                            <div class="start-search" v-loading="isSearching">
-                              <img src="/{$template_catalog}/template/{$themes}/img/goodsList/search_domain.png" alt="">
-                              <p>{{lang.template_text105}}</p>
+                            <div class="search-title">{{lang.template_text94}}</div>
+                            <div class="batch-search" v-loading="batchLoading">
+                              <img src="/{$template_catalog}/template/{$themes}/img/goodsList/search_domain.png"
+                                alt="">
+                              <p>{{lang.template_text122}}</p>
                             </div>
                           </template>
                         </div>
-                        <div class="batch-box" v-else>
-                          <div class="batch-main">
-                            <template
-                              v-if="availList.length !== 0 || unavailList.length !==0 || faillList.length !== 0">
-                              <div class="search-title">{{lang.template_text113}}({{availList.length}})</div>
-                              <div class="avail-list" v-loading="batchLoading">
-                                <!-- 可注册域名 -->
-                                <el-checkbox-group v-model="batchCheckGroup" @change="handleBatchChange">
-                                  <div class="batch-item" v-for="(item,index) in availList" :key="index">
-                                    <div class="item-left">
-                                      <el-checkbox :label="item.name">
-                                        <span class="domain-name">{{item.name}}</span>
-                                      </el-checkbox>
-                                      <span class="domain-status"
-                                        v-if="item.avail === 0">{{lang.template_text114}}</span>
-                                      <span class="domain-status"
-                                        v-if="(item.avail === 1 || item.avail === -2) && item.description">{{item.description}}</span>
-                                    </div>
-                                    <div class="item-right">
-                                      <div class="premium-type" v-if="item.type && item.type === 'premium'">
-                                        {{lang.template_text115}}
-                                      </div>
-                                      <el-popover placement="bottom" trigger="hover" v-if="item.avail === 1">
-                                        <div class="pirce-box" slot="reference" v-loading="item.priceLoading">
-                                          <span class="now-price">{{commonData.currency_prefix}}<span
-                                              style="font-size: 0.18rem;  color: var(--color-price-text);">{{item.showPrice}}
-                                            </span><span style="color: #485169;">/{{lang.common_cloud_text112}}</span>
-                                          </span>
-                                          <i style="margin-left: 0.1rem;color: #F6F7FB;" class="el-icon-arrow-down"></i>
-                                        </div>
-                                        <div class="price-list">
-                                          <div class="price-item">
-                                            <div class="price-year"></div>
-                                            <div class="price-new">{{lang.template_text99}}</div>
-                                            <div class="price-renew">{{lang.template_text100}}</div>
-                                          </div>
-                                          <div class="price-item" v-for="items in item.priceArr" :key="items.buyyear">
-                                            <div class="price-year">{{items.buyyear}}{{lang.template_text101}}</div>
-                                            <div class="price-new">{{commonData.currency_prefix}}{{items.buyprice}}
-                                            </div>
-                                            <div class="price-renew">
-                                              {{commonData.currency_prefix}}{{items.renewprice}}
-                                            </div>
-                                          </div>
-                                        </div>
-                                      </el-popover>
-                                      <el-button class="add-btn" type="primary" :plain="isAddCart(item)"
-                                        :disabled="isAddCart(item)" v-if="item.avail === 1 "
-                                        @click="addCart(item)">{{lang.template_text102}}</el-button>
-                                    </div>
+                      </div>
+                    </div>
+                    <div class="domain-right">
+                      <div class="car-top">
+                        <span>
+                          {{lang.template_text123}}
+                        </span>
+                        <span class="clear-car" @click="deleteClearCart()">
+                          <svg t="1750669572885" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" p-id="9781" width="16" height="16">
+                            <path
+                              d="M895.398771 267.822944 671.950695 267.822944 671.950695 100.238145c0-46.261745-37.501958-83.792903-83.790889-83.792903l-167.583792 0c-46.287924 0-83.79391 37.531157-83.79391 83.792903l0 167.584799-223.445056 0c-61.698102 0-111.723535 50.024426-111.723535 111.723535l0 55.860257c0 41.398553 22.522722 77.540227 55.981082 96.841965 0.190299 56.371748-0.120825 280.654522-0.120825 377.979786 3.818059 112.787799 111.723535 111.723535 111.723535 111.723535l307.238966 0 0-0.872958 20.968111 0c2.225187 0.568883 4.557103 0.872958 6.961514 0.872958s4.736326-0.304075 6.961514-0.872958l181.59341 0c2.225187 0.568883 4.557103 0.872958 6.961514 0.872958s4.735319-0.304075 6.960507-0.872958l132.69366 0c0 0 107.902455 1.066278 111.721521-111.532229 0-97.144027-0.310117-320.985791-0.119818-377.298133 33.45836-19.301738 55.983096-55.443412 55.983096-96.842972L1007.1213 379.546479C1007.122306 317.84737 957.096873 267.822944 895.398771 267.822944zM811.604862 965.328556l-83.790889 0L727.813973 742.644695c0-15.43837-12.494276-27.929625-27.930632-27.929625-15.43837 0-27.932646 12.491255-27.932646 27.929625l0 222.683861-139.65316 0L532.297535 742.644695c0-15.43837-12.491255-27.929625-27.930632-27.929625-15.43837 0-27.929625 12.491255-27.929625 27.929625l0 223.44707c0 0-69.151976 0-139.654167 0L336.783111 742.644695c0-15.43837-12.491255-27.929625-27.930632-27.929625-15.43837 0-27.929625 12.491255-27.929625 27.929625l0 223.44707-83.79391 0c-47.459923 0-84.064758-31.259351-83.790889-83.792903 0.351398-71.180823 0.136935-263.033253 0.040275-335.168591l781.981174 0c-0.097667 72.050761-0.311123 263.506483 0.040275 334.540303C895.670627 934.122569 859.066799 965.328556 811.604862 965.328556zM951.260036 435.406736c0 30.849554-25.01171 55.860257-55.860257 55.860257L113.337047 491.266993c-30.849554 0-55.862271-25.01171-55.862271-55.860257L57.474777 379.546479c0-30.849554 25.013724-55.863278 55.862271-55.863278l279.308334 0 0-167.583792c0-46.259732 37.502965-83.792903 83.790889-83.792903l55.860257 0c46.287924 0 83.792903 37.533171 83.792903 83.792903l0 167.583792 279.308334 0c30.849554 0 55.860257 25.013724 55.860257 55.863278L951.258022 435.406736z"
+                              p-id="9782"></path>
+                          </svg>
+                          {{lang.template_text124}}</span>
+                      </div>
+                      <div class="car-box" v-loading="isCarLoading">
+                        <div class="car-no" v-if="carList.length === 0">
+                          {{lang.template_text125}}
+                          <span v-show="carList.length === 0">{{lang.template_text126}}</span>
+                          <span v-if="!isLogin" class="blue-a-text" @click="goLogin"> {{lang.template_text127}}</span>
+                        </div>
+                        <div class="car-list" v-else>
+                          <el-checkbox-group v-model="checkList" @change="handleCheckedCitiesChange">
+                            <div class="car-item" v-for="(item,index) in carList" :key="index">
+                              <div class="caritem-top">
+                                <div class="car-name">
+                                  <el-checkbox :label="item.positions">
+                                    <span class="shop-name">{{item.config_options.domain}}</span>
+                                  </el-checkbox>
+                                  <div class="car-del" @click="deleteCart(item)">
+                                    <svg t="1750669572885" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                      xmlns="http://www.w3.org/2000/svg" p-id="9781" width="16" height="16">
+                                      <path
+                                        d="M895.398771 267.822944 671.950695 267.822944 671.950695 100.238145c0-46.261745-37.501958-83.792903-83.790889-83.792903l-167.583792 0c-46.287924 0-83.79391 37.531157-83.79391 83.792903l0 167.584799-223.445056 0c-61.698102 0-111.723535 50.024426-111.723535 111.723535l0 55.860257c0 41.398553 22.522722 77.540227 55.981082 96.841965 0.190299 56.371748-0.120825 280.654522-0.120825 377.979786 3.818059 112.787799 111.723535 111.723535 111.723535 111.723535l307.238966 0 0-0.872958 20.968111 0c2.225187 0.568883 4.557103 0.872958 6.961514 0.872958s4.736326-0.304075 6.961514-0.872958l181.59341 0c2.225187 0.568883 4.557103 0.872958 6.961514 0.872958s4.735319-0.304075 6.960507-0.872958l132.69366 0c0 0 107.902455 1.066278 111.721521-111.532229 0-97.144027-0.310117-320.985791-0.119818-377.298133 33.45836-19.301738 55.983096-55.443412 55.983096-96.842972L1007.1213 379.546479C1007.122306 317.84737 957.096873 267.822944 895.398771 267.822944zM811.604862 965.328556l-83.790889 0L727.813973 742.644695c0-15.43837-12.494276-27.929625-27.930632-27.929625-15.43837 0-27.932646 12.491255-27.932646 27.929625l0 222.683861-139.65316 0L532.297535 742.644695c0-15.43837-12.491255-27.929625-27.930632-27.929625-15.43837 0-27.929625 12.491255-27.929625 27.929625l0 223.44707c0 0-69.151976 0-139.654167 0L336.783111 742.644695c0-15.43837-12.491255-27.929625-27.930632-27.929625-15.43837 0-27.929625 12.491255-27.929625 27.929625l0 223.44707-83.79391 0c-47.459923 0-84.064758-31.259351-83.790889-83.792903 0.351398-71.180823 0.136935-263.033253 0.040275-335.168591l781.981174 0c-0.097667 72.050761-0.311123 263.506483 0.040275 334.540303C895.670627 934.122569 859.066799 965.328556 811.604862 965.328556zM951.260036 435.406736c0 30.849554-25.01171 55.860257-55.860257 55.860257L113.337047 491.266993c-30.849554 0-55.862271-25.01171-55.862271-55.860257L57.474777 379.546479c0-30.849554 25.013724-55.863278 55.862271-55.863278l279.308334 0 0-167.583792c0-46.259732 37.502965-83.792903 83.790889-83.792903l55.860257 0c46.287924 0 83.792903 37.533171 83.792903 83.792903l0 167.583792 279.308334 0c30.849554 0 55.860257 25.013724 55.860257 55.863278L951.258022 435.406736z"
+                                        p-id="9782"></path>
+                                    </svg>
+                                    {{lang.template_text128}}
                                   </div>
-                                </el-checkbox-group>
+                                </div>
+                                <div class="car-year">
+                                  <el-select v-model="item.selectYear" @change="(val)=>changeCart(val,item)">
+                                    <el-option v-for="items in item.priceArr" :key="items.buyyear"
+                                      :label="items.buyyear + lang.template_text101" :value="items.buyyear">
+                                    </el-option>
+                                  </el-select>
+                                </div>
                               </div>
-                              <div class="all-check" v-if="availList.length > 0">
-                                <el-checkbox :indeterminate="isBatchIndeterminate" v-model="isBatchAllCheck"
-                                  @change="handleBatchCheckAllChange">{{lang.template_text116}}</el-checkbox>
-                                <el-button @click="addAllCart" type="primary"
-                                  :loading="addAllLoading">{{lang.template_text117}}
-                                </el-button>
+                              <div class="car-bottom">
+                                <span>{{lang.template_text87}}：</span>
+                                <div v-loading="item.priceLoading" class="car-price">
+                                  {{commonData.currency_prefix}}<span
+                                    style="font-size: 0.18rem; margin-right: 0.02rem;">{{priceCalc(item)}} </span>
+                                </div>
                               </div>
-                              <el-collapse v-model="activeNames" v-loading="batchLoading">
-                                <el-collapse-item name="1" style="margin-top: 0.6rem;" v-show="unavailList.length > 0">
-                                  <template slot="title">
-                                    <div class="unavail-title">
-                                      <span>{{lang.template_text118}}({{unavailList.length}})</span>
-                                      <span class="open-text"
-                                        v-if="activeNames.includes('1')">{{lang.template_text119}}</span>
-                                      <span class="open-text" v-else>{{lang.template_text120}}</span>
-                                    </div>
-                                  </template>
-                                  <div class="unavail-list">
-                                    <div class="unavail-item" v-for="(item,index) in unavailList" :key="index">
-                                      <span class="unavail-name">{{item.name}}</span>
-                                      <span class="unavail-reason">{{item.reason}}</span>
-                                    </div>
-                                  </div>
-                                </el-collapse-item>
-                                <el-collapse-item name="2" style="margin-top: 0.4rem;" v-show="faillList.length > 0">
-                                  <template slot="title">
-                                    <div class="unavail-title">
-                                      <span>{{lang.template_text121}}({{faillList.length}})</span>
-                                      <span class="open-text"
-                                        v-if="activeNames.includes('2')">{{lang.template_text119}}</span>
-                                      <span class="open-text" v-else>{{lang.template_text120}}</span>
-                                    </div>
-                                  </template>
-                                  <div class="unavail-list">
-                                    <div class="unavail-item" v-for="(item,index) in faillList" :key="index">
-                                      <span class="unavail-name">{{item.name}}</span>
-                                      <span class="unavail-reason">{{item.reason}}</span>
-                                    </div>
-                                  </div>
-                                </el-collapse-item>
-                              </el-collapse>
-                            </template>
-                            <template v-else>
-                              <div class="search-title">{{lang.template_text94}}</div>
-                              <div class="batch-search" v-loading="batchLoading">
-                                <img src="/{$template_catalog}/template/{$themes}/img/goodsList/search_domain.png"
-                                  alt="">
-                                <p>{{lang.template_text122}}</p>
-                              </div>
-                            </template>
-                          </div>
+                            </div>
+                          </el-checkbox-group>
                         </div>
                       </div>
-                      <div class="domain-right">
-                        <div class="car-top">
-                          <span>
-                            {{lang.template_text123}}
-                          </span>
-                          <span class="clear-car" @click="deleteClearCart()">
-                            <svg t="1750669572885" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                              xmlns="http://www.w3.org/2000/svg" p-id="9781" width="16" height="16">
-                              <path
-                                d="M895.398771 267.822944 671.950695 267.822944 671.950695 100.238145c0-46.261745-37.501958-83.792903-83.790889-83.792903l-167.583792 0c-46.287924 0-83.79391 37.531157-83.79391 83.792903l0 167.584799-223.445056 0c-61.698102 0-111.723535 50.024426-111.723535 111.723535l0 55.860257c0 41.398553 22.522722 77.540227 55.981082 96.841965 0.190299 56.371748-0.120825 280.654522-0.120825 377.979786 3.818059 112.787799 111.723535 111.723535 111.723535 111.723535l307.238966 0 0-0.872958 20.968111 0c2.225187 0.568883 4.557103 0.872958 6.961514 0.872958s4.736326-0.304075 6.961514-0.872958l181.59341 0c2.225187 0.568883 4.557103 0.872958 6.961514 0.872958s4.735319-0.304075 6.960507-0.872958l132.69366 0c0 0 107.902455 1.066278 111.721521-111.532229 0-97.144027-0.310117-320.985791-0.119818-377.298133 33.45836-19.301738 55.983096-55.443412 55.983096-96.842972L1007.1213 379.546479C1007.122306 317.84737 957.096873 267.822944 895.398771 267.822944zM811.604862 965.328556l-83.790889 0L727.813973 742.644695c0-15.43837-12.494276-27.929625-27.930632-27.929625-15.43837 0-27.932646 12.491255-27.932646 27.929625l0 222.683861-139.65316 0L532.297535 742.644695c0-15.43837-12.491255-27.929625-27.930632-27.929625-15.43837 0-27.929625 12.491255-27.929625 27.929625l0 223.44707c0 0-69.151976 0-139.654167 0L336.783111 742.644695c0-15.43837-12.491255-27.929625-27.930632-27.929625-15.43837 0-27.929625 12.491255-27.929625 27.929625l0 223.44707-83.79391 0c-47.459923 0-84.064758-31.259351-83.790889-83.792903 0.351398-71.180823 0.136935-263.033253 0.040275-335.168591l781.981174 0c-0.097667 72.050761-0.311123 263.506483 0.040275 334.540303C895.670627 934.122569 859.066799 965.328556 811.604862 965.328556zM951.260036 435.406736c0 30.849554-25.01171 55.860257-55.860257 55.860257L113.337047 491.266993c-30.849554 0-55.862271-25.01171-55.862271-55.860257L57.474777 379.546479c0-30.849554 25.013724-55.863278 55.862271-55.863278l279.308334 0 0-167.583792c0-46.259732 37.502965-83.792903 83.790889-83.792903l55.860257 0c46.287924 0 83.792903 37.533171 83.792903 83.792903l0 167.583792 279.308334 0c30.849554 0 55.860257 25.013724 55.860257 55.863278L951.258022 435.406736z"
-                                p-id="9782"></path>
-                            </svg>
-                            {{lang.template_text124}}</span>
-                        </div>
-                        <div class="car-box" v-loading="isCarLoading">
-                          <div class="car-no" v-if="carList.length === 0">
-                            {{lang.template_text125}}
-                            <span v-show="carList.length === 0">{{lang.template_text126}}</span>
-                            <span v-if="!isLogin" class="blue-a-text" @click="goLogin"> {{lang.template_text127}}</span>
-                          </div>
-                          <div class="car-list" v-else>
-                            <el-checkbox-group v-model="checkList" @change="handleCheckedCitiesChange">
-                              <div class="car-item" v-for="(item,index) in carList" :key="index">
-                                <div class="caritem-top">
-                                  <div class="car-name">
-                                    <el-checkbox :label="item.positions">
-                                      <span class="shop-name">{{item.config_options.domain}}</span>
-                                    </el-checkbox>
-                                    <div class="car-del" @click="deleteCart(item)">
-                                      <svg t="1750669572885" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                                        xmlns="http://www.w3.org/2000/svg" p-id="9781" width="16" height="16">
-                                        <path
-                                          d="M895.398771 267.822944 671.950695 267.822944 671.950695 100.238145c0-46.261745-37.501958-83.792903-83.790889-83.792903l-167.583792 0c-46.287924 0-83.79391 37.531157-83.79391 83.792903l0 167.584799-223.445056 0c-61.698102 0-111.723535 50.024426-111.723535 111.723535l0 55.860257c0 41.398553 22.522722 77.540227 55.981082 96.841965 0.190299 56.371748-0.120825 280.654522-0.120825 377.979786 3.818059 112.787799 111.723535 111.723535 111.723535 111.723535l307.238966 0 0-0.872958 20.968111 0c2.225187 0.568883 4.557103 0.872958 6.961514 0.872958s4.736326-0.304075 6.961514-0.872958l181.59341 0c2.225187 0.568883 4.557103 0.872958 6.961514 0.872958s4.735319-0.304075 6.960507-0.872958l132.69366 0c0 0 107.902455 1.066278 111.721521-111.532229 0-97.144027-0.310117-320.985791-0.119818-377.298133 33.45836-19.301738 55.983096-55.443412 55.983096-96.842972L1007.1213 379.546479C1007.122306 317.84737 957.096873 267.822944 895.398771 267.822944zM811.604862 965.328556l-83.790889 0L727.813973 742.644695c0-15.43837-12.494276-27.929625-27.930632-27.929625-15.43837 0-27.932646 12.491255-27.932646 27.929625l0 222.683861-139.65316 0L532.297535 742.644695c0-15.43837-12.491255-27.929625-27.930632-27.929625-15.43837 0-27.929625 12.491255-27.929625 27.929625l0 223.44707c0 0-69.151976 0-139.654167 0L336.783111 742.644695c0-15.43837-12.491255-27.929625-27.930632-27.929625-15.43837 0-27.929625 12.491255-27.929625 27.929625l0 223.44707-83.79391 0c-47.459923 0-84.064758-31.259351-83.790889-83.792903 0.351398-71.180823 0.136935-263.033253 0.040275-335.168591l781.981174 0c-0.097667 72.050761-0.311123 263.506483 0.040275 334.540303C895.670627 934.122569 859.066799 965.328556 811.604862 965.328556zM951.260036 435.406736c0 30.849554-25.01171 55.860257-55.860257 55.860257L113.337047 491.266993c-30.849554 0-55.862271-25.01171-55.862271-55.860257L57.474777 379.546479c0-30.849554 25.013724-55.863278 55.862271-55.863278l279.308334 0 0-167.583792c0-46.259732 37.502965-83.792903 83.790889-83.792903l55.860257 0c46.287924 0 83.792903 37.533171 83.792903 83.792903l0 167.583792 279.308334 0c30.849554 0 55.860257 25.013724 55.860257 55.863278L951.258022 435.406736z"
-                                          p-id="9782"></path>
-                                      </svg>
-                                      {{lang.template_text128}}
-                                    </div>
-                                  </div>
-                                  <div class="car-year">
-                                    <el-select v-model="item.selectYear" @change="(val)=>changeCart(val,item)">
-                                      <el-option v-for="items in item.priceArr" :key="items.buyyear"
-                                        :label="items.buyyear + lang.template_text101" :value="items.buyyear">
-                                      </el-option>
-                                    </el-select>
-                                  </div>
-                                </div>
-                                <div class="car-bottom">
-                                  <span>{{lang.template_text87}}：</span>
-                                  <div v-loading="item.priceLoading" class="car-price">
-                                    {{commonData.currency_prefix}}<span
-                                      style="font-size: 0.18rem; margin-right: 0.02rem;">{{priceCalc(item)}} </span>
-                                  </div>
-                                </div>
-                              </div>
-                            </el-checkbox-group>
-                          </div>
-                        </div>
-                        <div class="car-money">
-                          <el-checkbox :indeterminate="isIndeterminate" v-model="isAllCheck"
-                            @change="handleCheckAllChange">{{lang.template_text129}}</el-checkbox>
-                          <div class="mon-right">
-                            <p class="now-price">
-                              {{lang.template_text87}}:
-                              <span class="money-text">{{commonData.currency_prefix}}<span
-                                  style="font-size: 0.24rem;">{{totalMoneyCalc.toFixed(2)}}</span>
-                              </span>
-                            </p>
-                            <p class="original-price" v-if="showOriginal">
-                              <span class="hide">{{lang.template_text87}}:{{commonData.currency_prefix}}</span>
-                              {{originalPrice}}
-                            </p>
-                          </div>
-                        </div>
-                        <div class="car-settle">
-                          <el-button type="primary" class="settle-btn"
-                            @click="goBuyDomain">{{lang.template_text130}}</el-button>
+                      <div class="car-money">
+                        <el-checkbox :indeterminate="isIndeterminate" v-model="isAllCheck"
+                          @change="handleCheckAllChange">{{lang.template_text129}}</el-checkbox>
+                        <div class="mon-right">
+                          <p class="now-price">
+                            {{lang.template_text87}}:
+                            <span class="money-text">{{commonData.currency_prefix}}<span
+                                style="font-size: 0.24rem;">{{totalMoneyCalc.toFixed(2)}}</span>
+                            </span>
+                          </p>
+                          <p class="original-price" v-if="showOriginal">
+                            <span class="hide">{{lang.template_text87}}:{{commonData.currency_prefix}}</span>
+                            {{originalPrice}}
+                          </p>
                         </div>
                       </div>
+                      <div class="car-settle">
+                        <el-button type="primary" class="settle-btn"
+                          @click="goBuyDomain">{{lang.template_text130}}</el-button>
+                      </div>
                     </div>
                   </div>
-                </template>
-              </div>
-              <p v-if="!isDomain && !scrollDisabled && goodsList.length !==0" class="tips">{{lang.goods_loading}}</p>
-              <!-- <p v-if="!isDomain && scrollDisabled && goodsList.length !== 0" class="tips">{{lang.no_more_goods}}</p> -->
+                </div>
+              </template>
             </div>
+            <p v-if="!isDomain && !scrollDisabled && goodsList.length !==0" class="tips">{{lang.goods_loading}}</p>
           </div>
         </el-main>
         <div class="up-dialog">
@@ -437,7 +443,6 @@
                 <input accept="text/plain" type="file" id="upFile" autocomplete="off" tabindex="-1"
                   style="display: none;">
                 <input class="file-name" :placeholder="lang.template_text133" readonly :value="fileName">
-                <!-- 选择文件按钮 -->
                 <div class="file-btn" @click="selectFile">{{lang.template_text134}}</div>
               </div>
             </div>