页面修改

src/components/LeaderManagement/leaderPerformance.vue

@@ -62,7 +62,7 @@
   }
 
   .guidPerformance .leftTop {
-    width: 810px;
+    width: 1010px;
     height: 360px;
     border: 1px solid #E6E6E6;
     background-color: #fff;
@@ -83,7 +83,7 @@
 
   .guidPerformance .bottomList {
     float: left;
-    width: 399px;
+    width: 495px;
     height: 230px;
     border: 1px solid #E6E6E6;
     border-radius: 4px;
@@ -329,6 +329,14 @@
               <el-option label="回佣人均" :value='5'></el-option>
               <el-option label="人均低于1W" :value='7'></el-option>
               </el-option>
+              <el-option label="带团次数" :value='8'></el-option>
+              </el-option>
+              <el-option label="自费总金额" :value='9'></el-option>
+              </el-option>
+              <el-option label="自费人均" :value='10'></el-option>
+              </el-option>
+              <el-option label="自费次数" :value='11'></el-option>
+              </el-option>
             </el-select>
           </span>
         </li>
@@ -374,9 +382,25 @@
               人均低于1W
               <i></i>
             </li>
+            <li :class="msg.Type==8?'Day_active':''" @click="msg.Type=8,getStatis()" title="带团次数">
+              带团次数
+              <i></i>
+            </li>
+            <li :class="msg.Type==9?'Day_active':''" @click="msg.Type=9,getStatis()" title="自费总金额">
+              自费总金额
+              <i></i>
+            </li>
+            <li :class="msg.Type==10?'Day_active':''" @click="msg.Type=10,getStatis()" title="自费人均">
+              自费人均
+              <i></i>
+            </li>
+            <li :class="msg.Type==11?'Day_active':''" @click="msg.Type=11,getStatis()" title="自费次数">
+              自费次数
+              <i></i>
+            </li>
           </ul>
           <div class="ChampionsLeague clearfix">
-            <template v-if="msg.Type!=7">
+            <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">
@@ -411,26 +435,48 @@
             <template v-else>
               <table class="singeRowTable" style="margin-top:5px;">
                 <tr>
-                   <th width="100">编号</th>
-                   <th width="100">姓名</th>
-                   <th width="200">人均回佣金额</th>
+                  <th width="100">编号</th>
+                  <th width="100">姓名</th>
+                  <th width="200">
+                    <template v-if="msg.Type==7">
+                      人均回佣金额
+                    </template>
+                    <template v-if="msg.Type==8">
+                      带团次数
+                    </template>
+                    <template v-if="msg.Type==9">
+                      自费总金额
+                    </template>
+                    <template v-if="msg.Type==10">
+                      自费人均
+                    </template>
+                    <template v-if="msg.Type==11">
+                      自费次数
+                    </template>
+                  </th>
                 </tr>
                 <tr v-for="(item,index) in DataList">
                   <td>
-                     {{index+1}}
+                    {{index+1}}
                   </td>
                   <td>
                     {{item.Name}}
                   </td>
                   <td>
-                    ￥{{item.LeaderExtract}}
+                    <template v-if="msg.Type==7">
+                      ￥
+                    </template>
+                    {{item.LeaderExtract}}
+                    <template v-if="msg.Type==8">
+                      次
+                    </template>
                   </td>
                 </tr>
               </table>
             </template>
           </div>
         </div>
-        <template v-if="msg.Type!=7">
+        <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">
@@ -461,7 +507,7 @@
           </div>
         </template>
       </div>
-      <template v-if="msg.Type!=7">
+      <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>
@@ -539,7 +585,7 @@
         this.apipost("LeaderSchedule_get_GetLeaderList", msg, res => {
             this.loading = false;
             if (res.data.resultCode == 1) {
-              this.DataList =JSON.parse(JSON.stringify(res.data.data));
+              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);