<style scoped>
    .page_fnDm{background-color: white}
    .query-box{overflow: inherit;padding: 0}
    ._nav{margin: 20px 0 0 0 ;background-color: #f5f5f5;}
    ._nav li{float: left;font-size: 14px;color: #666666;padding: 15px 20px;cursor: pointer;position: relative;background-color: #f1f1f1;margin-right: 5px}
    ._nav li._active{background-color:#FFFFFF;color: #333333 }
    ._nav li._active::after{content: "";width: 20px;height: 3px;background-color: #E95252;display: inline-block;position: absolute;bottom: 0;left: 38%;}
    .el-range-editor.el-input__inner{border-radius: 0}
    .query-box{border: none}
    .hight_query{position: relative;}
    .hight_query span{height: 34px;line-height: 34px;color: #E95252}
    .hight_query span .icon-gengduo{font-size: 12px}
    .hight_query span em{text-decoration: underline;cursor: pointer;}
    .hight_query_box{position: absolute;background-color: white;z-index: 2000;right: 200px;width: 800px;}
    ._hqb_shadow{box-shadow:3px 2px 10px rgb(204, 203, 203);border: 1px solid #ececec;}
    .query-box ul {overflow: initial;}
    .hqb_t{padding: 10px 20px;font-size: 16px;background-color: #E95252;border: 1px solid #E95252;color: #fff;text-align: center;margin-bottom: 15px}
    .query-box li:last-child{float: left}
    .query-box>ul>li:last-child{float: right;}
    .query-box .hight_query ul .el-input{width: inherit  }
    .hight_query_box ul li{margin-top: 0;float: left;margin-right: 15px}
    .hight_query_box ul li label{font-size: 14px}
    .hight_query_box .el-form{padding: 0 20px}
    .hight_query_box ul li._hqb_btn{float: right;margin-right: 25px;padding-top: 5px;position: inherit}
    .Receipt_box{padding: 15px;color: #c94052;width: 614px;background-color: rgba(242, 242, 242, 1);border: 1px solid rgba(228, 228, 228, 1)}
    .Receipt_box.color_blur{color: #106BAF;}
    .Receipt_box.color_blur .rb_stit span{display: inline-block;border-bottom: 2px solid #106BAF;padding: 0 20px}
    .rb_tit{font-size: 18px;text-align: center}
    .rb_stit{font-size: 14px;text-align: center}
    .rb_stit span{display: inline-block;border-bottom: 2px solid #C94052;padding: 0 20px}
    .rb_top_row{display: flex;justify-content: space-between;font-size: 12px;}
    .rb_top_row span._r_name{color: #333333}
    .rb_top_row span._r_bold{font-weight: bold}
    .rb_top_row ._r_time span{color: #333333}
    ._r_mb5{margin-bottom: 5px;}
    .Receipt_table{width: 100%;font-size: 14px;text-align: center}
    .Receipt_table .th{font-weight: 200 !important}
    ._r_mt10{margin-top: 10px;}
    ._bg__{display: inline-block;padding: 2px 8px;color: white;border-radius: 4px}
    ._bg_red{background-color: #E95252;}
    ._bg_green{background-color: #2BB87C}
    .text_d{text-decoration: underline;cursor: pointer;}
    .PingFangSC{font-weight: bold}
    .Bill_par{position: relative;}
    tr th,tr td{text-align: center;}
    tr._item_list{border-bottom: 1px solid #E5E5E5;height: 78px;}
    tr._item_list td{border-bottom: 1px solid #e5e5e5;    padding: 10px;}
    /* tr._t_head th{border-top: 1px solid #e5e5e5;} */
    tr._item_list td:first-child{border-left: 1px solid #e5e5e5;}
    tr._item_list td:last-child{border-right: 1px solid #e5e5e5;}
    ._head_img{width: 28px;height: 28px;border-radius: 50%;vertical-align:middle;}
    ._btn_group{font-size: 14px;}
    .icon-daiqueren{color: #4BCA81}
    .icon-yiqueren{color: #4BCA81}
    .icon-yiquxiao{color: #959595}
    .icon-shenhebohui{color: #E95252}
    .icon-icon-zancun{color: #FF9C01}
    .singeRowTable tr:hover{background-color: white}
    ._TradeWayList{padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 10px 0;width: 230px}
    ._bold{font-weight: bold}
    ._bank_name,._bank_type{display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;}
    ._bank_name{margin-left: 10px;}
    ._bank_type{background-color: #2AAEF2}
    ._bank_type2{background-color: #FF9C01}
    ._font_init{color: #333333;font-size: 12px;vertical-align:top;}
    .InfoChangeLog{height: auto;max-height: 220px;background-color: #FFFFFF;}
    .changLogList{padding-left: 20px;max-height: 180px;overflow: auto;}
    .changLogList_l{border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;}
    ._radius_green{background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;}
    .changLog_time{color: #666666;font-size: 12px;display: inline-block;padding-right: 10px}
    ._icon_btn i{width: 30px;height: 30px;display: inline-block;color: white !important;border-radius: 50%;text-align: center;line-height: 30px;margin-right: 10px;cursor: pointer;outline: none;}
    ._icon_btn i.edit{background-color: #00C6FF;font-size: 16px;}
    ._icon_btn i.edit:hover{background-color: #59daff}
    ._icon_btn i.edit:active{background-color: #00b8ec}
    ._icon_btn i.icon-sousuo{background-color: #47BF8C;}
    ._icon_btn i.icon-sousuo:hover{background-color: #66bb97}
    ._icon_btn i.icon-sousuo:active{background-color: #35ab79}
    ._icon_btn i.icon-ico_commodity_defaul{background-color: #F16C3C;}
    ._icon_btn i.icon-ico_commodity_defaul:hover{background-color: #e87c54}
    ._icon_btn i.icon-ico_commodity_defaul:active{background-color: #f76630}
    ._icon_btn i.icon-quxiao1{background-color: #E95252;}
    ._icon_btn i.icon-quxiao1:hover{background-color: #ea6d6d}
    ._icon_btn i.icon-quxiao1:active{background-color:#e42d2d}
    ._icon_btn i.icon-zhuanjiao1{background-color: #E6A014;font-size: 16px;}
    ._icon_btn i.icon-zhuanjiao1:hover{background-color: rgb(235, 184, 84)}
    ._icon_btn i.icon-zhuanjiao1:active{background-color: rgb(223, 150, 6)}
    ._tag_span{background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #409eff;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;}
    ._tag_span._tag_warr{background-color: rgba(103,194,58,.1);border-color: rgba(103,194,58,.2);color: #67c23a;}
    ._fex_cen{display: flex;align-items: center}
    ._pad5{padding: 5px 10px;}
    ._color_gar{color: gray}
    ._TCIDAndTCNUMList{
        display: flex;
    }
    ._link_hover{
        color: #3980C8;
        border-bottom: 1px dotted #3980C8;
        cursor: pointer;
    }
    ._link_hover:hover{
        color: #E95252;
        border-bottom: 1px solid #E95252;
    }
    .noDataNotice {
        text-align: center;
        padding: 0;
        color: #999;
        font-size: 14px;
    }
    .noDataNotice>i {
        font-size: 120px;
        color: #ccc;
    }
    .noDataNotice>p {
        color: #ccc;
        padding-bottom: 25px;
    }
    ._singeRowTable_two>tbody>tr:last-child td{
        border-bottom: 0 !important;
    }
    ._singeRowTable_two>tbody>tr:first-child td{
        border-top: 0 !important;
    }
    ._singeRowTable_two>tbody>tr td{
        border-left: 0 !important;
    }
    ._color_red{
        color: #E95252;
    }
</style>

<template >
    <div class="page_fnDm page_RecPayQuery" >
        <div class="query-box">
            <el-form class="_info_box clearfix"  label-width="110px">
                <el-row style="padding:15px 20px 0 0;">
                    <el-col :span="4">
                        <el-form-item label="公司：">
                            <el-select  filterable  v-model='msg.RB_Branch_Id' @change="getDepartmentMsg.RB_Branch_Id=msg.RB_Branch_Id,msg.RB_Department_Id=0,msg.EnterID=0,getDepartment()"  class="">
                                <el-option :value="-1" label="不限"></el-option>
                                <el-option v-for='item in CompanyList'
                                    :label='item.BName'
                                    :value='item.Id'
                                    :key='item.Id'>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="4">
                        <el-form-item label="部门：">
                            <el-select  filterable  v-model='msg.RB_Department_Id' @change="employeeMsg.DepartmentId=msg.RB_Department_Id,getEmployee(),msg.EnterID=0" class="">
                                <el-option :value="0" label="不限"></el-option>
                                <el-option v-for='item in DepartmentList'
                                    :label='item.DepartmentName'
                                    :value='item.DepartmentID'
                                    :key='item.DepartmentID'>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="4">
                        <el-form-item label="员工：">
                            <el-select  filterable  v-model='msg.EnterID'  class="">
                                <el-option :value="0" label="不限"></el-option>
                                <el-option v-for='item in EmployeeList'
                                    :label='item.EmName'
                                    :value='item.EmployeeId'
                                    :key='item.EmployeeId'>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="4">
                        <el-form-item label="订单号：">
                            <el-input placeholder="" class="" v-model="msg.OrderId" @keyup.native="checkInteger(msg,'OrderId')" maxlength="8"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="4">
                        <el-form-item label="团队编号：">
                            <el-input v-model="msg.TCID" class="" @keyup.native="checkInteger(msg,'TCID')" maxlength="7"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="4">
                        <el-form-item label="出发城市：">
                            <el-select  filterable  v-model='msg.DepartureCityId'  class="">
                                <el-option :value="0" label="不限"></el-option>
                                <el-option
                                     v-for="item in startCityList1"
                                    :label='item.startCityName'
                                    :value='item.ID'
                                    :key='item.ID'>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="4">
                        <el-form-item label="线路：">
                            <el-select  filterable  v-model='msg.LineId' @change="getLineTeamList(msg.LineId)">
                                <el-option :value="0" label="不限"></el-option>
                                <el-option
                                    v-for="item in LineList"
                                    :label='item.LineName'
                                    :value='item.LineID'
                                    :key='item.LineID'>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="4">
                        <el-form-item label="系列：">
                            <el-select  filterable  v-model='msg.LineteamId'  class="">
                                <el-option :value="0" label="不限"></el-option>
                                <el-option
                                    v-for="item in LineTeamList"
                                    :label='item.LtName'
                                    :value='item.LtID'
                                    :key='item.LtID'>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="发团日期：">
                            <el-date-picker class="h34"
                                @change="timeAdd"
                                v-model="defaultMonth"
                                type="daterange"
                                clearble
                                value-format="yyyy-MM-dd"
                                range-separator="至">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <ul class="clearfix">
                <li class="hight_query">
                    <button type="button" class="normalBtn" @click="downMuban()">导出</button>
                    <button class="hollowFixedBtn" @click="getPageList()">{{$t('pub.searchBtn')}}</button>
                </li>
            </ul>
        </div>
        <div class="_fnDm_content" v-loading='loading'>
            <table border="0" cellspacing="0" cellpadding="0"  class="singeRowTable" style="table-layout: fixed;">
                <tr>
                    <th>团队编号</th>
                    <th>发团日期</th>
                    <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 ">
                    <td> <span class="_link_hover" @click="jumpPage('RegistrationList', item.TCID, 1, 0)"> {{ item.TCNUM }} （{{ item.TCID }}） </span> </td>
                    <td> {{ item.StartDate }} </td>
                    <td colspan="10">
                        <table class="_singeRowTable_two" style="width: 100%;table-layout: fixed;border-collapse: collapse;" cellspacing="0" cellpadding="0"  border="0">
                            <tbody>
                                <tr  v-for=" ( son , sIndex ) in item.OrderList ">
                                    <td> <span class="_link_hover" @click="jumpPage('RegistrationList', son.OrderId, 2, item.TCID)"> {{ son.OrderId }} </span> </td>
                                    <td> {{ son.ContactName }} </td>
                                    <td> {{ son.EmName }}<br/>{{son.CreateDate}} </td>
                                    <td> {{ son.PreferPrice }} </td>
                                    <td> <span :class="son.DaiShou != 0 ? '_color_red':''"> {{ son.Income }} </span> </td>
                                    <td>{{son.DiscountMoney}}</td>
                                    <td>{{ son.DaiShou}} </td>
                                    <td> {{ son.Refund }} </td>
                                    <td> {{ son.PlatformTax }} </td>
                                    <td> {{ son.ZaiTuMoney }} </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr class="_color_red">
                    <td colspan="5">合计</td>
                    <td>{{Statistics.PreferPrice}}</td>
                    <td>{{Statistics.Income}}</td>
                    <td>{{Statistics.DiscountMoney}}</td>
                    <td>{{Statistics.DueinMoney}}</td>
                    <td>{{Statistics.Refund}}</td>
                    <td>{{Statistics.PlatformTax}}</td>
                    <td>{{Statistics.ZaiTuMoney}}</td>
                </tr>
            </table>
            <div class="noDataNotice" v-if="noData">
                <i class="iconfont icon-kong"></i>
                <p>没有找到你需要的数据</p>
            </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>
import myBill from "./FinancialSubmodule/BillModule.vue";
import myrbvBill from "./FinancialSubmodule/ReceivablesModule.vue";
import Vue from 'vue'
export default {
    data(){
        return{
            showID:false,
            currentPage:1,
            total:0,
            msg:{
                pageSize:14,
                pageIndex:1,
                RB_Branch_Id:-1,
                RB_Department_Id:'',
                EnterID:'',
                OrderId:'',
                DepartureCityId:'',
                LineId:'',
                LineteamId: 0,
                TCID:'',
                CStartDate:'',
                QEndDate:'',
            },
            getCompanyMsg:{  // 公司
                RB_Group_Id:'0',
                Status:'0',
            },
            getDepartmentMsg:{// 部门
                RB_Group_Id:'',
                RB_Branch_Id:'',
                Status:0,
                ParentId:-1,
                Tier:0,
            },
            employeeMsg:{ // 员工
                GroupId:'',
                BranchId:-1,
                DepartmentId:0,
                PostId:0,
                IsLeave:0,
            },
            DataList:[],
            Statistics:{},
            DepartmentList:[],
            EmployeeList:[],
            CompanyList:[],
            loading:false,
            LineList:[],
            LineTeamList:[],
            startCityList1:[],
            defaultMonth:[
                '',
                new Date().Format("yyyy-MM-dd"),
            ],
            choiceDate: '',
            EmployeeId:0,
            noData:false,
        }
    },
    created(){
        var date = new Date().Format("yyyy-MM-dd");
        var arr = date.split('-');
        var year = arr[0]; //获取当前日期的年份
        var month = arr[1]; //获取当前日期的月份
        var day = arr[2]; //获取当前日期的日
        var days = new Date(year, month, 0);
        days = days.getDate(); //获取当前日期中月的天数
        var year2 = year;
        var month2 = parseInt(month) - 1;
        if (month2 == 0) {
            year2 = parseInt(year2) - 1;
            month2 = 12;
        }
        var day2 = day;
        var days2 = new Date(year2, month2, 0);
        days2 = days2.getDate();
        if (day2 > days2) {
            day2 = days2;
        }
        if (month2 < 10) {
            month2 = '0' + month2;
        }
        var t2 = year2 + '-' + month2 + '-' + day2;
        this.msg.RB_Branch_Id=this.$route.query.BranchId?Number(this.$route.query.BranchId):this.msg.RB_Branch_Id;
        if(this.$route.query.startDate){     
            this.defaultMonth[0]=this.$route.query.startDate;
            this.defaultMonth[1]=this.$route.query.endDate;
        }else{
            this.defaultMonth[0] = t2;
        }


    },
    components: {
        "my-Bill": myBill,
        "my-RVB-Bill":myrbvBill,
    },
    mounted(){
        let userInfo=this.getLocalStorage();
        this.getCompanyMsg.RB_Group_Id= this.employeeMsg.GroupId = this.getDepartmentMsg.RB_Group_Id = userInfo.RB_Group_id;    //集团ID
        this.EmployeeId = userInfo.EmployeeId;
        this.getCompanyList();
        this.getEmployee();
        this.getDepartment();
        this.getPageList();
        this.getLineList();
        this.getStartList1();
    },methods:{
    handleCurrentChange(val) {//翻页功能按钮
      this.msg.pageIndex = val;
      this.getPageList();
    },
        downMuban(){
            if(this.defaultMonth!=''){
                this.msg.CStartDate = this.defaultMonth[0];
                this.msg.QEndDate = this.defaultMonth[1];
            }else{
                this.msg.CStartDate = '2019-01-01';
                this.msg.QEndDate = '';
            }
            if(!this.msg.RB_Branch_Id)this.msg.RB_Branch_Id=-1;
            if(!this.msg.RB_Department_Id)this.msg.RB_Department_Id=0;
            if(!this.msg.EnterID)this.msg.EnterID=0;
            if(!this.msg.OrderId)this.msg.OrderId=0;
            if(!this.msg.DepartureCityId)this.msg.DepartureCityId=0;
            if(!this.msg.LineId)this.msg.LineId=0;
            if(!this.msg.LineteamId)this.msg.LineteamId=0;
            if(!this.msg.TCID)this.msg.TCID=0;
            this.msg.EmployeeId = this.EmployeeId;
            this.GetLocalFile("Financial_post_OutToExcelInComePayInfoList", this.msg,new Date().Format("yyyy-MM-dd")+Math.random()+ ".xls");
            // this.apipost('Financial_post_OutToExcelInComePayInfoList',this.msg,res=>{
            //     if(res.data.resultCode==1){
            //         const link = document.createElement('a');
            //         let _loadUrl=this.domainManager().LocalFileStreamDownLoadUrl;
            //         link.href = _loadUrl+res.data.data.F系列ileUrl;
            //         document.body.appendChild(link);
            //         link.click();
            //         this.msg.OrderId= this.msg.OrderId=0?this.msg.OrderId:'';
            //         this.msg.TCID= this.msg.TCID=0?this.msg.TCID:'';
            //     }
            // },err=>{})
        },
        jumpPage(path,id,type,tcid){
            if(type==1){
                this.$router.push({
                    name: path,
                    query: {  id: id,blank:'y'}
                })
            }
            if(type==2){
                this.$router.push({
                    name: path,
                    query: { id:tcid,orderID: id,blank:'y',isShow:false}
                })
            }
        },
        getStartList1() {// 获取出发城市
            this.apipost("city_post_GetList", {
                isDefault: -1,
                priceType: -1
            }, res => {
                if(res.data.resultCode == 1) {
                    this.startCityList1 = res.data.data;
                } else {
                }
            });
        },
        getLineTeamList(lineId) { //获取系列列表
            this.LineTeamList = [];
            this.apipost(
                "team_post_GetList",
                {
                lineID: lineId,
                isTOOP: 1
                },
                res => {
                    if (res.data.resultCode == 1) {
                        this.msg.LineteamId = 0;
                        this.LineTeamList = res.data.data;
                    }
                }
            );
        },
        getLineList() {  // 获取线路
            this.apipost("line_post_GetAllList", {}, res => {
                if (res.data.resultCode == 1) {
                this.LineList = res.data.data;
                } else {
                this.$message.error(res.data.message);
                }
            });
        },
        getPageList(){  // 获取列表数据
            if(this.defaultMonth){
                this.msg.CStartDate = this.defaultMonth[0];
                this.msg.QEndDate = this.defaultMonth[1];
            }else{
                this.msg.CStartDate = '2019-01-01';
                this.msg.QEndDate = '';
            }
            if(!this.msg.RB_Branch_Id&&this.msg.RB_Branch_Id!=0){
                this.msg.RB_Branch_Id=-1;
            }
            if(!this.msg.RB_Department_Id)this.msg.RB_Department_Id=0;
            if(!this.msg.EnterID)this.msg.EnterID=0;
            if(!this.msg.OrderId)this.msg.OrderId=0;
            if(!this.msg.DepartureCityId)this.msg.DepartureCityId=0;
            if(!this.msg.LineId)this.msg.LineId=0;
            if(!this.msg.LineteamId)this.msg.LineteamId=0;
            if(!this.msg.TCID)this.msg.TCID=0;
            this.loading= true;
            this.apipost('Financial_post_GetInComePayInfoList',this.msg,res=>{
                if(res.data.resultCode == 1) {
                    this.total = res.data.data.count;
                    this.DataList = res.data.data.pageData.List;
                    this.Statistics=res.data.data.pageData.Statistics;
                    if(this.DataList.length==0){
                        this.noData = true;
                    }else{
                        this.noData = false;
                    }
                }else{
                    this.$message.error(res.data.message);
                }
                this.loading=false;
                this.msg.OrderId= this.msg.OrderId>0?this.msg.OrderId:'';
                this.msg.TCID= this.msg.TCID>0?this.msg.TCID:'';
                // this.queryInfoInit();
            },err=>{})
        },
        getDepartment(){  //部门
            this.apipost('admin_get_DepartmentGetList', this.getDepartmentMsg, res => {
                if(res.data.resultCode == 1) {
                    this.DepartmentList = res.data.data;
                }
            }, err => {})
        },
        getEmployee() { //员工
            this.apipost('admin_get_EmployeeGetList', this.employeeMsg, res => {
                if(res.data.resultCode == 1) {
                    this.EmployeeList = res.data.data;
                }
            }, err => {})
        },
        getCompanyList(){ //获取公司列表
            this.apipost('admin_get_BranchGetList',this.getCompanyMsg,res=>{
                if(res.data.resultCode==1){
                        this.CompanyList=res.data.data;
                }else{}
            },err=>{})
        },
        timeAdd(){  // 日期格式
            if(this.defaultMonth==='')return
            this.msg.CStartDate = this.defaultMonth[0];
            this.msg.QEndDate = this.defaultMonth[1];
        },
        queryInfoInit(){  // 初始化msg
            let msg = {
                RB_Branch_Id:this.msg.RB_Branch_Id,
                RB_Department_Id:this.msg.RB_Department_Id,
                EnterID:this.msg.EnterID,
                OrderId:this.msg.OrderId,
                DepartureCityId:this.msg.DepartureCityId,
                LineId:this.msg.LineId,
                LineteamId:this.msg.LineteamId,
                TCID:this.msg.TCID,
                CStartDate:this.msg.CStartDate,
                QEndDate:this.msg.QEndDate,
            }
            this.msg = msg;
        },
    }
}
</script>