cloud-business 0.1.129-6 → 0.1.130-1

package/cloud-business.css

@@ -4324,13 +4324,14 @@ body {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.45);
   width: 100%;
+  margin-bottom: 16px;
 }
 .grid-area-new .customer-order-area-new .order-table-title .table-column1,
 .grid-area-new .customer-order-area-new .order-table-title .table-column2,
 .grid-area-new .customer-order-area-new .order-table-title .table-column5 {
   height: 44px;
   line-height: 20px;
-  padding: 12px 12px 12px 0;
+  padding: 12px 0;
   box-sizing: border-box;
   background: #FAFAFA;
   border-bottom: 1px solid #E8E8E8;
@@ -4342,18 +4343,28 @@ body {
 .grid-area-new .customer-order-area-new .order-table-body {
   width: 100%;
   display: flex;
+  gap: 16px;
   flex-direction: column;
   height: calc(100% - 44px);
   box-sizing: border-box;
   overflow-y: auto;
   overflow-x: hidden;
 }
+.grid-area-new .customer-order-area-new .order-table-body .order-total-amount {
+  height: 39px;
+  line-height: 39px;
+  background: #FAFAFA;
+  border-left: 1px solid #E8E8E8;
+  border-right: 1px solid #E8E8E8;
+  border-bottom: 1px solid #E8E8E8;
+  padding-left: 12px;
+}
 .grid-area-new .customer-order-area-new .order-table-body .order-temp-tip-width {
-  width: calc(100% - 60px);
+  width: -moz-fit-content;
+  width: fit-content;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-info {
   width: 100%;
-  margin-top: 13px;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title {
   width: 100%;
@@ -4365,6 +4376,29 @@ body {
   border-top: 1px solid #E8E8E8;
   border-left: 1px solid #E8E8E8;
   border-right: 1px solid #E8E8E8;
+  border-bottom: 1px solid #E8E8E8;
+  gap: 20px;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-no-shop {
+  background: white;
+  border-top: none;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-no-shop.order-title-has-children {
+  background: #FAFAFA;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-no-shop.order-title-has-children .order-special::after {
+  top: 30px;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-has-children {
+  background: #FAFAFA;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-has-children .order-special::before,
+.grid-area-new .customer-order-area-new .order-table-body .order-title.order-title-has-children .order-special::after {
+  display: block;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title.hide-angle .order-special::before,
+.grid-area-new .customer-order-area-new .order-table-body .order-title.hide-angle .order-special::after {
+  display: none;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-shop,
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other,
@@ -4390,13 +4424,10 @@ body {
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-shop .customer-view-icon-svg {
   margin-right: 4px;
 }
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-other,
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-time {
-  margin-left: 30px;
-}
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other span:nth-child(1),
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-time span:nth-child(1) {
   color: rgba(0, 0, 0, 0.65);
+  white-space: nowrap;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .copy-order-id,
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-time .copy-order-id {
@@ -4407,21 +4438,46 @@ body {
   width: 180px;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-special {
-  width: 330px !important;
+  position: relative;
+  max-width: 330px !important;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title .order-special::before {
+  display: none;
+  content: '';
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: #FAFAFA;
+  left: 50px;
+  transform: rotate(45deg);
+  top: 23px;
+  border: 1px solid #E8E8E8;
+}
+.grid-area-new .customer-order-area-new .order-table-body .order-title .order-special:after {
+  display: none;
+  content: '';
+  position: absolute;
+  width: 20px;
+  height: 10px;
+  background: #FAFAFA;
+  top: 29px;
+  left: 45px;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-common-width-0 {
-  width: calc((100% - 180px - 180px - 330px - 120px) / 2);
+  max-width: calc((100% - 180px - 180px - 330px - 120px) / 2);
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-common-width-1-1 {
-  width: calc((100% - 180px - 180px - 180px - 330px - 150px) / 2);
+  max-width: calc((100% - 180px - 180px - 180px - 330px - 150px - 20px * 5 + 200px) / 2);
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-common-width-1-2 {
-  width: calc((100% - 180px - 180px - 330px - 150px) / 3);
+  max-width: calc((100% - 180px - 180px - 330px - 150px - 20px * 5 + 200px) / 3);
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-common-width-2 {
-  width: calc((100% - 180px - 180px - 180px - 330px - 180px) / 3);
+  max-width: calc((100% - 180px - 180px - 180px - 330px - 180px - 20px * 5 + 300px) / 3);
 }
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-shop {
+.grid-area-new .customer-order-area-new .order-table-body .order-title .order-shop .order-shop-name {
+  width: calc(100% - 20px);
+  display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -4432,12 +4488,6 @@ body {
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other span {
   display: inline-block;
 }
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .copy-order-id {
-  width: calc(100% - 60px);
-}
-.grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .order-other-status {
-  width: calc(100% - 70px);
-}
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .copy-order-id,
 .grid-area-new .customer-order-area-new .order-table-body .order-title .order-other .order-other-status {
   display: inline-block;
@@ -4544,7 +4594,7 @@ body {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
-  -webkit-line-clamp: 2;
+  -webkit-line-clamp: 3;
   overflow: hidden;
 }
 .grid-area-new .customer-order-area-new .order-table-body .order-content .product-name a:hover {
@@ -4603,9 +4653,6 @@ body {
 .grid-area-new .customer-order-area-new .order-table-body .order-content .order-content-4 p:nth-child(1) {
   color: #FD830A;
 }
-.grid-area-new .customer-order-area-new .order-extend-1 {
-  width: calc(100% + 14.5%) !important;
-}
 .grid-area-new .customer-order-area-new .order-extend-1 .table-column1 {
   width: 28% !important;
 }
@@ -4627,9 +4674,6 @@ body {
 .grid-area-new .customer-order-area-new .order-extend-1 .order-content-4 {
   width: 21.6% !important;
 }
-.grid-area-new .customer-order-area-new .order-extend-2 {
-  width: calc(100% + 14.5% + 14.5%) !important;
-}
 .grid-area-new .customer-order-area-new .order-extend-2 .table-column1 {
   width: 24.9% !important;
 }
@@ -4651,9 +4695,6 @@ body {
 .grid-area-new .customer-order-area-new .order-extend-2 .order-content-4 {
   width: 19.1% !important;
 }
-.grid-area-new .customer-order-area-new .order-extend-3 {
-  width: calc(100% + 14.5% + 14.5% + 14.5%) !important;
-}
 .grid-area-new .customer-order-area-new .order-extend-3 .table-column1 {
   width: 22.2% !important;
 }