Skip to content

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

增加IM提成预览

parent baf283a5
Expand all Show whitespace changes
Inline Side-by-side
Showing with 777 additions and 130 deletions
src/assets/css/Semibold.css
View file @ 0fe6cbdc
......@@ -51,3 +51,9 @@
font-family:'PingFang SC Regular';
src:url('../webfont/pingfang.ttf') format('truetype')
}
@font-face {
font-family: fangzheng;
src:url("../webfont/fangzheng.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
font-style: normal;
font-weight: normal;
}
src/assets/img/imbg/tcbg.png 0 → 100644
View file @ 0fe6cbdc
This diff is collapsed.
src/components/commonPage/commissionDetail.vue 0 → 100644
View file @ 0fe6cbdc
<style>
.cd_content{
width:100%;
min-height:600px;
font-family: "fangzheng";
background:url(../../assets/img/imbg/bg.png);
}
.cd_content .cd_tableContent{
padding:3rem 3rem 0 3rem;
width:89.9%;
margin:auto;
min-height: 10rem;
border-left:2px solid #BDAC94;
border-right:2px solid #BDAC94;
background-color: #fff;
}
.cd_content .cd_table{
width:100%;
text-align: center;
font-family: "fangzheng";
}
.cd_content .cd_table th{
border-top:1px dashed #121212;
border-bottom:1px dashed #121212;
height:4rem;
font-size:1.5rem;
font-family: "fangzheng"!important;
}
.cd_content .cd_table td{
height:1.5rem;
font-size:1.2rem;
color:#121212;
padding:0 1rem 1rem 1rem;
}
.cd_table tr:nth-child(2) td{
padding:1rem;
}
.cd_table tr:last-child td{
border-bottom:1px dashed #121212;
}
.cd_content .cd_Zonge{
display: flex;
justify-content: space-between;
padding: 25px;
font-size:1.5rem;
border-bottom:1px dashed #121212;
}
.cd_content .cd_GoBackDiv{
width:100%;
height:3rem;
text-align: center;
background:url(../../assets/img/imbg/detail.png) no-repeat;
background-size:cover;
background-position: 0 0;
}
.cd_GoBackDiv img{
cursor: pointer;
transform: rotate(180deg);
position: relative;
top:2.5rem;
}
.cd_content .cd_Top{
width:100%;
background:url(../../assets/img/imbg/detail.png) no-repeat;
height:83px;
background-size:cover;
background-position: 0 10px;
}
.cd_content .cd_Bottom{
width:100%;
background:url(../../assets/img/imbg/detail.png) no-repeat;
height:80px;
background-size:cover;
background-position: 0 -1030px;
}
</style>
<template>
<div class="cd_content">
<div class="cd_GoBackDiv">
<img @click="changeBill" src="../../assets/img/imbg/arrowDown.png" alt=""/>
</div>
<div class="cd_tableContent">
<table class="cd_table">
<tr>
<th style="width:40%;text-align:left;padding-left:2rem;">订单号</th>
<th style="width:20%">人数</th>
<th style="width:40%;text-align:right;padding-right:2rem;">金额</th>
</tr>
<tr v-for="item in dataList.list">
<td style="text-align:left;">{{item.OrderId}}</td>
<td>{{item.PeopleCount}}</td>
<td style="text-align:right;">{{item.CommissionMoney|priceFormat(item.CommissionMoney)}}元</td>
</tr>
</table>
<div class="cd_Zonge">
<div class="cd_item">本月提成</div>
<div class="cd_item">{{dataList.totalCommissionMoney|priceFormat(dataList.totalCommissionMoney)}}元</div>
</div>
<div class="cd_Zonge" style="border-bottom:none;padding:25px 25px 0 25px">
<div class="cd_item">
<img style='vertical-align:middle;margin-right:10px;' src="../../assets/img/imbg/ewai.png"/>额外奖励</div>
<div class="cd_item" style="color:#4DB220">{{dataList.totalOtherMoney|priceFormat(dataList.totalOtherMoney)}}元</div>
</div>
<div class="cd_Zonge">
<div class="cd_item">
<img style='vertical-align:middle;margin-right:10px;' src="../../assets/img/imbg/jl.png"/>额外扣除</div>
<div class="cd_item" style="color:#B22020">-{{dataList.totalBackMoney|priceFormat(dataList.totalBackMoney)}}元</div>
</div>
<div class="cd_Zonge" style="border-bottom:none;color:#000;">
<div class="cd_item">总提成</div>
<div class="cd_item">{{totalMoney|priceFormat(totalMoney)}}元</div>
</div>
</div>
<div class="cd_Bottom"></div>
</div>
</template>
<script>
export default {
props:['userId'],
data() {
return {
dataList:{},
//计算总提成
totalMoney:0
};
},
components: {
},
methods: {
getData(PeriodsId){
let msg = {
id:PeriodsId,
userId:this.userId
}
this.apipost("customerIndex_post_GetSellComissionDetails",msg,res => {
if (res.data.resultCode == 1) {
this.dataList=res.data.data;
this.totalMoney = parseFloat(this.dataList.totalCommissionMoney)+parseFloat(this.dataList.totalOtherMoney)-parseFloat(this.dataList.totalBackMoney)
}else{
this.Error(res.data.message);
}
}
);
},
changeBill(){
this.$emit('changeDiv');
}
},
filters: {
priceFormat (value) {
if (value == null) {
return 0.0
}
let nStr = value.toFixed(2)
nStr += ''
let x = nStr.split('.')
let x1 = x[0]
let x2 = x.length > 1 ? '.' + x[1] : ''
var rgx = /(\d+)(\d{3})/
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2')
}
return x1 + x2
}
},
mounted() {
}
};
</script>
src/components/commonPage/commissonBill.vue 0 → 100644
View file @ 0fe6cbdc
<style>
.cbContent{
width:100%;
height:1000px;
background:url(../../assets/img/imbg/tcbg.png) no-repeat;
background-size:100% 100%;
position: relative;
}
.cb_Title{
position: absolute;
top:4.5rem;
width:100%;
text-align: center;
}
.cb_year{
color:#4E4E4C;
font-size:2.5rem;
font-weight: bold;
position: relative;
top:-5px;
margin-right:1rem;
font-family: "PingFangSC-Fine";
}
.cb_month{
font-size:2.5rem;
color:#257BF1;
margin:0 1rem;
position: relative;
top:-5px;
font-weight: bold;
font-family: "PingFangSC-Fine";
}
.cb_PeoInfo{
position: absolute;
top:11rem;
width:100%;
}
.cb_Name{
width:100%;
text-align: center;
color:#FBA838;
font-size:3.5rem;
}
.cb_PeoInfo table{
width:100%;
text-align: center;
padding:0 5rem;
margin-top:2rem;
}
.cb_PeoInfo table td{
height:4rem;
}
.cb_benyue{
color:#257BF1;
font-size:2.5rem;
font-weight: bold;
font-family: "PingFangSC-Fine";
}
.cb_benyue span:first-child{
font-size:1.5rem;
}
.cb_Tleft{
width:40%;
text-align: left;
}
.cb_Tright{
width:60%;
text-align: right;
}
.cb_geren{
position: absolute;
top:25rem;
padding:0 5rem;
width:100%;
}
.cb_geren div{
margin-top:1rem;
color:#010101;
font-size:1.7rem;
padding:0 30px;
line-height: 3rem;
font-family: "PingFangSC-Fine";
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.cb_Arrow{
position: absolute;
bottom:4rem;
width:100%;
cursor: pointer;
text-align: center;
}
.cb_Arrow div:last-child{
color:#C4A873;
font-size:1.5rem;
font-family: "PingFangSC-Fine";
}
</style>
<template>
<div class="cbContent" v-if="isShow">
<div class="cb_Title">
<span class="cb_year">{{dataList.SellGeneralContent.Year}}</span>
<span><img src="../../assets/img/imbg/nian.png"/></span>
<span class="cb_month">{{dataList.SellGeneralContent.Month}}</span>
<span><img src="../../assets/img/imbg/yue.png" alt=""/></span>
</div>
<div class="cb_PeoInfo">
<div class="cb_Name">{{dataList.UserName}}</div>
<table>
<tr>
<td class="cb_Tleft">
<img src="../../assets/img/imbg/bytc.png" alt=""/>
</td>
<td class="cb_Tright">
<span class="cb_benyue"><span>¥</span>{{dataList.SellGeneralContent.totalCommission}}</span>
</td>
</tr>
<tr style="display:none;">
<td class="cb_Tleft">
<img src="../../assets/img/imbg/byxse.png" alt=""/>
</td>
<td class="cb_Tright">
<span class="cb_benyue"><span>¥</span>12523268.00</span>
</td>
</tr>
</table>
</div>
<div class="cb_geren">
<span>
<img src="../../assets/img/imbg/grxy.png" alt=""/>
</span>
<div>
{{dataList.SellGeneralContent.ShareContent}}
</div>
</div>
<div class="cb_Arrow" @click="changeBill">
<div><img src="../../assets/img/imbg/arrowDown.png" alt=""/></div>
<div>查看明细</div>
</div>
</div>
</template>
<script>
export default {
props:['articleId','userId'],
data() {
return {
dataList:{},
isShow:false
};
},
components: {
},
methods: {
//获取数据
getDateInfo(){
let msg = {
articleId:this.articleId,
userId:this.userId
}
this.apipost("customerIndex_post_GetSellComissionGeneralSure",msg,res => {
if (res.data.resultCode == 1) {
this.dataList=res.data.data;
this.isShow=true;
}else{
this.Error(res.data.message);
}
}
);
},
changeBill(){
this.$emit('Close',this.dataList.PeriodsId);
}
},
mounted() {
}
};
</script>
src/components/index.vue
View file @ 0fe6cbdc
This diff is collapsed.
src/components/sale/sale.vue
View file @ 0fe6cbdc
......@@ -5,8 +5,12 @@
.saleChartCont{width: 100%; height: 95%; box-sizing: border-box;}
.personal{width: 100%;height: 100%;}
.l_title{width: 100%;height: 30px}
.Sale_Share{
color:#83ACFF;
cursor: pointer;
font-size:12px;
margin-left:10px;
}
</style>
<template>
......@@ -40,7 +44,13 @@
<span>{{data.totalCommission}}</span>
</div>
<!-- <span>￥<p class="tc">{{data.totalCommission}}</p></span>-->
<div stye="font-size: 16px;color: #666666;display: block;display: inline-block;" >本月提成</div>
<div stye="font-size: 16px;color: #666666;display: block;display: inline-block;" >
<span>本月提成</span>
<template v-if="data.comissionGeneralId>0">
<span v-if="data.share==1" class="Sale_Share" style="color:#333;cursor:default;">已确认</span>
<span v-if="data.share==0" @click="tichengDialog=true" class="Sale_Share">分享并确认</span>
</template>
</div>
</div>
</div>
......@@ -486,13 +496,21 @@
</div>
</el-col>
</el-row>
</div>
</div>
</div>
<!-- 分享业绩 -->
<el-dialog custom-class='w500' title="分享提成" :visible.sync="tichengDialog" center :before-close="resetCommission">
<el-form :model="shareMsg" :rules="rules" ref="shareMsg" label-width="80px">
<el-form-item label="个人宣言" style="margin-bottom:0;">
<el-input type="textarea" rows="6" resize="none" maxlength="100" v-model="shareMsg.ShareContent" placeholder=""></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="tichengDialog=false">取消</button>
<button class="normalBtn" @click="shareCommission">确定</button>
</div>
</el-dialog>
</div>
</template>
......@@ -515,6 +533,19 @@
NotDealCount:0, //
zoom:1,
OrderList:[],
tichengDialog:false,
shareMsg:{
ShareContent:'',
PeriodsId:0,
totalCommission:0
},
rules: {
ShareContent: [{
required: true,
message: '请填写个人宣言',
trigger: 'blur'
}]
},
}
},
components:{
......@@ -526,7 +557,6 @@
this.screenWidth = val;
let Width = val - 350
this.zoom = ((Width/(1920-350))*100).toFixed(0)+'%';
console.log(this.zoom)
}
},
methods:{
......@@ -635,7 +665,6 @@
},err=>{})
},
drawLine(OrderList) {
console.log(OrderList)
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById('myChart'))
let dataname = [];
......@@ -745,6 +774,29 @@
this.$router.push({
path: path
})
},
//确定分享业绩
shareCommission(){
if(this.shareMsg.ShareContent==''){
this.Error('请填写个人宣言');
return;
}
this.shareMsg.PeriodsId=this.data.comissionGeneralId;
this.shareMsg.totalCommission=this.data.totalCommission;
this.apipost('customerIndex_post_SetSellComissionGeneralSure', this.shareMsg ,res=>{
if(res.data.resultCode==1){
this.Success(res.data.message);
this.iWorkbench();
this.resetCommission();
}else{
this.Error(res.data.message);
}
},err=>{})
},
//关闭重置输入框
resetCommission(){
this.tichengDialog=false;
this.shareMsg.ShareContent=''
}
},
mounted(){
......
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