feat: 店铺管理页新增复制店铺商品功能

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

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
XingQue
2026-07-09 22:58:57 +08:00
parent 5eae3507b0
commit f1ba100d56

View File

@@ -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)