From a12a17df214116f0f0e66ff0b6c52d676b2634dc Mon Sep 17 00:00:00 2001
From: Leo <leo@qi-cloud.com>
Date: Tue, 2 Dec 2025 01:45:22 +0800
Subject: [PATCH] 1

---
 .../DistributionMarkTouserConfig.vue          | 650 ++++++++++++++++++
 src/views/system/jdorder/orderList.vue        |  14 +-
 2 files changed, 663 insertions(+), 1 deletion(-)
 create mode 100644 src/views/system/jdorder/components/DistributionMarkTouserConfig.vue

diff --git a/src/views/system/jdorder/components/DistributionMarkTouserConfig.vue b/src/views/system/jdorder/components/DistributionMarkTouserConfig.vue
new file mode 100644
index 0000000..57ddfc4
--- /dev/null
+++ b/src/views/system/jdorder/components/DistributionMarkTouserConfig.vue
@@ -0,0 +1,650 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    width="900px"
+    :close-on-click-modal="false"
+    @close="handleClose"
+    top="5vh"
+  >
+    <!-- 自定义标题 -->
+    <div slot="title" class="dialog-title">
+      <i class="el-icon-user"></i>
+      <span>分销标识接收人配置</span>
+      <el-tag v-if="hasConfigured" type="success" size="mini" style="margin-left: 10px;">
+        <i class="el-icon-success"></i> 已配置 {{ configuredCount }} 项
+      </el-tag>
+    </div>
+
+    <div class="config-container">
+      <!-- 左侧：配置表单 -->
+      <div class="config-left">
+        <div class="config-section">
+          <div class="section-header">
+            <i class="el-icon-setting"></i>
+            <span>分销标识接收人映射</span>
+            <el-button
+              type="text"
+              size="mini"
+              icon="el-icon-plus"
+              @click="handleAddConfig"
+              style="margin-left: auto;"
+            >
+              添加配置
+            </el-button>
+          </div>
+
+          <div class="config-list">
+            <div
+              v-for="(item, index) in configList"
+              :key="index"
+              class="config-item"
+            >
+              <div class="item-header">
+                <el-input
+                  v-model="item.distributionMark"
+                  placeholder="分销标识（如：F、PDD、H-TF）"
+                  size="small"
+                  style="width: 200px;"
+                  @blur="handleDistributionMarkChange(item, index)"
+                />
+                <el-button
+                  type="danger"
+                  size="mini"
+                  icon="el-icon-delete"
+                  @click="handleRemoveConfig(index)"
+                  style="margin-left: 10px;"
+                >
+                  删除
+                </el-button>
+              </div>
+              <div class="item-content">
+                <el-input
+                  v-model="item.touser"
+                  placeholder="接收人列表，多个用逗号分隔（如：abc,bcd,efg）"
+                  size="small"
+                  style="margin-top: 8px;"
+                />
+                <div class="item-hint">
+                  <i class="el-icon-info"></i>
+                  配置键名：logistics.push.touser.{{ item.distributionMark || '分销标识' }}
+                </div>
+              </div>
+            </div>
+
+            <div v-if="configList.length === 0" class="empty-state">
+              <i class="el-icon-document-add"></i>
+              <p>暂无配置，点击"添加配置"开始设置</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 右侧：状态信息 -->
+      <div class="config-right">
+        <!-- 配置状态提示 -->
+        <div class="status-card">
+          <div class="status-icon" :class="hasConfigured ? 'success' : 'warning'">
+            <i :class="hasConfigured ? 'el-icon-success' : 'el-icon-warning'"></i>
+          </div>
+          <div class="status-text">
+            <div class="status-title">{{ hasConfigured ? '配置完成' : '配置未完成' }}</div>
+            <div class="status-desc">
+              {{ hasConfigured ? `已配置 ${configuredCount} 个分销标识的接收人` : '请至少配置一个分销标识的接收人' }}
+            </div>
+          </div>
+        </div>
+
+        <!-- 快速帮助 -->
+        <div class="help-card">
+          <div class="card-header">
+            <i class="el-icon-question"></i>
+            <span>配置说明</span>
+          </div>
+          <div class="help-content">
+            <div class="help-item">
+              <i class="el-icon-check"></i>
+              <span>分销标识必须与订单中的分销标识完全匹配</span>
+            </div>
+            <div class="help-item">
+              <i class="el-icon-check"></i>
+              <span>接收人列表用逗号分隔，例如：abc,bcd,efg</span>
+            </div>
+            <div class="help-item">
+              <i class="el-icon-check"></i>
+              <span>配置会自动保存到系统配置表中</span>
+            </div>
+            <div class="help-item">
+              <i class="el-icon-check"></i>
+              <span>推送时会根据订单的分销标识自动匹配接收人</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 常见分销标识 -->
+        <div class="help-card">
+          <div class="card-header">
+            <i class="el-icon-collection-tag"></i>
+            <span>常见分销标识</span>
+          </div>
+          <div class="help-content">
+            <div class="tag-list">
+              <el-tag
+                v-for="mark in commonDistributionMarks"
+                :key="mark"
+                size="small"
+                @click="handleQuickAdd(mark)"
+                style="cursor: pointer; margin: 4px;"
+              >
+                {{ mark }}
+              </el-tag>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 操作按钮 -->
+    <div slot="footer" class="footer-buttons">
+      <div class="footer-left">
+        <el-button @click="handleLoadFromOrders" :loading="loadLoading" icon="el-icon-refresh" size="small">
+          从订单加载分销标识
+        </el-button>
+      </div>
+      <div class="footer-right">
+        <el-button @click="handleClose" size="small">取消</el-button>
+        <el-button type="primary" @click="handleSave" :loading="saveLoading" size="small">
+          <i class="el-icon-check"></i> 保存配置
+        </el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { listConfig, getConfigKey, addConfig, updateConfig } from '@/api/system/config'
+import { listJDOrders } from '@/api/system/jdorder'
+
+export default {
+  name: 'DistributionMarkTouserConfig',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      configList: [],
+      saveLoading: false,
+      loadLoading: false,
+      commonDistributionMarks: ['F', 'PDD', 'H-TF', 'H', 'TF'],
+      configKeyPrefix: 'logistics.push.touser.'
+    }
+  },
+  computed: {
+    hasConfigured() {
+      return this.configList.some(item => 
+        item.distributionMark && item.touser && item.distributionMark.trim() && item.touser.trim()
+      )
+    },
+    configuredCount() {
+      return this.configList.filter(item => 
+        item.distributionMark && item.touser && item.distributionMark.trim() && item.touser.trim()
+      ).length
+    }
+  },
+  watch: {
+    value(val) {
+      this.visible = val
+      if (val) {
+        this.loadConfig()
+      }
+    },
+    visible(val) {
+      this.$emit('input', val)
+    }
+  },
+  methods: {
+    /** 加载当前配置 */
+    async loadConfig() {
+      try {
+        // 先尝试从系统配置中加载已有的配置
+        // 由于我们不知道有哪些分销标识，先加载所有以 logistics.push.touser. 开头的配置
+        const res = await listConfig({
+          configKey: 'logistics.push.touser.',
+          pageNum: 1,
+          pageSize: 100
+        })
+
+        if (res.code === 200 && res.rows && res.rows.length > 0) {
+          this.configList = res.rows
+            .filter(item => item.configKey && item.configKey.startsWith(this.configKeyPrefix))
+            .map(item => {
+              const distributionMark = item.configKey.replace(this.configKeyPrefix, '')
+              return {
+                distributionMark: distributionMark,
+                touser: item.configValue || '',
+                configId: item.configId,
+                configKey: item.configKey,
+                configName: item.configName
+              }
+            })
+        }
+
+        // 如果没有配置，至少添加一个空项
+        if (this.configList.length === 0) {
+          this.configList.push({
+            distributionMark: '',
+            touser: '',
+            configId: null,
+            configKey: '',
+            configName: ''
+          })
+        }
+      } catch (e) {
+        console.error('加载配置失败：', e)
+        // 即使加载失败，也至少添加一个空项
+        if (this.configList.length === 0) {
+          this.configList.push({
+            distributionMark: '',
+            touser: '',
+            configId: null,
+            configKey: '',
+            configName: ''
+          })
+        }
+      }
+    },
+
+    /** 从订单中加载分销标识 */
+    async handleLoadFromOrders() {
+      this.loadLoading = true
+      try {
+        const res = await listJDOrders({
+          pageNum: 1,
+          pageSize: 1000
+        })
+
+        if (res.code === 200 && res.rows) {
+          // 提取所有不重复的分销标识
+          const distributionMarks = [...new Set(
+            res.rows
+              .map(order => order.distributionMark)
+              .filter(mark => mark && mark.trim())
+          )].sort()
+
+          // 为每个分销标识添加配置项（如果不存在）
+          distributionMarks.forEach(mark => {
+            const exists = this.configList.some(item => item.distributionMark === mark)
+            if (!exists) {
+              this.configList.push({
+                distributionMark: mark,
+                touser: '',
+                configId: null,
+                configKey: this.configKeyPrefix + mark,
+                configName: `${mark}分销标识接收人`
+              })
+            }
+          })
+
+          this.$message.success(`已加载 ${distributionMarks.length} 个分销标识`)
+        }
+      } catch (e) {
+        this.$message.error('加载分销标识失败：' + (e.message || '未知错误'))
+      } finally {
+        this.loadLoading = false
+      }
+    },
+
+    /** 快速添加分销标识 */
+    handleQuickAdd(mark) {
+      const exists = this.configList.some(item => item.distributionMark === mark)
+      if (!exists) {
+        this.configList.push({
+          distributionMark: mark,
+          touser: '',
+          configId: null,
+          configKey: this.configKeyPrefix + mark,
+          configName: `${mark}分销标识接收人`
+        })
+        this.$message.success(`已添加分销标识：${mark}`)
+      } else {
+        this.$message.info(`分销标识 ${mark} 已存在`)
+      }
+    },
+
+    /** 添加配置项 */
+    handleAddConfig() {
+      this.configList.push({
+        distributionMark: '',
+        touser: '',
+        configId: null,
+        configKey: '',
+        configName: ''
+      })
+    },
+
+    /** 删除配置项 */
+    handleRemoveConfig(index) {
+      this.configList.splice(index, 1)
+      // 如果删除后列表为空，至少保留一个空项
+      if (this.configList.length === 0) {
+        this.handleAddConfig()
+      }
+    },
+
+    /** 分销标识变化时更新配置键名 */
+    handleDistributionMarkChange(item, index) {
+      if (item.distributionMark && item.distributionMark.trim()) {
+        item.configKey = this.configKeyPrefix + item.distributionMark.trim()
+        item.configName = `${item.distributionMark.trim()}分销标识接收人`
+      } else {
+        item.configKey = ''
+        item.configName = ''
+      }
+    },
+
+    /** 保存配置 */
+    async handleSave() {
+      // 验证配置
+      const validConfigs = this.configList.filter(item => 
+        item.distributionMark && item.distributionMark.trim() && 
+        item.touser && item.touser.trim()
+      )
+
+      if (validConfigs.length === 0) {
+        this.$message.warning('请至少配置一个有效的分销标识和接收人')
+        return
+      }
+
+      // 检查是否有重复的分销标识
+      const marks = validConfigs.map(item => item.distributionMark.trim())
+      const uniqueMarks = [...new Set(marks)]
+      if (marks.length !== uniqueMarks.length) {
+        this.$message.warning('存在重复的分销标识，请检查')
+        return
+      }
+
+      this.saveLoading = true
+      try {
+        // 保存每个配置项
+        const savePromises = validConfigs.map(async (item) => {
+          const configData = {
+            configKey: this.configKeyPrefix + item.distributionMark.trim(),
+            configName: `${item.distributionMark.trim()}分销标识接收人`,
+            configValue: item.touser.trim(),
+            configType: 'N',
+            remark: `分销标识 ${item.distributionMark.trim()} 对应的企业微信接收人列表`
+          }
+
+          if (item.configId) {
+            // 更新现有配置
+            configData.configId = item.configId
+            return updateConfig(configData)
+          } else {
+            // 新增配置
+            return addConfig(configData)
+          }
+        })
+
+        await Promise.all(savePromises)
+        this.$message.success(`配置保存成功！共保存 ${validConfigs.length} 项配置`)
+        
+        // 重新加载配置
+        await this.loadConfig()
+        this.$emit('config-updated')
+      } catch (e) {
+        this.$message.error('保存失败：' + (e.message || '未知错误'))
+      } finally {
+        this.saveLoading = false
+      }
+    },
+
+    /** 关闭对话框 */
+    handleClose() {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 标题样式 */
+.dialog-title {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.dialog-title i {
+  margin-right: 8px;
+  font-size: 18px;
+}
+
+/* 容器布局 */
+.config-container {
+  display: flex;
+  gap: 20px;
+  min-height: 400px;
+}
+
+.config-left {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+.config-right {
+  width: 300px;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+/* 配置区块 */
+.config-section {
+  background: #f5f7fa;
+  border-radius: 6px;
+  padding: 15px;
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 500;
+  color: #303133;
+  margin-bottom: 12px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e4e7ed;
+}
+
+.section-header i {
+  margin-right: 6px;
+  font-size: 16px;
+  color: #409eff;
+}
+
+/* 配置列表 */
+.config-list {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  max-height: 500px;
+  overflow-y: auto;
+}
+
+.config-item {
+  background: white;
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  padding: 12px;
+}
+
+.item-header {
+  display: flex;
+  align-items: center;
+}
+
+.item-content {
+  margin-top: 8px;
+}
+
+.item-hint {
+  font-size: 12px;
+  color: #909399;
+  margin-top: 6px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.item-hint i {
+  color: #409eff;
+}
+
+.empty-state {
+  text-align: center;
+  padding: 40px 20px;
+  color: #909399;
+}
+
+.empty-state i {
+  font-size: 48px;
+  margin-bottom: 10px;
+  display: block;
+}
+
+/* 状态卡片 */
+.status-card {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 8px;
+  padding: 20px;
+  color: white;
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  box-shadow: 0 2px 12px rgba(102, 126, 234, 0.3);
+}
+
+.status-card.warning {
+  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+}
+
+.status-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  flex-shrink: 0;
+}
+
+.status-icon.success {
+  background: rgba(103, 194, 58, 0.2);
+}
+
+.status-icon.warning {
+  background: rgba(230, 162, 60, 0.2);
+}
+
+.status-text {
+  flex: 1;
+}
+
+.status-title {
+  font-size: 16px;
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+
+.status-desc {
+  font-size: 12px;
+  opacity: 0.9;
+  line-height: 1.5;
+}
+
+/* 帮助卡片 */
+.help-card {
+  background: white;
+  border: 1px solid #e4e7ed;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.card-header {
+  background: #f5f7fa;
+  padding: 12px 15px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #303133;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+.card-header i {
+  margin-right: 6px;
+  color: #409eff;
+}
+
+.help-content {
+  padding: 15px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.help-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  font-size: 13px;
+  color: #606266;
+  line-height: 1.6;
+}
+
+.help-item i {
+  color: #67c23a;
+  margin-top: 2px;
+  flex-shrink: 0;
+}
+
+.tag-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+/* 底部按钮 */
+.footer-buttons {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 10px;
+}
+
+.footer-left,
+.footer-right {
+  display: flex;
+  gap: 8px;
+}
+
+/* 响应式调整 */
+@media (max-width: 768px) {
+  .config-container {
+    flex-direction: column;
+  }
+  
+  .config-right {
+    width: 100%;
+  }
+}
+</style>
+
diff --git a/src/views/system/jdorder/orderList.vue b/src/views/system/jdorder/orderList.vue
index 2ead6dc..12e0276 100644
--- a/src/views/system/jdorder/orderList.vue
+++ b/src/views/system/jdorder/orderList.vue
@@ -64,6 +64,7 @@
             <el-button type="warning" size="small" icon="el-icon-download" @click="handleExport" v-hasPermi="['system:jdorder:export']">导出</el-button>
             <el-button type="success" size="small" icon="el-icon-setting" @click="showAutoWriteConfig = true" title="配置H-TF订单自动写入腾讯文档">腾峰文档配置</el-button>
             <el-button type="info" size="small" icon="el-icon-monitor" @click="showPushMonitor = true" title="查看推送监控和历史记录">推送监控</el-button>
+            <el-button type="warning" size="small" icon="el-icon-user" @click="showTouserConfig = true" title="配置分销标识对应的企业微信接收人">接收人配置</el-button>
             <el-button type="primary" size="small" icon="el-icon-refresh-right" @click="handleBatchSyncLogistics" :loading="batchSyncLoading" title="批量同步物流链接到腾讯文档">
               <i v-if="!batchSyncLoading"></i>
               一键发货到腾峰
@@ -440,6 +441,9 @@
 
     <!-- 腾讯文档推送监控 -->
     <tencent-doc-push-monitor v-model="showPushMonitor" />
+
+    <!-- 分销标识接收人配置 -->
+    <distribution-mark-touser-config v-model="showTouserConfig" @config-updated="handleTouserConfigUpdated" />
   </div>
 </template>
 
@@ -449,13 +453,15 @@ import { fillLogisticsByOrderNo, getTokenStatus, getTencentDocAuthUrl, testUserI
 import ListLayout from '@/components/ListLayout'
 import TencentDocAutoWriteConfig from './components/TencentDocAutoWriteConfig'
 import TencentDocPushMonitor from './components/TencentDocPushMonitor'
+import DistributionMarkTouserConfig from './components/DistributionMarkTouserConfig'
 
 export default {
   name: 'JDOrderList',
   components: {
     ListLayout,
     TencentDocAutoWriteConfig,
-    TencentDocPushMonitor
+    TencentDocPushMonitor,
+    DistributionMarkTouserConfig
   },
   data() {
     return {
@@ -499,6 +505,7 @@ export default {
       // H-TF订单自动写入配置
       showAutoWriteConfig: false,
       showPushMonitor: false,
+      showTouserConfig: false,
       // 批量同步loading状态
       batchSyncLoading: false,
       // 批量标记后返到账loading状态
@@ -1165,6 +1172,11 @@ export default {
       this.$message.success('H-TF订单自动写入配置已更新')
     },
 
+    /** 分销标识接收人配置更新后的回调 */
+    handleTouserConfigUpdated() {
+      this.$message.success('分销标识接收人配置已更新')
+    },
+
     /** 批量标记后返到账（赔付金额>0的订单） */
     async handleBatchMarkRebateReceived() {
       try {