291 lines
9.6 KiB
Vue
291 lines
9.6 KiB
Vue
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<ai-list class="list">
|
|||
|
|
<ai-title
|
|||
|
|
slot="title"
|
|||
|
|
title="智能复制"
|
|||
|
|
tips="请先在当前浏览器登录“拼多多跨境卖家中心”，期间保持登录状态"
|
|||
|
|
isShowBottomBorder>
|
|||
|
|
</ai-title>
|
|||
|
|
<template slot="content">
|
|||
|
|
<div class="content">
|
|||
|
|
<ai-search-bar>
|
|||
|
|
<template #left>
|
|||
|
|
<el-button type="button" :class="'el-button el-button--primary'" @click="beforeCopy(1)">从TEMU复制</el-button>
|
|||
|
|
<el-button type="button" :class="'el-button el-button--primary'" @click="beforeCopy(2)">从速卖通复制</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"
|
|||
|
|
@getList="getList">
|
|||
|
|
</ai-table>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</ai-list>
|
|||
|
|
|
|||
|
|
<ai-dialog
|
|||
|
|
title="复制"
|
|||
|
|
:visible.sync="copyFromDlgShow"
|
|||
|
|
:close-on-click-modal="false"
|
|||
|
|
width="790px"
|
|||
|
|
customFooter
|
|||
|
|
@close="handleClose">
|
|||
|
|
<el-form class="ai-form" :model="form" label-width="140px" ref="form">
|
|||
|
|
<el-form-item label="商品来源：" v-show="false" style="width: 100%;" prop="type" :rules="[{ required: true, message: '请选择商品来源', trigger: 'blur' }]">
|
|||
|
|
<el-radio-group v-model="form.type" size="medium">
|
|||
|
|
<el-radio :label="1">TEMU</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="TEMU商品地址：" style="width: 100%;" prop="url" :rules="[{ required: true, message: '请输入TEMU商品地址', trigger: 'blur' }]">
|
|||
|
|
<el-input type="textarea" v-model="form.url"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="店铺：" style="width: 100%;" prop="targetMallId" :rules="[{ required: true, message: '请选择店铺', trigger: 'blur' }]">
|
|||
|
|
<el-select style="width: 380px" v-model="form.targetMallId" placeholder="请选择">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in $store.state.mallList"
|
|||
|
|
:key="item.mallId"
|
|||
|
|
:label="item.mallName"
|
|||
|
|
:value="item.mallId">
|
|||
|
|
</el-option>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="商品分类：" style="width: 100%;" prop="targetCatId" :rules="[{ required: true, message: '请选择商品分类', trigger: 'blur' }]">
|
|||
|
|
<el-cascader style="width: 380px" v-model="form.targetCatId" :props="props"></el-cascader>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
<div class="dialog-footer" slot="footer">
|
|||
|
|
<el-button @click="copyFromDlgShow = false">取 消</el-button>
|
|||
|
|
<el-button type="primary" @click="addToDraft">确定</el-button>
|
|||
|
|
</div>
|
|||
|
|
</ai-dialog>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {sendChromeAPIMessage, sendChromeWebReqMessage} from '@/api/chromeApi'
|
|||
|
|
import { Message } from 'element-ui'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
name: 'CopyProduct',
|
|||
|
|
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
search: {
|
|||
|
|
current: 1,
|
|||
|
|
size: 10,
|
|||
|
|
productName: '',
|
|||
|
|
mallName: ''
|
|||
|
|
},
|
|||
|
|
props: {
|
|||
|
|
value: 'catId',
|
|||
|
|
label: 'catName',
|
|||
|
|
lazy: true,
|
|||
|
|
lazyLoad (node, resolve) {
|
|||
|
|
sendChromeAPIMessage({
|
|||
|
|
url: 'bg-anniston-mms/category/children/list',
|
|||
|
|
needMallId: true,
|
|||
|
|
data: {
|
|||
|
|
parentCatId: node.value || ''
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.errorCode === 1000000) {
|
|||
|
|
resolve(res.result.categoryNodeVOS.map(v => {
|
|||
|
|
return {
|
|||
|
|
...v,
|
|||
|
|
leaf: v.isLeaf
|
|||
|
|
}
|
|||
|
|
}))
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
colConfigs: [
|
|||
|
|
{ prop: 'productName', label: '商品名称', align: 'left' },
|
|||
|
|
{ prop: 'mallName', label: '目标店铺', align: 'left'},
|
|||
|
|
{ prop: 'createTime', label: '添加时间', width: '180px', fixed: 'right'}
|
|||
|
|
],
|
|||
|
|
tableData: [],
|
|||
|
|
total: 0,
|
|||
|
|
|
|||
|
|
copyFromDlgShow: false,
|
|||
|
|
form: {
|
|||
|
|
url: '',
|
|||
|
|
type: 1, // 默认从temu复制
|
|||
|
|
targetMallId: '',
|
|||
|
|
targetCatId: []
|
|||
|
|
},
|
|||
|
|
goods: {},
|
|||
|
|
sku: {},
|
|||
|
|
productDetail: {}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
created () {
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
getList () {
|
|||
|
|
this.$http.post('/api/product/myPage',null,{
|
|||
|
|
params: {
|
|||
|
|
...this.search
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
this.tableData = res.data.records
|
|||
|
|
this.total = res.data.total
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 添加模板
|
|||
|
|
handleClose() {
|
|||
|
|
this.copyFromDlgShow = false
|
|||
|
|
},
|
|||
|
|
beforeCopy(type) {
|
|||
|
|
this.form.type = type
|
|||
|
|
this.form.url = ''
|
|||
|
|
this.copyFromDlgShow = true
|
|||
|
|
},
|
|||
|
|
async addToDraft() {
|
|||
|
|
this.$refs.form.validate((valid) => {
|
|||
|
|
if (valid) {
|
|||
|
|
let source
|
|||
|
|
if (this.form.type == '1') {
|
|||
|
|
source = 'temu'
|
|||
|
|
} else if (this.form.type == '2') {
|
|||
|
|
source = 'aliexpress'
|
|||
|
|
}
|
|||
|
|
sendChromeWebReqMessage({
|
|||
|
|
type: source,
|
|||
|
|
url: this.form.url,
|
|||
|
|
}).then((res) => {
|
|||
|
|
if (this.form.type == '1') {
|
|||
|
|
let str = res.substring(res.indexOf("rawData"))
|
|||
|
|
str = str.substring(0, str.indexOf("<\/script>"))
|
|||
|
|
str = str.substring(str.indexOf("{"))
|
|||
|
|
str = str.substring(0, str.lastIndexOf("}"))
|
|||
|
|
str = str + "}"
|
|||
|
|
|
|||
|
|
let goodsObj = JSON.parse(str)
|
|||
|
|
this.goods = goodsObj.store.goods
|
|||
|
|
this.sku = goodsObj.store.sku
|
|||
|
|
this.productDetail = goodsObj.store.productDetail
|
|||
|
|
|
|||
|
|
let specIds = []
|
|||
|
|
this.sku.forEach(item => {
|
|||
|
|
item.specs.forEach(item1 => {
|
|||
|
|
let flag = false
|
|||
|
|
specIds.forEach(item2 => {
|
|||
|
|
if (item2.specValue == item1.specValue) {
|
|||
|
|
flag = true
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
if (!flag) {
|
|||
|
|
specIds.push({specKeyId: item1.specKeyId, specValue: item1.specValue})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
Promise.all(specIds.map(item => this.getSpecId(item).then(res => {
|
|||
|
|
this.sku.forEach(item1 => {
|
|||
|
|
item1.specs.forEach(item2 => {
|
|||
|
|
if (item2.specValue == item.specValue) {
|
|||
|
|
item2.specValueId = res.result.specId
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
return 0
|
|||
|
|
}))).then(() => {
|
|||
|
|
this.$http.post('/api/product/translate',{type: 1, goods: this.goods, sku: this.sku, productDetail: this.productDetail}).then(res => {
|
|||
|
|
if (res.code == 0) {
|
|||
|
|
this.createDraft(res.data)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
} else if (this.form.type == '2') {
|
|||
|
|
let str = res.substring(res.indexOf("runParams"))
|
|||
|
|
str = str.substring(0, str.indexOf("<\/script>"))
|
|||
|
|
str = str.substring(str.indexOf("{"))
|
|||
|
|
str = str.substring(0, str.lastIndexOf("}"))
|
|||
|
|
str = str.substring(str.indexOf('data'))
|
|||
|
|
str = str.substring(5)
|
|||
|
|
//str = str + "}"
|
|||
|
|
console.log(str)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
createDraft(data) {
|
|||
|
|
sendChromeAPIMessage({
|
|||
|
|
url: 'bg-visage-mms/product/draft/add',
|
|||
|
|
needMallId: true,
|
|||
|
|
mallId: this.form.targetMallId,
|
|||
|
|
data: {
|
|||
|
|
catId: this.form.targetCatId[this.form.targetCatId.length - 1]
|
|||
|
|
}}).then((res) => {
|
|||
|
|
if (res.errorCode == 1000000) {
|
|||
|
|
let draftId = res.result.productDraftId
|
|||
|
|
let content = data
|
|||
|
|
let i = 0
|
|||
|
|
for (; i < this.form.targetCatId.length; i++) {
|
|||
|
|
content['cat' + (i+1) + 'Id'] = this.form.targetCatId[i]
|
|||
|
|
}
|
|||
|
|
for (; i < 10; i++) {
|
|||
|
|
content['cat' + (i+1) + 'Id'] = ''
|
|||
|
|
}
|
|||
|
|
content.productDraftId = draftId
|
|||
|
|
|
|||
|
|
this.createProduct(content)
|
|||
|
|
} else {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.createDraft(data)
|
|||
|
|
}, 500)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
createProduct(content) {
|
|||
|
|
sendChromeAPIMessage({
|
|||
|
|
url: 'bg-visage-mms/product/draft/save',
|
|||
|
|
needMallId: true,
|
|||
|
|
mallId: this.form.targetMallId,
|
|||
|
|
data: {
|
|||
|
|
...content
|
|||
|
|
}}).then((res) => {
|
|||
|
|
if (res.errorCode == 1000000) {
|
|||
|
|
Message.success("成功添加到草稿箱")
|
|||
|
|
} else {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.createProduct(content)
|
|||
|
|
}, 500)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getSpecId(data) {
|
|||
|
|
return sendChromeAPIMessage({
|
|||
|
|
url: 'bg-anniston-mms/sku/spec/byName/queryOrAdd',
|
|||
|
|
needMallId: true,
|
|||
|
|
mallId: this.form.targetMallId,
|
|||
|
|
data: {
|
|||
|
|
parentSpecId: data.specKeyId,
|
|||
|
|
specName: data.specValue
|
|||
|
|
}}).then((res) => {
|
|||
|
|
if (res.errorCode == 1000000) {
|
|||
|
|
return res
|
|||
|
|
} else {
|
|||
|
|
this.getSpecId(data)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
</style>
|