Browse Source

'视频报表'

魏志佳 5 năm trước cách đây
mục cha
commit
16c9b0864d

+ 4 - 2
src/views/modules/Statistics/videoStatics/selectComponent.vue

@@ -154,8 +154,7 @@ const customFields = [
       {
         title: '转化数(计费时间)',
         dataIndex: 'conversionNumberbillabletime',
-        tip:
-          '在转化行为发生(或回传)后,将转化行为回记到过去7天内的扣费(消耗产生)时间上。 例如:广告在8月20日展示给用户,此时广告花费10元,用户点击广告后于8月23日产生1笔购买,则8月23日这笔购买将会展示在8月20日,8月23日没有转化数。暂不支持查看当日数据',
+        tip:'在转化行为发生(或回传)后,将转化行为回记到过去7天内的扣费(消耗产生)时间上。 例如:广告在8月20日展示给用户,此时广告花费10元,用户点击广告后于8月23日产生1笔购买,则8月23日这笔购买将会展示在8月20日,8月23日没有转化数。暂不支持查看当日数据',
         align: 'center',
         scopedSlots: { customRender: 'conversionNumberbillabletime' },
         sorter: (a, b) => a.conversionNumberbillabletime - b.conversionNumberbillabletime
@@ -1278,6 +1277,9 @@ export default {
   width: 32%;
   box-sizing: border-box;
   padding: 8px 3px;
+  height: 30px;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .ant-tooltip-content .tooltipShow {

+ 10 - 6
src/views/modules/Statistics/videoStatics/vDay.vue

@@ -81,10 +81,11 @@
         <video
           @click.stop
           class="video"
-          :src="records.url"
+          :src="records.url+'?x-oss-process=video/snapshot,t_0,m_fast'"
           controls="controls"
           style="height:200px;width:112.5px"
-        >您的浏览器不支持 video 标签。</video>
+        >您的浏览器不支持 video 标签</video>
+
       </div>
       <span slot="ctr" slot-scope="ctr">{{ ctr | toPercentage }}</span>
       <span
@@ -196,7 +197,7 @@ let variableCol = [
     title: '点击率',
     dataIndex: 'ctr',
     align: 'center',
-    width: 100,
+    width: 120,
     scopedSlots: { customRender: 'ctr' },
     sorter: (a, b) => a.ctr - b.ctr
   },
@@ -361,8 +362,8 @@ export default {
       //     this.visible = false;
       //     this.loading = false;
       // }, 1000);
-     if (this.listNum.length > 8 && this.listNum.length<15 ) {
-        this.scrollX = (this.listNum.length - 8) * 1000
+     if (this.listNum.length > 12 && this.listNum.length<15 ) {
+        this.scrollX = (this.listNum.length - 12) * 1000
         console.log(this.$refs.vSummaryTable)
       } else if(this.listNum.length >= 15){
         this.scrollX = (this.listNum.length - 12) * 700
@@ -455,7 +456,10 @@ export default {
       let columns=JSON.parse(res.result)
       if(columns.length){
            columns.map((item,index)=>{
-          item.sorter=function(a,b){  return a[item.dataIndex]-b[item.dataIndex]}
+             if(index>columnsFixd.length-1){
+                 item.sorter=function(a,b){  return a[item.dataIndex]-b[item.dataIndex]}
+             }
+         
         })
         this.columns=columns
         // console.log(this.columns)

+ 6 - 5
src/views/modules/Statistics/videoStatics/vMonth.vue

@@ -510,8 +510,8 @@ export default {
       //     this.visible = false;
       //     this.loading = false;
       // }, 1000);
-      if (this.listNum.length > 8 && this.listNum.length<15 ) {
-        this.scrollX = (this.listNum.length - 8) * 1000
+      if (this.listNum.length > 12 && this.listNum.length<15 ) {
+        this.scrollX = (this.listNum.length - 12) * 1000
         console.log(this.$refs.vSummaryTable)
       } else if(this.listNum.length >= 15){
         this.scrollX = (this.listNum.length - 12) * 700
@@ -636,9 +636,10 @@ export default {
       // console.log(JSON.parse(res.result))
       let columns=JSON.parse(res.result)
       if(columns.length){
-           columns.map((item,index)=>{
-          item.sorter=function(a,b){  return a[item.dataIndex]-b[item.dataIndex]}
-        })
+          columns.map((item,index)=>{
+             if(index>columnsFixd.length-1){
+                 item.sorter=function(a,b){  return a[item.dataIndex]-b[item.dataIndex]}
+             }})
         this.columns=columns
         // console.log(this.columns)
       }

+ 6 - 5
src/views/modules/Statistics/videoStatics/vSummary.vue

@@ -79,7 +79,7 @@
       :loading="loading"
       ref="vSummaryTable"
     >
-      <div slot="videoU" slot-scope="test,records">
+      <div slot="videoU" slot-scope="test,records"> 
         <video
           @click.stop
           class="video"
@@ -369,8 +369,8 @@ export default {
       //     this.visible = false;
       //     this.loading = false;
       // }, 1000);
-      if (this.listNum.length > 8 && this.listNum.length<15 ) {
-        this.scrollX = (this.listNum.length - 8) * 1000
+      if (this.listNum.length > 12 && this.listNum.length<15 ) {
+        this.scrollX = (this.listNum.length - 12) * 1000
         console.log(this.$refs.vSummaryTable)
       } else if(this.listNum.length >= 15){
         this.scrollX = (this.listNum.length - 12) * 700
@@ -499,8 +499,9 @@ export default {
       let columns=JSON.parse(res.result)
      if(columns.length){
            columns.map((item,index)=>{
-          item.sorter=function(a,b){  return a[item.dataIndex]-b[item.dataIndex]}
-        })
+             if(index>columnsFixd.length-1){
+                 item.sorter=function(a,b){  return a[item.dataIndex]-b[item.dataIndex]}
+             }})
         this.columns=columns
         // console.log(this.columns)
       }

+ 5 - 4
src/views/modules/Statistics/videoStatics/vWeek.vue

@@ -502,8 +502,8 @@ export default {
       //     this.visible = false;
       //     this.loading = false;
       // }, 1000);
-      if (this.listNum.length > 8 && this.listNum.length<15 ) {
-        this.scrollX = (this.listNum.length - 8) * 1000
+      if (this.listNum.length > 12 && this.listNum.length<15 ) {
+        this.scrollX = (this.listNum.length - 12) * 1000
         console.log(this.$refs.vSummaryTable)
       } else if(this.listNum.length >= 15){
         this.scrollX = (this.listNum.length - 12) * 700
@@ -628,8 +628,9 @@ export default {
       let columns=JSON.parse(res.result)
       if(columns.length){
            columns.map((item,index)=>{
-          item.sorter=function(a,b){  return a[item.dataIndex]-b[item.dataIndex]}
-        })
+             if(index>columnsFixd.length-1){
+                 item.sorter=function(a,b){  return a[item.dataIndex]-b[item.dataIndex]}
+             }})
         this.columns=columns
         // console.log(this.columns)
       }