领队业绩页面统计修改

src/components/LeaderManagement/leaderStateDetails.vue

 <style>
-.guidstatisticalDetails .dataIn {
+  .guidstatisticalDetails .dataIn {
     margin: 30px 0;
-}
-.guidstatisticalDetails .backBtn {
+  }
+
+  .guidstatisticalDetails .backBtn {
     float: right;
     margin-right: 10px;
-}
-.guidstatisticalDetails .totalPrice {
+  }
+
+  .guidstatisticalDetails .totalPrice {
     line-height: 0;
-}
-.guidstatisticalDetails .total {
+  }
+
+  .guidstatisticalDetails .total {
     position: relative;
     top: 10px;
     font-family: PingFangSC-Semibold, sans-serif;
     font-size: 14px;
-}
-.guidstatisticalDetails .totalPrice label {
+  }
+
+  .guidstatisticalDetails .totalPrice label {
     display: block;
     width: 100%;
     height: 20px;
-}
-.guidstatisticalDetails .mainInfo {
+  }
+
+  .guidstatisticalDetails .mainInfo {
     margin-top: 20px;
     font-size: 14px;
     overflow: auto;
-}
-.guidstatisticalDetails .infoTitle {
+  }
+
+  .guidstatisticalDetails .infoTitle {
     width: 100%;
     height: 38px;
     background-color: #ededed;
     line-height: 38px;
     min-width: 1400px;
-}
-.guidstatisticalDetails .infoTitle span {
+  }
+
+  .guidstatisticalDetails .infoTitle span {
     display: inline-block;
     color: #000000;
     font-family: PingFangSC-Semibold, sans-serif;
     font-size: 12px;
     width: 9%;
     text-align: center;
-}
-.guidstatisticalDetails .listInfo {
+  }
+
+  .guidstatisticalDetails .listInfo {
     width: 100%;
     height: 50px;
     background-color: #fff;
@@ -48,82 +56,101 @@
     min-width: 1400px;
     line-height: 50px;
     font-size: 12px;
-}
-.guidstatisticalDetails .listInfo:hover {
+  }
+
+  .guidstatisticalDetails .listInfo:hover {
     box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
     transition: all linear 0.5s;
-}
-.guidstatisticalDetails .listInfo span {
+  }
+
+  .guidstatisticalDetails .listInfo span {
     display: inline-block;
     width: 9%;
     text-align: center;
-}
-.guidstatisticalDetails .littleTotal {
+  }
+
+  .guidstatisticalDetails .littleTotal {
     font-size: 12px;
     color: #666666;
     position: relative;
     top: 10px;
-}
-.guidstatisticalDetails .c1 {
+  }
+
+  .guidstatisticalDetails .c1 {
     color: #2aaef2;
-}
-.guidstatisticalDetails .c2 {
+  }
+
+  .guidstatisticalDetails .c2 {
     color: #47bf8c;
-}
-.guidstatisticalDetails .c3 {
+  }
+
+  .guidstatisticalDetails .c3 {
     color: #ff793e;
-}
-.guidstatisticalDetails .c4 {
+  }
+
+  .guidstatisticalDetails .c4 {
     color: #ffba1f;
-}
-.guidstatisticalDetails .statistical {
+  }
+
+  .guidstatisticalDetails .statistical {
     display: none;
     width: 100%;
     height: 500px;
-}
-.guidstatisticalDetails .hidDiv {
+  }
+
+  .guidstatisticalDetails .hidDiv {
     display: none;
-}
-.guidstatisticalDetails .disDiv {
+  }
+
+  .guidstatisticalDetails .disDiv {
     display: block;
-}
-.guidstatisticalDetails .chartsMap {
+  }
+
+  .guidstatisticalDetails .chartsMap {
     width: 100%;
     height: 500px;
     background-color: #fff;
     padding-top: 50px;
-}
-.guidstatisticalDetails .storeName {
+  }
+
+  .guidstatisticalDetails .storeName {
     font-size: 12px;
     float: left;
-}
-.guidstatisticalDetails .leaderName,
-.jixiao {
+  }
+
+  .guidstatisticalDetails .leaderName,
+  .jixiao {
     position: relative;
     top: -10px;
-}
-.guidstatisticalDetails .headerImg {
+  }
+
+  .guidstatisticalDetails .headerImg {
     width: 34px;
     height: 34px;
     border-radius: 50%;
     display: inline-block;
-}
-.guidstatisticalDetails .headerImg img {
+  }
+
+  .guidstatisticalDetails .headerImg img {
     width: 100%;
-  height:100%;
-  border-radius:50%;
-}
-.guidstatisticalDetails .icon-money {
+    height: 100%;
+    border-radius: 50%;
+  }
+
+  .guidstatisticalDetails .icon-money {
     color: #ffba1f;
-}
-.guidstatisticalDetails .jixiao {
+  }
+
+  .guidstatisticalDetails .jixiao {
     margin-left: 20px;
-}
-.guidstatisticalDetails .totalNum {
+  }
+
+  .guidstatisticalDetails .totalNum {
     font-size: 16px;
     color: #e95252;
     font-family: PingFangSC-Semibold, sans-serif;
-}
+  }
+
 </style>
 <template>
   <div class='flexOne guidstatisticalDetails'>
