更新

2023-12-20 20:45:00 +08:00
parent 0a7f8eb036
commit 2e957ac485
9 changed files with 8645 additions and 135 deletions
--- a/src/components/AiCopyFromTemu.vue
+++ b/src/components/AiCopyFromTemu.vue
@@ -5,15 +5,15 @@
          type="success"
          :closable="false">
        </el-alert>
-        <el-form class="ai-form" :model="form" label-width="140px" ref="form">
+        <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 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 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="请选择">
@@ -25,7 +25,16 @@
                </el-option>
            </el-select>
            </el-form-item>
-            <el-form-item label="商品分类：" style="width: 100%;" prop="targetCatId" :rules="[{ required: true, message: '请选择商品分类', trigger: 'blur' }]">
+            <el-form-item
+              prop="isSameCategory"
+              label="是否保持相同类目："
+              :rules="[{ required: true, message: '请选择是否保持相同类目', trigger: 'blur' }]">
+              <el-radio-group v-model="form.isSameCategory" size="medium">
+                <el-radio :label="false">否</el-radio>
+                <el-radio :label="true">是</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item v-if="!form.isSameCategory" label="商品分类：" style="width: 100%;" prop="targetCatId" :rules="[{ required: true, message: '请选择商品分类', trigger: 'blur' }]">
            <ai-lazy-cascader 
              style="width: 380px" 
              v-model="form.targetCatId" 
@@ -44,10 +53,11 @@
 import {sendChromeAPIMessage, sendTemuAPIMessage, sendChromeWebReqMessage} from '@/api/chromeApi'
 import AiLazyCascader from "@/components/AiLazyCascader.vue"
 import { Message } from 'element-ui'
+import { MessageBox } from 'element-ui';

 export default {
    name: 'AiCopyFromTemu',
-    props: ['params'],
+    props: ['params', 'isMultiCopy'],
    components: {AiLazyCascader},
    data() {
        return {
@@ -104,27 +114,48 @@ export default {
                url: '',
                type: 1,  // 默认从temu复制
                targetMallId: '',
-                targetCatId: []
+                targetCatId: [],
+                isSameCategory: true
            },
            goods: {},
            sku: {},
            productDetail: {},
            isCopying: false,
-            goodsId: ''
+            goodsId: '',
+            currentUrl: '',
+            goodsProperty: [],
+            catId: null,
+            currentIndex: 0,
+            successList: []
        }
    },
    created () {
-        if (this.params?.url) {
-            this.form.url = this.params.url
-        }
+      if (this.params?.url) {
+        this.form.url = this.params.url
+      }
    },
    methods: {
      toAddToDraft() {
-        if (!this.form.url.startsWith("http")) {
-          this.goodsId = this.form.url
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            if (this.isMultiCopy) {
+              this.successList = []
+              this.currentIndex = 0
+              this.currentUrl = this.params.urlList[this.currentIndex]
+              this.execAddToDraft()
+            } else {
+              this.currentUrl = this.form.url
+              this.execAddToDraft()
+            }
+          }
+        })
+      },
+      execAddToDraft() {
+        if (!this.currentUrl.startsWith("http")) {
+          this.goodsId = this.currentUrl
          this.addToDraftNew()
        } else {
-          let t = this.form.url
+          let t = this.currentUrl
          let urlParams = this.parseURL(t)
          t = t.substring(0,t.indexOf(".html"))
          if (t.lastIndexOf("-g-") > 0) {
@@ -147,162 +178,216 @@ export default {
        }
      },
      async addToDraftNew() {
-        this.$refs.form.validate((valid) => {
-          if (valid) {
-            this.isCopying = true
-            sendTemuAPIMessage({
-              url: 'api/oak/integration/render',
-              anti: true,
-              data: {
-                goods_id: this.goodsId
-              }}).then((res) => {
-                if (!res.goods || !res.goods.productName) {
-                  //this.isCopying = false
-                  //Message.error("获取商品信息失败，采集失败")
-                  this.addToDraft()
+        this.isCopying = true
+        sendTemuAPIMessage({
+          url: 'api/oak/integration/render',
+          anti: true,
+          data: {
+            goods_id: this.goodsId
+          }}).then((res) => {
+            if (!res.goods || !res.goods.productName) {
+              //this.isCopying = false
+              //Message.error("获取商品信息失败，采集失败")
+              this.addToDraft()
+              return
+            }
+            this.goods = res.goods
+            this.sku = res.sku
+            this.productDetail = res.product_detail
+            this.catId = this.goods.cat_id
+            this.goodsProperty = this.goods.goods_property
+            let specIds = []
+            this.sku.forEach(item => {
+              item.specs.forEach(item1 => {
+                let flag = false
+                specIds.forEach(item2 => {
+                  if (item2.spec_value == item1.spec_value) {
+                    flag = true
+                  }
+                })
+                if (!flag) {
+                  specIds.push({spec_key_id: item1.spec_key_id, spec_value: item1.spec_value})
+                }
+              })
+            })
+
+            Promise.all(specIds.map(item => this.getSpecIdNew(item).then(res => {
+              this.sku.forEach(item1 => {
+                item1.specs.forEach(item2 => {
+                  if (item2.spec_value == item.spec_value) {
+                    item2.spec_value_id = res.result.specId
+                  }
+                })
+              })
+              return 0
+            }))).then(() => {
+              this.$http.post('/api/copyProduct/translateNew',{type: 1, goods: this.goods, sku: this.sku, productDetail: this.productDetail}).then(res => {
+                if (res.code == 0) {
+                  this.createDraft(res.data)
+                }
+              })
+            })
+          })
+      },
+      async addToDraft() {
+        this.isCopying = true
+        this.$http.post('/api/copyProduct/check',null, {params: {type: 0}}).then(res => {
+          if (res.code == 0) {
+            let source
+            if (this.form.type == '1') {
+              source = 'temu'
+            } else if (this.form.type == '2') {
+              source = 'aliexpress'
+            }
+            sendChromeWebReqMessage({
+              type: source,
+              url: this.currentUrl,
+            }).then((res) => {
+              if (this.form.type == '1') {
+                if (res.indexOf("window.rawData") == -1) {
+                  this.isCopying = false
+                  Message.error("请检查地址是否正确，或者“TEMU”网站是否出现图形验证码")
                  return
                }
-                this.goods = res.goods
-                this.sku = res.sku
-                this.productDetail = res.product_detail
+                let str = res.substring(res.indexOf("window.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.catId = this.goods.catId
+                this.goodsProperty = this.goods.goodsProperty
+                this.productDetail = goodsObj.store.productDetail
+
                let specIds = []
                this.sku.forEach(item => {
                  item.specs.forEach(item1 => {
                    let flag = false
                    specIds.forEach(item2 => {
-                      if (item2.spec_value == item1.spec_value) {
+                      if (item2.specValue == item1.specValue) {
                        flag = true
                      }
                    })
                    if (!flag) {
-                      specIds.push({spec_key_id: item1.spec_key_id, spec_value: item1.spec_value})
+                      specIds.push({specKeyId: item1.specKeyId, specValue: item1.specValue})
                    }
                  })
                })

-                Promise.all(specIds.map(item => this.getSpecIdNew(item).then(res => {
+                Promise.all(specIds.map(item => this.getSpecId(item).then(res => {
                  this.sku.forEach(item1 => {
                    item1.specs.forEach(item2 => {
-                      if (item2.spec_value == item.spec_value) {
-                        item2.spec_value_id = res.result.specId
+                      if (item2.specValue == item.specValue) {
+                        item2.specValueId = res.result.specId
                      }
                    })
                  })
                  return 0
                }))).then(() => {
-                  this.$http.post('/api/copyProduct/translateNew',{type: 1, goods: this.goods, sku: this.sku, productDetail: this.productDetail}).then(res => {
+                  this.$http.post('/api/copyProduct/translate',{type: 1, goods: this.goods, sku: this.sku, productDetail: this.productDetail}).then(res => {
                    if (res.code == 0) {
                      this.createDraft(res.data)
                    }
                  })
                })
-              })
-          }
-        })
-      },
-      async addToDraft() {
-          this.$refs.form.validate((valid) => {
-            if (valid) {
-              this.isCopying = true
-              this.$http.post('/api/copyProduct/check',null, {params: {type: 0}}).then(res => {
-              if (res.code == 0) {
-                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') {
-                    if (res.indexOf("window.rawData") == -1) {
-                      this.isCopying = false
-                      Message.error("请检查地址是否正确，或者“TEMU”网站是否出现图形验证码")
-                      return
-                    }
-                    let str = res.substring(res.indexOf("window.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/copyProduct/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') {
-                    console.log(1)
-                  }
-                })
-              } else {
-                this.isCopying = false
+              } else if (this.form.type == '2') {
+                console.log(1)
              }
            })
+          } else {
+            this.isCopying = false
          }
        })
      },
-      createDraft(data) {
-        sendChromeAPIMessage({
+      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: this.form.targetCatId[this.form.targetCatId.length - 1]
-        }}).then((res) => {
-          this.isCopying = false
-          if (res.errorCode == 1000000) {
-            let draftId = res.result.productDraftId
-            let content = data
-            let i = 0
+            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)
          }
-        })
+          for (; i < 10; i++) {
+            content['cat' + (i+1) + 'Id'] = ''
+          }
+
+          content.productDraftId = draftId
+
+          this.createProduct(content)
+        } else {
+          setTimeout(() => {
+            this.createDraft(data)
+          }, 500)
+        }
      },
      createProduct(content) {
        sendChromeAPIMessage({
@@ -313,8 +398,23 @@ export default {
            ...content
        }}).then((res) => {
          if (res.errorCode == 1000000) {
-            Message.success("成功添加到草稿箱")
+            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)
@@ -361,12 +461,14 @@ export default {
        this.$http.post('/api/copyProduct/add', {
            mallId: mallInfo[0].mallId,
            mallName: mallInfo[0].mallName,
-            url: this.form.url,
+            url: this.currentUrl,
            type: this.form.type
          }).then(res1 => {
          if (res1.code == 0) {
            this.$store.dispatch('getUserInfo')
-            this.$emit('onSuccess')
+            if (!this.isMultiCopy) {
+              this.$emit('onSuccess')
+            }
          }
        })
      },
--- a/src/manifest.production.json
+++ b/src/manifest.production.json
@@ -2,7 +2,7 @@
  "manifest_version": 3,
  "name": "TEMU助手",
  "description": "TEMU助手 - 自动化提高生产效率",
-  "version": "3.1.3",
+  "version": "3.1.4",
  "background": {
    "service_worker": "/background.js"
  },
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -102,6 +102,11 @@ const router = new VueRouter({
          name: 'newProductGroup',
          component: () => import('../view/selection/newproducttrack/newproductgroup/Index.vue')
        },
+        {
+          path: 'bestSellers',
+          name: 'bestSellers',
+          component: () => import('../view/selection/bestsellers/Index.vue')
+        },

        {
          path: 'message',
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -96,6 +96,7 @@
              <el-menu-item index="/newProduct">上架新品</el-menu-item>
              <el-menu-item index="/newProductGroup">我的分组</el-menu-item>
            </el-submenu>
+            <el-menu-item index="/bestSellers">7天畅销品</el-menu-item>
            <el-menu-item index="/indexTrack">首页商品跟踪</el-menu-item>
          </el-submenu>
          <el-submenu index="/qualification">
--- a/src/view/selection/bestsellers/Index.vue
+++ b/src/view/selection/bestsellers/Index.vue
@@ -0,0 +1,42 @@
+<template>
+  <div style="height: 100%;">
+    <transition name="fade-transform" mode="out-in">
+      <keep-alive :include="['Detail']">
+        <component ref="component" :is="component" @change="onChange" :params="params"></component>
+      </keep-alive>
+    </transition>
+  </div>
+</template>
+
+<script>
+  import Detail from './components/Detail.vue'
+
+  export default {
+    name: 'BestSellers',
+    label: '畅销品',
+
+    components: {
+      Detail
+    },
+
+    data () {
+      return {
+        component: 'Detail',
+        params: {}
+      }
+    },
+
+    methods: {
+      onChange (data) {
+        if (data.type === 'Detail') {
+          this.component = 'Detail'
+          this.params = data.params
+        }
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+</style>
+
--- a/src/view/selection/bestsellers/components/Detail.vue
+++ b/src/view/selection/bestsellers/components/Detail.vue
@@ -0,0 +1,430 @@
+<template>
+  <div>
+    <ai-list class="list" v-loading="isLoading" :element-loading-text="loadingText">
+      <ai-title
+        slot="title"
+        title="7天畅销品"
+        isShowBottomBorder>
+        <template #rightBtn>
+          <div class="title-right">
+            <el-checkbox v-model="isMutiSelect">开启多选</el-checkbox>&nbsp;
+            <el-button type="primary" round @click="toBatchCopy" v-if="isMutiSelect">批量采集</el-button>
+            <div>
+              <el-button type="button" :class="'el-button el-button--primary'" v-if="currentData.optId" @click="beginSync">同步</el-button>
+            </div>
+          </div>
+        </template>
+      </ai-title>
+      <template #left>
+        <div class="categoryTree">
+          <el-tree ref="tree" :data="categoryData" node-key="optId" :props="props"
+             :default-expanded-keys="defaultExpanded" 
+             :expand-on-click-node="false" 
+             :check-on-click-node="true"
+             :highlight-current="true"
+             @node-click="handleNodeClick"/>
+        </div>
+      </template>
+      <template slot="content">
+        <ai-search-bar>
+          <template #left>
+              <label style="width:80px">排序方式：</label>
+              <el-select v-model="search.orderBy" :clearable="true" @change="search.current =1, getList()" placeholder="请选择排序方式" size="small">
+                <el-option
+                  v-for="item in orderBys"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+              <label style="width:80px">价格区间：</label>
+              <el-input :clearable="true" size="small" style="width: 80px" v-model="search.priceBegin" ></el-input>
+              ~
+              <el-input :clearable="true" size="small" style="width: 80px" v-model="search.priceEnd" ></el-input>
+              <label style="width:80px">销量区间：</label>
+              <el-input :clearable="true" size="small" style="width: 80px" v-model="search.saleBegin" ></el-input>
+              ~
+              <el-input :clearable="true" size="small" style="width: 80px" v-model="search.saleEnd" ></el-input>
+          </template>
+          <template #right>
+            <el-button type="primary" @click="search.current =1, getList()">查询</el-button>
+          </template>
+        </ai-search-bar>
+        <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 16px;">
+          <el-card v-for="item in tableData" :key="item.id" :body-style="{ padding: '0px', margin: '5px' }">
+            <div :class="[{'img-background': item.isSelect}, 'img-box']" @click="onGoodsSelect(item)">
+              <div>
+                <el-image v-if="isMutiSelect" :src="item.imgUrl" :class="[{'mask': item.isSelect}, 'image']" />
+                <el-image v-else :src="item.imgUrl" class="image" :preview-src-list="[item.imgUrl]" />
+              </div>
+              <span class="icon-box" v-if="item.isSelect && isMutiSelect">
+                <img style="width: 20px; height: 20px" src="../../../../assets/right.png">
+              </span>
+            </div>
+            
+            <div style="padding: 14px;">
+              <div class="bottom clearfix">
+                <div style="margin-bottom: 5px;">
+                  <div style="display: inline; margin-left: 5px;">${{ item.price }}</div>
+                  <div style="display: inline; margin-right: 5px; float: right;">{{ item.saleTotal }}</div>
+                </div>
+                <div style="margin-bottom: 5px;">
+                  <div style="display: inline; margin-left: 5px;">{{ item.createTime.substring(0,10) }}</div>
+                  <ai-product-drop-down :params="item" :isShowGroup="false" :isShowDetail="false" :isShowAddFavorite="false" :isShowDelFavorite="false"   
+                  style="float: right;"></ai-product-drop-down>
+                </div>
+              </div>
+            </div>
+          </el-card>
+          <el-pagination
+            layout="prev, pager, next"
+            style="position: absolute; bottom: 0px; right: 40px;"
+            :total="total"
+            :page-size.sync="search.size"
+            :current-page.sync="search.current"
+            @current-change="getList">
+            <div class="paginationPre-total">共<label class="color-primary">{{ total }}</label>条记录
+            </div>
+          </el-pagination>
+        </div>
+        <ai-dialog
+          title="批量采集"
+          :visible.sync="copyFromDlgShow"
+          :close-on-click-modal="false"
+          width="790px"
+          customFooter
+          :append-to-body="true"
+          @close="copyFromDlgShow = false">
+          <ai-copy-from-temu v-if="copyFromDlgShow" :isMultiCopy="true" :params="temuParams" @onClose="copyFromDlgShow = false" @onSuccess="copyFromDlgShow = false"></ai-copy-from-temu>
+        </ai-dialog>
+      </template>
+    </ai-list>
+  </div>
+</template>
+
+<script>
+import AiProductDropDown from '@/components/AiProductDropDown.vue'
+import {sendTemuAPIMessage, sendChromeWebReqMessage} from '@/api/chromeApi'
+import { Message } from 'element-ui'
+
+  export default {
+    name: 'DetailPage',
+    props: ['params'],
+    components: {AiProductDropDown},
+    data () {
+      return {
+        props: {
+          label: 'name',
+          isLeaf: data => data.parentId == 0
+        },
+        search: {
+          current: 1,
+          size: 120,
+          orderBy: '',
+          priceBegin: '',
+          priceEnd: '',
+          saleBegin: '',
+          saleEnd: ''
+        },
+        orderBys: [{
+          value: '0',
+          label: '按销量从多到少排序'
+        },{
+          value: '1',
+          label: '按销量从少到多排序'
+        },{
+          value: '2',
+          label: '按价格从高到底排序'
+        },{
+          value: '3',
+          label: '按价格从低到高排序'
+        }],
+        defaultExpanded: [],
+        tableData: [],
+        total: 0,
+        offset: 0,
+        pageSize: 120,
+        currentData: {},
+        categoryData: [],
+
+        isLoading: false,
+
+        loadingText: '拼命加载中',
+        isMutiSelect: false,
+        copyFromDlgShow: false,
+        temuParams: {}
+      }
+    },
+
+    created () {
+      this.loadCategory()
+      this.getList()
+    },
+
+    methods: {
+      loadCategory() {
+        this.$http.post('/api/category/listByParent_bestSellers',null,{
+          params: {
+            parentId: "0"
+          }
+        }).then(res => {
+          if (res?.data) {
+            let data = res.data.filter(item => {
+              return item.optId != -13
+            })
+            this.categoryData = data.map(item => {
+              return {
+                name: item.name + '(' + item.total + ')',
+                optId: item.optId,
+                parentId: item.parentId
+              }
+            })
+          }
+        })
+      },
+      beginSync() {
+        this.loadingText = '拼命加载中'
+        this.isLoading = true
+        this.offset = 0
+        this.getBestSellersData()
+      },
+      async getBestSellersData() {
+        let res = await sendTemuAPIMessage({
+          url: 'api/poppy/v1/title_bar_recommend?scene=home_title_bar_recommend',
+          anti: true,
+          data: 
+          {
+            scene: "home_title_bar_recommend",
+            listId: 'best_sellers_list_vvz0h4',
+            pageSn: '10125',
+            offset: this.offset,
+            pageSize: this.pageSize,
+            filterItems: "1:1|7:7",
+            optId: this.currentData.optId,
+            optType: 1
+          }})
+        
+        if (res.success && res.result.data.goods_list) {
+          let arr = []
+          for (let i = 0;i < res.result.data.goods_list.length; i++) {
+            let item = res.result.data.goods_list[i]
+
+            let total = 0
+            if (item.sales_tip_text[0]) {
+              total = item.sales_tip_text[0]
+              total = total.replace('+', '')
+              if (total.indexOf('K') != -1) {
+                total = total.replace('K', '')
+                total = total * 1000
+              } else if (total.indexOf('M') != -1) {
+                total = total.replace('M', '')
+                total = total * 1000000
+              }
+            }
+
+            let data = {
+              goodsId: item.goods_id, 
+              price: item.price_info.price_schema,
+              saleTotal: item.sales_tip_text[0],
+              saleTotalNum: total,
+              url: 'https://www.temu.com/goods.html?goods_id=' + item.goods_id,
+              imgUrl: item.thumb_url,
+              category: this.currentData.optId,
+              mallId: item.mall_id
+            }
+
+            arr.push(data)
+          }
+
+          let res2 = await this.$http.post('/api/bestSellers/addBatch', arr)
+          this.offset = this.offset + this.pageSize
+          this.getBestSellersData()
+        } else {
+          this.loadCategory()
+          this.getList()
+          this.isLoading = false
+        }
+      },
+      getList() {
+        this.$http.post('/api/bestSellers/page',null,{
+          params: {
+            category: this.currentData?.optId || '',
+            ...this.search
+          }
+        }).then(res => {
+          res.data.records.map(item => {
+            item.isSelect = false
+          })
+          this.tableData = res.data.records
+          this.total = res.data.total
+        })
+      },
+      handleNodeClick(data) {
+        this.currentData = data
+        this.search.current = 1
+        this.getList()
+      },
+      onGoodsSelect(item) {
+        item.isSelect = !item.isSelect
+      },
+      toBatchCopy() {
+        let goodsObj = this.tableData.filter(item => {
+          return item.isSelect
+        })
+        if (goodsObj.length > 0) {
+          let urlList = goodsObj.map(item => {
+            return 'https://www.temu.com/goods.html?goods_id=' + item.goodsId
+          })
+          this.temuParams = {
+            urlList: urlList
+          }
+          this.copyFromDlgShow = true
+        } else {
+          Message.error("请选择商品")
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+.list {
+  .title-right {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      margin-right: 20px;
+    }
+  }
+}
+.categoryTree {
+  .gap {
+    width: 100%;
+    height: 17px;
+  }
+
+  :deep( .el-tree ) {
+    background: #fff;
+
+    .el-tree-node__expand-icon.is-leaf {
+      color: transparent !important;
+    }
+
+    .el-tree-node__content {
+      display: inline-flex;
+      min-width: 100%;
+    }
+
+    .el-tree-node__content > .el-tree-node__expand-icon {
+      padding: 4px;
+    }
+
+    .el-tree-node__content {
+      height: 32px;
+    }
+
+    .el-tree__empty-text {
+      color: #222;
+      font-size: 14px;
+    }
+
+    .el-tree-node__children .el-tree-node__content {
+      height: 32px;
+    }
+
+    .el-tree-node__content:hover {
+      background: #E8EFFF;
+      color: #222222;
+      border-radius: 2px;
+    }
+
+    .is-current > .el-tree-node__content {
+      &:hover {
+        background: #000;
+        color: #fff;
+      }
+
+      background: #000;
+
+      span {
+        color: #fff;
+        font-weight: bold;
+      }
+    }
+  }
+}
+
+.time {
+    font-size: 13px;
+    color: #999;
+  }
+  
+  .bottom {
+    margin-top: 13px;
+    line-height: 12px;
+  }
+
+  .button {
+    padding: 0;
+    float: right;
+  }
+
+  .image {
+    width: 100%;
+    display: block;
+  }
+
+  .clearfix:before,
+  .clearfix:after {
+      display: table;
+      content: "";
+  }
+  
+  .clearfix:after {
+      clear: both
+  }
+  .el-dropdown-link {
+    cursor: pointer;
+    color: #409EFF;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+
+
+.img-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  //父级设置 相对定位，让 icon设置绝对定位时能够以该父级为准。
+  position: relative;
+  // icon 设置 绝对定位 让其固定在你想要的合适位置。 样式可调整，自己定位即可。
+  .icon-box {
+    position: absolute;
+    top: 35%;
+  }
+}
+
+.mask {
+  background-color: #000;
+  opacity: 0.6;
+
+  .el-image__inner {
+    opacity: 0.6;
+  }
+}
+
+::v-deep .mask > img {
+  opacity: 0.6;
+}
+
+::v-deep .el-loading-spinner {
+  top: 200px;
+}
+
+
+.el-icon {
+  display: inline-block;
+}
+</style>
--- a/src/view/selection/newproducttrack/newproduct/components/Detail.vue
+++ b/src/view/selection/newproducttrack/newproduct/components/Detail.vue
@@ -125,7 +125,7 @@ import { Message } from 'element-ui'
        },
        form: {
          current: 1,
-          size: 18,
+          size: 120,
          category: null
        },
        defaultExpanded: [],
@@ -521,6 +521,9 @@ import { Message } from 'element-ui'
  opacity: 0.6;
 }

+::v-deep .el-loading-spinner {
+  top: 200px;
+}

 .el-icon {
  display: inline-block;
--- a/src/view/selection/newproducttrack/newproductgroup/components/List.vue
+++ b/src/view/selection/newproducttrack/newproductgroup/components/List.vue
@@ -300,7 +300,7 @@ import { Message } from 'element-ui';
            groupId: this.goodsList[this.currentIndex].groupId,
            goodsId: this.goodsList[this.currentIndex].goodsId,
            price: sku.normalPrice/100,
-            saleTotal: goodsObj.store.goods.soldQuantity
+            saleTotal: goodsObj.store.goods.soldQuantity || 0
          }
        })

--- a/yarn.lock
+++ b/yarn.lock