Skip to content

S
SuperMan
Commit 8cf0bc44 authored by 黄奎's avatar 黄奎
Browse files
Options

领队业绩页面统计修改

parent 4d676a2d
Hide whitespace changes
Inline Side-by-side
Showing with 249 additions and 227 deletions
src/components/LeaderManagement/leaderStateDetails.vue
View file @ 8cf0bc44
<style> <style>
.guidstatisticalDetails .dataIn { .guidstatisticalDetails .dataIn {
margin: 30px 0; margin: 30px 0;
} }
.guidstatisticalDetails .backBtn {
float: right; .guidstatisticalDetails .backBtn {
margin-right: 10px; float: right;
} margin-right: 10px;
.guidstatisticalDetails .totalPrice { }
line-height: 0;
} .guidstatisticalDetails .totalPrice {
.guidstatisticalDetails .total { line-height: 0;
position: relative; }
top: 10px;
font-family: PingFangSC-Semibold, sans-serif; .guidstatisticalDetails .total {
font-size: 14px; position: relative;
} top: 10px;
.guidstatisticalDetails .totalPrice label { font-family: PingFangSC-Semibold, sans-serif;
display: block; font-size: 14px;
width: 100%; }
height: 20px;
} .guidstatisticalDetails .totalPrice label {
.guidstatisticalDetails .mainInfo { display: block;
margin-top: 20px; width: 100%;
font-size: 14px; height: 20px;
overflow: auto; }
}
.guidstatisticalDetails .infoTitle { .guidstatisticalDetails .mainInfo {
width: 100%; margin-top: 20px;
height: 38px; font-size: 14px;
background-color: #ededed; overflow: auto;
line-height: 38px; }
min-width: 1400px;
} .guidstatisticalDetails .infoTitle {
.guidstatisticalDetails .infoTitle span { width: 100%;
display: inline-block; height: 38px;
color: #000000; background-color: #ededed;
font-family: PingFangSC-Semibold, sans-serif; line-height: 38px;
font-size: 12px; min-width: 1400px;
width: 9%; }
text-align: center;
} .guidstatisticalDetails .infoTitle span {
.guidstatisticalDetails .listInfo { display: inline-block;
width: 100%; color: #000000;
height: 50px; font-family: PingFangSC-Semibold, sans-serif;
background-color: #fff; font-size: 12px;
margin-bottom: 10px; width: 9%;
min-width: 1400px; text-align: center;
line-height: 50px; }
font-size: 12px;
} .guidstatisticalDetails .listInfo {
.guidstatisticalDetails .listInfo:hover { width: 100%;
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1); height: 50px;
transition: all linear 0.5s; background-color: #fff;
} margin-bottom: 10px;
.guidstatisticalDetails .listInfo span { min-width: 1400px;
display: inline-block; line-height: 50px;
width: 9%; font-size: 12px;
text-align: center; }
}
.guidstatisticalDetails .littleTotal { .guidstatisticalDetails .listInfo:hover {
font-size: 12px; box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
color: #666666; transition: all linear 0.5s;
position: relative; }
top: 10px;
} .guidstatisticalDetails .listInfo span {
.guidstatisticalDetails .c1 { display: inline-block;
color: #2aaef2; width: 9%;
} text-align: center;
.guidstatisticalDetails .c2 { }
color: #47bf8c;
} .guidstatisticalDetails .littleTotal {
.guidstatisticalDetails .c3 { font-size: 12px;
color: #ff793e; color: #666666;
} position: relative;
.guidstatisticalDetails .c4 { top: 10px;
color: #ffba1f; }
}
.guidstatisticalDetails .statistical { .guidstatisticalDetails .c1 {
display: none; color: #2aaef2;
width: 100%; }
height: 500px;
} .guidstatisticalDetails .c2 {
.guidstatisticalDetails .hidDiv { color: #47bf8c;
display: none; }
}
.guidstatisticalDetails .disDiv { .guidstatisticalDetails .c3 {
display: block; color: #ff793e;
} }
.guidstatisticalDetails .chartsMap {
width: 100%; .guidstatisticalDetails .c4 {
height: 500px; color: #ffba1f;
background-color: #fff; }
padding-top: 50px;
} .guidstatisticalDetails .statistical {
.guidstatisticalDetails .storeName { display: none;
font-size: 12px; width: 100%;
float: left; height: 500px;
} }
.guidstatisticalDetails .leaderName,
.jixiao { .guidstatisticalDetails .hidDiv {
position: relative; display: none;
top: -10px; }
}
.guidstatisticalDetails .headerImg { .guidstatisticalDetails .disDiv {
width: 34px; display: block;
height: 34px; }
border-radius: 50%;
display: inline-block; .guidstatisticalDetails .chartsMap {
} width: 100%;
.guidstatisticalDetails .headerImg img { height: 500px;
width: 100%; background-color: #fff;
height:100%; padding-top: 50px;
border-radius:50%; }
}
.guidstatisticalDetails .icon-money { .guidstatisticalDetails .storeName {
color: #ffba1f; font-size: 12px;
} float: left;
.guidstatisticalDetails .jixiao { }
margin-left: 20px;
} .guidstatisticalDetails .leaderName,
.guidstatisticalDetails .totalNum { .jixiao {
font-size: 16px; position: relative;
color: #e95252; top: -10px;
font-family: PingFangSC-Semibold, sans-serif; }
}
.guidstatisticalDetails .headerImg {
width: 34px;
height: 34px;
border-radius: 50%;
display: inline-block;
}
.guidstatisticalDetails .headerImg img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.guidstatisticalDetails .icon-money {
color: #ffba1f;
}
.guidstatisticalDetails .jixiao {
margin-left: 20px;
}
.guidstatisticalDetails .totalNum {
font-size: 16px;
color: #e95252;
font-family: PingFangSC-Semibold, sans-serif;
}
</style> </style>
<template> <template>
<div class='flexOne guidstatisticalDetails'> <div class='flexOne guidstatisticalDetails'>
...@@ -134,13 +161,16 @@ ...@@ -134,13 +161,16 @@
<img v-else :src="EmPhoto" :onerror="defaultImg"> <img v-else :src="EmPhoto" :onerror="defaultImg">
</div> </div>
<span class="leaderName">{{LeaderName}}</span> <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-if="msg.Type==2"><i class="iconfont icon-money"></i>本月绩效￥<span
<span class="jixiao" v-else-if="msg.Type==3"><i class="iconfont icon-money"></i>本年绩效￥<span class="totalNum">{{totalSum}}</span></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-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> </div>
<input type="button" class="hollowFixedBtn backBtn" @click="goUrl('guideManagement')" value="返回" /> <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(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(2)" v-else value="列表" /> -->
</div> </div>
<div class="mainInfo" :class="{'hidDiv':isShow}" v-loading="loading"> <div class="mainInfo" :class="{'hidDiv':isShow}" v-loading="loading">
<div class="infoTitle"> <div class="infoTitle">
...@@ -151,36 +181,28 @@ ...@@ -151,36 +181,28 @@
<span>旅行社提成</span> <span>旅行社提成</span>
<span>导游提成</span> <span>导游提成</span>
<span>领队提成</span> <span>领队提成</span>
<span>操作人</span> <span>汇率</span>
<span>币种</span>
<span>日期</span>
</div> </div>
<div class="listInfo" v-for="item in DataList" :key="item.subCode"> <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.StoreTime}}</span>
<span>{{item.TCID}}</span> <span>{{item.TCNUM}}({{item.TCID}})</span>
<span class="totalPrice"> <span class="totalPrice">
<label class="total c1">￥{{item.NowTotalPrice}}</label> ￥{{item.TotalMoney}}
<label class="littleTotal">（{{item.TotalPrice}}*{{item.Rate}}）</label>
</span> </span>
<span class="totalPrice"> <span class="totalPrice">
<label class="total c2">￥{{item.NowGroupExtract}}</label> ￥{{item.CompanyCommission}}
<label class="littleTotal">（{{item.GroupExtract}}*{{item.Rate}}）</label>
</span> </span>
<span class="totalPrice"> <span class="totalPrice">
<label class="total c3">￥{{item.NowGuideExtract}}</label> ￥{{item.GuideCommission}}
<label class="littleTotal">（{{item.GuideExtract}}*{{item.Rate}}）</label>
</span> </span>
<span class="totalPrice"> <span class="totalPrice">
<label class="total c4">￥{{item.NowLeaderExtract}}</label> ￥{{item.LeaderCommission}}
<label class="littleTotal">（{{item.LeaderExtract}}*{{item.Rate}}）</label>
</span> </span>
<span>{{item.emName}}</span> <span>{{item.Rate}}</span>
<span>{{item.currencyName}}</span>
<span>{{item.UpdateDate}}</span>
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
:page-size=msg.pageSize :total=total> layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
</el-pagination> </el-pagination>
</div> </div>
<div class="statistical" :class="{'disDiv':isShow}"> <div class="statistical" :class="{'disDiv':isShow}">
...@@ -189,7 +211,6 @@ ...@@ -189,7 +211,6 @@
<div id="guidstatisticalDetailschartsMap" class="chartsMap"></div> <div id="guidstatisticalDetailschartsMap" class="chartsMap"></div>
</el-col> </el-col>
</div> </div>
</div> </div>
<div class="noData" v-show="noData"> <div class="noData" v-show="noData">
{{$t('system.content_noData')}} {{$t('system.content_noData')}}
...@@ -197,86 +218,87 @@ ...@@ -197,86 +218,87 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
LeaderID: "", LeaderID: "",
Type: 0 Type: 0
},
noData: false,
loading: true,
currentPage: 1,
total: 0,
isShow: false,
DataList: "",
LeaderName: "",
EmPhoto: "", //头像
totalSum: "",
defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"',
};
},
methods: {
getList() {
this.loading = true;
this.apipost(
"LeaderSchedule_get_GetLeaderPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.LeaderName = res.data.data.pageData.LeaderName;
this.EmPhoto = res.data.data.pageData.EmPhoto;
this.totalSum = res.data.data.pageData.totalSum;
this.total = res.data.data.count;
this.noData = !this.total > 0;
this.DataList = res.data.data.pageData.Data;
}
}, },
err => {} noData: false,
); loading: true,
}, currentPage: 1,
handleCurrentChange(val) { total: 0,
//翻页功能按钮 isShow: false,
this.msg.pageIndex = val; DataList: "",
this.getList(); LeaderName: "",
}, EmPhoto: "", //头像
goUrl(path) { totalSum: "",
this.$router.push({ defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"',
path: path };
});
}, },
showStatis(type) { methods: {
if (type == 1) { getList() {
this.isShow = true; this.loading = true;
} else { this.apipost(
this.isShow = false; "LeaderSchedule_get_GetLeaderPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.LeaderName = res.data.data.pageData.LeaderName;
this.EmPhoto = res.data.data.pageData.EmPhoto;
this.totalSum = res.data.data.pageData.totalSum;
this.total = res.data.data.count;
this.noData = !this.total > 0;
this.DataList = res.data.data.pageData.Data;
}
},
err => {}
);
},
handleCurrentChange(val) {
//翻页功能按钮
this.msg.pageIndex = val;
this.getList();
},
goUrl(path) {
this.$router.push({
path: path
});
},
showStatis(type) {
if (type == 1) {
this.isShow = true;
} else {
this.isShow = false;
}
var that = this;
this.apipost(
"LeaderSchedule_get_GetLeaderStatisticsList",
this.msg,
res => {
if (res.data.resultCode == 1) {
var xDatas = res.data.data.Time;
var yDatas = res.data.data.LeaderExtract;
that.$chartsUtils.LeaderCurrentPerformance(
"guidstatisticalDetailschartsMap",
xDatas,
yDatas
);
}
},
err => {}
);
} }
var that = this; },
this.apipost( mounted() {
"LeaderSchedule_get_GetLeaderStatisticsList", this.msg.LeaderID = this.$route.query.id;
this.msg, this.msg.Type = this.$route.query.Type;
res => { this.getList();
if (res.data.resultCode == 1) {
var xDatas = res.data.data.Time;
var yDatas = res.data.data.LeaderExtract;
that.$chartsUtils.LeaderCurrentPerformance(
"guidstatisticalDetailschartsMap",
xDatas,
yDatas
);
}
},
err => {}
);
} }
}, };
mounted() {
this.msg.LeaderID = this.$route.query.id;
this.msg.Type = this.$route.query.Type;
this.getList();
}
};
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment