修改导领绩效样式

src/components/LeaderManagement/leaderPerformance.vue

@@ -109,7 +109,6 @@
   .guidPerformance .ChampionsLeague {
     width: 100%;
     height: 200px;
-    margin-top: 40px;
   }
 
   .guidPerformance .championList {
@@ -373,7 +372,21 @@
     <div class="statistical clearfix" style="display:block" v-loading="loading">
       <div class="mainLeftdiv">
         <div class="leftTop">
-          <ul class="dataList clearfix">
+            <el-tabs v-model="activeName" @tab-click="getSwitch">
+              <el-tab-pane label="月榜" name="2"></el-tab-pane>
+              <el-tab-pane label="年榜" name="3"></el-tab-pane>
+              <el-tab-pane label="总榜" name="6"></el-tab-pane>
+              <el-tab-pane label="人均" name="4"></el-tab-pane>
+              <el-tab-pane label="回佣人均" name="5"></el-tab-pane> 
+              <el-tab-pane label="人均低于1W" name="7"></el-tab-pane>
+              <el-tab-pane label="带团次数" name="8"></el-tab-pane>
+              <el-tab-pane label="自费总金额" name="9"></el-tab-pane>
+              <el-tab-pane label="自费人均" name="10"></el-tab-pane>
+              <el-tab-pane label="自费次数" name="11"></el-tab-pane>
+              <el-tab-pane label="投诉次数" name="12"></el-tab-pane>
+              <el-tab-pane label="意见调查表缺少张数" name="13"></el-tab-pane>
+            </el-tabs>
+          <!-- <ul class="dataList clearfix">
             <li :class="msg.Type==2?'Day_active':''" @click="msg.Type=2,getStatis()">
               {{$t('leader.leader_Month')}}
               <i></i>
@@ -414,7 +427,16 @@
               {{$t('ground.zifeicishu')}}
               <i></i>
             </li>
-          </ul>
+            <li :class="msg.Type==12?'Day_active':''" style="width:108px;" @click="msg.Type=12" :title="$t('ground.zifeicishu')">
+              投诉次数
+              <i></i>
+            </li>
+            <li :class="msg.Type==13?'Day_active':''" style="width:108px;" @click="msg.Type=13" :title="$t('ground.zifeicishu')">
+              意见调查表缺少张数
+              <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">
@@ -448,7 +470,7 @@
                 <div class="championMoney cmoney">￥{{item.LeaderExtract}}</div>
               </div>
             </template>
-            <template v-else>
+            <template v-else-if="msg.Type!=12&&msg.Type!=13">
               <table class="singeRowTable" style="margin-top:5px;">
                 <tr>
                   <th width="100">{{$t('hotel.hotel_SerialNumber')}}</th>
@@ -469,6 +491,9 @@
                     <template v-if="msg.Type==11">
                       {{$t('ground.zifeicishu')}}
                     </template>
+                    <template v-if="msg.Type==12">
+                      投诉次数
+                    </template>
                   </th>
                 </tr>
                 <tr v-for="(item,index) in DataList">
@@ -490,6 +515,27 @@
                 </tr>
               </table>
             </template>
+            <template v-else>
+              <table class="singeRowTable" style="margin-top:5px;">
+                <tr>
+                  <th width="100">{{$t('hotel.hotel_SerialNumber')}}</th>
+                  <th width="100">{{$t('system.query_name')}}</th>
+                  <th width="200">
+                    <template v-if="msg.Type==12">
+                      投诉次数
+                    </template>
+                    <template v-if="msg.Type==13">
+                      意见调查表缺少张数
+                    </template>
+                  </th>
+                </tr>
+                <tr>
+                  <td colspan="3">
+                    系统正在开发中...
+                  </td>
+                </tr>
+              </table>
+            </template>
           </div>
         </div>
         <template v-if="msg.Type<7">
@@ -551,15 +597,6 @@
           </div>
         </template>
       </div>
-      <table class="leaderTousuTable" style="display:none;">
-        <tr class="leaderHeadTd">
-          <td>投诉次数</td>
-          <td>意见调查表缺少张数</td>
-        </tr>
-        <tr>
-          <td colspan="2">功能正在开发中</td>
-        </tr>
-      </table>
     </div>
   </div>
 </template>
@@ -604,6 +641,7 @@
         yearList: [],
         loading: false,
         defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"',
+        activeName:'2'
       };
     },
     methods: {
@@ -634,6 +672,7 @@
         this.apipost("LeaderSchedule_get_GetLeaderList", msg, res => {
             this.loading = false;
             if (res.data.resultCode == 1) {
+              console.log(res,'resss');
               this.DataList = JSON.parse(JSON.stringify(res.data.data));
               var nArray = JSON.parse(JSON.stringify(res.data.data));
               if (nArray && nArray.length > 0) {
@@ -677,6 +716,11 @@
           err => {}
         );
       },
+       //切换
+      getSwitch(tab, event) {
+        this.msg.Type=tab.name;
+        this.getStatis();
+      },
     },
     mounted() {
       var Year = new Date().getFullYear();