style(project): adjust product schedule drawer spacing

apps/web-antd/src/views/product/schedule/components/ScheduleRuleCard.vue

@@ -38,8 +38,6 @@ const moreProductCount = computed(() =>
   Math.max(0, props.productNames.length - visibleProducts.value.length),
 );
 
-const noProducts = computed(() => props.productNames.length === 0);
-
 function isWeekDayActive(day: number) {
   return props.item.weekDays.includes(day);
 }
@@ -95,7 +93,9 @@ function isWeekDayActive(day: number) {
       <span v-if="moreProductCount > 0" class="ptm-prod-pill ptm-prod-more">
         +{{ moreProductCount }}更多
       </span>
-      <span v-if="noProducts" class="ptm-prod-pill">未关联商品</span>
+      <span v-if="productNames.length === 0" class="ptm-prod-pill">
+        未关联商品
+      </span>
     </div>
 
     <div class="ptm-card-ft">

apps/web-antd/src/views/product/schedule/styles/drawer.less

@@ -1,16 +1,24 @@
 .ptm-editor-drawer {
+  .g-drawer-bd {
+    padding: 24px 24px 20px;
+  }
+
   .g-drawer-close .iconify {
     width: 16px;
     height: 16px;
   }
 
   .g-form-group {
-    margin-bottom: 16px;
+    margin-bottom: 20px;
+  }
+
+  .g-form-group:last-child {
+    margin-bottom: 0;
   }
 
   .g-form-label {
     display: inline-flex;
-    margin-bottom: 8px;
+    margin-bottom: 10px;
     font-size: 13px;
     font-weight: 500;
     color: #1a1a2e;
@@ -23,8 +31,9 @@
   }
 
   .g-hint {
-    margin-top: 6px;
+    margin-top: 8px;
     font-size: 12px;
+    line-height: 1.5;
     color: #9ca3af;
   }
 
@@ -129,7 +138,7 @@
 
   .ptm-fg-row {
     display: flex;
-    gap: 10px;
+    gap: 12px;
     align-items: center;
   }
 
@@ -138,23 +147,24 @@
   }
 
   .ptm-fg-sep {
-    font-size: 14px;
+    font-size: 15px;
     color: #9ca3af;
   }
 
   .ptm-day-sel {
     display: flex;
     flex-wrap: wrap;
-    gap: 6px;
+    gap: 8px;
-    margin-bottom: 8px;
+    margin-bottom: 10px;
   }
 
   .ptm-day {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 42px;
+    min-width: 42px;
-    height: 28px;
+    height: 30px;
+    padding: 0 6px;
     font-size: 12px;
     color: #9ca3af;
     cursor: pointer;
@@ -172,7 +182,8 @@
 
   .ptm-day-quick {
     display: flex;
-    gap: 6px;
+    gap: 8px;
+    margin-top: 2px;
   }
 
   .ptm-prod-search .g-input {
@@ -182,8 +193,8 @@
   .ptm-prod-selected {
     display: flex;
     flex-wrap: wrap;
-    gap: 6px;
+    gap: 8px;
-    margin-top: 10px;
+    margin-top: 12px;
   }
 
   .ptm-prod-chip {
@@ -232,6 +243,7 @@
     display: flex;
     gap: 10px;
     align-items: center;
+    margin-top: 2px;
   }
 }