优化一键获客

xixi

2024-09-09 d7b96fe53f868b8217503e8956902d6e99cc01bd

优化一键获客

 src/views/content-distribution/analysis/components/TitleHeader.vue

@@ -1,8 +1,11 @@
<template>
  <div class="titleHeader">
    <div class="title-left">
      <span class="title">{{title}}</span>
      
      <!-- <span class="title">{{title}}</span> -->
      <el-menu :default-active="activeIndex" class="el-menu" mode="horizontal" @select="handleMenuSelect">
        <el-menu-item :index="index" v-for="(item,index) in titles" :key="index">{{ item }}</el-menu-item>
      </el-menu>

      <span class="more" v-if="more" @click="getToMore">查看更多</span>

      <el-select class="platform" v-if="platform" v-model="platformType" @change="changePlatformType">
@@ -38,8 +41,8 @@
<script>
export default {
  props:{
    title:{
      type: String,
    titles:{
      type: Array,
      default: ''
    },
    more: {
@@ -60,7 +63,8 @@
      platformType: 1, // 1-抖音，2-快手
      date: [],
      dateList:[{label:'昨日',value:1},{label:'最近7天',value:7},{label:'最近30天',value:30}],
      type:7
      type:7,
      activeIndex:0,
    };
  },
  mounted(){
@@ -90,6 +94,10 @@
        this.type = 7
        this.$emit('change',this.type)
      }
    },
    //数据类型选择
    handleMenuSelect(index){
      this.$emit('menuChange',index)
    }
  }
};
@@ -148,4 +156,8 @@
  margin-right: 12px;
  margin-left: 30px;
}
.el-menu{
  font-weight: bold;
  font-size: 16px;
} 
</style>

 src/views/engine/need/customerNeedsIndex.vue

@@ -333,6 +333,7 @@
          console.log(res.comment ,res.post ,res.profile)
          if(res.taskProcess) {
            this.finish = true;
            this.showLoading = false;
          }
        });
      }, 1000 * 20)

 src/views/index/index.vue

@@ -50,7 +50,7 @@
      </el-row>
    </div>

    <TitleHeader title="核心数据" @change="handleDateChange" :com-type="2" />
    <TitleHeader :titles=titles @change="handleDateChange" :com-type="2" />
    <div class="charts">
      <!-- 抖音矩阵分发 -->
      <div class="charts-item">
@@ -396,6 +396,7 @@
      hotTemplateList: [],
      videoPlayVisible: false,
      operateVideoUrl: '',
      titles:["核心数据", "获客数据"]
    };
  },
  created() {

 src/views/rpa/taskIndex.vue

@@ -435,7 +435,7 @@
        type: "warning",
      })
        .then(() => {
          this.$message.success('启动成功');
          this.$message.success('执行成功');
          setTimeout(()=> this.dialogTableVisible = true, 1000);
          this.loadLog();
        }).catch(() =>{
@@ -444,35 +444,42 @@
    },
    loadLog(){
      let data = [{
          log: '任务启动中...',
          log: '正在启动...',
          date: '2024-09-04 14:30:20',
        }, {
          log: '任务作品采集运行中...',
          log: '任务作品采集启动中...',
          date: '2024-09-04 14:30:20',
        }, {
          log: '任务完善用户信息运行中...',
          log: '任务完善用户信息启动中...',
          date: '2024-09-04 14:30:20',
        }, {
          log: '任务抖音评论采集运行中...',
          log: '任务抖音评论采集启动中...',
          date: '2024-09-04 14:30:20',
        }, {
          log: '任务完善用户信息运行中',
          log: '任务完善用户信息启动中',
          date: '2024-09-04 14:30:20',
        },{
          log: '任务抖音评论采集运行中...',
          log: '任务抖音评论采集启动中...',
          date: '2024-09-04 14:30:20',
        },{
          log: '所有任务已完成',
          log: '任务抖音评论采集启动中...',
          date: '2024-09-04 14:30:20',
        },{
          log: '任务抖音评论采集启动中...',
          date: '2024-09-04 14:30:20',
        },{
          log: '任务启动完成',
          date: '2024-09-04 14:30:20',
        }];

        for (let i = 0; i < data.length; i++) {
          var timeInterval = setTimeout(() => {
            this.logData.push(data[i]);
            this.$nextTick(() => {
              const container = document.querySelector('.dialog-box');
              container.scrollTop = container.scrollHeight;
            });
          }, 3000 + i * 2000);
          if(i === data.length-1) {
            clearInterval(timeInterval);
          }   
        }
    },
    getDeviceUserData(){
@@ -523,11 +530,13 @@
}
.dialog-box{
  height: 240px;
  width: 450px;
  overflow-y: auto;
  text-align: center;
}

.dialog-table {
  width: 420px;
  width: 450px;
  margin: auto;
}
</style>