Pārlūkot izejas kodu

Merge branch 'master' of http://git.tjyourong.com.cn/ctop/adsp-vue

zhuxinbo 4 gadi atpakaļ
vecāks
revīzija
a9ed42803d

+ 11 - 5
src/views/modules/Statistics/KSAccountReport.vue

@@ -38,7 +38,7 @@
           </div> -->
           <div class="optItem">
               <span>返点比例:</span>
-              <a-input-number :min="0" :max="10" :step="0.1" v-model="rebateProp" :disabled="rebatePropDisabled" @change="rebatePropChange" />
+              <a-input-number :min="0.1" :max="10" :step="0.1" v-model="rebateProp" :disabled="rebatePropDisabled" @change="rebatePropChange" />
           </div>
           <div class="btn">
             <a-button type="primary" @click="searchgetData" :disabled='searchDisabled' class="mybtn">查询</a-button>
@@ -523,7 +523,7 @@ export default {
       //返点比例
       rebateProp:1.0,
       rebatePropDisabled:false,
-      discount:0,
+      discount:1,
       left:0,
       //treeselect的参数
       treeValue: [],
@@ -591,7 +591,13 @@ export default {
     },
   },
   methods: {
-
+    treeSearch(){
+      console.log(arguments);
+    },
+    treeSelect(){
+      // console.log(arguments);
+      // this.treeValue=arguments[0].value
+    },
     //项目改变后的事件
     treeChange(val) {
       // console.log(this.treeData)
@@ -1149,8 +1155,8 @@ export default {
             
       })
       let columns=column.splice(3)
-        console.log(columns)
-      downFilePost('/ctop/byteDance/dailyPage/report/excel', {
+        // console.log(columns)
+      downFilePost('/ctop/kuaishou/dailyPage/report/excel', {
         
         mediaId:this.mediaId,
         discount:this.discount,

+ 4 - 14
src/views/modules/Statistics/materialRank.vue

@@ -227,28 +227,18 @@
         //导出报表
         exportExcel() {
            
-            // var name = this.data.filter(item => {
-            //     return item.signature == this.signature
-            // })[0].projectName
-            let companyName=''
-            if(this.company){
-                this.selectOption.company.forEach((item)=>{
-                    if(item.companyId==this.company){
-                        companyName=item.area
-                    }
-                   
-                })
-            }
-            var name =`${ this.dateStr[0]}~${this.dateStr[1]}`;
+            var name =`${this.dateStr[0]}~${this.dateStr[1]}素材排行榜`;
             
-            downFilePost(`/ctop/material/top//excel?target=${this.target}&order=${this.order}`, {
+          downFilePost(`/ctop/material/top//excel?target=${this.target}&order=${this.order}`, {
             startDate: this.dateStr[0],
             endDate: this.dateStr[1],
 
           }).then(res => {
+                // console.log(res)
                 let blob = new Blob([res], {
                     type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                 })
+                // console.log(blob)
                 let downloadElement = document.createElement('a')
                 let href = window.URL.createObjectURL(blob) //创建下载的链接
                 downloadElement.href = href

+ 2 - 2
src/views/modules/columnConst/accountConst.js

@@ -1,7 +1,7 @@
 
 
 
- export const TTcustomFields= [
+export const TTcustomFields= [
     {
       id: 0,
       title: '展现数据',
@@ -891,7 +891,7 @@
     }
   ];
 
-  export const KScustomFields= [
+export const KScustomFields= [
     {
       id: 0,
       title: '展现数据',

+ 288 - 0
src/views/playerPart/playerData.js

@@ -0,0 +1,288 @@
+function randomNum(min = 0, max = 100, len = 0) {
+    return Number((min + (max - min) * Math.random()).toFixed(len));
+  }
+  
+function randomStr(len = 8) {
+    let str = '';
+    let list = '0123456789abcdefghijklmnopqrstuvwxyz';
+    for (let i = 0; i < len; i++) {
+      let index = randomNum(0, 35);
+      let word = list[index];
+      if (isNaN(word) && randomNum() < 50) {
+        word = word.toUpperCase();
+      }
+      str += word;
+    }
+    return str;
+}
+
+const  playerList=[
+  
+    {
+        id:randomStr(),
+        product:'抖音lite',
+        type:'猜成语',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/0e4ab8d296885208fd562ef15b64c64d/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'强激励-翻红包',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/df60d1df986b2e38090aa9237dbc036f/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'强激励-签到',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/b815e2bb8ba711f822da8d210d1a646e/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'懂车帝',
+        type:'直播-选车',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/b466f2be9c1ffc3977dfaa0c83c4da07/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'抖音',
+        type:'短视频-美女',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/d934006f4aaec71fc1c09bcac6afb7b9/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'抖音lite',
+        type:'短视频-转盘',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/37fe2c1dddfa98774292be433011cfc3/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'懂车帝',
+        type:'强激励',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/010e64e1c6e52e6fc5cd2980bbe32996/index.html',       
+    },
+  
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'短视频-美女',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/693ac6b150f7a3c4400274b079c68a13/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'抖音',
+        type:'短视频-美女',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/9339b3b53ad03a134f1fd29b1b6b2f64/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'抖音lite',
+        type:'接物-睡觉赚钱',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/4174bb9d9914843b668d9af99b69e927/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'抖音lite',
+        type:'短视频-抖唱',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/68c2c388464c0396633ff62403e1caf4/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'抖音lite',
+        type:'强激励-转盘',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/09787e79d77e6318c5bb622c0e055a36/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'强激励-猪仔',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/5d70f6d3549f87159bc1bc3a6141bf1a/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'单本小说',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/c72b132308dace1a2c9a7616c51b778a/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'强激励-转账',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/cee43d0c7f208479cc7bff7e5bb14b34/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'强激励-拆红包',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/59cf5cda79e71d44611414cf2099153e/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'强激励-拆红包',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/71092deeddaa54ce5deebde81db6463c/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'抖音',
+        type:'短视频-美女换装',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/e8ea0ae1d96007cf4e704467737a36ae/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'抖音',
+        type:'游戏',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/2a24bdb7bc4f221f64d1b0b08da13de4/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'微信收款',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/fe76a6ccce7438c3489b6da50847bb23/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'西瓜视频',
+        type:'转盘',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/f2cc3bae27b4db38b0324ef04f23c3e8/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'强奖励',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/876bc48b9dfb5c5e924b9d471b7589db/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'强奖励',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/24390c99e97ee80ad501c5e3641077b1/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'强奖励',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/b597427b9e3f4b939ecaeb22407dd79c/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'游戏奖励',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/6cc2ddf7629c427bf9a5e7a0111d680a/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'积分',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/595160ea59b1457ccedc738f268de690/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'游戏奖励',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/e4e89a1bc7a50c0ebf809eaafb84c538/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'西瓜视频',
+        type:'剧情',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/d0c3da1f2076e3bf5c2909359bd49a9f/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'九宫格抽奖',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/c4db98206e409fa244d869e38394fb6c/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'接物',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/56f695aef1666d23c60fe48af9fe5460/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'接物',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/a2ddffa0349bd7086f7b082a479e8883/index.html',       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'刮刮卡',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/6d96c265cf4d965ffa96559e8ca8814a/index.html?aadvid=1657505911879694',
+        
+    },
+    {
+        id:randomStr(),
+        product:'外部',
+        type:'选择引导',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/b44ceda568774a8a9428ffd17b7d2199/index.html',
+        
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'红包雨',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/ddd5d478af24d31a3d8a2ff0abe79b0e/index.html?aadvid=1657505911879694',
+        
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'转盘抽奖',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/3d4b8f3a129bef2869bc258f44feed13/index.html',
+        
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'阅读对话',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/e780ae0b80b9159adc4b2f03862929d0/index.html',
+        
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'红包雨',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/6a47987724428b958e804d0141013a7e/index.html',
+       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'选择引导',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/089759a2bab2c98527d0b9cffd0011a3/index.html',
+       
+    },
+    {
+        id:randomStr(),
+        product:'番茄小说',
+        type:'章节阅读',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/d7d4e10c079d59e69522618f18d82ff5/index.html',
+       
+    },
+    {
+        id:randomStr(),
+        product:'火山lite',
+        type:'直播',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/50c345da57d94261d0ce058b3f17bc59/index.html',
+        
+    },
+    {
+        id:randomStr(),
+        product:'交友',
+        type:'左右滑动',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/2a8e9aadcc424c1403566c892a37690b/index.html',
+        
+    },
+    {
+        id:randomStr(),
+        product:'交友',
+        type:'拖拽',
+        link:'https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/playable/4e27c032be3d828dbfe9e2dd1c469c4d/index.html',
+        
+    },
+    
+]
+
+export default playerList

+ 238 - 0
src/views/playerPart/playerList.vue

@@ -0,0 +1,238 @@
+<template>
+    <div class="playerList">
+        <div class="top">
+            <div class="playBody">
+                <div class="box">
+                    <div class="byted-card byted-card-inner-line byted-card-bordered css-deu8f5" v-for="(item) in playerList" :key="item.id">
+                        <div class="byted-card-body">
+                            <div class="media">
+                                <div class="main_img">
+                                    <img src="https://sf3-ttcdn-tos.pstatp.com/obj/union-fe/tmpl/file/2020082420341062812025.png" alt="图片加载失败">
+                                </div>
+                                <div class="hoverBody">
+                                    <div class="blackBG">
+                                        <a-button type="primary" @click="preview(item)">弹窗预览</a-button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div >
+                                <h5 class="css-1lrzuem">
+                                    <span class="tip">{{item.product}}</span>
+                                    {{item.type}}
+                                </h5>
+                                <div class="css-vfnok7"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="previewBody" v-show="previewBody">
+            <div class="content">
+                <div class="content-inner">
+                    <div class="phone">
+                        <iframe :src="playerSrc" width="274" height="487" frameborder="0"></iframe>
+                    </div>
+                    <a-button type='default' @click="closePreview" size='large' class="closePreviewBtn">关闭预览</a-button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import playerList from './playerData'; 
+
+console.log(playerList)
+
+export default {
+    data() {
+        return {
+            playerList,
+            previewBody:false,
+            playerSrc:'',
+        }
+    },
+    methods:{
+        preview(item){
+            console.log(item);
+            this.previewBody=true;
+            this.playerSrc=item.link
+        },
+        closePreview(){
+            this.previewBody=false;
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.playerList{
+    
+    position: relative;
+    .top{
+        width: calc(100% - 160px);
+        margin: 0px auto;
+    }
+    .playBody{
+        width: 100%;
+        padding: 20px;
+        .box{
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-wrap: wrap;
+            -webkit-box-pack: center;
+            justify-content: flex-start;
+            .css-deu8f5 {
+                width: 224px;
+                margin: 10px !important;
+            }
+            .byted-card-inner-line {
+                padding: 0;
+            }
+            .byted-card-bordered {
+                border: 1px solid #e0e0e0;
+                box-shadow: none;
+            }
+            .byted-card {
+                font-size: 14px;
+                line-height: 22px;
+                position: relative;
+                color: #333;
+                background: #fff;
+                box-sizing: border-box;
+                border-radius: 4px;
+                box-shadow: 0 1px 6px 0 rgba(0,0,0,.05);
+                border: 1px solid transparent;
+            }
+            .byted-card > .byted-card-body {
+                box-shadow: rgb(204, 204, 204) 0px 0px 10px;
+                padding: 0px !important;
+            }
+            .byted-card > .byted-card-body .media {
+                height: 392px;
+                width: 100%;
+                position: relative;
+                cursor: pointer;
+                overflow: hidden;
+                border-bottom: 1px solid rgb(204, 204, 204);
+            }
+            .byted-card > .byted-card-body .media .main_img {
+                width: 100%;
+                height: 100%;
+                display: flex;
+                -webkit-box-align: center;
+                align-items: center;
+                position: absolute;
+            }
+            .byted-card > .byted-card-body .media .main_img img:last-child {
+                width: 100%;
+                position: absolute;
+            }
+            .byted-card > .byted-card-body .media .main_img img:first-child {
+                width: 100%;
+                height: 100%;
+                // filter: blur(10px);
+                position: absolute;
+            }
+            .css-1lrzuem {
+                display: flex;
+                -webkit-box-align: center;
+                align-items: center;
+                font-size: 14px;
+                font-weight: 600;
+                color: rgb(51, 51, 51);
+                line-height: 20px;
+                text-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
+                word-break: keep-all;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                margin: 16px 16px 0px;
+                overflow: hidden;
+            }
+            .css-vfnok7 {
+                height: 40px;
+                display: flex;
+                flex-direction: row-reverse;
+                -webkit-box-align: center;
+                align-items: center;
+            }
+            .hoverBody{
+                display: none;
+                position: absolute;
+                top: 0px;
+                left: 0px;
+                width: 100%;
+                height: 100%;
+               
+            }
+            .blackBG{
+                position: absolute;
+                top: 0px;
+                left: 0px;
+                width: 100%;
+                height: 100%;
+                display: flex;
+                -webkit-box-align: center;
+                align-items: center;
+                -webkit-box-pack: center;
+                justify-content: center;
+                background-color: rgba(0, 0, 0, 0.5);
+
+            }
+            .byted-card:hover {
+                box-shadow: rgb(153, 153, 153) 0px 0px 20px;
+            }
+            .byted-card:hover .hoverBody{
+                display: block;
+            }
+            .tip{
+                display: inline-block;
+                margin-right: 15px;
+                background: #FF6633;
+                width: 80px;
+                padding: 2px 10px;
+                text-align: center;
+                border-radius: 10px;
+            }
+        }
+    }
+    .previewBody{
+        background: rgba(0,0,0,.5);
+        position: absolute;
+        top: 0;
+        left: 0;
+        padding: 20px 80px;
+        width: 100%;
+        height: 100%;
+        .content{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100%;
+        }
+        .content-inner{
+            font-size: 14px;
+            line-height: 22px;
+            padding: 0 24px 8px;
+            color: #666;
+            text-align: center;
+            position: fixed;
+            top: 200px;
+        }
+        .phone {
+            background-color: rgb(255, 255, 255);
+            position: relative;
+            padding: 9px 8px 7px;
+            border-radius: 24px;
+        }
+        .phone iframe {
+            border-radius: 18px;
+        }
+        .closePreviewBtn{
+            margin-top: 30px;
+        }
+    }
+}
+</style>