From f1ba100d56a1deaa9b61e05e5e2c2fcb7e14ad6d Mon Sep 17 00:00:00 2001
From: XingQue <kongxing634@gmail.com>
Date: Thu, 9 Jul 2026 22:58:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BA=97=E9=93=BA=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E9=A1=B5=E6=96=B0=E5=A2=9E=E5=A4=8D=E5=88=B6=E5=BA=97=E9=93=BA?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在店铺详情中支持填写源/目标用户ID并选择覆盖或补充模式调用新接口。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/views/shop/List.vue | 94 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 93 insertions(+), 1 deletion(-)

diff --git a/src/views/shop/List.vue b/src/views/shop/List.vue
index 08b9a6b..800f8d0 100644
--- a/src/views/shop/List.vue
+++ b/src/views/shop/List.vue
@@ -152,6 +152,7 @@
 
         <div class="detail-actions">
           <el-button v-if="!isEditing" type="warning" @click="enterEdit">编辑</el-button>
+          <el-button v-if="!isEditing" type="success" plain @click="openCopyCatalogDialog">复制店铺商品</el-button>
           <template v-else>
             <el-button type="primary" @click="saveDetail">保存</el-button>
             <el-button @click="cancelEdit">取消</el-button>
@@ -227,6 +228,35 @@
       </template>
     </el-dialog>
 
+    <!-- 复制店铺商品弹窗 -->
+    <el-dialog v-model="copyCatalogVisible" title="复制店铺商品" width="560px" destroy-on-close>
+      <el-alert
+        type="info"
+        :closable="false"
+        show-icon
+        style="margin-bottom: 16px"
+        title="将源店铺的商品类型、专区、商品完整复制到目标店铺；图片会在存储中独立复制，互不影响。"
+      />
+      <el-form :model="copyCatalogForm" label-width="140px">
+        <el-form-item label="源店铺用户ID" required>
+          <el-input v-model="copyCatalogForm.source_user_uid" placeholder="被复制店铺的小程序用户ID" maxlength="7" />
+        </el-form-item>
+        <el-form-item label="目标店铺用户ID" required>
+          <el-input v-model="copyCatalogForm.target_user_uid" placeholder="接收复制的小程序用户ID" maxlength="7" />
+        </el-form-item>
+        <el-form-item label="复制模式" required>
+          <el-radio-group v-model="copyCatalogForm.copy_mode">
+            <el-radio value="append">补充（保留目标店原有，追加复制）</el-radio>
+            <el-radio value="replace">全部覆盖（清空目标店后复制）</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="copyCatalogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="copyCatalogLoading" @click="submitCopyCatalog">开始复制</el-button>
+      </template>
+    </el-dialog>
+
     <!-- 运营数据弹窗（内嵌子组件） -->
     <el-dialog v-model="operationVisible" title="店铺运营数据" width="80%" top="5vh" destroy-on-close>
       <ShopOperationData v-if="operationDianpuId" :dianpu-id="operationDianpuId" />
@@ -236,7 +266,7 @@
 
 <script setup>
 import { ref, reactive, onMounted, computed } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { Shop } from '@element-plus/icons-vue'
 import request from '@/utils/request'
 import ShopOperationData from './components/ShopOperationData.vue'  // 引入子组件
@@ -500,6 +530,68 @@ const saveDefaultConfig = async () => {
   }
 }
 
+// ==================== 复制店铺商品 ====================
+const copyCatalogVisible = ref(false)
+const copyCatalogLoading = ref(false)
+const copyCatalogForm = reactive({
+  source_user_uid: '',
+  target_user_uid: '',
+  copy_mode: 'append',
+})
+
+const openCopyCatalogDialog = () => {
+  const form = detailForm.value
+  copyCatalogForm.source_user_uid = form?.pingzheng__yonghu ? String(form.pingzheng__yonghu) : ''
+  copyCatalogForm.target_user_uid = ''
+  copyCatalogForm.copy_mode = 'append'
+  copyCatalogVisible.value = true
+}
+
+const submitCopyCatalog = async () => {
+  const sourceUid = copyCatalogForm.source_user_uid.trim()
+  const targetUid = copyCatalogForm.target_user_uid.trim()
+  if (!sourceUid || !targetUid) {
+    ElMessage.warning('请填写源店铺与目标店铺的用户ID')
+    return
+  }
+  if (sourceUid === targetUid) {
+    ElMessage.warning('源店铺与目标店铺不能相同')
+    return
+  }
+
+  if (copyCatalogForm.copy_mode === 'replace') {
+    try {
+      await ElMessageBox.confirm(
+        '全部覆盖将清空目标店铺现有的商品类型、专区和商品（含图片），此操作不可撤销，是否继续？',
+        '危险操作确认',
+        { type: 'warning', confirmButtonText: '确认覆盖', cancelButtonText: '取消' }
+      )
+    } catch {
+      return
+    }
+  }
+
+  copyCatalogLoading.value = true
+  try {
+    const res = await request.post('/houtai/htfzdpspsj', {
+      username: localStorage.getItem('username') || '',
+      source_user_uid: sourceUid,
+      target_user_uid: targetUid,
+      copy_mode: copyCatalogForm.copy_mode,
+    })
+    if (res.code === 0 || res.code === 200) {
+      ElMessage.success(res.msg || '复制成功')
+      copyCatalogVisible.value = false
+    } else {
+      ElMessage.error(res.msg || '复制失败')
+    }
+  } catch (error) {
+    ElMessage.error('请求异常')
+  } finally {
+    copyCatalogLoading.value = false
+  }
+}
+
 // ==================== 运营数据弹窗 ====================
 const operationVisible = ref(false)
 const operationDianpuId = ref(null)