排名列表优化

src/main/webapp/WEB-INF/templates/user/ranking.ftl

@@ -48,7 +48,7 @@
         }
 
         .rank {
-            width: 20%;
+            width: 10%;
             float: left;
             text-align: center;
             height: 40px;
@@ -64,14 +64,14 @@
         }
 
         .name {
-            width: 40%;
+            width: 30%;
             float: left;
             text-align: center;
             height: 40px;
         }
 
         .num {
-            width: 40%;
+            width: 15%;
             float: left;
             text-align: center;
             height: 40px;
@@ -113,16 +113,17 @@
     <div class="table-header">
         <div class="rank">名次</div>
         <div class="name">姓名</div>
-        <div class="num">获客数</div>
+        <div class="num">总数</div>
+        <div class="num">新客</div>
+        <div class="num">社员</div>
+        <div class="num">非社员</div>
     </div>
     <ul class="list" id="list">
     </ul>
 </section>
 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
 <script>
-
-    var baseUrl = 'https://api.iwanoutdoor.com';
-
+	var baseUrl = 'https://api.iwanoutdoor.com';
     var numType = {
         0: 'first',
         1: 'second',
@@ -177,7 +178,10 @@
                     tpl += '<li>\n' +
                         '            <div class="rank">' + (i + 1) + '</div>\n' +
                         '            <div class="name">' + list[i].inviterUserName + '</div>\n' +
-                        '            <div class="num ' + (list[i].myNum > 0 ? numType[i] : '') + '">' + list[i].myNum + '</div>\n' +
+                        '            <div class="num ' + (list[i].myNum1 > 0 ? numType[i] : '') + '">' + list[i].myNum1 + '</div>\n' +
+                        '            <div class="num ' + (list[i].myNum2 > 0 ? numType[i] : '') + '">' + list[i].myNum2 + '</div>\n' +
+                        '            <div class="num ' + (list[i].myNum3 > 0 ? numType[i] : '') + '">' + list[i].myNum3 + '</div>\n' +
+                        '            <div class="num ' + (list[i].myNum4 > 0 ? numType[i] : '') + '">' + list[i].myNum4 + '</div>\n' +
                         '        </li>'
                 }
                 $('#list').html(tpl);