文 件上传
This commit is contained in:
刘仕伟
375
src/components/AiCopyFromAliExpress.vue
Normal file
375
src/components/AiCopyFromAliExpress.vue
Normal file
@@ -0,0 +1,375 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-alert
|
||||
title="采集一个商品添加进草稿箱，将消耗50金币"
|
||||
type="success"
|
||||
:closable="false">
|
||||
</el-alert>
|
||||
<el-form class="ai-form" :model="form" label-width="150px" ref="form">
|
||||
<el-form-item v-if="!isMultiCopy" label="商品地址：" style="width: 100%;" prop="url" :rules="[{ required: true, message: '请输入商品地址', trigger: 'blur' }]">
|
||||
<el-input type="textarea" :rows="5" 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' }]">
|
||||
<ai-lazy-cascader
|
||||
style="width: 380px"
|
||||
v-model="form.targetCatId"
|
||||
filterable
|
||||
:props="props"></ai-lazy-cascader>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="bottom flex-center">
|
||||
<el-button @click="$emit('onClose')">取 消</el-button>
|
||||
<el-button type="primary" @click="toAddToDraft" :loading="isCopying">确定</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {sendChromeAPIMessage, sendTemuAPIMessage, sendChromeWebReqMessage} from '@/api/chromeApi'
|
||||
import AiLazyCascader from "@/components/AiLazyCascader.vue"
|
||||
import { getImageMd5 } from "@/utils/image.js"
|
||||
import { Message } from 'element-ui'
|
||||
import { MessageBox } from 'element-ui';
|
||||
|
||||
export default {
|
||||
name: 'AiCopyFromTemu',
|
||||
props: ['params', 'isMultiCopy'],
|
||||
components: {AiLazyCascader},
|
||||
data() {
|
||||
return {
|
||||
props: {
|
||||
value: 'catId',
|
||||
label: 'catName',
|
||||
lazy: true,
|
||||
lazyLoad (value, resolve) {
|
||||
sendChromeAPIMessage({
|
||||
url: 'bg-anniston-mms/category/children/list',
|
||||
needMallId: true,
|
||||
data: {
|
||||
parentCatId: value || ''
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.errorCode === 1000000) {
|
||||
resolve(res.result.categoryNodeVOS.map(v => {
|
||||
return {
|
||||
...v,
|
||||
leaf: v.isLeaf
|
||||
}
|
||||
}))
|
||||
}
|
||||
})
|
||||
},
|
||||
lazySearch(queryString, resolve) {
|
||||
sendChromeAPIMessage({
|
||||
url: 'bg-anniston-mms/category/search',
|
||||
needMallId: true,
|
||||
data: {
|
||||
searchText: queryString || ''
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.errorCode === 1000000) {
|
||||
resolve(res.result.categoryPaths.map(v => {
|
||||
let value = []
|
||||
let label = []
|
||||
for (let i = 1; i <= 10; i++ ) {
|
||||
if (v['cat'+i+'NodeVO']) {
|
||||
value.push(v['cat'+i+'NodeVO'].catId)
|
||||
label.push(v['cat'+i+'NodeVO'].catName)
|
||||
}
|
||||
}
|
||||
return {
|
||||
catId: value,
|
||||
catName: label
|
||||
}
|
||||
}))
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
form: {
|
||||
url: '',
|
||||
type: 2, // 默认从temu复制
|
||||
targetMallId: '',
|
||||
targetCatId: []
|
||||
},
|
||||
goods: {},
|
||||
sku: {},
|
||||
productDetail: {},
|
||||
isCopying: false,
|
||||
goodsId: '',
|
||||
currentUrl: '',
|
||||
goodsProperty: [],
|
||||
catId: null,
|
||||
currentIndex: 0,
|
||||
successList: []
|
||||
}
|
||||
},
|
||||
created () {
|
||||
if (this.params?.url) {
|
||||
this.form.url = this.params.url
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toAddToDraft() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.currentUrl = this.form.url
|
||||
this.addToDraft()
|
||||
}
|
||||
})
|
||||
},
|
||||
async addToDraft() {
|
||||
this.isCopying = true
|
||||
let res = await sendChromeWebReqMessage({
|
||||
type: 'aliexpress',
|
||||
url: this.currentUrl,
|
||||
})
|
||||
if (res.indexOf("runParams") == -1) {
|
||||
Message.error("请检查地址是否正确，或者“速卖通”网站是否出现滑动条")
|
||||
return
|
||||
}
|
||||
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)
|
||||
|
||||
console.log(str)
|
||||
|
||||
let res2 = await getImageMd5('https://ae01.alicdn.com/kf/S654a8881c4e84117b3ea74c563ff61b4Q.jpg')
|
||||
//console.log(res2)
|
||||
|
||||
let obj = JSON.parse(str)
|
||||
|
||||
/*let res1 = await sendChromeWebReqMessage({
|
||||
type: 'aliexpress',
|
||||
url: obj.productDescComponent.descriptionUrl,
|
||||
})
|
||||
|
||||
res1 = res1.substring(0, res1.indexOf("<script>"))
|
||||
let str1 = res1.replace(/<img[^>]+src="([^">]+)"[^>]+>/g, '$1\n').replace(/<.*?>/g, '[||]')
|
||||
let arr = str1.split('[||]')
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
console.log(arr[i])
|
||||
}*/
|
||||
|
||||
|
||||
|
||||
},
|
||||
async createDraft(data) {
|
||||
let catId = null;
|
||||
if (this.form.isSameCategory) {
|
||||
catId = this.catId;
|
||||
} else {
|
||||
catId = this.form.targetCatId[this.form.targetCatId.length - 1]
|
||||
}
|
||||
let res = await sendChromeAPIMessage({
|
||||
url: 'bg-visage-mms/product/draft/add',
|
||||
needMallId: true,
|
||||
mallId: this.form.targetMallId,
|
||||
data: {
|
||||
catId: catId
|
||||
}})
|
||||
|
||||
if (res.errorCode == 1000000) {
|
||||
let draftId = res.result.productDraftId
|
||||
let content = data
|
||||
let i = 0
|
||||
if (this.form.isSameCategory) {
|
||||
let res2 = await this.$http.post('/api/innerCategory/fullById',null , {
|
||||
params: {
|
||||
id: catId
|
||||
}
|
||||
})
|
||||
for (; i < res2.data.length; i++) {
|
||||
content['cat' + (i+1) + 'Id'] = res2.data[i]
|
||||
}
|
||||
|
||||
let res3 = await sendChromeAPIMessage({
|
||||
url: 'bg-anniston-mms/category/template/query',
|
||||
needMallId: true,
|
||||
mallId: this.form.targetMallId,
|
||||
data: {
|
||||
catId: catId,
|
||||
productCreateTime: null,
|
||||
langList: [
|
||||
"en"
|
||||
]
|
||||
}})
|
||||
content.productPropertyReqs = []
|
||||
for (let j = 0; j < this.goodsProperty.length; j++) {
|
||||
let temp = {}
|
||||
|
||||
for (let k = 0; k < res3.result.properties.length; k++) {
|
||||
if (this.goodsProperty[j].key == res3.result.properties[k].lang2Name.en) {
|
||||
temp.templatePid = res3.result.properties[k].templatePid
|
||||
temp.pid = res3.result.properties[k].pid
|
||||
temp.refPid = res3.result.properties[k].refPid
|
||||
temp.propName = res3.result.properties[k].name
|
||||
for (let x = 0; x < this.goodsProperty[j].values.length; x++) {
|
||||
if (null == res3.result.properties[k].values) break
|
||||
for (let l = 0; l < res3.result.properties[k].values.length; l++) {
|
||||
if (res3.result.properties[k].values[l].lang2Value.en == this.goodsProperty[j].values[x]) {
|
||||
temp.vid = res3.result.properties[k].values[l].vid
|
||||
temp.propValue = res3.result.properties[k].values[l].value
|
||||
temp.valueUnit = ''
|
||||
temp.valueExtendInfo = ''
|
||||
temp.controlType = res3.result.properties[k].values[l].controlType
|
||||
|
||||
content.productPropertyReqs.push({...temp})
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
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) {
|
||||
this.successList.push(this.currentUrl)
|
||||
this.saveInfo()
|
||||
if (this.isMultiCopy) {
|
||||
this.currentIndex ++
|
||||
if (this.currentIndex == this.params.urlList.length) {
|
||||
this.isCopying = false
|
||||
this.$emit('onSuccess')
|
||||
MessageBox.alert(`成功添加${this.successList.length}个商品进入草稿箱`)
|
||||
} else {
|
||||
this.currentUrl = this.params.urlList[this.currentIndex]
|
||||
this.execAddToDraft()
|
||||
}
|
||||
} else {
|
||||
this.isCopying = false
|
||||
Message.success("成功添加到草稿箱")
|
||||
}
|
||||
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.createProduct(content)
|
||||
}, 500)
|
||||
}
|
||||
})
|
||||
},
|
||||
getSpecIdNew(data) {
|
||||
return sendChromeAPIMessage({
|
||||
url: 'bg-anniston-mms/sku/spec/byName/queryOrAdd',
|
||||
needMallId: true,
|
||||
mallId: this.form.targetMallId,
|
||||
data: {
|
||||
parentSpecId: data.spec_key_id,
|
||||
specName: data.spec_value
|
||||
}}).then((res) => {
|
||||
if (res.errorCode == 1000000) {
|
||||
return res
|
||||
} else {
|
||||
this.getSpecIdNew(data)
|
||||
}
|
||||
})
|
||||
},
|
||||
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)
|
||||
}
|
||||
})
|
||||
},
|
||||
saveInfo() {
|
||||
let mallInfo = this.$store.state.mallList.filter(item => {
|
||||
return item.mallId == this.form.targetMallId
|
||||
})
|
||||
this.$http.post('/api/copyProduct/add', {
|
||||
mallId: mallInfo[0].mallId,
|
||||
mallName: mallInfo[0].mallName,
|
||||
url: this.currentUrl,
|
||||
type: this.form.type
|
||||
}).then(res1 => {
|
||||
if (res1.code == 0) {
|
||||
this.$store.dispatch('getUserInfo')
|
||||
if (!this.isMultiCopy) {
|
||||
this.$emit('onSuccess')
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
parseURL(url) {
|
||||
let a = document.createElement('a');
|
||||
a.href = url;
|
||||
return {
|
||||
source: url,
|
||||
protocol: a.protocol.replace(':',''),
|
||||
host: a.hostname,
|
||||
port: a.port,
|
||||
query: a.search,
|
||||
params: (function(){
|
||||
var ret = {},
|
||||
seg = a.search.replace(/^\?/,'').split('&'),
|
||||
len = seg.length, i = 0, s;
|
||||
for (;i<len;i++) {
|
||||
if (!seg[i]) { continue; }
|
||||
s = seg[i].split('=');
|
||||
ret[s[0]] = s[1];
|
||||
}
|
||||
return ret;
|
||||
})(),
|
||||
file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
|
||||
hash: a.hash.replace('#',''),
|
||||
path: a.pathname.replace(/^([^\/])/,'/$1'),
|
||||
relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [,''])[1],
|
||||
segments: a.pathname.replace(/^\//,'').split('/')
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.bottom {
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
@@ -6,12 +6,6 @@
|
||||
:closable="false">
|
||||
</el-alert>
|
||||
<el-form class="ai-form" :model="form" label-width="150px" ref="form">
|
||||
<el-form-item label="来源：" 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 :label="2">速卖通</el-radio>-->
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="!isMultiCopy" label="商品地址：" style="width: 100%;" prop="url" :rules="[{ required: true, message: '请输入商品地址', trigger: 'blur' }]">
|
||||
<el-input type="textarea" :rows="5" v-model="form.url"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<ai-wrapper
|
||||
label-width="120px" class="fill">
|
||||
<ai-info-item label="价格：" :value="'$' + info.price"></ai-info-item>
|
||||
<ai-info-item label="销量：" :value="info.saleTotal"></ai-info-item>
|
||||
<ai-info-item label="销量/评论数：" :value="info.saleTotal"></ai-info-item>
|
||||
</ai-wrapper>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -9,14 +9,14 @@
|
||||
<el-dropdown-item v-if="isShowAddFavorite" :command="beforeAddFavorite(params.goodsId, params.monitorId)">加入收藏</el-dropdown-item>
|
||||
<el-dropdown-item v-if="isShowDelFavorite" :command="beforeDelFavorite(params.id)">取消收藏</el-dropdown-item>
|
||||
<el-dropdown-item divided v-if="isShowGroup" :command="beforeAddGroup(params.goodsId)">加入分组</el-dropdown-item>
|
||||
<el-dropdown-item divided :command="beforeCopy(params.url)">商品采集</el-dropdown-item>
|
||||
<el-dropdown-item divided v-if="!isHideCopy" :command="beforeCopy(params.url)">商品采集</el-dropdown-item>
|
||||
<el-dropdown-item divided :command="beforeGoWeb(params.url)">访问商品</el-dropdown-item>
|
||||
<el-dropdown-item :command="beforeGoMal(params.mallId)">访问店铺</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
<ai-dialog
|
||||
title="复制"
|
||||
title="商品采集"
|
||||
:visible.sync="copyFromDlgShow"
|
||||
:close-on-click-modal="false"
|
||||
width="790px"
|
||||
@@ -60,7 +60,7 @@ import { Message } from 'element-ui'
|
||||
export default {
|
||||
name: "AiProductDropDown",
|
||||
components: {AiCopyFromTemu},
|
||||
props: ['params', 'isShowDetail', 'isShowAddFavorite', 'isShowDelFavorite', 'isShowGroup'],
|
||||
props: ['params', 'source', 'isShowDetail', 'isShowAddFavorite', 'isShowDelFavorite', 'isShowGroup', 'isHideCopy'],
|
||||
data() {
|
||||
return {
|
||||
info: {},
|
||||
@@ -111,7 +111,11 @@ export default {
|
||||
}
|
||||
})
|
||||
} else if (e.type == 'goMall') {
|
||||
window.open('https://www.temu.com/mall.html?mall_id=' + e.mallId, '_blank');
|
||||
if (e.mallId.startsWith('http')) {
|
||||
window.open(e.mallId, '_blank');
|
||||
} else {
|
||||
window.open('https://www.temu.com/mall.html?mall_id=' + e.mallId, '_blank');
|
||||
}
|
||||
} else if (e.type == 'goWeb') {
|
||||
if (e.url.startsWith('http')) {
|
||||
window.open(e.url, '_blank');
|
||||
|
||||
Reference in New Issue
Block a user