增加IM提成预览

src/assets/css/Semibold.css

@@ -50,4 +50,10 @@
 @font-face{
     font-family:'PingFang SC Regular';
     src:url('../webfont/pingfang.ttf') format('truetype')
-}
\ No newline at end of file
+}
+@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/components/commonPage/commissionDetail.vue

+<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

+<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/sale/sale.vue

@@ -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(){