浏览代码

素材视频数据展示

zhuxinbo 5 年之前
父节点
当前提交
6acb6d2db9

二进制
dist.zip


+ 2 - 2
src/views/modules/Statistics/allDetail.vue

@@ -99,8 +99,8 @@
     align: 'center',
   }, {
     title: '当季消耗',
-    dataIndex: 'url',
-    key: 'url',
+    dataIndex: 'totalCost',
+    key: 'totalCost',
     align: 'center',
   }, {
     title: '授权名称',

+ 10 - 4
src/views/modules/Statistics/quarterStatistics.vue

@@ -134,7 +134,13 @@
     {
       title: '总消耗',
       dataIndex: 'cost',
-      key: 'effiVideoCount',
+      key: 'cost',
+      align: 'center'
+    },
+    {
+      title: '绩效',
+      dataIndex: 'effiRate',
+      key: 'effiRate',
       align: 'center'
     },
     // {
@@ -254,7 +260,7 @@
       },
 
       getToutiaoList() {
-       var params = {}
+        var params = {}
         params.year = this.year
         params.quarter = this.dateRange
         postAction('/ctop/performance2/toutiaoQuarterReport', params).then(res => {
@@ -290,7 +296,7 @@
         })
       },
       getToutiaoYouHuaList() {
-       var params = {}
+        var params = {}
         params.year = this.year
         params.quarter = this.dateRange
         postAction('/ctop/performance2/toutiaoYouhuaQuarterReport', params).then(res => {
@@ -314,7 +320,7 @@
       var startYear = myDate.getFullYear() - 5; //起始年份 
       var endYear = myDate.getFullYear() + 5; //结束年份 
       for (var i = startYear; i <= endYear; i++) {
-       this.options.push(i);
+        this.options.push(i);
       }
     }
   }

+ 2 - 2
src/views/modules/achievements/adminDetail.vue

@@ -99,8 +99,8 @@
     align: 'center',
   }, {
     title: '当季消耗',
-    dataIndex: 'url',
-    key: 'url',
+    dataIndex: 'totalCost',
+    key: 'totalCost',
     align: 'center',
   }, {
     title: '授权名称',

+ 16 - 11
src/views/modules/achievements/adminInfo.vue

@@ -19,6 +19,7 @@
             <a-select-option :value="1">设计</a-select-option>
             <a-select-option :value="2">优化</a-select-option>
           </a-select>
+          <a-button type="primary" style="margin-left:10px" @click="addUser">搜索</a-button>
           <a-table :columns="columns" :dataSource="dataList" bordered :loading="loading" size="middle">
             <span slot-scope="text" slot="videoUrl">
               <video class="video" :src="text" controls="controls" style="height:200px">
@@ -172,37 +173,41 @@
     },
     methods: {
       ...mapGetters(['nickname', 'avatar', 'userInfo']),
-      getData(data) {
+      addUser() {
         if (this.noTitleKey == 'kuaishou') {
-          if (data == 1) {
+          if (this.type == 1) {
             this.columns = columns
             this.getKuaishouList()
-          } else if (data == 2) {
+          } else if (this.type == 2) {
             this.columns = columnsYou
             this.getKuaishouYouHuaList()
           }
 
         } else if (this.noTitleKey == 'toutiao') {
-          if (data == 1) {
+          if (this.type == 1) {
             this.columns = columns
             this.getToutiaoList()
-          } else if (data == 2) {
+          } else if (this.type == 2) {
             this.columns = columnsYou
             this.getToutiaoYouHuaList()
 
           }
         }
       },
+      getData(data) {
+        this.dataList = []
+      },
       onTabChange(key, type) {
         console.log(key, type)
         this.type = 1
         this.columns = columns
         this[type] = key
-        if (key == 'kuaishou') {
-          this.getKuaishouList()
-        } else if (key == 'toutiao') {
-          this.getToutiaoList()
-        }
+        this.dataList = []
+        // if (key == 'kuaishou') {
+        //   this.getKuaishouList()
+        // } else if (key == 'toutiao') {
+        //   this.getToutiaoList()
+        // }
       },
       toDetail(item) {
         localStorage.setItem('detailUserId', item.userId)
@@ -275,7 +280,7 @@
       }
     },
     created() {
-      this.getKuaishouList()
+      //   this.getKuaishouList()
     }
   }
 </script>

文件差异内容过多而无法显示
+ 1294 - 0
src/views/modules/material/scriptMaterial.vue


+ 94 - 11
src/views/modules/material/videoMaterial.vue

@@ -150,6 +150,23 @@
     -webkit-box-orient: vertical;
   }
 
+  .bhShow {
+    height: 100px;
+    line-height: 25px;
+    text-align: center;
+  }
+
+  .bhShow span {
+    font-size: 14px
+  }
+
+  .show-data {
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
   a {
     font-size: 14px;
   }
@@ -242,7 +259,7 @@
                   <a-icon type="close-circle" @click="deleteData(items.id)" v-show="active == '0'"
                     v-if="items.userId == userInfo().id" />
                 </a-badge>
-                <div style="display:flex;justify-content:center;width:100%;height:200px;position:relative">
+                <div style="display:flex;justify-content:center;width:100%;height:200px;position:relative;">
                   <!-- <video
                     :src="items.url"
                     @canplay="a(items)"
@@ -254,20 +271,19 @@
                         <span>{{items.kuaishouEffiType==1?'快手有效视频':'已经同步到快手平台'}}</span>
                       </template>
                       <img style="width:30px;height:30px;" v-if="items.kuaishouVideoIsUp==1"
-                      :style="{filter:items.kuaishouEffiType==1?'grayscale(0%)':'grayscale(100%)'}"
-                      src="./kuaishou.jpg">
+                        :style="{filter:items.kuaishouEffiType==1?'grayscale(0%)':'grayscale(100%)'}"
+                        src="./kuaishou.jpg">
                     </a-tooltip>
                     <a-tooltip placement="top">
                       <template slot="title">
                         <span>{{items.toutiaoEffiType==1?'抖音有效视频':'已经同步到抖音平台'}}</span>
                       </template>
                       <img v-if="items.toutiaoVideoIsUp==1&&items.toutiaoEffiType==1"
-                      
-                      style="width:30px;height:30px;margin-left:5px;" src="./douyin.jpg" alt="">
+                        style="width:30px;height:30px;margin-left:5px;" src="./douyin.jpg" alt="">
                       <img v-else-if="items.toutiaoVideoIsUp==1&&items.toutiaoEffiType==0"
-                      style="width:30px;height:30px;margin-left:5px;" src="./douyinhui.jpg" alt="">
+                        style="width:30px;height:30px;margin-left:5px;" src="./douyinhui.jpg" alt="">
                     </a-tooltip>
-                    
+
                   </div>
                   <img :src="items.url + '?x-oss-process=video/snapshot,t_00000,m_fast'" alt=""
                     style="height:200px;max-width:100%;position:absolute;z-index:10;" />
@@ -279,8 +295,33 @@
                     @click.stop
                   /> -->
                 </div>
-
+                <div style="width:100%;height:1px;border-bottom:1px solid #f2f2f2;margin-top:5px"></div>
                 <div v-if="active == '2'" class="bh">驳回原因:{{ items.refuseReason }}</div>
+
+
+                <div v-if="active == '1'" class="bhShow" style="display:flex;justify-content:space-between;"
+                  @click.stop="showData(items)">
+
+                  <div v-if="items.byteDance" class="show-data">
+                    <span>抖音</span>
+                    <span>消耗:{{items.byteDance.cost}}</span>
+                    <span>封面点击:{{items.byteDance.click}}</span>
+                    <span>封面展示:{{items.byteDance.showNum}}</span>
+                  </div>
+                  <div v-else style="line-height:100px;" class="show-data">
+                    <span>抖音:无</span>
+                  </div>
+                  <div v-if="items.kuaiShou" class="show-data">
+                    <span>快手</span>
+                    <span>消耗:{{items.kuaiShou.charge}}</span>
+                    <span>封面点击:{{items.kuaiShou.photoClick}}</span>
+                    <span>封面展示:{{items.kuaiShou.photoShow}}</span>
+                  </div>
+                  <div v-else style="line-height:100px;" class="show-data">
+                    <span>快手:无</span>
+                  </div>
+                </div>
+                <div style="width:100%;height:1px;border-bottom:1px solid #f2f2f2;margin-top:5px" v-if="active != '0'"></div>
                 <span style="color: black; fontSize: 16px;padding-top:10px;display:block;width:100%" @click.stop>
                   {{ items.createTime | getDate }}
                   <a href="javascript:;" style="margin-left:20px" @click="edit(items, '2')" v-show="active == '2'"
@@ -360,6 +401,34 @@
         </div>
       </a-tab-pane>
     </a-tabs>
+
+    <a-modal title="数据详情" v-model="showDataBool" :footer="null">
+      <div class="bhShow" style="display:flex;justify-content:space-between;height:400px">
+        <div v-if="douyinData" class="show-data">
+          <span style="color:black;font-size:18px;text-align:center;width:100%">抖音</span>
+          <span>消耗:{{douyinData.cost}}</span>
+          <span>封面点击:{{douyinData.click}}</span>
+          <span>封面展示:{{douyinData.showNum}}</span>
+          <span>激活:{{douyinData.active}}</span>
+          <span>转化量:{{douyinData.convertNum}}</span>
+          <span>表单提交:{{douyinData.form}}</span>
+          <span>下载注册:{{douyinData.register}}</span>
+          <span>视频总播放:{{douyinData.totalPlay}}</span>
+          <span>视频有效播放:{{douyinData.validPlay}}</span>
+        </div>
+        <div v-if="kuaishouData" class="show-data">
+          <span style="color:black;font-size:18px;text-align:center;width:100%">快手</span>
+          <span>消耗:{{kuaishouData.charge}}</span>
+          <span>封面点击:{{kuaishouData.photoClick}}</span>
+          <span>封面展示:{{kuaishouData.photoShow}}</span>
+          <span>素材曝光数:{{kuaishouData.aclick}}</span>
+          <span>激活数:{{kuaishouData.activation}}</span>
+          <span>行为数:{{kuaishouData.bclick}}</span>
+          <span>表单提交数:{{kuaishouData.formCount}}</span>
+        </div>
+      </div>
+    </a-modal>
+
     <a-modal title="添加素材" v-model="visible" :maskClosable="false" :width="800">
       <template slot="footer">
         <a-button key="back" @click="close">取消</a-button>
@@ -456,7 +525,7 @@
       </a-form>
     </a-modal>
 
-    <a-modal title="素材详情" v-model="visibleDetail" width="70%">
+    <a-modal title="素材详情" v-model="visibleDetail" width="70%" :footer="null">
       <div style="width:100%">
         <a-button type="primary" @click="setSuccess" style="float:right">
           {{excellent==0?'标记为优秀素材':'取消标记'}}
@@ -721,7 +790,10 @@
         size: 4,
         repeat: false,
         excellent: 0,
-        code: ""
+        code: "",
+        showDataBool: false,
+        kuaishouData: null,
+        douyinData: null
       }
     },
     filters: {
@@ -797,6 +869,17 @@
       }
     },
     methods: {
+      showData(item) {
+        if (item.byteDance || item.kuaiShou) {
+          this.showDataBool = true
+          this.kuaishouData = item.kuaiShou
+          this.douyinData = item.byteDance
+        } else {
+          this.$message.error('抖音和快手都无数据')
+          return
+        }
+
+      },
       setSuccess() {
         var params = {}
         params.id = this.code
@@ -1209,7 +1292,7 @@
           })
         }
         this.queryParam.status = key
-        this.loadData()
+        this.loadData(1)
       },
       overUpload(urlAll) {
         this.confirmLoading = true