no message

src/views/workstatistics/DrainageSummaryStatistics.vue

@@ -51,7 +51,7 @@
             v-if="msg.PlatformType==1"
             :data="dataList"
             style="width: 100%"
-            height="500"
+            :height="dataList&&dataList.length>0?500:100"
             :border="true"
             :fit="true"
             v-loading="loading"
@@ -90,7 +90,7 @@
             v-if="msg.PlatformType==2"
             :data="dataList"
             style="width: 100%"
-            height="500"
+            :height="dataList&&dataList.length>0?500:100"
             :border="true"
             :fit="true"
             v-loading="loading"
@@ -112,7 +112,7 @@
         <el-table
             v-if="msg.PlatformType==3"
             :data="dataList"
-            height="500"
+            :height="dataList&&dataList.length>0?500:100"
             :border="true"
             :fit="true"
             v-loading="loading"
@@ -138,17 +138,93 @@
             <el-table-column width="90" prop="NoteRate" label="作品增长率"></el-table-column>
             <el-table-column fixed="right" prop="EmpName" label="运营人"></el-table-column>
         </el-table>
-            <!-- <el-table
-                :data="dataList"
-                style="width: 100%"
-                :border="true"
-                :fit="true"
-                v-loading="loading"
-                :cell-style="columenStyle"
-                :header-cell-style="getRowClass"
-            >
-                <el-table-column fixed prop="Name" label="账号名称"></el-table-column>
-            </el-table> -->
+        
+        <div class="ranking-form">
+          <div class="ranking-content">
+            <ul>
+              <li v-for="item in rankingTitle">
+                {{item}}
+              </li>
+            </ul>
+            <ul>
+              <li>粉丝数</li>
+              <li v-for="item in RankList.FansRank">{{item.FansNum}}</li>
+            </ul>
+            <ul>
+              <li>近七天增加粉丝数</li>
+              <li v-for="item in RankList.AddFansRank">{{item.AddFansRank}}</li>
+            </ul>
+            <ul>
+              <li>近七天获赞与收藏</li>
+              <li v-for="item in RankList.CollectRank">{{item.CollectNum}}</li>
+            </ul>
+            <ul>
+              <li>近七天主页访客</li>
+              <li v-for="item in RankList.VisitorRank">{{item.VisitorNum}}</li>
+            </ul>
+            <ul>
+              <li>近七天观看数</li>
+              <li v-for="item in RankList.LookRank">{{item.LookNum}}</li>
+            </ul>
+            <ul>
+              <li>近七天互动数</li>
+              <li v-for="item in RankList.InteractionRank">{{item.InteractionNum}}</li>
+            </ul>
+            <ul>
+              <li>近七天评论</li>
+              <li v-for="item in RankList.DiscussRank">{{item.DiscussNum}}</li>
+            </ul>
+            <ul>
+              <li>近七天观看总时长</li>
+              <li v-for="item in RankList.SecondsRank">{{item.SecondsNum}}</li>
+            </ul>
+            <ul>
+              <li>笔记数</li>
+              <li v-for="item in RankList.NoteRank">{{item.NoteNum}}</li>
+            </ul>
+
+          </div>
+          <div class="ranking-content" style="margin-left: 30px;">
+            <ul>
+              <li v-for="item in rankingTitle">
+                {{item}}
+              </li>
+            </ul>
+            <ul>
+              <li>粉丝数成长率</li>
+              <li v-for="item in RankList.FansRank">{{item.FansRate}}</li>
+            </ul>
+            <ul>
+              <li>近七天新增粉丝数成长率</li>
+              <li v-for="item in RankList.AddFansRank">{{item.AddFansRate}}</li>
+            </ul>
+            <ul>
+              <li>近七天获赞与收藏成长率</li>
+              <li v-for="item in RankList.CollectRank">{{item.CollectRate}}</li>
+            </ul>
+            <ul>
+              <li>近七天观看数成长率</li>
+              <li v-for="item in RankList.LookRank">{{item.LookRate}}</li>
+            </ul>
+            <ul>
+              <li>近七天互动数成长率</li>
+              <li v-for="item in RankList.InteractionRank">{{item.InteractionRate}}</li>
+            </ul>
+            <ul>
+              <li>近七天评论成长率</li>
+              <li v-for="item in RankList.DiscussRank">{{item.DiscussRate}}</li>
+            </ul>
+            <ul>
+              <li>近七天观看总时长成长率</li>
+              <li v-for="item in RankList.SecondsRank">{{item.SecondsRate}}</li>
+            </ul>
+            <ul>
+              <li>笔记数成长率</li>
+              <li v-for="item in RankList.NoteRank">{{item.NoteRate}}</li>
+            </ul>
+          </div>
+        </div>
+
         </div>
         <el-dialog :visible.sync="dialogTableVisible" @closed="closedDialog" :close-on-click-modal="false"
           class="add-box add-box1 importDialogBox" width="450px" v-loading="loading" 
@@ -216,6 +292,12 @@
   export default {
     data() {
       return {
+        rankingTitle:[
+          '排名项目',
+          '第一名',
+          '第二名',
+          '第三名',
+        ],
         activeList:[
             {Name:'小红书',Id:1},
             {Name:'微博',Id:2},
@@ -225,6 +307,8 @@
         PlatformTypeList:[],
         title:'小红书',
         total: 0,
+        RateList:{},//排名率
+        RankList:{},//排名
         dataList: [],
         loading: false,
         loadingB: false,
@@ -373,7 +457,17 @@
           },
           (res) => {
             this.loading = false;
-            this.dataList = res.data.data.List;
+            if(res.data.data){
+              if(res.data.data.List){
+                this.dataList = res.data.data.List;
+              }if(res.data.data.RankList){
+                this.RankList = res.data.data.RankList;
+              }if(res.data.data.RateList){
+                this.RateList = res.data.data.RateList;
+              }
+              
+
+            }
           },
           (e) => {
             this.loading = false;
@@ -393,11 +487,17 @@
       },
       // 导出
       downloadHandler(url, name) {
-        this.GetLocalFile(url, this.msg, `${name}.xls`, (res) => {
+        this.msg.ModuleTypeIds = 
+        this.GetLocalFile(url, {
+          PeriodsId: this.msg.PeriodsId,
+          PlatformType: this.msg.PlatformType,
+          ModuleTypeIds:this.msg.ModuleTypeIds?this.msg.ModuleTypeIds.join(','):''
+        }, `${name}.xls`, (res) => {
           this.$message({
             message: "导出成功",
             type: "success",
           });
+          
         });
       },
     },
@@ -406,6 +506,29 @@
   
   <style>
   @import "../../assets/css/customerManage.css";
+  .ranking-content ul li{
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    text-align: center;
+    padding: 10px 0;
+  }
+  .ranking-content ul{
+    display: flex;
+    justify-content: space-between;
+  }
+  .ranking-content{
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    border: 1px solid #dedede;
+    padding: 0 10px;
+  }
+  .ranking-form{
+    display: flex;
+    padding: 30px 20px;
+    font-size: 14px;
+  }
   .activeBox div.active{
     border-bottom: 2px solid #00b0f0;
   }