首页样式+接口

@@ -21,7 +21,7 @@
     <div id="brandRanking">
         <div class="overViewTitle">
             <h3>品牌排名</h3>
-            <span>x月x日品牌排名</span>
+            <span>{{rankDate}}品牌排名</span>
         </div>
 
         <div class="overViewContent" style="margin-left: 125px">
@@ -51,7 +51,9 @@
 
                 <div class="dataModle2">
                     <p>较上周同期</p>
-                    <h2><i>↑</i><b>{{rankChange}}</b>个名次</h2>
+                    <h2 class="middle" v-show="rankChange == 0"><i>↑</i><b>{{rankChange}}</b>个名次</h2>
+                    <h2 class="up" v-show="rankChange > 0"><i>↑</i><b>{{rankChange}}</b>个名次</h2>
+                    <h2 class="down" v-show="rankChange < 0"><i>↓</i><b>{{-rankChange}}</b>个名次</h2>
                 </div>
             </div>
             <div class="clearfix"></div>
@@ -81,9 +83,10 @@
             return {
                 buyNumbers: '1',
                 orderAmount: '2',
+                rankDate: '5月24日',
                 rankNow: '3',
-                rankChange: '4',
-                rankLevel:4,
+                rankChange: '-5',
+                rankLevel: 4,
                 grid:{
                     url:'/report/getOrdersGoodsRptList',
                     columns:[
@@ -107,7 +110,7 @@
                         {display:'商品分类',render(item){
                             return [item.maxSortName,item.middleSortName,item.smallSortName].join('-');
                         }},
-                        {display:'数量',name:''},
+                        {display:'数量',name:'buyNumber'},
                         {display:'金额',name:''}
                     ]
                 }
@@ -144,6 +147,7 @@
                         this.rankNow = rs.data.rankNow;
                         this.rankChange = rs.data.rankChange;
                         this.rankLevel = rs.data.rankLevel;
+                        this.rankDate = rs.data.dateId;
                     },
                     error: function(error) {
                         console.log(error)

@@ -112,6 +112,7 @@
       margin-top: 15px;
       font-weight: bold;
     }
+
     p{
         margin: 10px 0 0;
     }
@@ -141,6 +142,31 @@
           font-style: normal;
         }
     }
+    h2.up{
+        b{
+          color: #ff0000;
+        }
+        i{
+          color: #ff0000;
+        }
+    }
+    h2.down{
+        b{
+          color: #32cd32;
+        }
+        i{
+          color: #32cd32;
+        }
+    }
+    h2.middle{
+        b{
+          color: #1e90ff;
+        }
+        i{
+          color: #1e90ff;
+        }
+    }
+  
     p{
         margin: 10px 0 0;
     }