From 15cd54a44e0244e89ff9811c1bc3f374aef259b5 Mon Sep 17 00:00:00 2001
From: liushiwei <499672082@qq.com>
Date: Fri, 24 Nov 2023 01:04:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   1 +
 src/assets/free.png                           | Bin 0 -> 9225 bytes
 src/components/AiCopyFromTemu.vue             |   5 +-
 src/components/AiProductDetail.vue            |   4 +-
 src/components/AiProductDropDown.vue          |  60 ++-
 src/entry/background.js                       |   2 +
 src/manifest.production.json                  |   2 +-
 src/router/index.js                           |  26 +-
 src/view/Home.vue                             |  33 +-
 src/view/login/Register.vue                   |  21 +-
 src/view/product/CopyProduct.vue              | 157 ++++++-
 .../newproducttrack/newproduct/Index.vue      |  42 ++
 .../newproduct/components/Detail.vue          | 412 ++++++++++++++++++
 .../newproducttrack/newproductgroup/Index.vue |  57 +++
 .../newproductgroup/components/Detail.vue     | 235 ++++++++++
 .../newproductgroup/components/List.vue       | 318 ++++++++++++++
 .../storetrack/components/Detail.vue          |   4 -
 17 files changed, 1340 insertions(+), 39 deletions(-)
 create mode 100644 src/assets/free.png
 create mode 100644 src/view/selection/newproducttrack/newproduct/Index.vue
 create mode 100644 src/view/selection/newproducttrack/newproduct/components/Detail.vue
 create mode 100644 src/view/selection/newproducttrack/newproductgroup/Index.vue
 create mode 100644 src/view/selection/newproducttrack/newproductgroup/components/Detail.vue
 create mode 100644 src/view/selection/newproducttrack/newproductgroup/components/List.vue

diff --git a/package.json b/package.json
index 1aaf39a..1b5eca3 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "vue-json-excel": "^0.3.0",
     "vue-qr": "^4.0.9",
     "vue-router": "^3.2.0",
+    "crypto-js": "^4.0.0",
     "vuex": "^3.4.0",
     "vuex-persistedstate": "^4.1.0"
   },
