页面修改

src/components/LeaderManagement/leaderPerformance.vue

@@ -312,7 +312,7 @@
               <el-option :key="-1" label="全部" :value="-1"></el-option>
               <el-option v-for="item in yearList" :key="item" :label="item" :value="item"></el-option>
             </el-select>
-            <el-select v-model="msg.Month" >
+            <el-select v-model="msg.Month">
               <el-option :key="-1" label="全部" :value="-1"></el-option>
               <el-option v-for="item in monthList" :key="item" :label="item" :value="item"></el-option>
             </el-select>
@@ -327,6 +327,7 @@
               <el-option label="总榜" :value='6'></el-option>
               <el-option label="人均" :value='4'></el-option>
               <el-option label="回佣人均" :value='5'></el-option>
+              <el-option label="人均低于1W" :value='7'></el-option>
               </el-option>
             </el-select>
           </span>
@@ -369,8 +370,13 @@
               回佣人均
               <i></i>
             </li>
+            <li :class="msg.Type==7?'Day_active':''" @click="msg.Type=7,getStatis()" title="回佣人均低于1W">
+              人均低于1W
+              <i></i>
+            </li>
           </ul>
           <div class="ChampionsLeague clearfix">
+            <template v-if="msg.Type!=7">
               <div class="championList" v-for="item in yajun" :key="item.subCode">
                 <div class="runnderUp">
                   <img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
@@ -401,8 +407,30 @@
                 <div class="championName">{{item.Name}}</div>
                 <div class="championMoney cmoney">￥{{item.LeaderExtract}}</div>
               </div>
+            </template>
+            <template v-else>
+              <table class="singeRowTable" style="margin-top:5px;">
+                <tr>
+                   <th width="100">编号</th>
+                   <th width="100">姓名</th>
+                   <th width="200">人均回佣金额</th>
+                </tr>
+                <tr v-for="(item,index) in DataList">
+                  <td>
+                     {{index+1}}
+                  </td>
+                  <td>
+                    {{item.Name}}
+                  </td>
+                  <td>
+                    ￥{{item.LeaderExtract}}
+                  </td>
+                </tr>
+              </table>
+            </template>
           </div>
         </div>
+        <template v-if="msg.Type!=7">
           <div class="leftBottom clearfix">
             <div class="bottomList">
               <div class="btLittle" v-for="(item,index) in fourToSeven" :key="item.subCode">
@@ -431,7 +459,9 @@
               </div>
             </div>
           </div>
+        </template>
       </div>
+      <template v-if="msg.Type!=7">
         <div class="rightDiv">
           <div class="_btTitle" v-for="(item,index) in twelveToTwenty" :key="item.subCode">
             <div class="tweleindex">{{12+index}}</div>
@@ -445,6 +475,7 @@
             </div>
           </div>
         </div>
+      </template>
     </div>
   </div>
 </template>
@@ -465,7 +496,7 @@
         },
         //工作类型
         workTypeList: [],
-        DataList: "",
+        DataList: [],
         //冠军
         Champion: [],
         //亚军
@@ -493,11 +524,10 @@
           Type: this.msg.Type,
           QLeaderType: this.msg.QLeaderType,
           QMonthStr: this.msg.MonthStr,
-          ShoppingID:this.msg.ShoppingID
+          ShoppingID: this.msg.ShoppingID
         };
-        if(msg.Type==4||msg.Type==5)
-        {
-          msg.QMonthStr=this.msg.Year+","+this.msg.Month;
+        if (msg.Type == 4 || msg.Type == 5 || msg.Type == 7) {
+          msg.QMonthStr = this.msg.Year + "-" + this.msg.Month;
         }
         this.Champion = [];
         this.yajun = [];
@@ -505,16 +535,19 @@
         this.fourToSeven = [];
         this.eightToeleven = [];
         this.twelveToTwenty = [];
+        this.DataList = [];
         this.apipost("LeaderSchedule_get_GetLeaderList", msg, res => {
             this.loading = false;
             if (res.data.resultCode == 1) {
-              if (res.data.data.length > 0) {
-                this.Champion = res.data.data.splice(0, 1);
-                this.yajun = res.data.data.splice(0, 1);
-                this.jijun = res.data.data.splice(0, 1);
-                this.fourToSeven = res.data.data.splice(0, 4);
-                this.eightToeleven = res.data.data.splice(0, 4);
-                this.twelveToTwenty = res.data.data.splice(0, 9);
+              this.DataList =JSON.parse(JSON.stringify(res.data.data));
+              var nArray = JSON.parse(JSON.stringify(res.data.data));
+              if (nArray && nArray.length > 0) {
+                this.Champion = nArray.splice(0, 1);
+                this.yajun = nArray.splice(0, 1);
+                this.jijun = nArray.splice(0, 1);
+                this.fourToSeven = nArray.splice(0, 4);
+                this.eightToeleven = nArray.splice(0, 4);
+                this.twelveToTwenty = nArray.splice(0, 9);
               }
             }
           },
@@ -550,8 +583,8 @@
     },
     mounted() {
       var Year = new Date().getFullYear();
-      this.msg.Year= new Date().getFullYear();
-      this.msg.Month= new Date().getMonth() + 1;
+      this.msg.Year = new Date().getFullYear();
+      this.msg.Month = new Date().getMonth() + 1;
       let count = Year - (Year - 8);
       for (let i = 0; i <= count; i++) {
         this.yearList.push(Year - i);