@@ -134,13 +161,16 @@
           <img v-else :src="EmPhoto" :onerror="defaultImg">
         </div>
         <span class="leaderName">{{LeaderName}}</span>
-        <span class="jixiao" v-if="msg.Type==2"><i class="iconfont icon-money"></i>本月绩效￥<span class="totalNum">{{totalSum}}</span></span>
-        <span class="jixiao" v-else-if="msg.Type==3"><i class="iconfont icon-money"></i>本年绩效￥<span class="totalNum">{{totalSum}}</span></span>
-        <span class="jixiao" v-else><i class="iconfont icon-money"></i>总绩效￥<span class="totalNum">{{totalSum}}</span></span>
+        <!-- <span class="jixiao" v-if="msg.Type==2"><i class="iconfont icon-money"></i>本月绩效￥<span
+            class="totalNum">{{totalSum}}</span></span>
+        <span class="jixiao" v-else-if="msg.Type==3"><i class="iconfont icon-money"></i>本年绩效￥<span
+            class="totalNum">{{totalSum}}</span></span>
+        <span class="jixiao" v-else><i class="iconfont icon-money"></i>总绩效￥<span
+            class="totalNum">{{totalSum}}</span></span> -->
       </div>
       <input type="button" class="hollowFixedBtn backBtn" @click="goUrl('guideManagement')" value="返回" />
-      <input type="button" class="normalBtn backBtn" @click="showStatis(1)" v-if="isShow==false" value="绩效走势" />
-      <input type="button" class="normalBtn backBtn" @click="showStatis(2)" v-else value="列表" />
+      <!-- <input type="button" class="normalBtn backBtn" @click="showStatis(1)" v-if="isShow==false" value="绩效走势" />
+      <input type="button" class="normalBtn backBtn" @click="showStatis(2)" v-else value="列表" /> -->
     </div>
     <div class="mainInfo" :class="{'hidDiv':isShow}" v-loading="loading">
       <div class="infoTitle">
@@ -151,36 +181,28 @@
         <span>旅行社提成</span>
         <span>导游提成</span>
         <span>领队提成</span>
-        <span>操作人</span>
-        <span>币种</span>
-        <span>日期</span>
+        <span>汇率</span>
       </div>
       <div class="listInfo" v-for="item in DataList" :key="item.subCode">
-        <span>{{item.ShopName}}</span>
+        <span style="width:200px;">{{item.ShopName}}</span>
         <span>{{item.StoreTime}}</span>
-        <span>{{item.TCID}}</span>
+        <span>{{item.TCNUM}}({{item.TCID}})</span>
         <span class="totalPrice">
-          <label class="total c1">￥{{item.NowTotalPrice}}</label>
-          <label class="littleTotal">（{{item.TotalPrice}}*{{item.Rate}}）</label>
+          ￥{{item.TotalMoney}}
         </span>
         <span class="totalPrice">
-          <label class="total c2">￥{{item.NowGroupExtract}}</label>
-          <label class="littleTotal">（{{item.GroupExtract}}*{{item.Rate}}）</label>
+         ￥{{item.CompanyCommission}}
         </span>
         <span class="totalPrice">
-          <label class="total c3">￥{{item.NowGuideExtract}}</label>
-          <label class="littleTotal">（{{item.GuideExtract}}*{{item.Rate}}）</label>
+          ￥{{item.GuideCommission}}
         </span>
         <span class="totalPrice">
-          <label class="total c4">￥{{item.NowLeaderExtract}}</label>
-          <label class="littleTotal">（{{item.LeaderExtract}}*{{item.Rate}}）</label>
+          ￥{{item.LeaderCommission}}
         </span>
-        <span>{{item.emName}}</span>
-        <span>{{item.currencyName}}</span>
-        <span>{{item.UpdateDate}}</span>
+        <span>{{item.Rate}}</span>
       </div>
-      <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper"
-        :page-size=msg.pageSize :total=total>
+      <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+        layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
       </el-pagination>
     </div>
     <div class="statistical" :class="{'disDiv':isShow}">
@@ -189,7 +211,6 @@
           <div id="guidstatisticalDetailschartsMap" class="chartsMap"></div>
         </el-col>
       </div>
-
     </div>
     <div class="noData" v-show="noData">
       {{$t('system.content_noData')}}
@@ -197,7 +218,7 @@
   </div>
 </template>
 <script>
-export default {
+  export default {
     data() {
       return {
         msg: {
@@ -278,5 +299,6 @@ export default {
       this.msg.Type = this.$route.query.Type;
       this.getList();
     }
-};
+  };
+
 </script>