<style scoped>
    .page_fnDm{background-color: white}
    .query-box{overflow: inherit}
    ._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: left;padding-left: 20px;}
    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;
    }
    .JumpDivTitleOne{
        margin-left:20px;
        font-size:14px;
    }
    .JumpDivTitleTwo{
        margin:10px 0 0 20px;
        font-size:14px;
    }
    .JumpSpan{
        margin:0 20px;
    }
    .GroupRateQuery-td{
        /* display: flex;
        flex-direction: column; */
    }
    .GroupRateQuery-box{
        width: 100%;
        border: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .GroupRateQuery-left{
        width: 33%;
        height: 100%;
        
    }
    .GroupRateQuery-left span{
        display: block;
        padding: 0 0 0 20px;
    }
    .GroupRateQuery-right{
        width: 67%;
        display: flex;
        flex-direction: column;
        border-left: 1px solid #E5E5E5;
    }
    .right-box{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        border-bottom: 1px solid #E5E5E5;
    }
    .GroupRateQuery-right>div:last-child{
        border-bottom: 0;
    }
    .right-box div{
        display: inline-block;
        width: 50%;
        overflow: hidden;
        border-right: 1px solid #E5E5E5;
        padding: 5px 10px;
    }
    .right-box:last-child{
        border: 0;
    }
    .right-box div span{
        display: block;
        padding: 5px 10px;
    }
    .GroupRateQuery-scope-box{
        height: 40px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        /* line-height: 30px; */
        overflow: auto;
    }
    /* /deep/.el-table td{
        padding: 0;
    } */
    /* /deep/.el-table td>div,.el-table th>div{
        padding: 12px 10px;
    } */
    /deep/.el-table td:nth-child(6) .cell,
    /deep/.el-table td:nth-child(7) .cell,
    /deep/.el-table td:nth-child(8) .cell,
    /deep/.el-table td:nth-child(9) .cell{
        padding-left: 0;
        padding-right: 0;
        text-indent: 15px;
    }
    .ImpressionTicketing-OuterFrame{
    padding: 10px 20px 20px 20px;
    box-shadow: 0 1px 8px rgb(0 0 0 / 20%), 0 3px 4px rgb(0 0 0 / 14%), 0 3px 3px -2px rgb(0 0 0 / 12%);
  }
  .ImpressionTicketing-msgbox{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .ImpressionTicketing-msgbox.bottom0{
    margin-bottom: 0;
  }
  .ImpressionTicketing-msgbox div{
    flex: 1;
  }
  .ImpressionTicketing-msgbox div.ImpressionTicketing-msg-but{
    flex: 0 0 auto;
  }
  .itc-delete{
    color: #E95252;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
  }
  .itc-outline{
    color: #409EFF;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
  }
  .ImpressionTicketing-title{
    padding: 0;
  }
  .left-text-indent{
    text-align: left;
    text-indent: 20px
  }
  /deep/.el-input-number{
    width: inherit;
  }
  /deep/.el-input-number .el-input__inner{
    text-align: left;
    height: 34px;
  }
  .Impression-ratio-box{
    display: flex;
    justify-content: space-between;
  }
  .Impression-ratio-right{
    font-size: 13px;
    margin-left: 5px;
  }
  /deep/.line-heigh .el-input-number{
    line-height: 32px;
  }
  .TC_teamType {
    position: absolute;
    left: 0px;
    top: -29px;
}
.TC_teamType span {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 0 0 2px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    background-color: #E95252;
    /* transform: scale(0.8); */
    color: #fff;
}
/deep/.el-table .cell{
    overflow: inherit !important;
}
</style>

<template >
    <div class="page_fnDm page_RecPayQuery"  @keyup.enter="resetPageIndex(),getPageList()">
        <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="团ID：">
                            <el-input placeholder="" class="" v-model="msg.TCID"></el-input>
                        </el-form-item>
                    </el-col>
                    
                    <el-col :span="4">
                        <el-form-item label="团号：">
                            <el-input v-model="msg.TCNUM" class=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="4">
                        <el-form-item label="出团公司：">
                            <el-select  filterable  v-model='msg.RB_Branch_Id' 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>
                   
                    <template>
                      <el-col :span="6">
                        <el-form-item label="团出发日期：">
                          <el-date-picker class="h34"
                                          v-model="transactionDate"
                                          @change="timeAdd"
                                          type="daterange"
                                          value-format="yyyy-MM-dd"
                                          :clearable="false">
                          </el-date-picker>
                        </el-form-item>
                      </el-col>
                      
                    </template>
                    <el-col :span="4">
                        <el-form-item label="跨天数：">
                            <el-input type="Number" :min="0" v-model="msg.ReTCID" class=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <ul class="clearfix">
                <li class="hight_query">
                    <button class="normalBtn" @click="setRule">设置团队汇率</button>
                    <button class="hollowFixedBtn" @click="resetPageIndex(),getPageList()">{{$t('pub.searchBtn')}}</button>
                </li>
            </ul>
        </div>
        
            <div class="commonContent" v-loading='loading'>
                <el-table
                    ref="multipleTable"
                    :data="DataList"
                    tooltip-effect="dark"
                    style="width: 100%"
                    @selection-change="handleSelectionChange">
                    <el-table-column
                    type="selection"
                    :selectable="selected"
                    width="55">
                    </el-table-column>
                    <el-table-column
                    prop="TCID"
                    label="团ID"
                    width="80"/>
                    <el-table-column
                    prop="TCNUM"
                    label="团号"
                    width="190">
                        <template slot-scope="scope">
                            <div style="position: relative;">
                                {{scope.row.TCNUM}}
                                <div class="TC_teamType" v-if="scope.row.TCStatus!=1">
                                    <span v-if="scope.row.TCStatus==2" title="结团" style="background: #ff9c00;">团</span>
                                    <span v-if="scope.row.TCStatus==5" title="结团审核中" style="background: #2aaef2;">审</span>
                                </div>
                            </div>
                            
                        </template>
                    </el-table-column>
                    <el-table-column
                    prop="OutBranchName"
                    label="出团公司"
                    width="100"/>
                    <el-table-column
                    prop="StartDate"
                    label="出发日期"
                    width="100"/>
                    <el-table-column
                    prop="CreateDate"
                    label="最早制单日期"
                    width="110"/>
                    <el-table-column
                        label="汇率类型"
                        width="120">
                        <template slot-scope="scope">
                            <div class="GroupRateQuery-scope-box" 
                            style="border-bottom: 1px solid #E5E5E5;"
                            v-if="scope.row.TCRate&&scope.row.TCRate.length>0">
                            出团日期汇率
                            </div>
                            <div class="GroupRateQuery-scope-box" v-if="scope.row.FinanceRate&&scope.row.FinanceRate.length>0">
                                财务单据汇率
                            </div>
                        </template>
                    </el-table-column>
                        <el-table-column
                            label="币种名称"
                            width="100">
                            <template slot-scope="scope">
                                <template v-if="scope.row.TCRate&&scope.row.TCRate.length>0">
                                <div class="GroupRateQuery-scope-box" 
                                :style="{'border-bottom': (scope.row.TCRate.length-1)==childIndex? '1px solid #E5E5E5':''}"
                                v-for="(childItem,childIndex) in scope.row.TCRate">
                                    <span>
                                        {{childItem.CurrencyName}}
                                    </span>
                                </div></template>
                                <template v-if="scope.row.FinanceRate&&scope.row.FinanceRate.length>0">
                                <div class="GroupRateQuery-scope-box" v-for="(childItem,childIndex) in scope.row.FinanceRate">
                                    <span>
                                        {{childItem.CurrencyName}}
                                    </span>
                                </div></template>
                            </template>
                        </el-table-column>
                        <el-table-column
                            label="汇率">
                            <template slot-scope="scope">
                                <template v-if="scope.row.TCRate&&scope.row.TCRate.length>0">
                                <div class="GroupRateQuery-scope-box" 
                                :style="{'border-bottom': (scope.row.TCRate.length-1==childIndex)? '1px solid #E5E5E5':''}"
                                v-for="(childItem,childIndex) in scope.row.TCRate">
                                    <span>
                                        {{childItem.Rate}}
                                    </span>
                                </div></template>
                                <template v-if="scope.row.FinanceRate&&scope.row.FinanceRate.length>0">
                                <div class="GroupRateQuery-scope-box" v-for="(childItem,childIndex) in scope.row.FinanceRate">
                                    <span>
                                        {{childItem.Rate}}
                                    </span>
                                </div></template>
                            </template>
                        </el-table-column>
                </el-table>
                <el-pagination background @current-change="handleCurrentChange"
                :current-page.sync="msg.pageIndex"
                          layout="total,sizes,prev, pager, next, jumper" :page-size="msg.pageSize" :page-sizes="[5,20,30,50,100]" :total="total">
                        </el-pagination>
                <!-- <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
                  <thead>
                    <tr><th>团号</th><th>团号公司</th><th>出发日期</th><th>制单日期</th><th>汇率类型</th><th>币种名称</th><th>汇率</th></tr>
                  </thead>
                  <template v-for="(subItem,subIndex) in DataList">
                    <tr><td >{{subItem.TCNUM}}</td><td>{{subItem.OutBranchName}}</td><td>{{subItem.StartDate}}</td><td>{{subItem.CreateDate}}</td>
                      <td colspan="3" class="GroupRateQuery-td" style="padding-left: 0;">
                        <div class="GroupRateQuery-box" style="border-bottom: 1px solid #E5E5E5;">
                            <div class="GroupRateQuery-left">
                                <span>出团日期汇率</span>
                            </div>
                            <div class="GroupRateQuery-right">
                                <div v-for="(childItem,childIndex) in subItem.TCRate" class="right-box"><div>    <span>{{childItem.CurrencyName}}</span></div><div>    <span>{{childItem.Rate}}</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="GroupRateQuery-box">
                            <div class="GroupRateQuery-left">
                                <span>财务单据汇率</span>
                            </div>
                            <div class="GroupRateQuery-right">
                                <div v-for="(childItem,childIndex) in subItem.FinanceRate" class="right-box"><div>    <span>{{childItem.CurrencyName}}</span></div><div>    <span>{{childItem.Rate}}</span></div>
                                </div>
                            </div>
                        </div>
                      </td>
                    </tr>
                  </template>
                  <tr v-if="DataList.length==0">
                    <td colspan="10" align="center">暂无数据</td>
                  </tr>
                  <tfoot>
                    <tr>
                      <td colspan="10">
                        <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.pageIndex"
                          layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
                        </el-pagination>
                      </td>
                    </tr>
                  </tfoot>
          
          
                </table> -->
            </div>
         <!-- 设置团队汇率 -->
    <el-dialog title="设置团队汇率" :visible.sync="TheRateVisible" width="634px" @close="close('RateForm')">
        <el-form ref="RateForm" :model="RateForm" :rules="rules" label-width="80">
        <el-form-item class="ImpressionTicketing-OuterFrame" label-width="0px" v-if="RateForm.RateList&&RateForm.RateList.length>0">
            <div class="ImpressionTicketing-msgbox line-heigh" v-for="(item,index) in RateForm.RateList" :key="index">
                <div>
                    <el-form-item :prop="`RateList.${index}.CurrencyId`" :rules="rules.CurrencyId" :label="`币种 ${index+1}`">
                        <el-select filterable v-model='item.CurrencyId' placeholder="请选择币种" class="w150 _border_b_1">
                            <el-option v-for='item in coinGetList'
                                       :label='item.Name'
                                       :value='item.ID'
                                       :key='item.ID'>
                            </el-option>
                        </el-select>
                    </el-form-item>
                </div>
                <div>
                   <el-form-item :prop="`RateList.${index}.Rate`" :rules="rules.Rate" :label="`汇率 ${index+1}`">
                        <el-input-number class="w170" :min="0" v-model="item.Rate" clearable></el-input-number>
                    </el-form-item> 
                </div>
                <div class="ImpressionTicketing-msg-but">
                    <span @click="addRate(item,index)" v-if="index==0" class="el-icon-circle-plus-outline itc-outline"></span>
                    <span @click="deleteRate(item,index)" v-else class="el-icon-delete itc-delete"></span>
                </div>
            </div>
        </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button size="small" @click="TheRateVisible = false,RateLoading = false">取 消</el-button>
          <el-button size="small" type="danger" @click="OkTheRate('RateForm')" :loading="RateLoading">确 定</el-button>
        </span>
      </el-dialog>
    </div>
</template>
<script>
import Vue from 'vue'
export default {
    data(){
        return{
            single: true,
            msg:{
                pageIndex:1,
                pageSize:5,
                TCID: '',
                TCNUM: '',
                RB_Branch_Id: '',
                QStartDate: '',
                QEndDate: '',
                ReTCID: 0,// 跨天数 （默认0天)
            },
            getCompanyMsg:{  // 公司
                RB_Group_Id:'0',
                Status:'0',
            },
            DataList:[],
            CompanyList:[],
            transactionDate:[this.getBeforeDate(0,new Date().Format("yyyy-MM-dd")),this.getBeforeDate(0,new Date().Format("yyyy-MM-dd"))],
            GetCostTypeList:[],
            status:'1',
            type:'1',
            loading:false,
            currentPage:1,
            total:0,
            columns: [
                {field: 'TCNUM', title: '团号', width: 80, titleAlign: 'left',columnAlign:'left',isResize:true,componentName:'table-TCNUM'},
                {field: 'StartDate', title: '出发日期', width: 80, titleAlign: 'left',columnAlign:'left',isResize:true,componentName:'table-StartDate'},
                {field: 'OutBranchName', title: '团号公司', width: 80, titleAlign: 'left',columnAlign:'left',isResize:true,componentName:'table-OutBranchName'},
                {field: 'CreateDate', title: '制单日期', width: 80, titleAlign: 'left',columnAlign:'left',isResize:true,componentName:'table-CreateDate'},
                {field: 'CurrencyId', title: '币种code', width: 80, titleAlign: 'left',columnAlign:'left',isResize:true,componentName:'table-CurrencyId'},
                {field: 'CurrencyName', title: '币种名称', width: 80, titleAlign: 'left',columnAlign:'left',isResize:true,componentName:'table-CurrencyName'},
                {field: 'Rate', title: '系统汇率', width: 80, titleAlign: 'left',columnAlign:'left',isResize:true}, 
            ],
            multipleSelection: [],
            TheRateVisible: false,
            RateLoading: false,
            RateForm:{
                TCIDList:[],
                RateList:[
                    {
                        CurrencyId:'',
                        Rate:''
                    }
                ]
            },
            TCIDList:[
                {
                    CurrencyId:'',
                    Rate:'' 
                }
            ],
            RateList:[
                {
                    CurrencyId:'',
                    Rate:'' 
                }
            ],
            rules:{
                CurrencyId: [{
                    required: true,
                    message: "请选择币种",
                    trigger: "change"
                }],
                Rate: [{
                    required: true,
                    message: "请输入汇率",
                    trigger: "blur"
                }],
            },
            coinGetList:[]
        }
    },
    created(){
    },components: {
        
    },
    mounted(){
        let userInfo=this.getLocalStorage();
        this.getCompanyMsg.RB_Group_Id= userInfo.RB_Group_id;    //集团ID
        this.financeinfo_post_GetList()
        this.getCompanyList();
        this.getPageList();
    },methods:{
        // 添加汇率
        addRate(row,index){
            let data = {
                CurrencyId:'',
                Rate:''
            }
            this.RateForm.RateList.push(data)
        },
        // 删除汇率
        deleteRate(row,index){
            this.RateForm.RateList.splice(index,1)
        },
        financeinfo_post_GetList(){ // 获取币种
            this.apipost('financeinfo_post_GetList',{Name:''}, res => {
            if(res.data.resultCode == 1) {
                this.coinGetList = res.data.data;
            }
            }, err => {})
        },
        setRule(){
            if(this.multipleSelection.length==0){
                this.Error("请选择需要设置的数据");
                return
            }
            this.RateForm.TCIDList = []
            this.multipleSelection.forEach(item=>{
                this.RateForm.TCIDList.push(item.TCID)
            })
            this.TheRateVisible = true
        },
        close(RateForm){
            this.$refs[RateForm].resetFields()
        },
        OkTheRate(RateForm){
            this.$refs[RateForm].validate((valid) => {
                if (valid) {
                    this.RateLoading = true
                    this.apipost('Financial_post_SetTravelFinanceRate',this.RateForm, res => {
                        if(res.data.resultCode == 1) {
                            this.Success(res.data.message)
                            this.TheRateVisible = false
                            this.getPageList();
                        }
                        this.RateLoading = false
                    }, err => {this.RateLoading = false})
                }
            
            })
        },
        handleSelectionChange(val) {
            this.multipleSelection = val;
        },
        handleCurrentChanges(val){
            this.msg.pageIndex = val;
            this.getPageList();
        },
        selected(row, index) {
            if (row.TCStatus != 1) {
                return false; //不可勾选
            } else {
                return true; //可勾选
            }
        },
        getPageList(){  // 获取列表数据
            if(this.transactionDate){
                this.msg.QStartDate = this.transactionDate[0]
                this.msg.QEndDate = this.transactionDate[1]
            }
            this.loading= true;
            this.apipost('Financial_post_GetTravelFinanceRateSetPageList',this.msg,res=>{
                if(res.data.resultCode == 1) {
                    let data = res.data.data.pageData;
                    this.total = res.data.data.count;
                    if(this.total==0){
                        this.DataList=[];
                    }else{
                        this.DataList = data;
                    }
                    this.loading=false;
                }else{
                    this.loading= false;
                    this.$message.error(res.data.message);
                }
                // this.queryInfoInit();
                this.currentPage = parseInt(this.msg.pageIndex);
            },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.transactionDate){
                this.msg.QStartDate = this.getBeforeDate(0,new Date().Format("yyyy-MM-dd"));
                this.msg.QEndDate = this.getBeforeDate(0,new Date().Format("yyyy-MM-dd"));
                return
            }
            this.msg.QStartDate = this.transactionDate[0];
            this.msg.QEndDate = this.transactionDate[1];
        },
        queryInfoInit(){  // 初始化msg
            let msg = {
                pageIndex:1,
                pageSize:7,
                TCID: '',
                TCNUM: '',
                RB_Branch_Id: '',
                QStartDate: '',
                QEndDate: '',
                ReTCID: 0,// 跨天数 （默认0天)

            }
            this.msg = msg;
        },
        handleCurrentChange(val) { //翻页
            this.msg.pageIndex = val;
            this.getPageList();
        },
        resetPageIndex(){  // 重置页码
            this.msg.pageIndex=1;
            this.currentPage = 1;
        }
    }
}
</script>
