From a903092aab4181e59270dc968a31e2a5986b06ef Mon Sep 17 00:00:00 2001
From: liushiwei <499672082@qq.com>
Date: Fri, 13 Oct 2023 15:40:16 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/back.png                           | Bin 0 -> 9414 bytes
 src/components/AiProductDetail.vue            |  53 ++++
 src/components/AiTitle.vue                    |   7 +-
 src/view/selection/StoreTrack.vue             | 236 ------------------
 .../storetrack/components/Detail.vue          | 178 +++++++++----
 .../selection/storetrack/components/List.vue  |  26 --
 6 files changed, 193 insertions(+), 307 deletions(-)
 create mode 100644 src/assets/back.png
 create mode 100644 src/components/AiProductDetail.vue
 delete mode 100644 src/view/selection/StoreTrack.vue

diff --git a/src/assets/back.png b/src/assets/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..46ae336e53015d23cbfdb1d11ec82f3766cd994e
GIT binary patch
literal 9414
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

literal 0
HcmV?d00001

diff --git a/src/components/AiProductDetail.vue b/src/components/AiProductDetail.vue
new file mode 100644
index 0000000..ae1cf95
--- /dev/null
+++ b/src/components/AiProductDetail.vue
@@ -0,0 +1,53 @@
+<template>
+  <ai-detail class="audit">
+    <template slot="content">
+      <ai-card title="基本信息">
+        <template #content>
+          <ai-wrapper
+            label-width="120px">
+            <ai-info-item label="名称"   :value="info.name"></ai-info-item>
+            <ai-info-item label="显示顺序"   :value="info.showIndex"></ai-info-item>
+            <ai-info-item label="创建时间"   :value="info.createTime" ></ai-info-item>
+          </ai-wrapper>
+        </template>
+      </ai-card>
+      <ai-card title="趋势信息">
+        <template #content>
+          <div id="chart"></div>
+        </template>
+      </ai-card>
+    </template>
+  </ai-detail>
+</template>
+<script>
+import { Message } from "element-ui"
+
+export default {
+  name: "AiProductDetail",
+  props: ['params'],
+  data() {
+    return {
+      info: {}
+    }
+  },
+  computed: {
+  },
+  created() {
+    console.log(this.params.goodsId)
+    this.getInfo()
+  },
+  methods: {
+    getInfo() {
+      this.$http.post('/api/monitorDetail/queryDetail',null,{
+        params: {
+          goodsId: this.params.goodsId
+        }
+      }).then(res => {
+        this.info = res.data
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+</style>
diff --git a/src/components/AiTitle.vue b/src/components/AiTitle.vue
index 2c9c989..7c43154 100644
--- a/src/components/AiTitle.vue
+++ b/src/components/AiTitle.vue
@@ -1,9 +1,9 @@
 <template>
   <section class="AiTitle" :class="{ 'bottomBorder': isShowBottomBorder, AiTitleSub: isHasSub}">
-    <i class="iconfont iconBack_Large" v-if="isShowBack" @click="onBackBtnClick"/>
     <div class="fill">
       <div class="ailist-title">
         <div class="ailist-title__left">
+          <i class="el-icon-back" title="返回" style="color: #1989fa; cursor: pointer;" v-if="isShowBack" @click="onBackBtnClick"></i>
           <h2>{{ title }}</h2>
           <p>{{ tips }}</p>
         </div>
@@ -59,9 +59,7 @@
 
     methods: {
       onBackBtnClick() {
-        this.closePage()
         this.$emit('onBackClick')
-        this.$emit('back')
       }
     }
   }
@@ -131,6 +129,9 @@
       font-size: 12px;
       margin-top: 4px;
     }
+    .iconBack_Large:before {
+      content: "\e63d";
+    }
 
     .iconBack_Large {
       line-height: 48px;
diff --git a/src/view/selection/StoreTrack.vue b/src/view/selection/StoreTrack.vue
deleted file mode 100644
index 97014d3..0000000
--- a/src/view/selection/StoreTrack.vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<template>
-  <div>
-    <ai-list class="list">
-      <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>
-            <template #right>
-              <el-button size="small" circle icon="el-icon-refresh-right" @click="getList()"></el-button>
-            </template>
-          </ai-search-bar>
-          <ai-table
-            :tableData="tableData"
-            :col-configs="colConfigs"
-            :total="total"
-            style="margin-top: 8px;"
-            :current.sync="search.current" :size.sync="search.size"
-            @selection-change="handleSelectionChange"
-            @getList="getList">
-            <el-table-column slot="options" label="操作" width="180px" show-overflow-tooltip align="center" fixed="right">
-              <template slot-scope="{ row }">
-                <div class="table-options">
-                  <el-button type="text" @click="renew(row.id)">续费</el-button>
-                  <el-button type="text" @click="detail(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="handleClose">
-      <el-form class="ai-form" :model="form" label-width="120px" ref="form">
-        <el-form-item
-          prop="mallId"
-          label="店铺ID"
-          :rules="[{ required: true, message: '请输入店铺ID', trigger: 'blur' }]">
-          <el-input placeholder="请输入店铺ID" v-model="form.mallId"></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>
-  </div>
-</template>
-
-<script>
-import {sendTemuAPIMessage} from '@/api/chromeApi'
-import {timestampToTime} from '@/utils/date'
-
-  export default {
-    name: 'StoreTrack',
-
-    data () {
-      return {
-        search: {
-          current: 1,
-          type: '1',
-          size: 10
-        },
-        colConfigs: [
-          { prop: 'content', label: '店铺ID', align: 'left' },
-          { prop: 'lastUpdateTime', label: '最后一次更新时间', align: 'left' },
-          { prop: 'status', label: '状态', align: 'left', format: v => this.$dict.getLabel('monitor_status', v), },
-          { prop: 'expireTime', label: '失效时间', align: 'left' },
-          { prop: 'createTime', label: '添加时间', width: '180px', fixed: 'right'}
-        ],
-        tableData: [],
-        total: 0,
-        ids: [],
-
-        form: {
-          mallId: ''
-        },
-
-        isDlgShow: false,
-        detailsVo: {},
-        pageNo: 1,
-        pageSize: 120
-      }
-    },
-
-    created () {
-      this.$dict.load('monitor_status');
-      this.getList()
-    },
-
-    methods: {
-      getList () {
-        this.$http.post('/api/monitor/myPage',null,{
-            params: {
-                ...this.search
-            }
-        }).then(res => {
-            this.tableData = res.data.records
-            this.total = res.data.total
-        })
-      },
-      saveStore () {
-        this.$refs.form.validate((valid) => {
-          if (valid) {
-            this.$http.post('/api/monitor/check',null, {params: {type: 1}}).then(res => {
-              if (res.code == 0) {
-                this.$http.post(`/api/monitor/add`, {content: this.form.mallId, type: this.search.type}).then(res => {
-                  if (res.code == 0) {
-                    this.$message.success('添加成功！')
-                    this.$store.dispatch('getUserInfo')
-                    this.getList()
-                  }
-                })
-              }
-            })
-          }
-        })
-      },
-      renew(id) {
-        this.$confirm('确定要续费？', '温馨提示', {
-          type: 'warning'
-        }).then(() => {
-          this.$http.post('/api/monitor/renew',null, {
-            params: {
-              id: id
-            }
-          }
-          ).then(res => {
-            if (res.code == 0) {
-              this.$message.success('续费成功！')
-              this.$store.dispatch('getUserInfo')
-              this.getList()
-            }
-          })
-        })
-      },
-      remove () {
-        if (this.ids.length <= 0) {
-          alert('请选择要删除的店铺跟踪');
-          return;
-        }
-        this.$confirm('确定要删除？', '温馨提示', {
-          type: 'warning'
-        }).then(() => {
-          this.$http.post('/api/monitor/delByIds',this.ids
-          ).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
-      addStore() {
-        this.form.mallId = ''
-        this.isDlgShow = true
-      },
-      handleSelectionChange(val) {
-        this.ids = [];
-        val.forEach(e => {
-          this.ids.push(e.id);
-        });
-      },
-      toBegin(row) {
-        this.detailsVo = {}
-        this.detailsVo.monitorId = row.id
-        this.detailsVo.details = []
-        this.pageNo = 1
-
-        this.beginCollect(row)
-      }, 
-      beginCollect(row) {
-        sendTemuAPIMessage({
-          url: 'api/bg/circle/c/mall/newGoodsList',
-          anti: true,
-          data: {
-            "mall_id": row.content,
-            "filter_items": "0:1",
-            "page_number": this.pageNo,
-            "page_size": this.pageSize
-          }}).then((res) => {
-            if (res.errorCode == 1000000) {
-              res.result.data.goods_list.map(item => {
-                let 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
-                }
-                this.detailsVo.details.push({
-                  url: item.link_url,
-                  price: item.price_info.price_schema,
-                  saleTotal: total,
-                  imgUrl: item.thumb_url,
-                  mallId: item.mall_id
-                })
-              })
-
-              if (res.result.data.goods_list.length == this.pageSize) {
-                this.pageNo = this.pageNo + 1
-                this.beginCollect(row)
-              } else {
-                this.$http.post('/api/monitorDetail/addDetails',this.detailsVo
-                ).then(res => {
-                  if (res.code == 0) {
-                    this.$message.success('店铺ID【' + row.content + '】数据采集成功！')
-                    this.getList()
-                  }
-                })
-              }
-            }
-          })
-      }
-    }
-  }
-</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 da94301..8993bdb 100644
--- a/src/view/selection/storetrack/components/Detail.vue
+++ b/src/view/selection/storetrack/components/Detail.vue
@@ -4,83 +4,177 @@
       <ai-title
         slot="title"
         title="商品列表"
-        isShowBottomBorder>
+        isShowBottomBorder isShowBack @onBackClick="cancel(false)">
       </ai-title>
       <template slot="content">
-        <div class="content">
-          <ai-search-bar>
-            <template #left>
-            </template>
-            <template #right>
-              <el-button size="small" circle icon="el-icon-refresh-right" @click="getList()"></el-button>
-            </template>
-          </ai-search-bar>
-          <ai-table
-            :tableData="tableData"
-            :col-configs="colConfigs"
-            :total="total"
-            style="margin-top: 8px;"
-            :current.sync="search.current" :size.sync="search.size"
-            @selection-change="handleSelectionChange"
-            @getList="getList">
-            <el-table-column slot="options" label="操作" width="180px" show-overflow-tooltip align="center" fixed="right">
-              <template slot-scope="{ row }">
-                <div class="table-options">
-                  <el-button type="text" @click="statistic(row.id)">统计数据</el-button>
+        <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' }">
+            <img :src="item.imgUrl" class="image">
+            <div style="padding: 14px;">
+              <div class="bottom clearfix">
+                <div style="margin-bottom: 5px;">
+                  <div style="display: inline; margin-left: 5px;">${{ item.priceAndSale[0].price }}<sub style="margin-left: 2px;" v-html="getPricePercent(item.priceAndSale)"></sub></div>
+                  <div style="display: inline; margin-right: 5px; float: right;">{{ item.priceAndSale[0].sale_total }}<sub style="margin-left: 2px;" v-html="getSalePercent(item.priceAndSale)"></sub></div>
                 </div>
-              </template>
-            </el-table-column>
-          </ai-table>
+                <el-dropdown @command="handleClick" style="float: right;">
+                  <span class="el-dropdown-link">
+                    操作<i class="el-icon-arrow-down el-icon--right"></i>
+                  </span>
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item :command="beforeGoDetail(item.goodsId)">查看详情</el-dropdown-item>
+                    <el-dropdown-item divided command="copy">复制商品</el-dropdown-item>
+                    <el-dropdown-item divided command="copy">访问商品</el-dropdown-item>
+                    <el-dropdown-item command="copy">访问店铺</el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+              </div>
+            </div>
+          </el-card>
         </div>
       </template>
     </ai-list>
+
+    <el-dialog
+      title="商品详情"
+      :visible="isShowDetailDlg"
+      :close-on-click-modal="false"
+      width="1400"
+      :before-close="handleClose">
+      <ai-product-detail v-if="isShowDetailDlg" :params="detailParams"/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import {sendTemuAPIMessage} from '@/api/chromeApi'
-import {timestampToTime} from '@/utils/date'
+import AiProductDetail from "@/components/AiProductDetail.vue";
 
   export default {
-    name: 'Detail',
-
+    name: 'DetailPage',
+    props: ['params'],
+    components: {AiProductDetail},
     data () {
       return {
+        monitorId: '',
         search: {
           current: 1,
           type: '1',
-          size: 10
+          size: 120
         },
-        colConfigs: [
-          { prop: 'content', label: '店铺ID', align: 'left' },
-          { prop: 'lastUpdateTime', label: '最后一次更新时间', align: 'left' },
-          { prop: 'status', label: '状态', align: 'left', format: v => this.$dict.getLabel('monitor_status', v), },
-          { prop: 'expireTime', label: '失效时间', align: 'left' },
-          { prop: 'createTime', label: '添加时间', width: '180px', fixed: 'right'}
-        ],
         tableData: [],
-        total: 0
+        total: 0,
+        isShowDetailDlg: false,
+        detailParams: {}
       }
     },
 
     created () {
+      this.monitorId = this.params.id
       this.getList()
     },
 
     methods: {
       getList () {
         this.$http.post('/api/monitorDetail/myPage',null,{
-            params: {
-                ...this.search
-            }
+          params: {
+            monitorId: this.monitorId,
+            ...this.search
+          }
         }).then(res => {
-            this.tableData = res.data.records
-            this.total = res.data.total
+          this.tableData = res.data.records
+          this.total = res.data.total
         })
+      },
+      cancel (isRefresh) {
+        this.$emit('change', {
+          type: 'List',
+          isRefresh: !!isRefresh
+        })
+      },
+      getPricePercent(data) {
+        if (data.length == 2) {
+          let a = (data[0].price - data[1].price) / data[1].price
+          if (a < 0) {
+            return '<div style="display: inline; color: green">↓' + (a*100).toFixed(2) + '%</div>'
+          } else if (a == 0) {
+            return ''
+          } else if (a > 0) {
+            return '<div style="display: inline; color: red">↑' + (a*100).toFixed(2) + '%</div>'
+          }
+        } else {
+          return ''
+        }
+      },
+      getSalePercent(data) {
+        if (data.length == 2) {
+          let a = (data[0].sale_total - data[1].sale_total) / data[1].sale_total
+          if (a < 0) {
+            return '<div style="display: inline; color: green">↓' + (a*100).toFixed(2) + '%</div>'
+          } else if (a == 0) {
+            return ''
+          } else if (a > 0) {
+            return '<div style="display: inline; color: red">↑' + (a*100).toFixed(2) + '%</div>'
+          }
+        } else {
+          return ''
+        }
+      },
+      handleClose() {
+        this.isShowDetailDlg = false
+      },
+      handleClick (e) {
+        if (e.type === 'detail') {
+          this.detailParams = {goodsId: e.goodsId}
+          this.isShowDetailDlg = true
+        } else if (e === 'pwd') {
+          this.$router.push('changePwd')
+        } else if (e === 'message') {
+          this.$router.push('message')
+        } else if (e === 'coin') {
+          this.$router.push('coinFlow')
+        }
+      },
+      beforeGoDetail(goodsId) {
+        return {type: 'detail', goodsId: goodsId}
       }
     }
   }
 </script>
 
 <style scoped lang="scss">
+.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/storetrack/components/List.vue b/src/view/selection/storetrack/components/List.vue
index 3b3cedb..f5f7eb4 100644
--- a/src/view/selection/storetrack/components/List.vue
+++ b/src/view/selection/storetrack/components/List.vue
@@ -22,7 +22,6 @@
             :total="total"
             style="margin-top: 8px;"
             :current.sync="search.current" :size.sync="search.size"
-            @selection-change="handleSelectionChange"
             @getList="getList">
             <el-table-column slot="options" label="操作" width="200px" show-overflow-tooltip align="center" fixed="right">
               <template slot-scope="{ row }">
@@ -64,7 +63,6 @@
 
 <script>
 import {sendTemuAPIMessage} from '@/api/chromeApi'
-import {timestampToTime} from '@/utils/date'
 
   export default {
     name: 'List',
@@ -85,7 +83,6 @@ import {timestampToTime} from '@/utils/date'
         ],
         tableData: [],
         total: 0,
-        ids: [],
 
         form: {
           mallId: ''
@@ -175,33 +172,10 @@ import {timestampToTime} from '@/utils/date'
           }
         })
       },
-      remove () {
-        if (this.ids.length <= 0) {
-          alert('请选择要删除的店铺跟踪');
-          return;
-        }
-        this.$confirm('确定要删除？', '温馨提示', {
-          type: 'warning'
-        }).then(() => {
-          this.$http.post('/api/monitor/delByIds',this.ids
-          ).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
       addStore() {
         this.form.mallId = ''
         this.isDlgShow = true
       },
-      handleSelectionChange(val) {
-        this.ids = [];
-        val.forEach(e => {
-          this.ids.push(e.id);
-        });
-      },
       toBegin(row) {
         this.detailsVo = {}
         this.detailsVo.monitorId = row.id