调整
This commit is contained in:
liushiwei
@@ -274,7 +274,7 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
|
||||
|
||||
methods: {
|
||||
getList () {
|
||||
this.$http.post('/api/product/myPage',null,{
|
||||
this.$http.post('/api/product/myPage?type=0',null,{
|
||||
params: {
|
||||
...this.search
|
||||
}
|
||||
@@ -463,6 +463,7 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
|
||||
mallName: mallInfo[0].mallName,
|
||||
productSpu: res.result.productId,
|
||||
productName: res.result.productName,
|
||||
type: 0,
|
||||
content: content
|
||||
}).then(res1 => {
|
||||
if (res1.code == 0) {
|
||||
@@ -495,6 +496,7 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
|
||||
mallName: mallInfo[0].mallName,
|
||||
productSpu: spu,
|
||||
productName: res.result.productName,
|
||||
type: 0,
|
||||
content: content
|
||||
}).then(res1 => {
|
||||
if (res1.code == 0) {
|
||||
|
||||
402
src/view/product/CopyProductAliExpress.vue
Normal file
402
src/view/product/CopyProductAliExpress.vue
Normal file
@@ -0,0 +1,402 @@
|
||||
<template>
|
||||
<div>
|
||||
<ai-list class="list" v-loading="isLoading" :element-loading-text="'数据正在加载中……'">
|
||||
<ai-title
|
||||
slot="title"
|
||||
title="商品模板"
|
||||
tips="请先在当前浏览器登录“速卖通跨境卖家中心”，期间保持登录状态"
|
||||
isShowBottomBorder>
|
||||
</ai-title>
|
||||
<template slot="content">
|
||||
<div class="content">
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<el-button type="button" :icon="'el-icon-delete'" :class="'el-button el-button--primary'" @click="remove()">删除</el-button>
|
||||
<el-button type="button" :class="'el-button el-button--primary'" @click="toAddTemplate()">添加商品模板</el-button>
|
||||
<el-button type="button" :class="'el-button el-button--primary'" @click="beforeAddToDraft">添加到草稿箱</el-button>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-button size="small" circle icon="el-icon-refresh-right" @click="getList()"></el-button>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="total"
|
||||
style="margin-top: 8px;"
|
||||
:current.sync="search.current" :size.sync="search.size"
|
||||
@selection-change="handleSelectionChange"
|
||||
@getList="getList">
|
||||
</ai-table>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
|
||||
<el-dialog
|
||||
title="商品列表"
|
||||
:visible.sync="dlgShow"
|
||||
:close-on-click-modal="false"
|
||||
width="80%"
|
||||
:before-close="handleClose">
|
||||
<ai-list class="list">
|
||||
<template slot="content">
|
||||
<div class="content">
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<div class="search-item">
|
||||
<label style="width:90px">模板来源：</label>
|
||||
<el-select v-model="productPage.from" @change="productTableData = [], productPage.total = 0, productPage.page =1, getProductOrDraftList()" placeholder="请选择">
|
||||
<el-option
|
||||
key="0"
|
||||
label="商品列表"
|
||||
value="0">
|
||||
</el-option>
|
||||
<el-option
|
||||
key="1"
|
||||
label="草稿箱列表"
|
||||
value="1">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<label style="width:90px">商品名称：</label>
|
||||
<el-input size="small" placeholder="请输入商品名称" v-model="productPage.productName" @keyup.enter.native="productPage.page =1, getProductList()"></el-input>
|
||||
</div>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-button @click="productPage= {
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
from: '0',
|
||||
productName: '',
|
||||
productSkcIds: ''
|
||||
}, getProductOrDraftList()">重置</el-button>
|
||||
<el-button type="primary" @click="productPage.page =1, getProductOrDraftList()">查询</el-button>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:tableData="productTableData"
|
||||
:col-configs="productColConfigs"
|
||||
:total="productPage.total"
|
||||
:current.sync="productPage.page" :size.sync="productPage.pageSize"
|
||||
style="margin-top: 8px;"
|
||||
@selection-change="productHandleSelectionChange"
|
||||
@getList="getProductOrDraftList">
|
||||
<el-table-column slot="imageUrl" width="120px" label="图片" align="center">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<el-image :src="scope.row.imageUrl" class="image" :preview-src-list="[scope.row.imageUrl]" />
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dlgShow = false">取 消</el-button>
|
||||
<el-button type="primary" @click="saveProduct">添加到模板</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {sendChromeAPIMessage, sendAliexpressAPIMessage} from '@/api/chromeApi'
|
||||
import {timestampToTime} from '@/utils/date'
|
||||
import {transformShein} from '@/utils/product'
|
||||
import { Message } from 'element-ui'
|
||||
import AiLazyCascader from "@/components/AiLazyCascader.vue"
|
||||
|
||||
export default {
|
||||
name: 'CopyProduct',
|
||||
components: {AiLazyCascader},
|
||||
data () {
|
||||
return {
|
||||
search: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
productName: '',
|
||||
mallName: '',
|
||||
startDate: '',
|
||||
endDate: ''
|
||||
},
|
||||
colConfigs: [
|
||||
{ type: "selection", width: '70px', align: 'left', fixed: 'left'},
|
||||
{ prop: 'productSpu', label: 'SPU', width: 180, align: 'left' },
|
||||
{ prop: 'productName', label: '商品名称', align: 'left' },
|
||||
{ prop: 'createTime', label: '添加时间', width: '180px', fixed: 'right'}
|
||||
],
|
||||
tableData: [],
|
||||
total: 0,
|
||||
ids: [],
|
||||
|
||||
dlgShow: false,
|
||||
productTableData: [],
|
||||
productPage: {page: 1, pageSize: 10, mallId: '', from: '0', productName: '', productSkcIds: '', total: 0},
|
||||
productColConfigs: [
|
||||
{ type: "selection", width: '70px', align: 'left', fixed: 'left'},
|
||||
{ prop: 'productSpu', label: 'SPU ID', width: 180, align: 'left' },
|
||||
{ slot: 'imageUrl', label: '图片', align: 'left' },
|
||||
{ prop: 'productName', label: '商品名称', align: 'left' },
|
||||
{ prop: 'createTime', label: '创建时间', width: 180, align: 'left' }
|
||||
],
|
||||
|
||||
productIds: [],
|
||||
siteList: [],
|
||||
isLoading: false
|
||||
}
|
||||
},
|
||||
|
||||
created () {
|
||||
this.getList()
|
||||
},
|
||||
|
||||
methods: {
|
||||
getList () {
|
||||
this.$http.post('/api/product/myPage?type=1',null,{
|
||||
params: {
|
||||
...this.search
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData = res.data.records
|
||||
this.total = res.data.total
|
||||
})
|
||||
},
|
||||
remove () {
|
||||
if (this.ids.length <= 0) {
|
||||
alert('请选择要删除的商品');
|
||||
return;
|
||||
}
|
||||
this.$confirm('确定要删除？', '温馨提示', {
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http.post('/api/product/delByIds',this.ids
|
||||
).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('删除成功！')
|
||||
this.getList()
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.ids = [];
|
||||
val.forEach(e => {
|
||||
this.ids.push(e.id);
|
||||
});
|
||||
},
|
||||
|
||||
// 添加模板
|
||||
handleClose() {
|
||||
this.productTableData = []
|
||||
this.productPage = {page: 1, pageSize: 10, from: '0', total: 0}
|
||||
this.dlgShow = false
|
||||
},
|
||||
toAddTemplate() {
|
||||
this.$http.post('/api/malluser/info').then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$store.commit('setUserInfo', res.data)
|
||||
if (res.data.flag != 1) {
|
||||
Message.error('您的账号未激活或已失效，请激活后使用')
|
||||
this.$store.commit('setActiveDlgShow', true)
|
||||
return;
|
||||
}
|
||||
this.dlgShow = true
|
||||
this.getProductOrDraftList()
|
||||
}
|
||||
})
|
||||
},
|
||||
getProductOrDraftList() {
|
||||
if (this.productPage.from == '0') {
|
||||
this.getProductList()
|
||||
} else {
|
||||
this.getDraftList()
|
||||
}
|
||||
},
|
||||
getDraftList() {
|
||||
let params = {};
|
||||
params.page = this.productPage.page;
|
||||
params.pageSize = this.productPage.pageSize;
|
||||
if (this.productPage.productName) {
|
||||
params.productName = this.productPage.productName
|
||||
}
|
||||
sendChromeAPIMessage({
|
||||
url: 'bg-visage-mms/product/draft/pageQuery',
|
||||
needMallId: true,
|
||||
mallId: this.productPage.mallId,
|
||||
data: {
|
||||
...params
|
||||
}}).then((res) => {
|
||||
if (res.errorCode == 1000000) {
|
||||
this.productPage.total = res.result.total
|
||||
this.productTableData = res.result.pageItems.map((item) => {
|
||||
return {
|
||||
productSpu: item.productDraftId,
|
||||
productSkc: '',
|
||||
productName: item.productName,
|
||||
createTime: timestampToTime(item.updatedAt)
|
||||
};
|
||||
})
|
||||
} else {
|
||||
this.getDraftList()
|
||||
}
|
||||
});
|
||||
},
|
||||
async getProductList() {
|
||||
this.isLoading = true
|
||||
let url = "https://seller-acs.aliexpress.com/h5/mtop.global.merchant.self.product.manager.render.list/1.0/?jsv=2.7.2&appKey=30267743&t=1713978403051&sign=ba2bda69b4a2695c7279d4bc05f51741&v=1.0&timeout=15000&H5Request=true&url=mtop.global.merchant.self.product.manager.render.list&__channel-id__=701301&api=mtop.global.merchant.self.product.manager.render.list&type=originaljson&dataType=json&valueType=original&x-i18n-regionID=AE"
|
||||
url = url + "&data=" + encodeURIComponent(
|
||||
JSON.stringify({
|
||||
"channelId": "701301",
|
||||
"jsonBody": JSON.stringify({
|
||||
"tab": "online_product",
|
||||
"sort": {},
|
||||
"filter": {
|
||||
"queryCategory": null,
|
||||
"lowerPrice": null,
|
||||
"upperPrice": null,
|
||||
"status": "0",
|
||||
"productId": null,
|
||||
"pagination": {
|
||||
"pageSize": this.productPage.page,
|
||||
"current": this.productPage.pageSize
|
||||
}
|
||||
}
|
||||
}),
|
||||
"from":"SELF",
|
||||
"bizParam":"{\"version\":\"simple\"}"
|
||||
})
|
||||
)
|
||||
let res = await sendAliexpressAPIMessage({
|
||||
url: url
|
||||
})
|
||||
res = JSON.parse(res)
|
||||
this.isLoading = false
|
||||
if (res.ret.indexOf('SUCCESS::调用成功') >= 0) {
|
||||
this.productPage.total = res.data.data.pagination.total
|
||||
this.productTableData = res.data.data.table.dataSource.map((item) => {
|
||||
return {
|
||||
productSpu: item.productId,
|
||||
productName: item.itemDesc.title,
|
||||
imageUrl: item.itemDesc.imageUrl,
|
||||
createTime: timestampToTime(item.selfCreateDesc)
|
||||
};
|
||||
})
|
||||
}
|
||||
},
|
||||
productHandleSelectionChange(val) {
|
||||
this.productIds = [];
|
||||
val.forEach(e => {
|
||||
this.productIds.push(e.productSpu);
|
||||
});
|
||||
},
|
||||
saveProduct() {
|
||||
if (this.productIds.length <= 0) {
|
||||
Message.error('请选择商品');
|
||||
return;
|
||||
}
|
||||
this.productIds.map((productSpu, index) => {
|
||||
setTimeout(() => {
|
||||
if (this.productPage.from == '0') {
|
||||
this.saveProductTemplate(productSpu, index)
|
||||
} else {
|
||||
this.saveDraftTemplate(productSpu, index)
|
||||
}
|
||||
}, 200 * index)
|
||||
})
|
||||
},
|
||||
saveProductTemplate(spu, index) {
|
||||
sendGeiwohuoAPIMessage({
|
||||
url: 'spmp-api-prefix/spmp/product/get_product_detail',
|
||||
data: {
|
||||
spu_name: spu
|
||||
}}).then((res) => {
|
||||
if (res.code == 0) {
|
||||
let content = transformShein(res.info)
|
||||
let productName = res.info.multi_language_name_list.filter(item => {
|
||||
return item.language == 'zh-cn'
|
||||
})
|
||||
console.log(productName)
|
||||
this.$http.post('/api/product/add', {
|
||||
productSpu: res.info.spu_name,
|
||||
productName: productName[0].name,
|
||||
type: 2,
|
||||
content: content
|
||||
}).then(res1 => {
|
||||
if (res1.code == 0) {
|
||||
Message.success("商品【" + productName[0].name + "】成功添加为商品模板")
|
||||
if (index == this.productIds.length - 1) {
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.saveProductTemplate(spu, index)
|
||||
}
|
||||
})
|
||||
},
|
||||
saveDraftTemplate(spu, index) {
|
||||
sendChromeAPIMessage({
|
||||
url: 'bg-visage-mms/product/draft/query',
|
||||
needMallId: true,
|
||||
mallId: this.productPage.mallId,
|
||||
data: {
|
||||
productDraftId: spu
|
||||
}}).then((res) => {
|
||||
if (res.errorCode == 1000000) {
|
||||
let content = transformShein(res.info)
|
||||
let productName = res.info.multi_language_name_list.filter(item => {
|
||||
return item.language == 'zh-cn'
|
||||
})
|
||||
this.$http.post('/api/product/add', {
|
||||
productSpu: spu,
|
||||
productName: productName[0].name,
|
||||
content: content,
|
||||
type: 2
|
||||
}).then(res1 => {
|
||||
if (res1.code == 0) {
|
||||
Message.success("商品【" + productName[0].name + "】成功添加为商品模板")
|
||||
if (index == this.productIds.length - 1) {
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.saveDraftTemplate(spu, index)
|
||||
}
|
||||
})
|
||||
},
|
||||
beforeAddToDraft() {
|
||||
if (this.ids.length <= 0) {
|
||||
Message.error('请选择商品模板');
|
||||
return;
|
||||
}
|
||||
this.addToDraft()
|
||||
},
|
||||
addToDraft() {
|
||||
this.ids.map((id, index) => {
|
||||
let product = this.tableData.filter((item) => {
|
||||
return item.id == id
|
||||
})
|
||||
let content = JSON.parse(product[0].content)
|
||||
setTimeout(() => {
|
||||
sendGeiwohuoAPIMessage({
|
||||
url: 'spmp-api-prefix/spmp/product/save_draft',
|
||||
data: content
|
||||
}).then((res) => {
|
||||
if (res.code == 0) {
|
||||
Message.success("商品【" + product[0].productName + "】成功添加到草稿箱")
|
||||
} else {
|
||||
Message.error(res.errorMsg)
|
||||
}
|
||||
})
|
||||
}, 1000*index)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
377
src/view/product/CopyProductShein.vue
Normal file
377
src/view/product/CopyProductShein.vue
Normal file
@@ -0,0 +1,377 @@
|
||||
<template>
|
||||
<div>
|
||||
<ai-list class="list" v-loading="isLoading" :element-loading-text="'数据正在加载中……'">
|
||||
<ai-title
|
||||
slot="title"
|
||||
title="商品模板"
|
||||
tips="请先在当前浏览器登录“希音商家后台”，期间保持登录状态"
|
||||
isShowBottomBorder>
|
||||
</ai-title>
|
||||
<template slot="content">
|
||||
<div class="content">
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<el-button type="button" :icon="'el-icon-delete'" :class="'el-button el-button--primary'" @click="remove()">删除</el-button>
|
||||
<el-button type="button" :class="'el-button el-button--primary'" @click="toAddTemplate()">添加商品模板</el-button>
|
||||
<el-button type="button" :class="'el-button el-button--primary'" @click="beforeAddToDraft">添加到草稿箱</el-button>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-button size="small" circle icon="el-icon-refresh-right" @click="getList()"></el-button>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="total"
|
||||
style="margin-top: 8px;"
|
||||
:current.sync="search.current" :size.sync="search.size"
|
||||
@selection-change="handleSelectionChange"
|
||||
@getList="getList">
|
||||
</ai-table>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
|
||||
<el-dialog
|
||||
title="商品列表"
|
||||
:visible.sync="dlgShow"
|
||||
:close-on-click-modal="false"
|
||||
width="80%"
|
||||
:before-close="handleClose">
|
||||
<ai-list class="list">
|
||||
<template slot="content">
|
||||
<div class="content">
|
||||
<ai-search-bar>
|
||||
<template #left>
|
||||
<div class="search-item">
|
||||
<label style="width:90px">模板来源：</label>
|
||||
<el-select v-model="productPage.from" @change="productTableData = [], productPage.total = 0, productPage.page =1, getProductOrDraftList()" placeholder="请选择">
|
||||
<el-option
|
||||
key="0"
|
||||
label="商品列表"
|
||||
value="0">
|
||||
</el-option>
|
||||
<el-option
|
||||
key="1"
|
||||
label="草稿箱列表"
|
||||
value="1">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<label style="width:90px">商品名称：</label>
|
||||
<el-input size="small" placeholder="请输入商品名称" v-model="productPage.productName" @keyup.enter.native="productPage.page =1, getProductList()"></el-input>
|
||||
</div>
|
||||
</template>
|
||||
<template #right>
|
||||
<el-button @click="productPage= {
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
from: '0',
|
||||
productName: '',
|
||||
productSkcIds: ''
|
||||
}, getProductOrDraftList()">重置</el-button>
|
||||
<el-button type="primary" @click="productPage.page =1, getProductOrDraftList()">查询</el-button>
|
||||
</template>
|
||||
</ai-search-bar>
|
||||
<ai-table
|
||||
:tableData="productTableData"
|
||||
:col-configs="productColConfigs"
|
||||
:total="productPage.total"
|
||||
:current.sync="productPage.page" :size.sync="productPage.pageSize"
|
||||
style="margin-top: 8px;"
|
||||
@selection-change="productHandleSelectionChange"
|
||||
@getList="getProductOrDraftList">
|
||||
</ai-table>
|
||||
</div>
|
||||
</template>
|
||||
</ai-list>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dlgShow = false">取 消</el-button>
|
||||
<el-button type="primary" @click="saveProduct">添加到模板</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {sendChromeAPIMessage, sendGeiwohuoAPIMessage} from '@/api/chromeApi'
|
||||
import {timestampToTime} from '@/utils/date'
|
||||
import {transformShein} from '@/utils/product'
|
||||
import { Message } from 'element-ui'
|
||||
|
||||
export default {
|
||||
name: 'CopyProductShein',
|
||||
data () {
|
||||
return {
|
||||
search: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
productName: '',
|
||||
mallName: '',
|
||||
startDate: '',
|
||||
endDate: ''
|
||||
},
|
||||
colConfigs: [
|
||||
{ type: "selection", width: '70px', align: 'left', fixed: 'left'},
|
||||
{ prop: 'productSpu', label: 'SPU', width: 180, align: 'left' },
|
||||
{ prop: 'productName', label: '商品名称', align: 'left' },
|
||||
{ prop: 'createTime', label: '添加时间', width: '180px', fixed: 'right'}
|
||||
],
|
||||
tableData: [],
|
||||
total: 0,
|
||||
ids: [],
|
||||
|
||||
dlgShow: false,
|
||||
productTableData: [],
|
||||
productPage: {page: 1, pageSize: 10, mallId: '', from: '0', productName: '', productSkcIds: '', total: 0},
|
||||
productColConfigs: [
|
||||
{ type: "selection", width: '70px', align: 'left', fixed: 'left'},
|
||||
{ prop: 'productSpu', label: 'SPU ID', align: 'left' },
|
||||
{ prop: 'costRange', label: '价格区间', align: 'left' },
|
||||
{ prop: 'productName', label: '商品名称', align: 'left' },
|
||||
{ prop: 'createTime', label: '创建时间', align: 'left' }
|
||||
],
|
||||
|
||||
productIds: [],
|
||||
siteList: [],
|
||||
isLoading: false
|
||||
}
|
||||
},
|
||||
|
||||
created () {
|
||||
this.getList()
|
||||
},
|
||||
|
||||
methods: {
|
||||
getList () {
|
||||
this.$http.post('/api/product/myPage?type=2',null,{
|
||||
params: {
|
||||
...this.search
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData = res.data.records
|
||||
this.total = res.data.total
|
||||
})
|
||||
},
|
||||
remove () {
|
||||
if (this.ids.length <= 0) {
|
||||
alert('请选择要删除的商品');
|
||||
return;
|
||||
}
|
||||
this.$confirm('确定要删除？', '温馨提示', {
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http.post('/api/product/delByIds',this.ids
|
||||
).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success('删除成功！')
|
||||
this.getList()
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.ids = [];
|
||||
val.forEach(e => {
|
||||
this.ids.push(e.id);
|
||||
});
|
||||
},
|
||||
|
||||
// 添加模板
|
||||
handleClose() {
|
||||
this.productTableData = []
|
||||
this.productPage = {page: 1, pageSize: 10, from: '0', total: 0}
|
||||
this.dlgShow = false
|
||||
},
|
||||
toAddTemplate() {
|
||||
this.$http.post('/api/malluser/info').then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$store.commit('setUserInfo', res.data)
|
||||
if (res.data.flag != 1) {
|
||||
Message.error('您的账号未激活或已失效，请激活后使用')
|
||||
this.$store.commit('setActiveDlgShow', true)
|
||||
return;
|
||||
}
|
||||
this.dlgShow = true
|
||||
this.getProductOrDraftList()
|
||||
}
|
||||
})
|
||||
},
|
||||
getProductOrDraftList() {
|
||||
if (this.productPage.from == '0') {
|
||||
this.getProductList()
|
||||
} else {
|
||||
this.getDraftList()
|
||||
}
|
||||
},
|
||||
getDraftList() {
|
||||
let params = {};
|
||||
params.page = this.productPage.page;
|
||||
params.pageSize = this.productPage.pageSize;
|
||||
if (this.productPage.productName) {
|
||||
params.productName = this.productPage.productName
|
||||
}
|
||||
sendChromeAPIMessage({
|
||||
url: 'bg-visage-mms/product/draft/pageQuery',
|
||||
needMallId: true,
|
||||
mallId: this.productPage.mallId,
|
||||
data: {
|
||||
...params
|
||||
}}).then((res) => {
|
||||
if (res.errorCode == 1000000) {
|
||||
this.productPage.total = res.result.total
|
||||
this.productTableData = res.result.pageItems.map((item) => {
|
||||
return {
|
||||
productSpu: item.productDraftId,
|
||||
productSkc: '',
|
||||
productName: item.productName,
|
||||
createTime: timestampToTime(item.updatedAt)
|
||||
};
|
||||
})
|
||||
} else {
|
||||
this.getDraftList()
|
||||
}
|
||||
});
|
||||
},
|
||||
async getProductList() {
|
||||
this.isLoading = true
|
||||
let res = await sendGeiwohuoAPIMessage({
|
||||
url: "spmp-api-prefix/spmp/product/list?page_num=" + this.productPage.page + "&page_size=" + this.productPage.pageSize,
|
||||
method: 'POST',
|
||||
data: {
|
||||
"language": "zh-cn",
|
||||
"product_name": this.productPage.productName,
|
||||
"sort_type": 1
|
||||
}
|
||||
})
|
||||
this.isLoading = false
|
||||
if (res.code == 0) {
|
||||
this.productPage.total = res.info.meta.count
|
||||
this.productTableData = res.info.data.map((item) => {
|
||||
return {
|
||||
productSpu: item.spu_name,
|
||||
costRange: item.cost_range,
|
||||
productName: item.product_name_multi,
|
||||
createTime: item.create_time
|
||||
};
|
||||
})
|
||||
}
|
||||
},
|
||||
productHandleSelectionChange(val) {
|
||||
this.productIds = [];
|
||||
val.forEach(e => {
|
||||
this.productIds.push(e.productSpu);
|
||||
});
|
||||
},
|
||||
saveProduct() {
|
||||
if (this.productIds.length <= 0) {
|
||||
Message.error('请选择商品');
|
||||
return;
|
||||
}
|
||||
this.productIds.map((productSpu, index) => {
|
||||
setTimeout(() => {
|
||||
if (this.productPage.from == '0') {
|
||||
this.saveProductTemplate(productSpu, index)
|
||||
} else {
|
||||
this.saveDraftTemplate(productSpu, index)
|
||||
}
|
||||
}, 200 * index)
|
||||
})
|
||||
},
|
||||
saveProductTemplate(spu, index) {
|
||||
sendGeiwohuoAPIMessage({
|
||||
url: 'spmp-api-prefix/spmp/product/get_product_detail',
|
||||
method: 'POST',
|
||||
data: {
|
||||
spu_name: spu
|
||||
}}).then((res) => {
|
||||
if (res.code == 0) {
|
||||
let content = transformShein(res.info)
|
||||
let productName = res.info.multi_language_name_list.filter(item => {
|
||||
return item.language == 'zh-cn'
|
||||
})
|
||||
console.log(productName)
|
||||
this.$http.post('/api/product/add', {
|
||||
productSpu: res.info.spu_name,
|
||||
productName: productName[0].name,
|
||||
type: 2,
|
||||
content: content
|
||||
}).then(res1 => {
|
||||
if (res1.code == 0) {
|
||||
Message.success("商品【" + productName[0].name + "】成功添加为商品模板")
|
||||
if (index == this.productIds.length - 1) {
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.saveProductTemplate(spu, index)
|
||||
}
|
||||
})
|
||||
},
|
||||
saveDraftTemplate(spu, index) {
|
||||
sendChromeAPIMessage({
|
||||
url: 'bg-visage-mms/product/draft/query',
|
||||
needMallId: true,
|
||||
mallId: this.productPage.mallId,
|
||||
data: {
|
||||
productDraftId: spu
|
||||
}}).then((res) => {
|
||||
if (res.errorCode == 1000000) {
|
||||
let content = transformShein(res.info)
|
||||
let productName = res.info.multi_language_name_list.filter(item => {
|
||||
return item.language == 'zh-cn'
|
||||
})
|
||||
this.$http.post('/api/product/add', {
|
||||
productSpu: spu,
|
||||
productName: productName[0].name,
|
||||
content: content,
|
||||
type: 2
|
||||
}).then(res1 => {
|
||||
if (res1.code == 0) {
|
||||
Message.success("商品【" + productName[0].name + "】成功添加为商品模板")
|
||||
if (index == this.productIds.length - 1) {
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.saveDraftTemplate(spu, index)
|
||||
}
|
||||
})
|
||||
},
|
||||
beforeAddToDraft() {
|
||||
if (this.ids.length <= 0) {
|
||||
Message.error('请选择商品模板');
|
||||
return;
|
||||
}
|
||||
this.addToDraft()
|
||||
},
|
||||
addToDraft() {
|
||||
this.ids.map((id, index) => {
|
||||
let product = this.tableData.filter((item) => {
|
||||
return item.id == id
|
||||
})
|
||||
let content = JSON.parse(product[0].content)
|
||||
setTimeout(() => {
|
||||
sendGeiwohuoAPIMessage({
|
||||
url: 'spmp-api-prefix/spmp/product/save_draft',
|
||||
method: 'POST',
|
||||
data: content
|
||||
}).then((res) => {
|
||||
if (res.code == 0) {
|
||||
Message.success("商品【" + product[0].productName + "】成功添加到草稿箱")
|
||||
} else {
|
||||
Message.error(res.errorMsg)
|
||||
}
|
||||
})
|
||||
}, 1000*index)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
227
src/view/product/ProductList.vue
Normal file
227
src/view/product/ProductList.vue
Normal file
@@ -0,0 +1,227 @@
|
||||
<template>
|
||||
<ai-list class="list" v-loading="isLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading">
|
||||
<ai-title
|
||||
slot="title"
|
||||
title="商品列表"
|
||||
isShowBottomBorder>
|
||||
<template #rightBtn>
|
||||
<div class="title-right">
|
||||
<div>
|
||||
<label style="width:90px">店铺：</label>
|
||||
<el-select v-model="form.mallId" @change="beforeGetList" placeholder="请选择" size="small">
|
||||
<el-option
|
||||
v-for="item in $store.state.mallList"
|
||||
:key="item.mallId"
|
||||
:label="item.mallName"
|
||||
:value="item.mallId">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</ai-title>
|
||||
<template slot="content">
|
||||
<ai-card title="数据明细" style="padding-bottom: 40px;">
|
||||
<template #right>
|
||||
<label style="width:140px">是否在售：</label>
|
||||
<el-select clearable v-model="reqData.skcSiteStatus" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<label style="width:140px">商品名称：</label>
|
||||
<el-input clearable size="small" style="display: inline" placeholder="请输入商品名称" v-model="reqData.productName"></el-input>
|
||||
<el-button type="primary" @click="toLoad">加载</el-button>
|
||||
<json-excel
|
||||
:data="tableData"
|
||||
:fields="jsonFields"
|
||||
name="商品列表.xls"
|
||||
worksheet="商品列表">
|
||||
<el-button type="primary" :disabled="tableData.length == 0">下载数据</el-button>
|
||||
</json-excel>
|
||||
</template>
|
||||
<ai-table
|
||||
:isShowPagination="false"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="tableData.length"
|
||||
height="500"
|
||||
style="margin-top: 8px;"
|
||||
@getList="() => {}">
|
||||
|
||||
<el-table-column slot="productName" width="200px" :show-overflow-tooltip='true' label="商品名称" fixed="left">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<el-image :src="scope.row.mainImageUrl" style="width: 40px; height: 40px" class="image" :preview-src-list="[scope.row.mainImageUrl]" />
|
||||
{{ scope.row.productName }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
</ai-card>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Message } from 'element-ui'
|
||||
import {sendChromeAPIMessage} from '@/api/chromeApi'
|
||||
import {timestampToTime} from '@/utils/date'
|
||||
import JsonExcel from 'vue-json-excel'
|
||||
|
||||
export default {
|
||||
name: 'MyNormalOrder',
|
||||
|
||||
data () {
|
||||
return {
|
||||
form: {
|
||||
mallId: ''
|
||||
},
|
||||
reqData: {
|
||||
productName: '',
|
||||
page: 1,
|
||||
pageSize: 100,
|
||||
skcSiteStatus: ''
|
||||
},
|
||||
options: [
|
||||
{label: '是', value: 1},
|
||||
{label: '否', value: 0}
|
||||
],
|
||||
colConfigs: [
|
||||
{ slot: 'productName', label: '商品名称', width: '180px', align: 'left', fixed: 'left' },
|
||||
{ prop: 'category', label: '分类', width: '140px', align: 'left', fixed: 'left' },
|
||||
{ prop: 'productId', label: 'SPU ID', width: '120px', align: 'left' },
|
||||
{ prop: 'productSkcId', label: 'SKC ID', width: '120px', align: 'left' },
|
||||
{ prop: 'productSkuId', label: 'SKU ID', width: '120px', align: 'left' },
|
||||
{ prop: 'skcSiteStatus', label: '是否在售', width: '120px', align: 'left' },
|
||||
{ prop: 'extCode', label: 'SKC货号', width: '100px', align: 'left' },
|
||||
{ prop: 'skuExtCode', label: 'SKU货号', width: '160px', align: 'left' },
|
||||
{ prop: 'specName', label: 'SKU属性', width: '100px', align: 'left' },
|
||||
{ prop: 'supplierPrice', label: '申报价格(CNY)', width: '180px', align: 'left' },
|
||||
{ prop: 'todaySalesVolume', label: '今日销量', width: '100px', align: 'left' },
|
||||
{ prop: 'createdAt', label: '上架时间', width: '160px', align: 'left' }
|
||||
],
|
||||
isLoading: false,
|
||||
tableData: [],
|
||||
jsonFields: {
|
||||
"商品名称": "productName",
|
||||
"图片": "mainImageUrl",
|
||||
"分类": "category",
|
||||
"SPU ID": "productId",
|
||||
"SKC ID": "productSkcId",
|
||||
"SKU ID": "productSkuId",
|
||||
"是否在售": "skcSiteStatus",
|
||||
"SKC货号": "extCode",
|
||||
"SKU货号": "skuExtCode",
|
||||
"SKU属性": "specName",
|
||||
"申报价格(CNY)": "supplierPrice",
|
||||
"今日销量": "todaySalesVolume",
|
||||
"上架时间": "createdAt"
|
||||
},
|
||||
currentIndex: 0
|
||||
}
|
||||
},
|
||||
components: {
|
||||
JsonExcel
|
||||
},
|
||||
methods: {
|
||||
beforeGetList() {
|
||||
this.$userCheck(this.form.mallId).then(() => {
|
||||
this.toLoad()
|
||||
}).catch((err) => {
|
||||
this.form.mallId = ''
|
||||
})
|
||||
},
|
||||
toLoad() {
|
||||
if (!this.form.mallId) {
|
||||
Message.error("请选择店铺")
|
||||
return
|
||||
}
|
||||
this.reqData.page = 1
|
||||
this.tableData = []
|
||||
this.currentIndex = 0
|
||||
this.isLoading = true
|
||||
this.load()
|
||||
},
|
||||
load() {
|
||||
sendChromeAPIMessage({
|
||||
url: 'bg-visage-mms/product/skc/pageQuery',
|
||||
needMallId: true,
|
||||
mallId: this.form.mallId,
|
||||
anti: true,
|
||||
data: this.reqData}).then((res) => {
|
||||
if (res.errorCode == 1000000) {
|
||||
for(let i = 0;i < res.result.pageItems.length; i++) {
|
||||
let item = res.result.pageItems[i];
|
||||
let data = {};
|
||||
data.productName = item.productName
|
||||
data.mainImageUrl = item.mainImageUrl
|
||||
data.productId = item.productId
|
||||
data.productSkcId = item.productSkcId
|
||||
data.skcSiteStatus = item.skcSiteStatus == '1'? '在售': ''
|
||||
data.createdAt = timestampToTime(item.createdAt)
|
||||
data.extCode = item.extCode
|
||||
|
||||
data.category = ''
|
||||
for (let i = 1; i < 11; i++) {
|
||||
if (item.categories['cat'+i].catName) {
|
||||
data.category += '->' + item.categories['cat'+i].catName
|
||||
} else {
|
||||
break
|
||||
}
|
||||
}
|
||||
data.category = data.category.substring(2)
|
||||
|
||||
for(let k = 0; k < item.productSkuSummaries.length; k++) {
|
||||
let temp = item.productSkuSummaries[k].productSkuSpecList.map(item2 => {
|
||||
return item2.parentSpecName + "：" + item2.specName
|
||||
})
|
||||
data = {...data,
|
||||
productSkuId: item.productSkuSummaries[k].productSkuId,
|
||||
skuExtCode: item.productSkuSummaries[k].extCode,
|
||||
supplierPrice: item.productSkuSummaries[k].supplierPrice / 100,
|
||||
specName: temp.join("，"),
|
||||
todaySalesVolume: item.productSkuSummaries[k].todaySalesVolume}
|
||||
|
||||
this.tableData.push(data)
|
||||
}
|
||||
|
||||
}
|
||||
if (this.reqData.page == 1 && res.result.pageItems.length == 0) {
|
||||
this.isLoading = false
|
||||
}
|
||||
else if (res.result.pageItems.length == 100) {
|
||||
this.reqData.page ++
|
||||
this.load()
|
||||
} else {
|
||||
this.isLoading = false
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.list {
|
||||
.title-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
& > div:first-child {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
::v-deep.ai-list {
|
||||
.ai-list__content--right-wrapper {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
padding: 0!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user