diff --git a/src/api/product.js b/src/api/product.js
index 9578421..2e8723d 100644
--- a/src/api/product.js
+++ b/src/api/product.js
@@ -65,3 +65,30 @@ export function uploadProductImage(file) {
// 注意：不设置 Content-Type，让浏览器自动设置（包含 boundary）
})
}
+
+/**
+ * 下架商品
+ * 下架后商品所有SKU库存改为0，链接失效无法再被访问
+ */
+export function offShelfProductById(id) {
+ return request({
+ url: `/product/${id}/off-shelf`,
+ method: 'put'
+ })
+}
+
+/**
+ * 查询商品列表（支持多条件查询）
+ * @param {Object} query - 查询条件
+ * @param {string} query.name - 商品名称（模糊查询）
+ * @param {string} query.linkCode - 商品链接码（精确查询）
+ * @param {string} query.status - 商品状态（ACTIVE-上架，INACTIVE-下架）
+ * @param {string} query.salesRegion - 发售地区（货币代码，如：MYR, PHP, THB, VND, SGD, CNY, USD等）
+ */
+export function queryProducts(query) {
+ return request({
+ url: '/product/query',
+ method: 'post',
+ data: query
+ })
+}
diff --git a/src/views/ProductManage.vue b/src/views/ProductManage.vue
index 848fafb..c6b0259 100644
--- a/src/views/ProductManage.vue
+++ b/src/views/ProductManage.vue
@@ -17,6 +17,69 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+ 重置
+
+
+
+
+
@@ -115,8 +178,14 @@
复制
-
- 删除
+
+ {{ row.status === 'INACTIVE' ? '已下架' : '下架' }}
@@ -130,14 +199,22 @@
import { ref, onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
-import { Plus, User } from '@element-plus/icons-vue'
-import { getProductList, getProductUrl } from '../api/product'
+import { Plus, User, Search, Refresh } from '@element-plus/icons-vue'
+import { getProductList, getProductUrl, offShelfProductById, queryProducts } from '../api/product'
import { formatAmount } from '../utils/helpers'
const router = useRouter()
const loading = ref(false)
const productList = ref([])
+// 查询表单
+const queryForm = ref({
+ name: '',
+ linkCode: '',
+ status: '',
+ salesRegion: ''
+})
+
// 跳转到新增商品页面
const goToCreate = () => {
router.push('/manage/product/create')
@@ -191,7 +268,7 @@ const getSalesRegions = (row) => {
return regions
}
-// 加载商品列表
+// 加载商品列表（无查询条件）
const loadProductList = async () => {
loading.value = true
try {
@@ -212,6 +289,57 @@ const loadProductList = async () => {
}
}
+// 查询商品列表
+const handleQuery = async () => {
+ loading.value = true
+ try {
+ // 构建查询条件（只包含非空字段）
+ const query = {}
+ if (queryForm.value.name && queryForm.value.name.trim()) {
+ query.name = queryForm.value.name.trim()
+ }
+ if (queryForm.value.linkCode && queryForm.value.linkCode.trim()) {
+ query.linkCode = queryForm.value.linkCode.trim()
+ }
+ if (queryForm.value.status) {
+ query.status = queryForm.value.status
+ }
+ if (queryForm.value.salesRegion) {
+ query.salesRegion = queryForm.value.salesRegion
+ }
+
+ const response = await queryProducts(query)
+ if (response.code === '0000' && response.data) {
+ productList.value = response.data
+ if (productList.value.length === 0) {
+ ElMessage.info('未找到符合条件的商品')
+ } else {
+ ElMessage.success(`查询到 ${productList.value.length} 条商品`)
+ }
+ } else {
+ ElMessage.error(response.message || '查询商品列表失败')
+ productList.value = []
+ }
+ } catch (error) {
+ console.error('查询商品列表失败:', error)
+ ElMessage.error('查询商品列表失败')
+ productList.value = []
+ } finally {
+ loading.value = false
+ }
+}
+
+// 重置查询条件
+const handleReset = () => {
+ queryForm.value = {
+ name: '',
+ linkCode: '',
+ status: '',
+ salesRegion: ''
+ }
+ loadProductList()
+}
+
// 编辑商品
const editProduct = (id) => {
// TODO: 实现编辑功能，跳转到编辑页面
@@ -259,24 +387,30 @@ const copyProductUrl = async (id, url) => {
}
}
-// 删除商品
-const deleteProduct = async (id) => {
+// 下架商品
+const offShelfProduct = async (id) => {
try {
- await ElMessageBox.confirm('确定要删除该商品吗？', '提示', {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning'
- })
+ await ElMessageBox.confirm(
+ '确定要下架该商品吗？下架后商品所有SKU库存将改为0，链接将失效无法再被访问。',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
+ }
+ )
- // TODO: 实现删除商品API
- ElMessage.info('删除功能待实现')
- // await request.delete(`/api/product/${id}`)
- // ElMessage.success('商品删除成功')
- // loadProductList()
+ const response = await offShelfProductById(id)
+ if (response.code === '0000') {
+ ElMessage.success('商品下架成功')
+ loadProductList()
+ } else {
+ ElMessage.error(response.message || '商品下架失败')
+ }
} catch (error) {
if (error !== 'cancel') {
- console.error('删除商品失败:', error)
- ElMessage.error('删除商品失败')
+ console.error('下架商品失败:', error)
+ ElMessage.error('下架商品失败')
}
}
}
@@ -367,5 +501,35 @@ onMounted(() => {
color: #c0c4cc;
font-size: 12px;
}
+
+/* 查询表单 */
+.search-card {
+ margin-bottom: 20px;
+}
+
+.search-form {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+
+.search-form .el-form-item {
+ margin-bottom: 0;
+}
+
+@media (max-width: 768px) {
+ .search-form {
+ flex-direction: column;
+ }
+
+ .search-form .el-form-item {
+ width: 100%;
+ }
+
+ .search-form .el-form-item .el-input,
+ .search-form .el-form-item .el-select {
+ width: 100% !important;
+ }
+}