1

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

@@ -39,10 +39,10 @@
               :key="index"
               class="config-item"
             >
-              <div class="item-header">
+              <el-form-item label="分销标识" style="margin-bottom: 10px;">
                 <el-input
                   v-model="item.distributionMark"
-                  placeholder="分销标识（如：F、PDD、H-TF）"
+                  placeholder="请输入分销标识（如：F、PDD、H-TF）"
                   size="small"
                   style="width: 200px;"
                   @blur="handleDistributionMarkChange(item, index)"
@@ -56,19 +56,22 @@
                 >
                   删除
                 </el-button>
-              </div>
+              </el-form-item>
-              <div class="item-content">
+              <el-form-item label="接收人列表" style="margin-bottom: 8px;">
                 <el-input
                   v-model="item.touser"
-                  placeholder="接收人列表，多个用逗号分隔（如：abc,bcd,efg）"
+                  placeholder="请输入接收人列表，多个用逗号分隔（如：abc,bcd,efg）"
                   size="small"
-                  style="margin-top: 8px;"
                 />
                 <div class="item-hint">
                   <i class="el-icon-info"></i>
+                  配置说明：当订单的分销标识为"{{ item.distributionMark || '分销标识' }}"时，将发送给这些接收人
+                </div>
+                <div class="item-hint" style="margin-top: 4px;">
+                  <i class="el-icon-key"></i>
                   配置键名：logistics.push.touser.{{ item.distributionMark || '分销标识' }}
                 </div>
-              </div>
+              </el-form-item>
             </div>
 
             <div v-if="configList.length === 0" class="empty-state">
@@ -103,11 +106,11 @@
           <div class="help-content">
             <div class="help-item">
               <i class="el-icon-check"></i>
-              <span>分销标识必须与订单中的分销标识完全匹配</span>
+              <span><strong>分销标识</strong>：必须与订单中的分销标识完全匹配（区分大小写）</span>
             </div>
             <div class="help-item">
               <i class="el-icon-check"></i>
-              <span>接收人列表用逗号分隔，例如：abc,bcd,efg</span>
+              <span><strong>接收人列表</strong>：企业微信用户ID，多个用逗号分隔，例如：abc,bcd,efg</span>
             </div>
             <div class="help-item">
               <i class="el-icon-check"></i>
@@ -115,7 +118,7 @@
             </div>
             <div class="help-item">
               <i class="el-icon-check"></i>
-              <span>推送时会根据订单的分销标识自动匹配接收人</span>
+              <span>推送时会根据订单的分销标识自动匹配对应的接收人列表</span>
             </div>
           </div>
         </div>