Skip to content

S
SuperMan
Commit b2b30002 authored by youjie's avatar youjie
Browse files
Options

no message

parent 16dd82ca
Show whitespace changes
Inline Side-by-side
Showing with 56 additions and 222 deletions
src/components/FinancialModule/ImpressionTicketCommissionConfiguration.vue
View file @ b2b30002
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
> >
<tr> <tr>
<td rowspan="2" width="100" style="min-width: 100px;">工资</td> <td rowspan="2" width="100" style="min-width: 100px;">追加工资</td>
<th style="min-width: 220px;" <th style="min-width: 220px;"
v-for="( son , sIndex ) in item.WageRateList" v-for="( son , sIndex ) in item.WageRateList"
:key="sIndex" :key="sIndex"
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
</th> </th>
</tr> </tr>
<tr> <tr>
<td style="min-width: 220px;" v-for="( son , sIndex ) in item.WageRateList" :key="sIndex">{{ son.Rate }}</td> <td style="min-width: 220px;" v-for="( son , sIndex ) in item.WageRateList" :key="sIndex"> + {{ son.Rate }}</td>
</tr> </tr>
</table> </table>
</div> </div>
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
</div> </div>
<div> <div>
<el-form-item <el-form-item
:label="form.WageRateList.length>0?`工资 ${index+1} `:` ` " :label="form.WageRateList.length>0?`追加工资 ${index+1} `:` ` "
:prop="`WageRateList.${index}.Rate`" :prop="`WageRateList.${index}.Rate`"
:rules="rules.Rate" :rules="rules.Rate"
label-width="100px" label-width="100px"
......
src/components/FinancialModule/ImpressionTicketing/ImpressionTicketCommission.vue
View file @ b2b30002
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
<table v-loading="loading" class="singeRowTable" border="0" cellspacing="0" cellpadding="0"> <table v-loading="loading" class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<th>期数</th> <th>期数</th>
<th>总工资</th> <th>总追加工资</th>
<th>总提成</th> <th>总提成</th>
<th>总年终</th> <th>总年终</th>
<th>财务单据</th> <th>财务单据</th>
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
<tr v-for="item in dataList"> <tr v-for="item in dataList">
<td>{{item.Periods}}</td> <td>{{item.Periods}}</td>
<td> <td>
<p>{{item.SumWage}}</p> <p>+ {{item.SumWage}}</p>
</td> </td>
<td>{{item.SumCommission}}</td> <td>{{item.SumCommission}}</td>
......
src/components/FinancialModule/ImpressionTicketing/ImpressionTicketDetails.vue
View file @ b2b30002
...@@ -23,7 +23,12 @@ ...@@ -23,7 +23,12 @@
text-decoration: underline; text-decoration: underline;
color: red; color: red;
} }
.cursor-p{
cursor: pointer;
}
.cursor-p:hover{
color: #409EFF;
}
</style> </style>
<template> <template>
<div class="flexOne domesticCommissiondetails"> <div class="flexOne domesticCommissiondetails">
...@@ -78,8 +83,9 @@ ...@@ -78,8 +83,9 @@
<th>订单号</th> <th>订单号</th>
<th>订单利润</th> <th>订单利润</th>
<th>应发</th> <th>应发</th>
<th>提成</th> <th>当期提成</th>
<th>提成比例</th> <th>提成比例</th>
<th>依据类型</th>
<th>年终</th> <th>年终</th>
<th>年终比例</th> <th>年终比例</th>
<th>期数</th> <th>期数</th>
...@@ -98,28 +104,45 @@ ...@@ -98,28 +104,45 @@
<td>{{item.YCommission}}</td> <td>{{item.YCommission}}</td>
<td>{{item.Commission}}</td> <td>{{item.Commission}}</td>
<td>{{item.CommissionRate}}%</td> <td>{{item.CommissionRate}}%</td>
<td>{{item.BonusMoney}}</td> <td @click="GenerateScale(item)">
<td>{{item.BonusRate}}%</td> <span
:class="item.WageReId?'cursor-p':''">{{item.WageType==1?'新员工比例':item.WageType==2?'上季度定档':'-'}}</span>
</td>
<td>{{item.BranchName!='微途科技'?item.BonusMoney:'-'}}</td>
<td>{{item.BranchName!='微途科技'?item.BonusRate+'%':'-'}}</td>
<td>{{item.Month}}</td> <td>{{item.Month}}</td>
<td>{{item.Remark?item.Remark:'-'}}</td> <td>{{item.Remark?item.Remark:'-'}}</td>
</tr> </tr>
<tr v-if="dataList.length==0"> <tr v-if="dataList.length==0">
<td style="text-align:center" colspan="13">暂无数据</td> <td style="text-align:center" colspan="15">暂无数据</td>
</tr> </tr>
</table> </table>
<!-- 分页 --> <!-- 分页 -->
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.pageIndex" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.pageIndex"
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>
<inAccordanceWith v-if="objNew" :msgNew="objNew"></inAccordanceWith>
<div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="outerVisible = false">取消</button> &nbsp;
<button class="normalBtn" type="primary" @click="outerVisible = false">确定</button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import inAccordanceWith from "./inAccordanceWithDialog"
import moment from "moment" import moment from "moment"
export default { export default {
components:{
inAccordanceWith
},
data() { data() {
return { return {
objNew:{},
outerVisible:false,
Month: moment().format("YYYY-MM"), Month: moment().format("YYYY-MM"),
msg: { msg: {
pageIndex: 1, pageIndex: 1,
...@@ -163,6 +186,13 @@ ...@@ -163,6 +186,13 @@
} }
}, },
methods: { methods: {
GenerateScale(item){
if(!item.WageReId){
return
}
this.objNew = item
this.outerVisible = true
},
GetCommissionPeroidsList() { //期数下拉 GetCommissionPeroidsList() { //期数下拉
this.crmapipost( this.crmapipost(
"/api/Commission/GetCommissionPeroidsList",{},res => { "/api/Commission/GetCommissionPeroidsList",{},res => {
......
src/components/FinancialModule/ImpressionTicketing/ImpressionTicketUserDetails.vue
View file @ b2b30002
...@@ -170,9 +170,9 @@ ...@@ -170,9 +170,9 @@
<th>当月利润</th> <th>当月利润</th>
<th>引流数量</th> <th>引流数量</th>
<th>成交订单</th> <th>成交订单</th>
<th>当月工资</th> <th>当月追加工资</th>
<th>依据类型</th> <th>依据类型</th>
<th>提成</th> <th>当期提成</th>
<th>提成比例</th> <th>提成比例</th>
<th>年终</th> <th>年终</th>
<th>年终比例</th> <th>年终比例</th>
...@@ -193,14 +193,15 @@ ...@@ -193,14 +193,15 @@
</td> </td>
<td> <td>
<span @click="item.OrderNum>0?clickUrl(item,3):''" :class="item.OrderNum>0?'clickCp':''">{{item.EmpType==2?item.OrderNum:'-'}}</span></td> <span @click="item.OrderNum>0?clickUrl(item,3):''" :class="item.OrderNum>0?'clickCp':''">{{item.EmpType==2?item.OrderNum:'-'}}</span></td>
<td>{{item.EmpType>0 ? item.WageMoney : '-'}}</td> <td>{{item.EmpType>0 ? '+ ' + item.WageMoney : '-'}}</td>
<td @click="GenerateScale(item)"> <td @click="GenerateScale(item)">
<span class="cursor-p">{{item.WageType==1?'新员工比例':item.WageType==2?'上季度定档':'-'}}</span> <span
:class="item.WageReId?'cursor-p':''">{{item.WageType==1?'新员工比例':item.WageType==2?'上季度定档':'-'}}</span>
</td> </td>
<td>{{item.Commission}}</td> <td>{{item.Commission}}</td>
<td>{{item.CommissionRate}}%</td> <td>{{item.CommissionRate}}%</td>
<td>{{item.BonusMoney}}</td> <td>{{item.BranchName!='微途科技'?item.BonusMoney:'-'}}</td>
<td>{{item.BonusRate}}%</td> <td>{{item.BranchName!='微途科技'?item.BonusRate+'%':'-'}}</td>
<td>{{item.Month}}</td> <td>{{item.Month}}</td>
<td> <td>
...@@ -222,108 +223,7 @@ ...@@ -222,108 +223,7 @@
</el-pagination> </el-pagination>
<!-- 查看生成比例 --> <!-- 查看生成比例 -->
<el-dialog custom-class='w1006' title="员工生成比例" :visible.sync="outerVisible" center> <el-dialog custom-class='w1006' title="员工生成比例" :visible.sync="outerVisible" center>
<template> <inAccordanceWith v-if="objNew" :msgNew="objNew"></inAccordanceWith>
<div
class="cm_content"
style="width: 100%;margin-bottom: 35px;margin-top: 30px;"
>
<div class="ITUDWageMoney-box" style="margin-bottom: 20px;">
<span>姓名：{{EmName}}</span>
</div>
<table
class="po_content singeRowTable"
style="border:1px solid #E6E6E6;"
cellspacing="0"
cellpadding="0"
v-loading="loading">
<tr>
<th>期数</th>
<th>类型</th>
<th>利润</th>
<th>引流数量</th>
<th>成交订单</th>
</tr>
<tr v-for="(item,index) in commissionratioList.List"
:key="index">
<td>{{item.Month}}</td>
<td>{{item.EmpType!=1?'引流':'销售'}}</td>
<td>{{item.ProfitMoney}}</td>
<td>{{item.EmpType!=1?item.LureNum:'-'}}</td>
<td>{{item.EmpType!=1?item.OrderNum:'-'}}</td>
</tr>
<tr>
<td>平均</td>
<td>-</td>
<td>{{commissionratioList.AvgProfit}}</td>
<td>{{commissionratioList.AvgLureNum}}</td>
<td>{{commissionratioList.AvfOrderNum}}</td>
</tr>
</table>
<div class="ITUDschedule-Box-box">
<div class="ITUDschedule-box">
<div class="ITUDWageMoney-box">
<span>工资：{{commissionratioList.WageMoney}}</span>
</div>
<div class="progress-box">
<div v-for="(item,index) in commissionratioList.WageRateList" :key="index"
class="relative-position">
<el-progress :text-inside="true" :stroke-width="20"
:percentage="setItemProgress(item)"
:status="setItemStatus(item)"
:format="setItemTextW(item)"
:color="commissionratioList.WageMoney>=item.Rate?colorlists[Math.floor(Math.random()*10)]
:colors[Math.floor(Math.random()*10)]">
</el-progress>
<div class="rate-box">
<div class="sanjiao" :style="{'border-bottom-color':commissionratioList.WageMoney>=item.Rate?'#FF7262':'#CACACA'}"></div>
<div class="rate full-width" :class="{'active-rate':commissionratioList.WageMoney>=item.Rate}">
<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)"
:color="commissionratioList.CommissionRate>=item.Rate?colorlists[Math.floor(Math.random()*10)]:colors[Math.floor(Math.random()*10)]">
</el-progress>
<div class="rate-box">
<div class="sanjiao" :style="{'border-bottom-color':commissionratioList.CommissionRate>=item.Rate?'#FF7262':'#CACACA'}"></div>
<div class="rate full-width" :class="{'active-rate':commissionratioList.CommissionRate>=item.Rate}">
<i class="el-icon-check" style="font-size:8px"></i> {{item.Rate}}%
</div>
<!-- <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>
</div>
</div>
</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>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="outerVisible = false">取消</button> &nbsp; <button class="hollowFixedBtn" @click="outerVisible = false">取消</button> &nbsp;
<button class="normalBtn" type="primary" @click="outerVisible = false">确定</button> <button class="normalBtn" type="primary" @click="outerVisible = false">确定</button>
...@@ -333,13 +233,15 @@ ...@@ -333,13 +233,15 @@
</template> </template>
<script> <script>
import inAccordanceWith from "./inAccordanceWithDialog"
import moment from "moment" import moment from "moment"
export default { export default {
components:{
inAccordanceWith
},
data() { data() {
return { return {
EmName:'', objNew:{},
EmpType:'',
commissionratioList:[],//提成比例
outerVisible:false,//提成比例弹窗 outerVisible:false,//提成比例弹窗
Month: moment().format("YYYY-MM"), Month: moment().format("YYYY-MM"),
msg: { msg: {
...@@ -362,44 +264,6 @@ ...@@ -362,44 +264,6 @@
{name:'引流',id:'2'}, {name:'引流',id:'2'},
{name:'销售',id:'1'} {name:'销售',id:'1'}
], ],
colors: [
'rgba(42, 48, 54,.2)',
'rgba(138, 24, 48,.2)',
'rgba(200, 138, 131,.2)',
'rgba(84, 221, 226,.2)',
'rgba(178, 199, 168,.2)',
'rgba(16, 195, 195,.2)',
'rgba(0, 21, 68,.2)',
'rgba(226, 166, 198,.2)',
'rgba(278,17,66,.2)',
'rgba(153, 199, 235,.2)',
'rgba(34,184,221,.2)',
'rgba(221,72,34,.2)',
'rgba(204,51,204,.23)',
'rgba(255,204,0,.2)',
'rgba(77,179,179,.2)',
'rgba(196,60,141,.2)',
'rgba(195,90,141,.2)',
],
colorlists: [
'rgba(42, 48, 54, 1)',
'rgba(138, 24, 48, 1)',
'rgba(200, 138, 131, 1)',
'rgba(84, 221, 226, 1)',
'rgba(178, 199, 168, 1)',
'rgba(16, 195, 195, 1)',
'rgba(0, 21, 68, 1)',
'rgba(226, 166, 198, 1)',
'rgba(278,17,66, 1)',
'rgba(153, 199, 235,1)',
'rgba(34,184,221,1)',
'rgba(221,72,34,1)',
'rgba(204,51,204,1)',
'rgba(255,204,0,1)',
'rgba(77,179,179,1)',
'rgba(196,60,141,1)',
'rgba(195,90,141,1)',
],
} }
}, },
mounted() { mounted() {
...@@ -459,73 +323,13 @@ ...@@ -459,73 +323,13 @@
JSON.stringify(data); JSON.stringify(data);
window.open(href); window.open(href);
}, },
// 自定义进度条文字
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 100
}
},
// 自定义进度条文字
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.objNew = item
this.EmpType = item.EmpType
let msg = {
WageReId:item.WageReId//item.WageReId?item.WageReId:6
}
this.crmapipost(
"/api/Commission/GetCommissionSource",msg,res => {
if (res.data.resultCode == 1) {
this.outerVisible = true this.outerVisible = true
this.commissionratioList = res.data.data
} else {
this.Error(res.data.message);
}
}
);
}, },
GetCommissionPeroidsList() { //期数下拉 GetCommissionPeroidsList() { //期数下拉
this.crmapipost( this.crmapipost(
......
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