feat: 店铺管理页新增复制店铺商品功能
在店铺详情中支持填写源/目标用户ID并选择覆盖或补充模式调用新接口。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user