1

src/views/system/jdorder/components/DistributionMarkTouserConfig.vue

@@ -39,7 +39,9 @@
               :key="`config-${item.configId || item.configKey || index}-${index}`"
               class="config-item"
             >
-              <el-form-item label="分销标识" style="margin-bottom: 10px;">
+              <div class="form-field">
+                <label class="field-label">分销标识</label>
+                <div class="field-content">
                   <el-input
                     v-model="item.distributionMark"
                     placeholder="请输入分销标识（如：F、PDD、H-TF）"
@@ -56,8 +58,11 @@
                   >
                     删除
                   </el-button>
-              </el-form-item>
+                </div>
-              <el-form-item label="接收人列表" style="margin-bottom: 8px;">
+              </div>
+              <div class="form-field">
+                <label class="field-label">接收人列表</label>
+                <div class="field-content">
                   <el-input
                     v-model="item.touser"
                     placeholder="请输入接收人列表，多个用逗号分隔（如：abc,bcd,efg）"
@@ -71,7 +76,8 @@
                     <i class="el-icon-key"></i>
                     配置键名：logistics.push.touser.{{ item.distributionMark || '分销标识' }}
                   </div>
-              </el-form-item>
+                </div>
+              </div>
             </div>
 
             <div v-if="configList.length === 0" class="empty-state">
@@ -535,6 +541,28 @@ export default {
   padding: 12px;
 }
 
+.form-field {
+  margin-bottom: 18px;
+}
+
+.form-field:last-child {
+  margin-bottom: 0;
+}
+
+.field-label {
+  display: block;
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.5;
+  padding-bottom: 8px;
+  font-weight: normal;
+}
+
+.field-content {
+  display: block;
+  width: 100%;
+}
+
 .item-header {
   display: flex;
   align-items: center;