1

src/components/FinancialModule/ReportForm/MemberRebateCost.vue

+<style scoped>
+    .currentManage .addCompany {width: 440px;}
+    /* 币种管理 */
+    .cm_content{padding:0;overflow-x: auto;}
+    .cmc_item{float: left;width:212px;height: 195px;background:rgba(255,255,255,1);border-radius:4px;overflow: hidden;margin-right: 12px;margin-bottom: 15px;border: 1px solid #ebebeb}
+    .cmci_top{background-color: #3AD892;padding: 14px 20px;font-size: 14px;color: #009251}
+    .cmci_top p span:nth-child(2){display: inline-block;padding: 2px 5px;font-size: 12px;color: #FFFFFF;background-color: #02AE62;border-radius:4px;margin-left: 5px;vertical-align:top;}
+    .cmci_cen{padding: 14px 20px;color: #666666;font-size: 12px}
+    .cmci_cen p{padding: 4px 0;}
+    .cmci_cen p .fr{font-weight: bold;font-family: "PingFangSC-fine";color: #333333}
+    .cmci_cen p .icon-shuaxin{background-color: #E7E7E7;color: #999999;display: inline-block;margin-left: 5px;border-radius: 50%;font-size: 12px;transform: rotate(60deg);cursor: pointer;transition: all linear 0.2s;width: 12px;height: 12px;line-height: 12px;}
+    .cmci_cen p .icon-shuaxin:hover{background-color: #E95252;color: white;}
+    .fc_green{color: #47BF8C !important}
+    .fc_red{color: #E95252 !important}
+    .cmci_bot{padding:0 20px 20px 20px;font-size: 12px !important;text-align: center}
+    .cmci_bot .el-button-group .el-button{padding: 4px;}
+    .cmci_bot .el-button{font-size: 12px !important}
+    .cmc_item:hover{box-shadow:0px 0px 20px rgba(191,191,191,1);transition: all linear 0.5s;}
+    ._benwei{background-color: #2AAEF2!important;color: #0877B0!important}
+    ._benweiA{background-color: #0F80BA!important}
+    ._underline{text-decoration: underline;cursor: pointer;}
+    .currentManage ._vMG_edit{overflow: auto;display: none;position:absolute;font-family: 'PingFangSc-Fine';bottom:0;left: 0;border-top:1px solid #d1d1d1;background-color:#FFFFFF;padding: 10px;width: 100%;}
+    .currentManage ._vMG_edit ._tit{padding-left: 10px;border-left: 3px solid #E95252; font-size: 16px;color: #000000}
+    .currentManage ._vMG_edit ._tit span{color: #666666;font-size: 14px;}
+    ._edHeight{height:400px;}
+    .edHeight{display: block !important;height: 230px;}
+    ._scrollbar::-webkit-scrollbar{width: 4px;height: 8px;}
+    ._scrollbar::-webkit-scrollbar-thumb{border-radius: 4px;box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);background: #c9c9c9;}
+    ._scrollbar::-webkit-scrollbar-track{box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;}
+    .currentManage ._info_box ul{margin-top: 15px}
+    .currentManage ._info_box ul li{float: left;    width: 250px;}
+    ._max_width{max-width: 100px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align:top;}
+    ._yingkui{height: 40px;line-height: 40px;font-size: 12px;color: #666666}
+    ._tips{font-size: 12px;color: #666666;padding: 15px 0}
+        .currentManage .po_content{
+    border-collapse: collapse;
+}
+.currentManage .po_content{
+    width: 100%;
+}
+.currentManage .po_content tr:first-child{
+    font-size: 12px;
+    color: #666666;
+    background-color: #DCDCDC;
+}
+.currentManage .po_content tr th,.currentManage .po_content tr td{
+    padding: 10px 20px;
+    text-align: left;
+}
+.currentManage .po_content tr td{
+    color: #333333;
+    font-size: 14px;
+    border:1px solid #E6E6E6;
+}
+.currentManage .po_content tr td .iconfont{
+    font-size: 14px;
+    padding: 4px;
+}
+.currentManage .query-box .iconfont{
+    cursor: pointer;
+    background-color: #E95252;
+    color: white;
+    width: 30px;
+    height: 30px;
+    display: inline-block;
+    text-align: center;
+    line-height: 30px;
+    border-radius: 50%;
+    margin-left: 10px;
+}
+.currentManage ._yuan{
+    width:12px;
+    height:12px;
+    background:rgba(233,82,82,1);
+    border-radius:50%;
+    display: inline-block;
+}
+.currentManage ._yuan._yuan_red{
+    background:#47BF8C;
+}
+._flex_rete{
+    cursor: pointer;
+}
+.display_none{
+    opacity: 0;
+}
+._flex_rete .icon-qiehuan{
+    background-color: #E5E5E5;
+    color: white;
+    height: 20px;
+    width: 20px;
+    border-radius: 50%;
+    text-align: center;
+    font-size: 12px;
+    padding: 0 !important;
+    line-height: 20px;
+    float: right;
+}
+._flex_rete .icon-qiehuan:hover{
+    background-color: rgba(233,82,82,1);
+    color: white;
+}
+</style>
+<template>
+  <div class="flexOne currentManage">
+       <div class="query-box">
+           <ul>
+               <li>
+                   <span>
+                       <em>所属公司</em>
+                       <el-select  filterable  v-model='msg.RB_Branch_Id'  class="">
+                                <el-option :value="-1" :label="$t('pub.unlimitedSel')"></el-option>
+                                <el-option v-for='item in CompanyList'
+                                    :label='item.BName'
+                                    :value='item.Id'
+                                    :key='item.Id'>
+                                </el-option>
+                            </el-select>
+                   </span>
+               </li>
+               <li>
+                   <span>
+                       <em>{{$t('objFill.jiapyitime')}}</em>
+                       <el-date-picker class="h34"
+                                    @change="timeAdd"
+                                    v-model="productionDate"
+                                    type="daterange"
+                                    value-format="yyyy-MM-dd"
+                                    :range-separator="$t('restaurant.res_To')">
+                                </el-date-picker>
+                   </span>
+               </li>
+               <li>
+                    <button class="hollowFixedBtn" @click="handleCurrentChange(1)">{{$t('pub.searchBtn')}}</button>
+               </li>
+           </ul>
+       </div>
+       <div class="cm_content _scrollbar">
+
+        <div style="margin-bottom: 10px;">
+            <span>抵用收入：{{IncomeMoney}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>返利成本：{{CostMoney}}</span>
+
+            <span style="width: 800px; float: right; font-size: 12px;">注*： 客人下单使用幸福存折抵扣团费时，下单此团会产生一笔抵扣收入，同时反幸福存折的团将承担这笔抵扣的成本，如果抵用与返佣的团是同公司则收支相抵。（例如：武汉的A订单反同行30元幸福存折，同行用于西安的团下单，那么西安有30的抵扣收入，武汉有30的返佣支出。）</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>
+                    <th>金额</th>
+                    <th>时间</th>
+                    <th>客人使用存折的订单</th>
+                    <th>使用存折的团号</th>
+                    <th>使用存折的公司</th>
+                </tr>
+                <tr v-for="(item,index) in DataList" :key="index">
+                    <td>{{item.Type==1?"抵用收入":"返利成本"}}</td>
+                    <td>{{item.OrderId}}</td>
+                    <td>{{item.TCNUM}}</td>
+                    <td>{{item.BName}}</td>
+                    <td>{{item.CustomerName}}</td>
+                    <td>
+                        <span v-if="item.Type==1" style="color: dodgerblue;">{{item.Money}}</span>
+                        <span v-else style="color: deeppink;">{{item.Money}}</span>
+                    </td>
+                    <td>{{item.UpdateTime}}</td>
+                    <td>{{(item.Type==2?item.UseOrderId:'-')}}</td>
+                    <td>{{(item.Type==2?item.UseTCNUM:'-')}}</td>
+                    <td>{{(item.Type==2?item.UseBName:'-')}}</td>
+                </tr>
+            </table>
+           <div class="noData" v-if="DataList.length==0">
+                {{$t('system.content_noData')}}
+            </div>
+           <div>
+               <el-pagination
+                    background
+                    @current-change="handleCurrentChange"
+                    :current-page.sync="currentPage"
+                    layout="total,prev, pager, next, jumper"
+                    :page-size=msg.pageSize
+                    :total=total>
+                </el-pagination>
+           </div>
+       </div>
+    </div>
+</template>
+<script>
+	export default {
+		data() {
+			return {                
+                msg:{
+                    pageIndex:1,
+                    pageSize:14,
+                    StartTime:"",
+                    EndTime:"",
+                    RB_Branch_Id:"",
+                },
+                productionDate:[],
+                IncomeMoney:0,
+                CostMoney:0,
+                DataList:[],
+                CompanyList:[],
+                loading:false,
+                currentPage:1,
+                total:0,       
+                getCompanyMsg:{  // 公司
+                    RB_Group_Id:'0',
+                    Status:'0',
+                },         
+			}
+		},created(){
+            let userInfo = this.getLocalStorage();
+            this.getCompanyMsg.RB_Group_Id= userInfo.RB_Group_id;    //集团ID
+            if(this.$route.query.year && this.$route.query.month)
+            {
+                this.msg.StartTime=this.$route.query.year+"-"+this.$route.query.month+"-01";
+                var d1=new Date( this.msg.StartTime);
+                var d2=new Date(d1);
+                d2.setMonth(d2.getMonth()+1);
+                d2.setDate(d2.getDate()-1);
+                var month = d2.getMonth()+1;
+                var day = d2.getDate();
+                this.msg.EndTime= d2.getFullYear()+'-'+month+'-'+day;
+                this.productionDate[0]=this.msg.StartTime;
+                this.productionDate[1]= this.msg.EndTime;
+            }
+            if(this.$route.query.BranchId){
+                this.msg.RB_Branch_Id=parseInt(this.$route.query.BranchId);
+            }
+        },
+        mounted(){
+            this.getCompanyList();            
+            this.getList();
+        },
+		methods: {
+            getCompanyList(){ //获取公司列表
+                this.apipost('admin_get_BranchGetList',this.getCompanyMsg,res=>{
+                    if(res.data.resultCode==1){
+                            this.CompanyList=res.data.data;
+                    }else{}
+                },err=>{})
+            },
+            resetPageIndex(){  // 重置页码
+                this.msg.pageIndex=1;
+                this.currentPage = 1;
+            },
+            handleCurrentChange(val) { //翻页
+                this.msg.pageIndex = val;
+                this.getList();
+            },
+            getList(){
+                this.loading=true;
+                this.apipost('financestatistics_post_GetBalanceUseDetailPageList', this.msg, res => {
+                    this.loading=false;
+                    if(res.data.resultCode == 1) {
+                        this.DataList = res.data.data.pageData.List;
+                        this.IncomeMoney=res.data.data.pageData.IncomeMoney;
+                        this.CostMoney=res.data.data.pageData.CostMoney;
+                        this.total=res.data.data.count;
+                    } else {
+                        this.Error(res.data.message);
+                    }
+                }, err => {})
+            },
+           timeAdd(){
+               if(!this.productionDate){
+                    this.msg.StartTime = '';
+                    this.msg.EndTime = '';
+                    return
+                }
+                this.msg.StartTime = this.productionDate[0];
+                this.msg.EndTime = this.productionDate[1];
+           },
+        },
+	}
+</script>

src/router/config.js

@@ -4816,7 +4816,14 @@ export default {
                 title: '团队营收统计'
               },
             },
-
+            { //财务 报表 团队营收统计
+              path: '/MemberRebateCost',
+              name: 'MemberRebateCost',
+              component: resolve => require(['@/components/FinancialModule/ReportForm/MemberRebateCost'], resolve),
+              meta: {
+                title: '会员返利明细'
+              },
+            },
             { //财务 报表 年度排名统计
               path: '/AnnualRanking',
               name: 'AnnualRanking',