Skip to content

S
SuperMan
Commit d896b345 authored by zhengke's avatar zhengke
Browse files
Options

no message

parent f8b56be9
Show whitespace changes
Inline Side-by-side
Showing with 201 additions and 70 deletions
src/components/FinancialModule/ImpressionTicketCommissionConfiguration.vue
View file @ d896b345
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
<th style="min-width: 220px;" <th style="min-width: 220px;"
v-for="( son , sIndex ) in item.CommissionRateList" v-for="( son , sIndex ) in item.CommissionRateList"
:key="sIndex" :key="sIndex"
>{{ son.StartValue }} <span>{{son.EndValue && son.EndValue!=-1?'<平均利润<=':'<平均利润'}}</span><span v-if="son.EndValue && son.EndValue!=-1">{{ son.EndValue }}</span></th> >{{ son.StartValue }} <span>{{son.EndValue && son.EndValue!=-1?'<=平均利润<':'<=平均利润'}}</span><span v-if="son.EndValue && son.EndValue!=-1">{{ son.EndValue }}</span></th>
</tr> </tr>
<tr> <tr>
<td style="min-width: 220px;" v-for="( son , sIndex ) in item.CommissionRateList" :key="sIndex">{{ son.Rate }}%</td> <td style="min-width: 220px;" v-for="( son , sIndex ) in item.CommissionRateList" :key="sIndex">{{ son.Rate }}%</td>
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
<th style="min-width: 220px;" <th style="min-width: 220px;"
v-for="( son , sIndex ) in item.BonusRateList" v-for="( son , sIndex ) in item.BonusRateList"
:key="sIndex" :key="sIndex"
>{{ son.StartValue }} <span>{{son.EndValue && son.EndValue!=-1?'<当月利润<=':'<当月利润'}}</span><span v-if="son.EndValue && son.EndValue!=-1">{{ son.EndValue }}</span></th> >{{ son.StartValue }} <span>{{son.EndValue && son.EndValue!=-1?'<=当月利润<':'<=当月利润'}}</span><span v-if="son.EndValue && son.EndValue!=-1">{{ son.EndValue }}</span></th>
</tr> </tr>
<tr> <tr>
<td style="min-width: 220px;" v-for="( son , sIndex ) in item.BonusRateList" :key="sIndex">{{ son.Rate }}%</td> <td style="min-width: 220px;" v-for="( son , sIndex ) in item.BonusRateList" :key="sIndex">{{ son.Rate }}%</td>
......
src/components/FinancialModule/ImpressionTicketing/ImpressionTicketCommission.vue
View file @ d896b345
...@@ -345,10 +345,15 @@ ...@@ -345,10 +345,15 @@
// 获取可制单人员 // 获取可制单人员
GetCommissionSendEmployeeList(item,type){ GetCommissionSendEmployeeList(item,type){
this.BillMakingMsg.PeroidsId = item.Id this.BillMakingMsg.PeroidsId = item.Id
this.BillMakingMsg.Type = type if(type==1){
this.BillMakingMsg.Type = 56
}else{
this.BillMakingMsg.Type = 57
}
let msg = { let msg = {
PeroidsId: this.BillMakingMsg.PeroidsId, PeroidsId: this.BillMakingMsg.PeroidsId,
Type: this.BillMakingMsg.Type Type: type
} }
this.BillMakingLoading = true this.BillMakingLoading = true
this.crmapipost( this.crmapipost(
......
src/components/FinancialModule/ImpressionTicketing/ImpressionTicketUserDetails.vue
View file @ d896b345
...@@ -37,10 +37,85 @@ ...@@ -37,10 +37,85 @@
color: #409EFF; color: #409EFF;
} }
.ITUDWageMoney-box{ .ITUDWageMoney-box{
margin-bottom: 20px; margin-top: 20px;
margin-bottom: 10px;
} }
.ITUDWageMoney-box span:first-child{ .ITUDschedule-Box-box{
margin-right: 20px; display: flex;
flex-direction: row;
justify-content: space-between;
}
.ITUDschedule-box{
flex: 1;
display: flex;
flex-direction: column;
}
.ITUD-title{
margin-top: 10px;
margin-bottom: 10px;
}
.progress-box{
flex: 1;
display: flex;
flex-direction: row;
}
.relative-position{
flex: 1;
margin-right: 0;
position: relative;
}
/deep/.relative-position .el-progress-bar__outer{
border-radius: 0 !important;
}
/deep/.relative-position .el-progress-bar__inner{
border-radius: 0 !important;
}
.ITUD-text-box{
position: relative;
}
.ITUD-text{
position: absolute;
z-index: 999;
color: red;
}
.rate-box {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
color: #000;
z-index: 9;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sanjiao {
width: 0;
height: 0;
margin-left: 5%;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 3px solid #CACACA;
}
.rate {
min-width: 20px;
padding: 2px 6px;
background-color: #CACACA !important;
display: flex;
justify-content: center;
align-items: center;
color: #666666;
font-size: 0.62vw;
font-family: PingFang SC;
border-radius: 7px;
line-height:12px;
white-space:nowrap;
}
.active-rate{
background-color: #FF7262 !important;
color: #FFFFFF !important;
} }
</style> </style>
<template> <template>
...@@ -137,16 +212,15 @@ ...@@ -137,16 +212,15 @@
layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total='total'> layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total='total'>
</el-pagination> </el-pagination>
<!-- 查看生成比例 --> <!-- 查看生成比例 -->
<el-dialog custom-class='w1006' title="员工生成比例" :visible.sync="outerVisible" center :before-close="closeChangeMachie"> <el-dialog custom-class='w1006' title="员工生成比例" :visible.sync="outerVisible" center>
<template> <template>
<div <div
class="cm_content" class="cm_content"
style="width: 100%;margin-bottom: 35px;margin-top: 30px;" style="width: 100%;margin-bottom: 35px;margin-top: 30px;"
> >
<div class="ITUDWageMoney-box"> <div class="ITUDWageMoney-box" style="margin-bottom: 20px;">
<span>工资：{{commissionratioList.WageMoney}}</span> <span>姓名：{{EmName}}</span>
<span>提成比例：{{commissionratioList.WageMoney?commissionratioList.WageMoney+'%':'-'}}</span>
</div> </div>
<table <table
class="po_content singeRowTable" class="po_content singeRowTable"
...@@ -167,8 +241,8 @@ ...@@ -167,8 +241,8 @@
<td>{{item.Month}}</td> <td>{{item.Month}}</td>
<td>{{item.EmpType!=1?'引流':'销售'}}</td> <td>{{item.EmpType!=1?'引流':'销售'}}</td>
<td>{{item.ProfitMoney}}</td> <td>{{item.ProfitMoney}}</td>
<td>{{item.LureNum}}</td> <td>{{item.EmpType!=1?item.LureNum:'-'}}</td>
<td>{{item.OrderNum}}</td> <td>{{item.EmpType!=1?item.OrderNum:'-'}}</td>
</tr> </tr>
<tr> <tr>
<td>平均</td> <td>平均</td>
...@@ -178,58 +252,64 @@ ...@@ -178,58 +252,64 @@
<td>{{commissionratioList.AvfOrderNum}}</td> <td>{{commissionratioList.AvfOrderNum}}</td>
</tr> </tr>
</table> </table>
<!-- <div style="width:100%;overflow-x: auto;">
<table
class="po_content singeRowTable"
style="border:1px solid #E6E6E6;"
cellspacing="0"
cellpadding="0"
>
<tr> <div class="ITUDschedule-Box-box">
<td rowspan="2" width="100" style="min-width: 100px;" class="text-fixed">工资</td> <div class="ITUDschedule-box">
<th style="min-width: 220px;" <div class="ITUDWageMoney-box">
v-for="( son , sIndex ) in commissionratioList.WageRateList" <span>工资：{{commissionratioList.WageMoney}}</span>
:key="sIndex" </div>
> <div class="progress-box">
<template v-if="EmpType==2"> <div v-for="(item,index) in commissionratioList.WageRateList" :key="index"
{{ '平均引流 '+son.StartValue+' 条, ' }} <span>{{son.EndValue && son.EndValue!=-1?'成交 ':'成交 '}}</span><span v-if="son.EndValue && son.EndValue!=-1">{{ son.EndValue+' 单' }}</span> class="relative-position">
</template> <el-progress :text-inside="true" :stroke-width="20"
<template v-if="EmpType==1"> :percentage="setItemProgress(item)"
{{ son.StartValue }} <span>{{son.EndValue && son.EndValue!=-1?'<平均利润<=':'<平均利润'}}</span><span v-if="son.EndValue && son.EndValue!=-1">{{ son.EndValue }}</span> :status="setItemStatus(item)"
</template> :format="setItemTextW(item)">
</th> </el-progress>
</tr> <div class="rate-box" v-if="commissionratioList.AvgLureNum>item.StartValue&&
<tr> commissionratioList.AvfOrderNum>item.EndValue">
<td style="min-width: 220px;" v-for="( son , sIndex ) in commissionratioList.WageRateList" :key="sIndex">{{ son.Rate }}</td> <div class="sanjiao" :style="{'border-bottom-color':commissionratioList.AvgLureNum>item.StartValue&&
</tr> commissionratioList.AvfOrderNum>item.EndValue?'#FF7262':'#CACACA'}"></div>
</table> <div class="rate full-width" :class="{'active-rate':commissionratioList.AvgLureNum>item.StartValue&&
commissionratioList.AvfOrderNum>item.EndValue}">
<i class="el-icon-check" style="font-size:8px"></i> {{item.Rate}}%
</div>
</div>
</div>
</div>
</div>
<div class="ITUDschedule-box" style="margin-left: 20px;">
<div class="ITUDWageMoney-box">
<span>提成比例：{{commissionratioList.CommissionRate}}%</span>
</div>
<div class="progress-box">
<div v-for="(item,index) in commissionratioList.CommissionRateList" :key="index"
class="relative-position">
<el-progress :text-inside="true" :stroke-width="20"
:percentage="setItemProgress(item)"
:status="setItemStatus(item)"
:format="setItemText(item)">
</el-progress>
<div class="rate-box" v-if="commissionratioList.AvgLureNum>item.StartValue&&
commissionratioList.AvfOrderNum>item.EndValue">
<div class="sanjiao" :style="{'border-bottom-color':commissionratioList.AvgLureNum>item.StartValue&&
commissionratioList.AvfOrderNum>item.EndValue?'#FF7262':'#CACACA'}"></div>
<div class="rate full-width" :class="{'active-rate':commissionratioList.AvgLureNum>item.StartValue&&
commissionratioList.AvfOrderNum>item.EndValue}">
<i class="el-icon-check" style="font-size:8px"></i> {{item.Rate}}%
</div> </div>
<div style="width:100%;overflow-x: auto;">
<table
class="po_content singeRowTable"
style="border:1px solid #E6E6E6;"
cellspacing="0"
cellpadding="0"
>
<tr> </div>
<td rowspan="2" width="100" style="min-width: 100px;" class="text-fixed">提成比例</td> </div>
<th style="min-width: 220px;" </div>
v-for="( son , sIndex ) in commissionratioList.CommissionRateList" </div>
:key="sIndex"
>{{ son.StartValue }} <span>{{son.EndValue && son.EndValue!=-1?'<平均利润<=':'<平均利润'}}</span><span v-if="son.EndValue && son.EndValue!=-1">{{ son.EndValue }}</span></th>
</tr>
<tr>
<td style="min-width: 220px;" v-for="( son , sIndex ) in commissionratioList.CommissionRateList" :key="sIndex">{{ son.Rate }}%</td>
</tr>
</table>
</div> -->
</div> </div>
<!-- <div v-if="commissionratioList.length==0"
style="width: 100%;border:1px solid #E6E6E6;display: flex;align-items: center;justify-content: center;height: 60px;margin-top: 30px;" </div>
>暂无数据</div> --> <div v-if="!commissionratioList"
style="width: 100%;border:1px solid #fff;display: flex;align-items: center;justify-content: center;height: 60px;margin-top: 30px;"
>暂无数据</div>
</template> </template>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
...@@ -245,6 +325,7 @@ ...@@ -245,6 +325,7 @@
export default { export default {
data() { data() {
return { return {
EmName:'',
EmpType:'', EmpType:'',
commissionratioList:[],//提成比例 commissionratioList:[],//提成比例
outerVisible:false,//提成比例弹窗 outerVisible:false,//提成比例弹窗
...@@ -282,17 +363,62 @@ ...@@ -282,17 +363,62 @@
this.GetCommissionPeroidsList()//期数 this.GetCommissionPeroidsList()//期数
}, },
methods: { methods: {
closeChangeMachie(done){//弹出框关闭初始化弹框内表单 // 自定义进度条文字
done(); setItemTextW(row) {
return () => {
return row.StartValue + ' - ' + row.EndValue
}
},
// 设置进度
setItemProgress(data) {
if(this.commissionratioList.AvgLureNum>=data.StartValue&&this.commissionratioList.AvfOrderNum>=data.EndValue){
return 100
}else{
return 0
}
},
// 自定义进度条文字
setItemText(row) {
this.formatProgress(row)
return () => {
return row.StartValue + ' - ' + row.EndValue
}
},
// 设置当前进度条状态，显示不同颜色
setItemStatus(data) {
if(this.commissionratioList.AvgLureNum>=data.StartValue&&this.commissionratioList.AvfOrderNum>=data.EndValue){
return 'exception'
}
},
formatProgress(data){
if (data.StartValue > 0) {
const s = data.StartValue.toString().slice(0, -4) ? data.StartValue.toString().slice(0, -4) : '0'
const e = data.StartValue.toString().slice(-4, -3)
data.StartValue = s + (e > 0 ? ('.' + e) : '') + 'w';
} else if (data.StartValue == 0) {
data.StartValue = 0
} else if (data.StartValue == -1) {
data.StartValue = '∞'
}
if (data.EndValue > 0) {
const s = data.EndValue.toString().slice(0, -4) ? data.EndValue.toString().slice(0, -4) : '0'
const e = data.EndValue.toString().slice(-4, -3)
data.EndValue = s + (e > 0 ? ('.' + e) : '') + 'w';
} else if (data.EndValue == 0) {
data.EndValue = 0
} else if (data.EndValue == -1) {
data.EndValue = '∞'
}
}, },
// 获取员工生成比例 // 获取员工生成比例
GenerateScale(item){ GenerateScale(item){
// if(!item.WageReId){ if(!item.WageReId){
// return return
// } }
this.EmName = item.EmName
this.EmpType = item.EmpType this.EmpType = item.EmpType
let msg = { let msg = {
WageReId:item.WageReId?item.WageReId:6 WageReId:item.WageReId//item.WageReId?item.WageReId:6
} }
this.crmapipost( this.crmapipost(
"/api/Commission/GetCommissionSource",msg,res => { "/api/Commission/GetCommissionSource",msg,res => {
......
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