diff --git a/src/assets/free.png b/src/assets/free.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab0b17d5e6c09471a6057a591c4679d1fe707ee0
GIT binary patch
literal 9225
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
Bx{Ck+

literal 0
HcmV?d00001

diff --git a/src/components/AiCopyFromTemu.vue b/src/components/AiCopyFromTemu.vue
index d734917..2a20f75 100644
--- a/src/components/AiCopyFromTemu.vue
+++ b/src/components/AiCopyFromTemu.vue
@@ -157,8 +157,9 @@ export default {
                 goods_id: this.goodsId
               }}).then((res) => {
                 if (!res.goods) {
-                  this.isCopying = false
-                  Message.error("获取商品信息失败，采集失败")
+                  //this.isCopying = false
+                  //Message.error("获取商品信息失败，采集失败")
+                  this.addToDraft()
                   return
                 }
                 this.goods = res.goods
diff --git a/src/components/AiProductDetail.vue b/src/components/AiProductDetail.vue
index fc781fa..3047ade 100644
--- a/src/components/AiProductDetail.vue
+++ b/src/components/AiProductDetail.vue
@@ -28,7 +28,7 @@ import { DualAxes } from '@antv/g2plot'
 
 export default {
   name: "AiProductDetail",
-  props: ['params'],
+  props: ['params', 'url'],
   components: {
     AiProductDropDown
   },
@@ -47,7 +47,7 @@ export default {
   },
   methods: {
     init() {
-      this.$http.post('/api/monitorDetail/queryProductDetail',null,{
+      this.$http.post(this.url ? this.url: '/api/monitorDetail/queryProductDetail',null,{
         params: {
           goodsId: this.params.goodsId,
           monitorId: this.params.monitorId
diff --git a/src/components/AiProductDropDown.vue b/src/components/AiProductDropDown.vue
index cb96f8a..a497a0f 100644
--- a/src/components/AiProductDropDown.vue
+++ b/src/components/AiProductDropDown.vue
@@ -8,6 +8,7 @@
         <el-dropdown-item v-if="isShowDetail" :command="beforeGoDetail(params.goodsId)">查看详情</el-dropdown-item>
         <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 :command="beforeGoWeb(params.url)">访问商品</el-dropdown-item>
         <el-dropdown-item :command="beforeGoMal(params.mallId)">访问店铺</el-dropdown-item>
@@ -24,6 +25,32 @@
       @close="handleClose">
       <ai-copy-from-temu v-if="copyFromDlgShow" :params="temuParams" @onClose="handleClose" @onSuccess="handleSuccess"></ai-copy-from-temu>
     </ai-dialog>
+
+    <ai-dialog
+      title="添加到分组"
+      :visible.sync="addGroupDlgShow"
+      :close-on-click-modal="false"
+      width="790px"
+      customFooter
+      :append-to-body="true"
+      @close="handleClose">
+      <el-form class="ai-form" :model="addGroupForm" label-width="120px" ref="addGroupForm">
+        <el-form-item label="分组" style="width: 100%;" prop="groupId" :rules="[{ required: true, message: '请选择分组', trigger: 'blur' }]">
+          <el-select style="width: 380px" v-model="addGroupForm.groupId" placeholder="请选择分组">
+            <el-option
+              v-for="item in groupList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="addGroupDlgShow = false">取消</el-button>
+        <el-button type="primary" @click="addToGroup">确定</el-button>
+      </div>
+    </ai-dialog>
   </div>
 </template>
 <script>
@@ -33,12 +60,18 @@ import { Message } from 'element-ui'
 export default {
   name: "AiProductDropDown",
   components: {AiCopyFromTemu},
-  props: ['params', 'isShowDetail', 'isShowAddFavorite', 'isShowDelFavorite'],
+  props: ['params', 'isShowDetail', 'isShowAddFavorite', 'isShowDelFavorite', 'isShowGroup'],
   data() {
     return {
       info: {},
       copyFromDlgShow: false,
-      temuParams: {}
+      addGroupDlgShow: false,
+      temuParams: {},
+      addGroupForm: {
+        groupId: '',
+        goodsId: ''
+      },
+      groupList: []
     }
   },
   computed: {
@@ -69,6 +102,14 @@ export default {
             this.$emit('onDelFavoriteSuccess')
           }
         })
+      } else if (e.type == 'addGroup') {
+        this.addGroupForm.goodsId = e.goodsId
+        this.$http.post('/api/newProductGroup/myPage?size=1000').then(res => {
+          if (res.code == 0) {
+            this.addGroupDlgShow = true
+            this.groupList = res.data.records
+          }
+        })
       } else if (e.type == 'goMall') {
         window.open('https://www.temu.com/mall.html?mall_id=' + e.mallId, '_blank');
       } else if (e.type == 'goWeb') {
@@ -88,6 +129,9 @@ export default {
     beforeDelFavorite(id) {
       return {type: 'delFavorite', id: id}
     },
+    beforeAddGroup(goodsId) {
+      return {type: 'addGroup', goodsId: goodsId}
+    },
     beforeCopy(url) {
       return {type: 'copy', url: url}
     },
@@ -102,6 +146,18 @@ export default {
     },
     handleSuccess() {
       this.copyFromDlgShow = false
+    },
+    addToGroup() {
+      this.$refs.addGroupForm.validate((valid) => {
+        if (valid) {
+          this.$http.post('/api/newProductGroupDetail/add', {...this.addGroupForm}).then(res => {
+            if (res.code == 0) {
+              this.addGroupDlgShow = false
+              Message.success("商品成功添加到分组")
+            }
+          })
+        }
+      })
     }
   }
 }
diff --git a/src/entry/background.js b/src/entry/background.js
index 516d21c..f98213a 100644
--- a/src/entry/background.js
+++ b/src/entry/background.js
@@ -41,6 +41,8 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
         'mode': 'cors'
       })).then((res) => {
         resolve(res.json());
+      }).catch(() => {
+        resolve({success: false, errorCode: -1})
       });
     }).then(sendResponse);
   } else if (request.type == 'temu') {
diff --git a/src/manifest.production.json b/src/manifest.production.json
index 1a52e9d..5896622 100644
--- a/src/manifest.production.json
+++ b/src/manifest.production.json
@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "TEMU助手",
   "description": "TEMU助手 - 自动化提高生产效率",
-  "version": "3.0.8",
+  "version": "3.1.0",
   "background": {
     "service_worker": "/background.js"
   },
diff --git a/src/router/index.js b/src/router/index.js
index 2fdbf0b..15f8734 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -67,7 +67,6 @@ const router = new VueRouter({
           name: 'copyProduct',
           component: () => import('../view/product/CopyProduct.vue')
         },
-
         {
           path: 'niubiCopy',
           name: 'niubiCopy',
@@ -93,6 +92,16 @@ const router = new VueRouter({
           name: 'indexTrack',
           component: () => import('../view/selection/indextrack/Index.vue')
         },
+        {
+          path: 'newProduct',
+          name: 'newProduct',
+          component: () => import('../view/selection/newproducttrack/newproduct/Index.vue')
+        },
+        {
+          path: 'newProductGroup',
+          name: 'newProductGroup',
+          component: () => import('../view/selection/newproducttrack/newproductgroup/Index.vue')
+        },
 
         {
           path: 'message',
@@ -121,7 +130,20 @@ const router = new VueRouter({
           path: 'learning',
           name: 'learning',
           component: () => import('../view/Learning.vue')
-        }
+        },
+        {
+          path: 'qualification',
+          name: 'qualification',
+          children: [
+            {
+              path: 'oushuitong',
+              name: 'oushuitong',
+              meta: {
+                activeMenu:'/qualification'
+              }
+            }
+          ]
+        },
       ]
     },
     {
diff --git a/src/view/Home.vue b/src/view/Home.vue
index 4db8fe1..230558f 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -81,12 +81,36 @@
               <span slot="title">选品采集</span>
             </template>
             <el-menu-item index="/niubiCopy">商品采集</el-menu-item>
-            <el-menu-item index="/storeTrack">店铺跟踪</el-menu-item>
-            <el-menu-item index="/keywordTrack">关键字跟踪</el-menu-item>
-            <el-menu-item index="/favoriteTrack">我的收藏</el-menu-item>
+            <el-submenu index="/track" style="padding-left: 15px;">
+              <template slot="title">
+                <span slot="title">选品跟踪</span>
+              </template>
+              <el-menu-item index="/storeTrack">店铺跟踪</el-menu-item>
+              <el-menu-item index="/keywordTrack">关键字跟踪</el-menu-item>
+              <el-menu-item index="/favoriteTrack">我的收藏</el-menu-item>
+            </el-submenu>
+            <el-submenu index="/newproductTrack" style="padding-left: 15px;">
+              <template slot="title">
+                <span slot="title">新品跟踪（免费）</span>
+              </template>
+              <el-menu-item index="/newProduct">上架新品</el-menu-item>
+              <el-menu-item index="/newProductGroup">我的分组</el-menu-item>
+            </el-submenu>
             <el-menu-item index="/indexTrack">首页商品跟踪</el-menu-item>
           </el-submenu>
-
+          <el-submenu index="/qualification">
+            <template slot="title">
+              <i class="el-icon-s-check"></i>
+              <span slot="title">资质合规</span>
+            </template>
+            <el-menu-item>
+              <template #title>
+                <a style="color: white" :href="'https://www.evatmaster.com/ost/registered?channelNo=SCBFWYSHZTEMUXZSQDHZ'" target="_blank">
+                  <span>欧税通</span>
+                </a>
+              </template>
+            </el-menu-item>
+          </el-submenu>
           <el-menu-item index="/saleData">
             <i class="el-icon-s-data"></i>
             <span slot="title">销售数据</span>
@@ -144,6 +168,7 @@ import AiPayment from "@/components/AiPayment.vue";
       }
     },
     computed: {
+      freeLogo: () => require("../assets/free.png"),
       getStateInfo() {
         if (this.$store.state.userInfo.flag == 0) {
           return '未激活';
diff --git a/src/view/login/Register.vue b/src/view/login/Register.vue
index 977e0a5..333c106 100644
--- a/src/view/login/Register.vue
+++ b/src/view/login/Register.vue
@@ -52,6 +52,7 @@
 </template>
 
 <script>
+import CryptoJS from 'crypto-js'
   export default {
     data () {
       return {
@@ -118,6 +119,23 @@
           }
         })
       },
+      encryptPhone (phone) {
+        const u = navigator.userAgent
+        const isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
+        var key = 'thanks,temulll11'
+        var iv = CryptoJS.enc.Latin1.parse(key)
+        var encrypted = CryptoJS.AES.encrypt(phone, iv, {
+          iv: iv,
+          mode: CryptoJS.mode.CBC,
+          padding: CryptoJS.pad.ZeroPadding
+        })
+
+        if (isIos) {
+          return encodeURIComponent(encrypted.toString())
+        } else {
+          return encrypted.toString()
+        }
+      },
 
       getCode () {
         if (this.isSend) {
@@ -126,9 +144,10 @@
 
         this.$refs.form.validateField('phone', e => {
           if (!e) {
+            let phone = this.encryptPhone(this.form.phone)
             this.isSend = true
             this.btnLoading = true
-            this.$http.post(`/api/sms/getRegSmsCode?phone=${this.form.phone}`, {}, {
+            this.$http.post(`/api/sms/getRegSmsCodeNew?phone=${phone}`, {}, {
               withoutToken: true
             }).then(res => {
               if (res.code === 0) {
diff --git a/src/view/product/CopyProduct.vue b/src/view/product/CopyProduct.vue
index 63f0539..6bfb430 100644
--- a/src/view/product/CopyProduct.vue
+++ b/src/view/product/CopyProduct.vue
@@ -45,7 +45,7 @@
               <template #left>
                 <div class="search-item">
                   <label style="width:90px">店铺：</label>
-                  <el-select v-model="productPage.mallId" @change="productTableData = [], productPage.total = 0, productPage.page =1, getProductList()" placeholder="请选择">
+                  <el-select v-model="productPage.mallId" @change="productTableData = [], productPage.total = 0, productPage.page =1, getProductOrDraftList()" placeholder="请选择">
                     <el-option
                       v-for="item in $store.state.mallList"
                       :key="item.mallId"
@@ -54,6 +54,21 @@
                     </el-option>
                   </el-select>
                 </div>
+                <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">SKC：</label>
                   <el-input size="small" placeholder="请输入SKC，多个用,隔开" v-model="productPage.productSkcIds" @keyup.enter.native="productPage.page =1, getProductList()"></el-input>
@@ -67,10 +82,11 @@
                 <el-button @click="productPage= {
                       page: 1,
                       pageSize: 10,
+                      from: '0',
                       productName: '',
                       productSkcIds: ''
-                    }, getProductList()">重置</el-button>
-                <el-button type="primary" @click="productPage.page =1, getProductList()">查询</el-button>
+                    }, getProductOrDraftList()">重置</el-button>
+                <el-button type="primary" @click="productPage.page =1, getProductOrDraftList()">查询</el-button>
               </template>
             </ai-search-bar>
             <ai-table
@@ -80,7 +96,7 @@
               :current.sync="productPage.page" :size.sync="productPage.pageSize"
               style="margin-top: 8px;"
               @selection-change="productHandleSelectionChange"
-              @getList="getProductList">
+              @getList="getProductOrDraftList">
             </ai-table>
           </div>
         </template>
@@ -98,7 +114,7 @@
       width="790px"
       customFooter
       @close="handleClose">
-      <el-form class="ai-form" :model="form" label-width="120px" ref="form">
+      <el-form class="ai-form" :model="form" label-width="160px" ref="form">
         <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
@@ -109,7 +125,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" 
@@ -207,7 +232,7 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
 
         dlgShow: false,
         productTableData: [],
-        productPage: {page: 1, pageSize: 10, mallId: '', productName: '', productSkcIds: '', total: 0},
+        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' },
@@ -220,7 +245,8 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
         productIds: [],
         form: {
           targetMallId: '',
-          targetCatId: []
+          targetCatId: [],
+          isSameCategory: true
         }
       }
     },
@@ -270,7 +296,7 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
       // 添加模板
       handleClose() {
         this.productTableData = []
-        this.productPage = {page: 1, pageSize: 10, total: 0}
+        this.productPage = {page: 1, pageSize: 10, from: '0', total: 0}
         this.dlgShow = false
       },
       toAddTemplate() {
@@ -283,10 +309,46 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
               return;
             }
             this.dlgShow = true
-            this.getProductList()
+            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()
+          }
+        });
+      },
       getProductList() {
         let params = {};
         params.page = this.productPage.page;
@@ -332,11 +394,15 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
         }
         this.productIds.map((productSpu, index) => {
           setTimeout(() => {
-            this.saveTemplate(productSpu, index)
+            if (this.productPage.from == '0') {
+              this.saveProductTemplate(productSpu, index)
+            } else {
+              this.saveDraftTemplate(productSpu, index)
+            }
           }, 200 * index)
         })
       },
-      saveTemplate(spu, index) {
+      saveProductTemplate(spu, index) {
         sendChromeAPIMessage({
           url: 'bg-visage-mms/product/query',
           needMallId: true,
@@ -365,7 +431,39 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
               }
             })
           } else {
-            this.saveTemplate(spu, index)
+            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 = transform(res.result)
+            let mallInfo = this.$store.state.mallList.filter(item => {
+              return item.mallId == this.productPage.mallId
+            })
+            this.$http.post('/api/product/add', {
+                mallId: mallInfo[0].mallId,
+                mallName: mallInfo[0].mallName,
+                productSpu: spu,
+                productName: res.result.productName,
+                content: content
+              }).then(res1 => {
+              if (res1.code == 0) {
+                Message.success("商品【" + res.result.productName + "】成功添加为商品模板")
+                if (index == this.productIds.length - 1) {
+                  this.getList()
+                }
+              }
+            })
+          } else {
+            this.saveDraftTemplate(spu, index)
           }
         })
       },
@@ -383,23 +481,38 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
               let product = this.tableData.filter((item) => {
                 return item.id == id
               })
+              let content = JSON.parse(product[0].content)
+              let category = null
+              if (this.form.isSameCategory) {
+                let i = 1
+                while(true) {
+                  if (!content['cat'+i+'Id']) {
+                    break
+                  }
+                  i++
+                }
+                category = content['cat'+(i-1)+'Id']
+              } else {
+                category = this.form.targetCatId[this.form.targetCatId.length - 1]
+              }
               setTimeout(() => {
                 sendChromeAPIMessage({
                   url: 'bg-visage-mms/product/draft/add',
                   needMallId: true,
                   mallId: this.form.targetMallId,
                   data: {
-                    catId: this.form.targetCatId[this.form.targetCatId.length - 1]
+                    catId: category
                 }}).then((res) => {
                   if (res.errorCode == 1000000) {
                     let draftId = res.result.productDraftId
-                    let content = JSON.parse(product[0].content)
-                    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'] = ''
+                    if (!this.form.isSameCategory) {
+                      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
                     sendChromeAPIMessage({
@@ -411,6 +524,8 @@ import AiLazyCascader from "@/components/AiLazyCascader.vue"
                     }}).then((res) => {
                       if (res.errorCode == 1000000) {
                         Message.success("商品【" + product[0].productName + "】成功添加到草稿箱")
+                      } else {
+                        Message.error(res.errorMsg)
                       }
                     })
                   } else {
diff --git a/src/view/selection/newproducttrack/newproduct/Index.vue b/src/view/selection/newproducttrack/newproduct/Index.vue
new file mode 100644
index 0000000..fed9265
--- /dev/null
+++ b/src/view/selection/newproducttrack/newproduct/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: 'NewProduct',
+    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>
+
diff --git a/src/view/selection/newproducttrack/newproduct/components/Detail.vue b/src/view/selection/newproducttrack/newproduct/components/Detail.vue
new file mode 100644
index 0000000..154573a
--- /dev/null
+++ b/src/view/selection/newproducttrack/newproduct/components/Detail.vue
@@ -0,0 +1,412 @@
+<template>
+  <div>
+    <ai-list class="list" v-loading="isLoading" element-loading-text="拼命加载中">
+      <ai-title
+        slot="title"
+        title="上架新品"
+        isShowBottomBorder>
+        <template #rightBtn>
+          <div class="title-right">
+            上次更新时间：{{ lastUpdateTime }}
+            <div>
+              <el-button type="button" :class="'el-button el-button--primary'" @click="beginSync">同步</el-button>
+            </div>
+          </div>
+        </template>
+      </ai-title>
+      <template #left>
+        <div class="categoryTree">
+          <el-tree ref="tree" lazy :load="loadCategory" 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">
+        <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' }">
+            <el-image :src="item.imgUrl" class="image" :preview-src-list="[item.imgUrl]" />
+            <div style="padding: 14px;">
+              <div class="bottom clearfix">
+                <div style="margin-bottom: 5px;">
+                  <div style="display: inline; margin-left: 5px;">${{ item.price }}</div>
+                  <ai-product-drop-down :params="item" :isShowGroup="true" :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="form.size"
+            :current-page.sync="form.current"
+            @current-change="getList">
+            <div class="paginationPre-total">共<label class="color-primary">{{ total }}</label>条记录
+            </div>
+          </el-pagination>
+        </div>
+      </template>
+    </ai-list>
+    <ai-dialog
+      title="提示"
+      :visible.sync="isTipDlgShow"
+      :close-on-click-modal="false"
+      width="790px"
+      customFooter
+      @close="isDlgShow = false">
+      <div style="display: block;height: 30px;">商品链接可能出现图形验证码，导致采集失败，是否前往验证？</div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="isTipDlgShow = false">取消</el-button>
+        <el-button style="width: 180px;" @click="isTipDlgShow = false, isLoading = true, toCollect()">已验证，继续采集</el-button>
+        <el-button type="primary" @click="gotoValid">前往验证</el-button>
+      </div>
+    </ai-dialog>
+  </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
+        },
+        form: {
+          current: 1,
+          size: 18,
+          category: null
+        },
+        defaultExpanded: [],
+        tableData: [],
+        total: 0,
+        offset: 0,
+        pageSize: 120,
+        currentData: null,
+
+        isLoading: false,
+        isOptApi: true,
+
+        goodsList: [],
+        currentIndex: 0,
+        errorUrl: '',
+        isTipDlgShow: false,
+
+        lastUpdateTime: '',
+
+        treeNode: null,
+        treeResolve: null
+      }
+    },
+
+    created () {
+      this.getList()
+      this.getLastUpdateTime()
+    },
+
+    methods: {
+      loadCategory(node, resolve) {
+        this.$http.post('/api/category/listByParent_newProduct',null,{
+          params: {
+            parentId: node.data?.optId || "0"
+          }
+        }).then(res => {
+          if (res?.data) {
+            if (!node.data) {
+              this.treeNode = node
+              this.treeResolve = resolve
+            }
+            let data = res.data.map(item => {
+              return {
+                name: item.name + '(' + item.total + ')',
+                optId: item.optId,
+                parentId: item.parentId
+              }
+            })
+            data = data.filter(item => {
+              return item.optId != -13
+            })
+            resolve(data)
+          } else {
+            resolve([])
+          }
+        })
+      },
+      getLastUpdateTime() {
+        this.$http.post('/api/newProduct/getLastUpdateTime').then(res => {
+          if (res?.data) {
+            this.lastUpdateTime = res.data
+          }
+        })
+      },
+      beginSync() {
+        this.isLoading = true
+        this.offset = 0
+        this.getNewProductData()
+      },
+      async getNewProductData() {
+        let res = await sendTemuAPIMessage({
+          url: 'api/poppy/v1/title_bar_recommend?scene=home_title_bar_new_in',
+          anti: true,
+          data: {
+            scene: "home_title_bar_new_in",
+            offset: this.offset,
+            pageSize: this.pageSize,
+            filterItems: null
+          }})
+        
+        if (res.success) {
+          let arr = []
+          for (let i = 0;i < res.result.data.goods_list.length; i++) {
+            let item = res.result.data.goods_list[i]
+
+            let data = {
+              goodsId: item.goods_id, 
+              price: item.price_info.price_schema,
+              saleTotal: 0,
+              url: 'https://www.temu.com/goods.html?goods_id=' + item.goods_id,
+              imgUrl: item.thumb_url,
+              mallId: item.mall_id
+            }
+
+            arr.push(data)
+          }
+
+          let res2 = await this.$http.post('/api/newProduct/addBatch', arr)
+
+          if (res2.code == 0 && res2.data != 1) {
+            if (res.result.data.goods_list.length == this.pageSize) {
+              this.offset = this.offset + this.pageSize
+              this.getNewProductData()
+            } else {
+              this.updateCategory()
+            }
+          } else {
+            this.updateCategory()
+          }
+        } else {
+          this.isLoading = false
+          Message.error("同步新上架商品失败")
+        }
+      },
+      async updateCategory() {
+        let res = await this.$http.post('/api/newProduct/getAllGoodsNoCategory')
+        if (res.code == 0) {
+          this.goodsList = res.data
+          this.currentIndex = 0
+          this.toCollect()
+        } else {
+          Message.error("采集失败")
+        }
+      },
+      async toCollect() {
+        if (this.currentIndex == this.goodsList.length) {
+          this.isLoading = false
+          Message.success("采集成功")
+          this.treeNode.childNodes = []
+          this.loadCategory(this.treeNode,this.treeResolve)
+          this.getLastUpdateTime()
+          return
+        }
+        let res1 = null
+        let opts = null
+        if (this.isOptApi) {
+          res1 = await sendTemuAPIMessage({
+            url: 'api/poppy/v1/opt',
+            anti: true,
+            data: {
+              offset: 0,
+              page_size: -1,
+              mainGoodsId: this.goodsList[this.currentIndex].goods_id,
+              scene: "pc_crumb_list"
+            }
+          })
+
+          if (res1.success && res1.result.data.crumb_opt_list) {
+            opts = res1.result.data.crumb_opt_list.map(item1 => {
+              return item1.opt_id
+            })
+          } else {
+            this.isOptApi = false
+          }
+
+        }
+        if (!this.isOptApi) {
+          res1 = await sendChromeWebReqMessage({
+            type: 'temu',
+            url: 'https://www.temu.com/goods.html?goods_id=' + this.goodsList[this.currentIndex].goods_id,
+          })
+          if (res1.indexOf("window.rawData") == -1) {
+            this.isLoading = false
+            this.errorUrl = 'https://www.temu.com/goods.html?goods_id=' + this.goodsList[this.currentIndex].goods_id
+            this.isTipDlgShow = true
+            return
+          }
+          let str = res1.substring(res1.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)
+          let crumbOptList = goodsObj.store.crumbOptList
+
+          opts = crumbOptList.map(item1 => {
+            return item1.optId
+          })
+        }
+
+        if (opts) {
+          this.$http.post('/api/newProduct/updateGoodsCategory', null, {params: {goodsId: this.goodsList[this.currentIndex].goods_id,category: opts.join(',')}})
+        } else {
+          this.isLoading = false
+          Message.error("同步类目失败")
+          return
+        }
+
+        this.currentIndex ++
+        this.toCollect()
+      },
+      getList() {
+        this.$http.post('/api/newProduct/page',null,{
+          params: {
+            category: this.currentData?.optId || '',
+            current: this.form.current,
+            size: this.form.size
+          }
+        }).then(res => {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        })
+      },
+      handleNodeClick(data) {
+        this.currentData = data
+        this.form.current = 1
+        this.getList()
+      },
+      gotoValid() {
+        window.open(this.errorUrl, '_blank');
+      }
+    }
+  }
+</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;
+  }
+</style>
diff --git a/src/view/selection/newproducttrack/newproductgroup/Index.vue b/src/view/selection/newproducttrack/newproductgroup/Index.vue
new file mode 100644
index 0000000..faa052c
--- /dev/null
+++ b/src/view/selection/newproducttrack/newproductgroup/Index.vue
@@ -0,0 +1,57 @@
+<template>
+  <div style="height: 100%;">
+    <transition name="fade-transform" mode="out-in">
+      <keep-alive :include="['List']">
+        <component ref="component" :is="component" @change="onChange" :params="params"></component>
+      </keep-alive>
+    </transition>
+  </div>
+</template>
+
+<script>
+  import List from './components/List.vue'
+  import Detail from './components/Detail.vue'
+
+  export default {
+    name: 'NewProductGroup',
+    label: '我的分组',
+
+    components: {
+      List,
+      Detail
+    },
+
+    data () {
+      return {
+        component: 'List',
+        params: {}
+      }
+    },
+
+    methods: {
+      onChange (data) {
+        if (data.type === 'Detail') {
+          this.component = 'Detail'
+          this.params = data.params
+        }
+
+        if (data.type === 'List') {
+          this.component = 'List'
+          this.params = data.params
+
+          this.$nextTick(() => {
+            if (data.isRefresh) {
+              setTimeout(() => {
+                this.$refs.component.getList()
+              }, 600)
+            }
+          })
+        }
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+</style>
+
diff --git a/src/view/selection/newproducttrack/newproductgroup/components/Detail.vue b/src/view/selection/newproducttrack/newproductgroup/components/Detail.vue
new file mode 100644
index 0000000..4428938
--- /dev/null
+++ b/src/view/selection/newproducttrack/newproductgroup/components/Detail.vue
@@ -0,0 +1,235 @@
+<template>
+  <div>
+    <ai-list class="list">
+      <ai-title
+        slot="title"
+        title="分组商品列表"
+        isShowBottomBorder isShowBack @onBackClick="cancel(false)">
+      </ai-title>
+      <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' }">
+            <span class="nav-label labelBadge">
+              <el-image :src="item.imgUrl" class="image" :preview-src-list="[item.imgUrl]" />
+            </span>
+            <div style="padding: 14px;">
+              <div class="bottom clearfix">
+                <div style="margin-bottom: 5px;">
+                  <div style="display: inline; margin-left: 5px;">${{ item.price }}<sub style="margin-left: 2px;" v-html="getPricePercent(item.priceChange)"></sub></div>
+                  <div style="display: inline; margin-right: 5px; float: right;">{{ item.saleTotal }}<sub style="margin-left: 2px;" v-html="getSalePercent(item.saleChange)"></sub></div>
+                </div>
+                <div>
+                  <div style="display: inline">日均销量: <span style="color: red; font-weight: bold">{{ item.averageSale }}</span></div>
+                    <ai-product-drop-down :params="item" :isShowDetail="true" :isShowAddFavorite="false" :isShowDelFavorite="false" @onGoDetail="goDetail(item.goodsId)" 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">
+          </el-pagination>
+        </div>
+      </template>
+    </ai-list>
+
+    <div class="productDetail">
+      <el-dialog
+        title="商品详情"
+        :visible="isShowDetailDlg"
+        :close-on-click-modal="false"
+        width="80%"
+        :before-close="handleClose">
+        <ai-product-detail v-if="isShowDetailDlg" :params="detailParams" :url="'/api/newProductDetail/queryDetail'"/>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import AiProductDetail from "@/components/AiProductDetail.vue";
+import AiProductDropDown from '@/components/AiProductDropDown.vue';
+
+  export default {
+    name: 'DetailPage',
+    props: ['params'],
+    components: {AiProductDetail, AiProductDropDown},
+    data () {
+      return {
+        groupId: '',
+        search: {
+          current: 1,
+          type: '1',
+          size: 120,
+          orderBy: '',
+          priceBegin: '',
+          priceEnd: '',
+          saleBegin: '',
+          saleEnd: ''
+        },
+        orderBys: [{
+          value: '0',
+          label: '按销量涨辐排序'
+        },{
+          value: '1',
+          label: '按价格涨辐排序'
+        },{
+          value: '2',
+          label: '按销量排序'
+        },{
+          value: '3',
+          label: '按价格排序'
+        },{
+          value: '4',
+          label: '按日均销量排序'
+        }],
+        tableData: [],
+        total: 0,
+        isShowDetailDlg: false,
+        detailParams: {}
+      }
+    },
+
+    created () {
+      this.groupId = this.params.id
+      this.getList()
+    },
+
+    methods: {
+      getList () {
+        this.$http.post('/api/newProductGroupDetail/myPage',null,{
+          params: {
+            groupId: this.groupId,
+            ...this.search
+          }
+        }).then(res => {
+          this.tableData = res.data.records
+          this.total = res.data.total
+        })
+      },
+      cancel (isRefresh) {
+        this.$emit('change', {
+          type: 'List',
+          isRefresh: !!isRefresh
+        })
+      },
+      getPricePercent(data) {
+        if (data < 0) {
+          return '<div style="display: inline; color: green">↓' + data + '%</div>'
+        } else if (data > 0) {
+          return '<div style="display: inline; color: red">↑' + data + '%</div>'
+        }
+        return ''
+      },
+      getSalePercent(data) {
+        if (data < 0) {
+          return '<div style="display: inline; color: green">↓' + data + '%</div>'
+        } else if (data > 0) {
+          return '<div style="display: inline; color: red">↑' + data + '%</div>'
+        }
+        return ''
+      },
+      handleClose() {
+        this.isShowDetailDlg = false
+      },
+      goDetail (goodsId) {
+        this.detailParams = {goodsId: goodsId}
+        this.isShowDetailDlg = true
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+.productDetail {
+  :deep(.el-dialog) {
+      height: 78vh;
+      overflow: auto;
+  }
+
+}
+.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;
+  }
+
+  /*徽标*/
+.labelBadge {
+    position: relative;
+}
+
+.ii {
+    background: #f00;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+    top: -3px;
+    right: -5px;
+    position: absolute;
+    text-align: center;
+    color: #FFF;
+    z-index: 999;
+    font-size: 14px;
+}
+
+</style>
diff --git a/src/view/selection/newproducttrack/newproductgroup/components/List.vue b/src/view/selection/newproducttrack/newproductgroup/components/List.vue
new file mode 100644
index 0000000..3d4c593
--- /dev/null
+++ b/src/view/selection/newproducttrack/newproductgroup/components/List.vue
@@ -0,0 +1,318 @@
+<template>
+  <div>
+    <ai-list class="list" v-loading="isLoading" element-loading-text="正在采集中……" element-loading-spinner="el-icon-loading">
+      <ai-title
+        slot="title"
+        title="我的分组"
+        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="addStore()">添加分组</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">
+            <el-table-column slot="options" label="操作" width="240px" show-overflow-tooltip align="center" fixed="right">
+              <template slot-scope="{ row }">
+                <div class="table-options">
+                  <el-button type="text" @click="deleteGroup(row.id)">删除</el-button>
+                  <el-button type="text" @click="toUpdateGroup(row)">修改</el-button>
+                  <el-button type="text" @click="toDetail(row.id)">详情</el-button>
+                  <el-button type="text" @click="toBegin(row)">采集数据</el-button>
+                </div>
+              </template>
+            </el-table-column>
+          </ai-table>
+        </div>
+      </template>
+    </ai-list>
+
+    <ai-dialog
+      title="添加分组"
+      :visible.sync="isDlgShow"
+      :close-on-click-modal="false"
+      width="790px"
+      customFooter
+      @close="isDlgShow = false">
+      <el-form class="ai-form" style="margin-top: 20px" :model="form" label-width="120px" ref="form">
+        <el-form-item
+          prop="name"
+          label="分组名称"
+          :rules="[{ required: true, message: '请输入分组名称', trigger: 'blur' }]">
+          <el-input placeholder="请输入分组名称" v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item
+          prop="remark"
+          label="备注"
+          :rules="[{ required: true, message: '请输入备注', trigger: 'blur' }]">
+          <el-input placeholder="请输入备注" v-model="form.remark"></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="isDlgShow = false">取 消</el-button>
+        <el-button type="primary" @click="saveStore">确定</el-button>
+      </div>
+    </ai-dialog>
+
+    <ai-dialog
+      title="修改分组"
+      :visible.sync="isUpdateDlgShow"
+      :close-on-click-modal="false"
+      width="790px"
+      customFooter
+      @close="isDlgShow = false">
+      <el-form class="ai-form" :model="updateForm" label-width="120px" ref="updateForm">
+        <el-form-item
+          prop="name"
+          label="分组名称"
+          :rules="[{ required: true, message: '请输入分组名称', trigger: 'blur' }]">
+          <el-input placeholder="请输入分组名称" v-model="updateForm.name"></el-input>
+        </el-form-item>
+        <el-form-item
+          prop="remark"
+          label="备注"
+          :rules="[{ required: true, message: '请输入备注', trigger: 'blur' }]">
+          <el-input placeholder="请输入备注" v-model="updateForm.remark"></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="isUpdateDlgShow = false">取消</el-button>
+        <el-button type="primary" @click="updateGroup">确定</el-button>
+      </div>
+    </ai-dialog>
+
+    <ai-dialog
+      title="提示"
+      :visible.sync="isTipDlgShow"
+      :close-on-click-modal="false"
+      width="790px"
+      customFooter
+      @close="isDlgShow = false">
+      <div style="display: block;height: 30px;">商品链接可能出现图形验证码，导致采集失败，是否前往验证？</div>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="isTipDlgShow = false">取消</el-button>
+        <el-button style="width: 180px;" @click="isTipDlgShow = false, isLoading = true, beginCollect()">已验证，继续采集</el-button>
+        <el-button type="primary" @click="gotoValid">前往验证</el-button>
+      </div>
+    </ai-dialog>
+  </div>
+</template>
+
+<script>
+import {sendChromeWebReqMessage} from '@/api/chromeApi'
+import { Message } from 'element-ui';
+
+  export default {
+    name: 'List',
+
+    data () {
+      return {
+        search: {
+          current: 1,
+          size: 10
+        },
+        colConfigs: [
+          { prop: 'name', label: '分组名称', align: 'left' },
+          { prop: 'remark', label: '备注', align: 'left'},
+          { prop: 'lastUpdateTime', label: '最后一次更新时间', align: 'left' },
+          { prop: 'createTime', label: '添加时间', width: '180px', fixed: 'right'}
+        ],
+        tableData: [],
+        total: 0,
+
+        form: {
+          name: '',
+          remark: ''
+        },
+
+        updateObj: {},
+        isUpdateDlgShow: false,
+        updateForm: {
+          id: '',
+          name: '',
+          remark: ''
+        },
+
+        isDlgShow: false,
+        detailsVo: {},
+        pageNo: 1,
+        pageSize: 120,
+
+        isLoading: false,
+
+        currentRow: {},
+        goodsList: [],
+        currentIndex: 0,
+
+        isTipDlgShow: false
+      }
+    },
+
+    created () {
+      this.$dict.load('monitor_status');
+      this.getList()
+    },
+
+    methods: {
+      getList () {
+        this.$http.post('/api/newProductGroup/myPage',null,{
+            params: {
+                ...this.search
+            }
+        }).then(res => {
+            this.tableData = res.data.records
+            this.total = res.data.total
+        })
+      },
+      onChooseChange (val) {
+        this.selectRows = val;
+      },
+      saveStore () {
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            this.$http.post(`/api/newProductGroup/add`, {name: this.form.name, remark: this.form.remark}).then(res => {
+              if (res.code == 0) {
+                this.$message.success('添加成功！')
+                this.$store.dispatch('getUserInfo')
+                this.getList()
+                this.isDlgShow = false
+              }
+            })
+          }
+        })
+      },
+      toUpdateGroup (obj) {
+        this.updateObj = obj
+        this.updateForm.name = obj.name
+        this.updateForm.remark = obj.remark
+        this.isUpdateDlgShow = true
+      },
+      updateGroup () {
+        this.$refs.updateForm.validate((valid) => {
+          if (valid) {
+            this.$http.post(`/api/newProductGroup/update`, {id: this.updateObj.id, name: this.updateForm.name, remark: this.updateForm.remark}).then(res => {
+              if (res.code == 0) {
+                this.$message.success('修改成功！')
+                this.getList()
+                this.isUpdateDlgShow = false
+              }
+            })
+          }
+        })
+      },
+      renew(id) {
+        this.$confirm('确定要续费？', '温馨提示', {
+          type: 'warning'
+        }).then(() => {
+          this.$http.post('/api/newProductGroup/renew',null, {
+            params: {
+              id: id
+            }
+          }
+          ).then(res => {
+            if (res.code == 0) {
+              this.$message.success('续费成功！')
+              this.$store.dispatch('getUserInfo')
+              this.getList()
+            }
+          })
+        })
+      },
+      deleteGroup(id) {
+        this.$confirm('确定要删除？', '温馨提示', {
+          type: 'warning'
+        }).then(() => {
+          this.$http.post('/api/newProductGroup/del',null, {
+            params: {
+              id: id
+            }
+          }
+          ).then(res => {
+            if (res.code == 0) {
+              this.$message.success('删除成功！')
+              this.getList()
+            }
+          })
+        })
+      },
+      toDetail (id) {
+        this.$emit('change', {
+          type: 'Detail',
+          params: {
+            id: id || ''
+          }
+        })
+      },
+      addStore() {
+        this.form.name = ''
+        this.form.remark = ''
+        this.isDlgShow = true
+      },
+      toBegin(row) {
+        this.currentRow = row
+        this.isLoading = true
+
+        this.$http.post('/api/newProductGroupDetail/getGoodsList',null,{
+            params: {
+              groupId: row.id
+            }
+        }).then(res => {
+            this.goodsList = res.data
+            this.currentIndex = 0
+            this.beginCollect()
+        })
+      }, 
+      async beginCollect() {
+        if (this.currentIndex >= this.goodsList.length) {
+          Message.success("采集成功")
+          this.isLoading = false
+          this.getList()
+          return
+        }
+        let res = await sendChromeWebReqMessage({
+          type: 'temu',
+          url: 'https://www.temu.com/goods.html?goods_id=' + this.goodsList[this.currentIndex].goodsId,
+        })
+        if (res.indexOf("window.rawData") == -1) {
+          this.isLoading = false
+          this.errorUrl = 'https://www.temu.com/goods.html?goods_id=' + this.goodsList[this.currentIndex].goodsId
+          this.isTipDlgShow = true
+          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)
+        let sku = goodsObj.store.sku[0]
+
+        await this.$http.post('/api/newProductDetail/addDetail',null,{
+          params: {
+            groupId: this.goodsList[this.currentIndex].groupId,
+            goodsId: this.goodsList[this.currentIndex].goodsId,
+            price: sku.normalPrice/100,
+            saleTotal: goodsObj.store.goods.soldQuantity
+          }
+        })
+
+        this.currentIndex ++
+        this.beginCollect()
+      },
+      gotoValid() {
+        window.open(this.errorUrl, '_blank')
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/view/selection/storetrack/components/Detail.vue b/src/view/selection/storetrack/components/Detail.vue
index 7ab7749..68581f0 100644
--- a/src/view/selection/storetrack/components/Detail.vue
+++ b/src/view/selection/storetrack/components/Detail.vue
@@ -33,10 +33,6 @@
             <el-button type="primary" @click="search.current =1, getList()">查询</el-button>
           </template>
         </ai-search-bar>
-          
-        <div style="margin-right: 0px; margin-bottom: 10px;">
-          
-        </div>
         <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' }">
             <span class="nav-label labelBadge">