<style scoped>
  /deep/._fnDm_content .el-table th.el-table__cell {
    background-color: #E6E6E6 !important;
  }

  .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;
  }

  .zhuiClass {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #e95252;
    border: 1px solid #e95252;
    font-size: 12px;
  }

  ._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: 10px;
  }

  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: 190px;
  }

  ._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: 28px;
    height: 28px;
    display: inline-block;
    color: white !important;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    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,
  .icon-zhuanhuan1 {
    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,
  ._icon_btn i.icon-cuishou {
    background-color: #e6a014;
    font-size: 16px;
  }

  ._icon_btn i.icon-zhuanjiao1:hover,
  ._icon_btn i.icon-cuishou:hover {
    background-color: rgb(235, 184, 84);
  }

  ._icon_btn i.icon-zhuanjiao1:active,
  ._icon_btn i.icon-cuishou:active {
    background-color: rgb(223, 150, 6);
  }

  ._tag_span {
    background-color: rgba(64, 158, 255, 0.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, 0.2);
    white-space: nowrap;
    margin-bottom: 4px;
  }

  ._tag_span._tag_warr {
    background-color: rgba(103, 194, 58, 0.1);
    border-color: rgba(103, 194, 58, 0.2);
    color: #67c23a;
  }

  ._fex_cen {
    display: flex;
    align-items: center;
  }

  ._pad5 {
    padding: 5px 10px;
  }

  ._color_gar {
    color: gray;
  }

  .page_fnDm .query-box li:last-child {
    top: 97px !important;
  }

  ._TCIDAndTCNUMList {
    display: flex;
  }

  .w216 {
    width: 216px;
  }

  ._icon_btn i.icon-tiaozheng {
    background-color: #1296db;
    font-size: 16px;
  }

  ._icon_btn i.icon-zhifupeizhiguanli {
    background-color: #1296db;
    font-size: 16px;
  }

  .boss_btn_tips,
  .boss_btn {
    text-align: center;
  }

  .boss_btn_tips {
    padding-bottom: 25px;
  }

  .boss_btn span {
    color: #2bb87c;
  }

  .cdForm .el-form-item {
    display: inline-block;
  }

  .leaderPayTable {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 12px;
    color: #333;
    border-collapse: collapse;
    background-color: #fff;
    border: 1px solid #d1d1d1;
  }

  .leaderPayTable th {
    background: #e6e6e6;
    padding: 8px 0;
    color: #333;
    border: 1px solid #d1d1d1;
    font-weight: bold;
  }

  .leaderPayTable tr td {
    background-color: #fff;
    padding: 8px 0;
    height: 32px;
    border: 1px solid #d1d1d1;
    text-align: center;
  }

  .leaderPayTable2 tr td {
    border: 1px solid #ccc;
    line-height: 17px;
    height: 25px;
    font-size: 12px;
    background: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
  }

  .Myquery-box li {
    float: left;
    font-size: 12px;
    color: #666;
    margin: 5px 30px 5px 0;
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

  input[type="number"] {
    -moz-appearance: textfield;
  }

  .page_fnDm .upload-demo {
    text-align: center;
    padding-bottom: 30px;
  }

  .page_fnDm .fillShow,
  .isShow {
    display: block !important;
  }

  .page_fnDm .btmAddStore::-webkit-scrollbar {
    width: 4px;
    height: 8px;
  }

  .page_fnDm .btmAddStore::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #ededed;
  }

  .page_fnDm .btmAddStore::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #c9c9c9;
  }

  .page_fnDm .el-pagination {
    border: none !important;
  }

  .page_fnDm .btmAddStore {
    border-top: 1px solid #d1d1d1;
    display: none;
    width: 94%;
    max-height: 694px;
    position: fixed;
    background: #f9f9f9;
    bottom: 0;
    z-index: 2
  }

  .page_fnDm .btmTitle {
    padding: 0 10px;
    margin: 20px 0 20px 40px;
    border-left: 3px solid #e95252;
    font-size: 14px;
    color: #000000;
  }

  .page_fnDm .impoTable {
    width: 100%;
    min-width: 1400px;
    max-height: 580px;
    overflow: auto;
    border-collapse: collapse;
  }

  .page_fnDm .impoTable td {
    text-align: center;
    font-size: 12px;
    color: #333;
    background-color: #e0f4ff;
    border: 1px solid #dcdfe6;
    height: 34px;
  }

  .page_fnDm .impoTable th {
    background-color: #cbe9fa;
    text-align: center;
    color: #387ea5;
    height: 34px;
    font-size: 12px;
  }

  .page_fnDm .impotBtn {
    border-top: none;
  }

  /deep/ .financiaUpload .el-upload-dragger {
    width: 100px !important;
    height: 37px !important;
  }

  /deep/ .financiaUpload2 .el-upload-dragger {
    width: 30px !important;
    height: 20px !important;
  }

  .page_fnDm ._show_img_box {
    position: fixed;
    background: rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;
    overflow: auto;
  }

  .page_fnDm Receipt_box {
    padding: 15px;
    color: #c94052;
    width: 830px;
    position: relative;
  }
  .UploadMsg-box{
    display: flex;
    flex-wrap: wrap;
  }
  .UploadMsg-list{
    width: 110px;
    /* height: 80px; */
    position: relative;
    border-radius: 3px;
    /* overflow: hidden; */
    margin: 0 6px 13px 6px;
  }
  .UploadMsg-text{
    width: 100%;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .UploadMsg-icon{
    color: #409eff;
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 2;
    cursor: pointer;
    font-size: 20px;
  }
  .UploadMsgGrow{
    width: 100%;
  }
  /deep/.UploadMsg-box .el-upload-dragger{
    width: 110px;
    height: 80px;
    padding: 0 5px;
  }
  /deep/.UploadMsg-box .el-upload-dragger .el-icon-upload{
    margin: 0;
  }
  /deep/.UploadMsg-box .el-upload__tip{
    margin-top: 0;
    margin-bottom: 7px;
  }
  /deep/.UploadMsg-box .el-upload-dragger .el-icon-upload{
    line-height: 35px;
  }
</style>

<template>
  <div>
    <div class="page_fnDm page_RecPayQuer" @keyup.enter="resetPageIndex(),getPageList()">

      <ul class="_nav clearfix">
        <!-- <li :class="active==5?'_active':''" @click="active=5,msg.Conditon=5,getPageList()">{{$t('advmanager.v_all')}}</li> -->
        <li :class="active==1?'_active':''" @click="getActive(1,1,-1)">{{$t('ios.wfqide')}}</li>
        <li :class="active==3?'_active':''" @click="getActive(3,3)">{{$t('ios.dwspide')}}</li>
        <li :class="active==2?'_active':''" @click="getActive(2,2,-1)">{{$t('ios.wspide')}}</li>
        <li :class="active==6?'_active':''" @click="getActive(6,6,-1)">{{$t('ios.wzfeide')}}</li>
        <li :class="active==7?'_active':''" @click="getActive(7,7,-1)">{{$t('ios.bbhuide')}} <span
            v-if="rejectNum !=='' && rejectNum>=0" style="color:red">({{rejectNum}})</span></li>
        <li :class="active==4?'_active':''" @click="getActive(4,4,-1)">{{$t('ios.csgwode')}}</li>
        <li v-if="ActionMenuCode.indexOf('F_AccountantFinanceMerge')!=-1" :class="active==8?'_active':''"
          @click="getActive(8,8,-1)">{{$t('objFill.invoicevoucherreview')}}</li>
        <li class="hight_query" style="float:right;">
          <span>
            <em @click.stop="heightQueryBox=!heightQueryBox">{{$t('fnc.gjchaxun')}} <i
                class="iconfont icon-gengduo"></i></em>
          </span>
          <button class="hollowFixedBtn" @click="resetPageIndex(),getPageList()">{{$t('pub.searchBtn')}}</button>
          <button class="normalBtn" @click="goUrlAdd('ChoiceAddFinancialDocuments')">{{$t('pub.addBtn')}}</button>
          <button class="normalBtn" v-if="checkboxShow"
            @click="Financial_post_SetBatch">{{$t('fnc.piltijiao')}}</button>
          <button class="normalBtn" @click="method5()">{{$t('visa.v_daochu')}}</button>
          <button class="hollowFixedBtn" @click="goUrl('WorkEntrustmentMy')">{{$t('fnc.gzweituo')}}</button>
          <button v-if="active==3 && !hbState && hbShow" class="hollowFixedBtn"
            @click="HebingSP">{{$t('objFill.mergerapproval')}}</button>
          <button v-if="active==3 && hbState" class="hollowFixedBtn"
            @click="hbState=false,getPageList">{{$t('objFill.closemergerapproval')}}</button>
          <button v-loading="hbBtn" v-if="active==3 && hbState" class="hollowFixedBtn"
            @click="HebingSPLast">{{$t('ios.shenpi')}}</button>
          <button v-if="HandShow" class="hollowFixedBtn"
            @click="Handwithfee">{{$t('objFill.handdistributionfeeincome')}}</button>
          <button class="hollowFixedBtn" @click="ZhiDanChongDi"> {{$t('objFill.precharge')}}</button>
          <button v-if="this.userId==2739 || this.userId==3038 || this.userId==2604" class="hollowFixedBtn" @click="openMarkDialog">
            {{$t('objFill.v101.FinancialModule.picyouxfkjl')}}</button>
          <!-- v-if="F_Advance_Match" -->
          <button class="hollowFixedBtn" @click="BOSSBtn = !BOSSBtn, checkList = [], getPageList(1), BOSSBtn2 = false"
            v-if="msg.Conditon == 3 && userMenuCode">{{BOSSBtn ? $t('objFill.disableapproval') : $t('objFill.oneclickapproval')}}</button>
          <button class="hollowFixedBtn" v-if="msg.Conditon == 3 && BOSSBtn"
            @click="BOSSBtnClick(1)">{{$t('ios.shenpi')}}</button>
          <button class="hollowFixedBtn" @click="BOSSBtn2 = !BOSSBtn2, checkList = [], getPageList(1), BOSSBtn = false"
            v-if="msg.Conditon == 3">{{BOSSBtn2 ? $t('objFill.noOneclicktransfer') : $t('objFill.oneclicktransfer')}}</button>
          <button class="hollowFixedBtn" v-if="msg.Conditon == 3 && BOSSBtn2"
            @click="BOSSBtnClick(2)">{{$t('fnc.zhuanjiao')}}</button>
          <button class="hollowFixedBtn" v-if="this.userId == 2994"
            @click="outerVisible3=true">{{$t('objFill.v101.FinancialModule.chehetcbc')}}</button>
          <button class="hollowFixedBtn" v-if="msg.Conditon == 1&&ActionMenuCode.indexOf('batchAddWages')!=-1 "
            @click="outerVisible=true">{{$t('objFill.payroll')}}</button>
          <button class="hollowFixedBtn" v-if="msg.Conditon == 1&&ActionMenuCode.indexOf('batchAddWages')!=-1 "
            @click="outerVisible2=true">{{$t('objFill.v101.FinancialModule.kuaidifei')}}</button>
          <template v-if="msg.Conditon == 1 || (isBatchPrinting&&msg.Conditon == 3)">
            <button class="hollowFixedBtn" v-if="!BOSSBtn3" @click="BOSSBtn3 = true">{{$t('objFill.v101.FinancialModule.yijiandy')}}</button>
            <button v-else class="hollowFixedBtn"
              @click="BOSSBtn3 = !BOSSBtn3,checkList = [],toggleSelection()">{{$t('objFill.v101.FinancialModule.guanbiyjdy')}}</button>
            <button class="hollowFixedBtn" v-if="BOSSBtn3" @click="BOSSBtnClick(3)">{{$t('ground.dayin')}}</button>
          </template>
        </li>
      </ul>
      <div class="Myquery-box">
        <ul class="clearfix">
          <li>
            <span>
              <em>{{$t('fnc.danhao')}}</em>
              <el-input placeholder="" class="w150" v-model="msg.FrID" @keyup.native="checkInteger(msg,'FrID')"
                maxlength="8"></el-input>
            </span>
          </li>
          <li>
            <span>
              <em>{{$t('fnc.shzhuangtai')}}</em>
              <el-select v-model="msg.Status" filterable class="w150">
                <el-option value="-1" :label="$t('pub.unlimitedSel')"></el-option>
                <el-option v-for='item in StatusList' :label='item.Name' :value='item.ID' :key='item.ID'>
                </el-option>
              </el-select>
            </span>
          </li>
          <li v-if='msg.Conditon==3'>
            <span>
              <em>{{$t('fnc.yjdanju')}}</em>
              <el-select v-model="msg.IsSpecial" filterable class="w150">
                <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
                <el-option :value="1" :label="$t('fnc.yes')"></el-option>
                <el-option :value="2" :label="$t('fnc.fou')"></el-option>
              </el-select>
            </span>
          </li>
          <li>
            <span>
              <em>{{$t('fnc.mbleixing')}}</em>
              <el-select v-model="msg.TemplateId" filterable class="w150">
                <el-option value="0" :label="$t('pub.unlimitedSel')"></el-option>
                <el-option v-for='item in TemplateGetList' :label='item.Name' :value='item.Id' :key='item.Id'>
                </el-option>
              </el-select>
            </span>
          </li>
          <li>
            <span>
              <em>{{$t('fnc.djleixing')}}</em>
              <el-select v-model="msg.Type" filterable class="w150">
                <el-option key="0" value="0" :label="$t('pub.unlimitedSel')"></el-option>
                <el-option key="1" value="1" :label="$t('restaurant.res_income')"></el-option>
                <el-option key="2" value="2" :label="$t('restaurant.res_outcome')"></el-option>
                <el-option key="3" value="5" :label="$t('fnc.yingshou')"></el-option>
                <el-option key="4" value="6" :label="$t('fnc.yingfu')"></el-option>
                <el-option key="5" value="4" :label="$t('fnc.zjdiaobo')"></el-option>
                <el-option key="6" value="7" :label="$t('visaT.guazdanju')"></el-option>
              </el-select>
            </span>
          </li>
          <li>
            <span>
              <em>{{$t('system.table_rank')}}</em>
              <el-select v-model="msg.Sort" filterable class="w150">
                <el-option key="-1" value="-1" :label="$t('pub.unlimitedSel')"></el-option>
                <el-option key="0" value="0" :label="$t('fnc.tuanqi')"></el-option>
                <el-option key="1" value="1" :label="$t('fnc.hkriqi')"></el-option>
                <el-option key="2" value="2" :label="$t('fnc.danhao')"></el-option>
                <el-option key="3" value="3" :label="$t('fnc.jylshuihao')"></el-option>
              </el-select>
            </span>
          </li>
          <li v-show="msg.Conditon==1||msg.Conditon==3||msg.Conditon==2">
            <span>
              <em>{{$t('fnc.zdriqi')}}</em>
              <!-- <el-date-picker class="h34" @change="timeAdd(1)" v-model="productionDate" type="daterange"
                value-format="yyyy-MM-dd" :range-separator="$t('restaurant.res_To')">
              </el-date-picker> -->
              <StartDateLimit :clearable="false" :dateTime="productionDate" @change="(startDate,endDate)=>{msg.sDate=startDate,msg.eDate=endDate}"></StartDateLimit>
            </span>
          </li>
          <template v-if="heightQueryBox">
            <li>
              <span>
                <em>{{$t('system.query_company')}}</em>
                <el-select filterable v-model='msg.RB_Branch_Id'
                  @change="getDepartmentMsg.RB_Branch_Id=msg.RB_Branch_Id,msg.RB_Depart_Id='',getDepartment()"
                  class="w150">
                  <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('fnc.fybumen')}}</em>
                <el-select filterable v-model='msg.RB_Depart_Id'
                  @change="employeeMsg.DepartmentId=msg.RB_Depart_Id,getEmployee(),msg.UpdateBy=''" class="w150">
                  <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
                  <el-option v-for='item in DepartmentList' :label='item.DepartmentName' :value='item.DepartmentID'
                    :key='item.DepartmentID'>
                  </el-option>
                </el-select>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('fnc.zdrenyuan')}}</em>
                <el-select filterable v-model='msg.UpdateBy' class="w150">
                  <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
                  <el-option v-for='item in EmployeeList' :label='item.EmName' :value='item.EmployeeId'
                    :key='item.EmployeeId'>
                  </el-option>
                </el-select>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('fnc.zhleixing')}}</em>
                <el-select filterable v-model='msg.AccountType' class="w150">
                  <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
                  <el-option v-for='item in AccList' :label='item.Name' :value='item.ID' :key='item.ID'>
                  </el-option>
                </el-select>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('tips.jiaoyifangshi')}}</em>
                <el-select filterable v-model='msg.TradeWay'
                  @change="getAccountList(msg.AccountType,msg.TradeWay),msg.ClientID=''" class="w150">
                  <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
                  <el-option v-for='item in BranchAccountList' :label='item.Name' :value='item.ID' :key='item.ID'>
                  </el-option>
                </el-select>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('fnc.sfkzhanghu')}}</em>
                <el-select filterable v-model='msg.BankID' class="w150">
                  <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
                  <el-option v-for='item in accountList' :label='item.Name' :value='item.ID' :key='item.ID'>
                  </el-option>
                </el-select>
              </span>
            </li>
            <!--  v-show="msg.Type==2" -->
            <!--  @change="financeinfo_post_GetClientAccountList(msg.ClientType),msg.ClientID=''" class="w150">-->
            <li>
              <span>
                <em>{{$t('fnc.dxleixing')}}</em>
                <el-select filterable v-model='msg.ClientType' @change="ClaerClientAccountList(),msg.ClientID=''"
                  class="w150">
                  <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
                  <el-option v-for='item in ClientTypeList' :label='item.Name' :value='item.ID' :key='item.ID'>
                  </el-option>
                </el-select>
              </span>
            </li>
            <!--  v-show="msg.Type==2" -->
            <li>
              <span>
                <em>{{$t('fnc.fkduixiang')}}</em>
                <el-select v-model="msg.ClientID" class="w150" filterable remote reserve-keyword
                  :placeholder="$t('pub.PleaseKeyWords')" :remote-method="GetClientAccountListByKeyWord">
                  <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
                  <el-option v-for='item in ClientAccountList'
                    :label='`${item.AccountAlias}(${item.AccountHolder}/${item.CardNum})`' :value='item.ID'
                    :key='item.ID'>
                    <div>
                      <span>{{`${item.AccountAlias}(${item.AccountHolder}/${item.CardNum})`}}</span>
                      <span style="margin-left: 15px;">
                        <el-tag size="mini" v-if="item.Status==1">{{$t('pub.fressSel')}}</el-tag>
                      </span>
                    </div>
                  </el-option>
                </el-select>
                <!-- <el-select filterable v-model='msg.ClientID' class="w150">
                  <el-option value="" :label="$t('pub.unlimitedSel')"></el-option>
                  <el-option v-for='item in ClientAccountList' :label='item.Name' :value='item.ID' :key='item.ID'>
                  </el-option>
                </el-select> -->
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('scen.sc_temID')}}</em>
                <el-input v-model="msg.TCID" class="w150" @keyup.native="checkInteger(msg,'TCID')"></el-input>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('fnc.ddbianhao')}}</em>
                <el-input v-model="msg.OrderID" class="w150" @keyup.native="checkInteger(msg,'OrderID')"></el-input>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('fnc.bzleixing')}}</em>
                <el-select filterable v-model='msg.CurrencyId' class="w150">
                  <el-option v-for="item in currencyTypeList" :key="item.ID" :value="item.ID" :label="item.Name">
                  </el-option>
                </el-select>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('fnc.feiyongleixing')}}</em>
                <el-select filterable v-model='msg.CostTypeID' class="w150">
                  <el-option v-for="item in GetCostTypeList" :key="item.ID" :value="item.ID" :label="item.Name">
                  </el-option>
                </el-select>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('fnc.djjine')}}</em>
                <el-input v-model="msg.sMoney" class="w64d5"></el-input>-<el-input v-model="msg.eMoney" class="w64d5">
                </el-input>
              </span>
            </li>
            <!-- 制单日期 -->
            <!-- <li v-if="msg.Conditon==1||msg.Conditon==3||msg.Conditon==2">
                          <span>
                              <em>{{$t('fnc.zdriqi')}}</em>
                              <el-date-picker class="h34"
                                  @change="timeAdd(1)"
                                  v-model="productionDate"
                                  type="daterange"
                                  value-format="yyyy-MM-dd"
                                  :range-separator="$t('restaurant.res_To')">
                              </el-date-picker>
                          </span>
                      </li> -->
            <li v-if="msg.Conditon==2">
              <span>
                <em>{{$t('fnc.spriqi')}}</em>
                <el-date-picker class="h34" @change="timeAdd(2)" v-model="approvalDate" type="daterange"
                  value-format="yyyy-MM-dd" :range-separator="$t('restaurant.res_To')">
                </el-date-picker>
              </span>
            </li>
            <li v-if="msg.Conditon==2 || msg.Conditon==3">
              <span>
                <em>{{$t('fnc.jiaoyiriqi')}}</em>
                <el-date-picker class="h34" v-model="transactionDate" @change="timeAdd(3)" type="daterange"
                  value-format="yyyy-MM-dd">
                </el-date-picker>
              </span>
            </li>
            <li>
              <span>
                <em>{{$t('scen.sc_ftTime')}}</em>
                <el-date-picker class="h34" v-model="missionDate" @change="timeAdd(4)" type="daterange"
                  value-format="yyyy-MM-dd">
                </el-date-picker>
              </span>
            </li>
            <li v-if="msg.Conditon==1 || msg.Conditon==3||msg.Conditon==2||msg.Conditon==6">
              <span>
                <em>{{$t('objFill.expensenote')}}</em>
                <el-input class="w200" v-model="msg.Remark"></el-input>
              </span>
            </li>
            <li v-if="msg.Conditon==1">
              <span>
                <em>{{$t('objFill.lookonlyatuploads')}}</em>
                <el-switch v-model="msg.InvoiceState" active-value="true" inactive-value="false">
                </el-switch>
              </span>
            </li>
          </template>
        </ul>
      </div>
      <!-- <input type="text" v-model="mathNumber" @blur="mathMoney(mathNumber)">
          <input type="text" v-model="ChineseStr"> -->
      <div class="_fnDm_content" v-loading='loading' :style="{minHeight:minHeight+'px'}">
        <el-table ref="multipleTable" :data="DataList" tooltip-effect="dark" style="width: 100%"
          @selection-change="handleSelectionChange" row-key="FrID">
          <el-table-column v-if="hbState || checkboxShow || BOSSBtn || BOSSBtn2 || BOSSBtn3" :reserve-selection="true"
            type="selection" width="55">
          </el-table-column>
          <el-table-column prop="BranchName" :label="$t('system.query_company')" width="90"></el-table-column>
          <el-table-column :label="$t('fnc.danhao')" width="90">
            <template slot-scope="scope">
              <el-popover popper-class="detailsIT_Journal" placement="bottom-start" trigger="click">
                <template
                  v-if="scope.row.Type!=1&&scope.row.Type!=7&&scope.row.modelShow&&(scope.row.Is_Merge===0||scope.row.Is_Merge===null)">
                  <my-Bill :ID="scope.row.FrID" :width="widthSon" :color="colorSon"></my-Bill>
                </template>
                <template
                  v-else-if="scope.row.Type==1&&scope.row.modelShow&&(scope.row.Is_Merge===0||scope.row.Is_Merge===null)">
                  <my-RVB-Bill :ID="scope.row.FrID" :width="widthSon" :color="colorSon"></my-RVB-Bill>
                </template>
                <template
                  v-else-if="scope.row.Type==7&&scope.row.modelShow&&(scope.row.Is_Merge===0||scope.row.Is_Merge===null)">
                  <my-GZ-Bill :ID="scope.row.FrID" :width="'1000px'" :color="colorSon"></my-GZ-Bill>
                </template>
                <template v-else-if="scope.row.Is_Merge===1&&scope.row.modelShow">
                  <my-HB-Bill :ID="scope.row.FrID" :width="widthSon" :color="colorSon"></my-HB-Bill>
                </template>
                <span slot="reference" @click="scope.row.modelShow = true"
                  class="text_d PingFangSC">{{scope.row.FrID}}</span>
              </el-popover>
            </template>
          </el-table-column>
          <el-table-column :label="$t('fnc.djleixing')" width="90">
            <template slot-scope="scope">
              <span class="_bg__"
                :class="scope.row.Type==1 || scope.row.Type==5?'_bg_green':'_bg_red'">{{scope.row.TypeName}}</span>
              <el-tooltip class="item" effect="dark" :content="$t('ground.zjiatk')" placement="top">
                <span v-if="scope.row.OtherType == 1" class="zhuiClass">{{$t('objFill.chase')}}</span>
              </el-tooltip>
            </template>
          </el-table-column>
          <el-table-column :label="$t('hotel.hotel_corrlelatition')" width="300">
            <template slot-scope="scope">
              <div class="_number">
                <template v-if="scope.row.TCIDAndTCNUMList.length>0">
                  <div class="_TCIDAndTCNUMList">
                    <span>{{$t('visa.v_tuanhao')}}:</span>
                    <template v-if="scope.row.TCIDAndTCNUMList&&scope.row.TCIDAndTCNUMList.length>0">
                      <p><span v-for="(i,ix) in scope.row.TCIDAndTCNUMList">{{i.TCNUM}}({{i.TCID}})
                          <template v-if="i.TeamTypeNameStr&&i.TeamTypeNameStr!=''">({{i.TeamTypeNameStr}})</template>
                          <template v-if="i.DMCNum&&i.DMCNum!=''"></br>{{i.DMCNum}}</br></template>
                          <span v-if="ix!=scope.row.TCIDAndTCNUMList.length-1">,<br /></span></span></p>
                    </template>
                    <template v-else>
                      <span>{{$t('fnc.no')}}</span>
                    </template>
                  </div>
                  <p v-if="scope.row.OrderID>0 && scope.row.OrderSource==8">{{$t('fnc.danhao')}}:<span
                      class="">{{scope.row.OrderID}}</span></p>
                </template>
                <template v-else-if="scope.row.OrderSource==8 && scope.row.TCIDAndTCNUMList.length==0">
                  <p class="_TCIDAndTCNUMList">{{$t('tips.zwtqxinxi')}}</p>
                </template>
                <template v-else-if="scope.row.OrderSource==4 && scope.row.TCIDAndTCNUMList.length==0">
                  <p class="_TCIDAndTCNUMList text_d" @click="goTicketPage(scope.row)">
                    {{$t('fnc.jpbianhao')}}:{{scope.row.SourceID}}
                  </p>
                  <p style="margin-top: 5px;">
                    {{$t('advmanager.v_line')}}:<span>{{scope.row.LineName?scope.row.LineName:$t('tips.jpswxzxianlu')}}</span>
                  </p>
                </template>
                <template v-else-if="scope.row.OrderSource==9 && scope.row.TCIDAndTCNUMList.length==0">
                  <p class="_TCIDAndTCNUMList">{{$t('fnc.gnjpqishu')}}:{{scope.row.Term}}</p>
                </template>
                <template v-else-if="scope.row.OrderSource==10 && scope.row.TCIDAndTCNUMList.length==0">
                  <p class="_TCIDAndTCNUMList">{{$t('fnc.qzbianhao')}}:{{scope.row.SourceID}}</p>
                </template>
                <template v-else-if="scope.row.OrderSource==11 && scope.row.TCIDAndTCNUMList.length==0">
                  <p class="_TCIDAndTCNUMList">{{$t('fnc.tsbianhao')}}:{{scope.row.SourceID}}</p>
                </template>
                <template v-else-if="scope.row.OrderSource==12 && scope.row.TCIDAndTCNUMList.length==0">
                  <p class="_TCIDAndTCNUMList">{{$t('fnc.smjpbianhao')}}:{{scope.row.SourceID}}</p>
                </template>
                <template v-else-if="scope.row.OrderSource==0">
                  <p class="_TCIDAndTCNUMList">{{ scope.row.BranchName }}-{{scope.row.DepartName}} </p>
                </template>
                <template v-else>
                  <p class="_TCIDAndTCNUMList">{{$t('active.cl_zanwu')}} </p>
                </template>
              </div>
            </template>
          </el-table-column>
          <el-table-column :label="$t('fnc.feiyongleixing')" width="120">
            <template slot-scope="scope">
              <template v-for="(s,si) in scope.row.CostTypeList">
                <span class="_tag_span">{{s}}</span><br />
              </template>
            </template>
          </el-table-column>
          <el-table-column :label="$t('tips.jiaoyifangshi')" show-overflow-tooltip width="300">
            <template slot-scope="scope">
              <div>
                <template v-if="scope.row.TradeWayList&&scope.row.TradeWayList.length>0">
                  <div class="_TradeWayList" v-for="(tw,twIn) in scope.row.TradeWayList"
                    style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 10px 0;width:230px">
                    <p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name"
                        style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px">
                        {{scope.row.TradeWayList[0].TypeName}}</span>
                      <span
                        style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;"
                        :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?$t('fnc.no'):tw.AccountType}}</span>
                    </p>
                    <p style="color:#333333">{{tw.BankNo}}</p>
                  </div>
                </template>
                <template v-else>
                  <div class="_pad5">
                    {{$t('fnc.no')}}
                  </div>
                </template>
              </div>
              <!-- <div class="_number">
                <template v-if="scope.row.TradeWayList&&scope.row.TradeWayList.length>0">
                  <div class="_TradeWayList" v-for="(tw,twIn) in scope.row.TradeWayList">
                    <p class="_fex_cen clearfix"><span class="_bold">{{tw.Alias}}</span><span
                        class="_bank_name">{{scope.row.TradeWayList[0].TypeName}}</span><span class="_bank_type"
                        :class="tw.AccountType=='私'?'':'_bank_type2'">{{tw.AccountType==""?$t('fnc.no'):tw.AccountType}}</span>
                    </p>
                    <p>{{tw.BankNo}}</p>
                  </div>
                </template>
                <template v-else>
                  <div class="_pad5">
                    {{$t('fnc.no')}}
                  </div>
                </template>
              </div> -->
            </template>
          </el-table-column>
          <el-table-column :label="$t('fnc.jine')">
            <template slot-scope="scope">
              <p v-if="scope.row.IsForeignCurrency && scope.row.IsForeignCurrency ==1">{{$t('fnc.yuanbi')}}:<span
                  class="">{{moneyFormat(scope.row.WBMoney)}}{{scope.row.CurrencyName}}</span></p>
              <p>{{scope.row.Type==1 ? $t('fnc.yingshou') : $t('fnc.yingfu') }}:<span
                  class="">{{moneyFormat(scope.row.Money)}}</span></p>
              <p>{{scope.row.Type==1 ? $t('fnc.shishou') : $t('fnc.shifu') }}:<span
                  class="">{{moneyFormat(scope.row.PayMoney)}}</span></p>
            </template>
          </el-table-column>
          <el-table-column :label="msg.Type==1? $t('fnc.shoukuan') : $t('fnc.fukuan')+$t('fnc.duixiang')">
            <template slot-scope="scope">
              <template v-if='scope.row.Type===1'>
                <span class="_color_gar">{{$t('fnc.huikuanren')}}:</span><span>{{scope.row.RemitterName}}</span>
              </template>
              <template v-if='scope.row.Type===2'>
                <span class="_color_gar">{{$t('fnc.fkduixiang')}}:</span><span>{{scope.row.RemitterName}}</span>
              </template>
              <template v-if='scope.row.Type===4'>
                <span class="_color_gar">{{$t('fnc.no')}}</span>
              </template>
            </template>
          </el-table-column>
          <el-table-column :label="$t('fnc.zdrenyuan')">
            <template slot-scope="scope">
              <div valign="middle">
                <img class="_head_img" :src="scope.row.EmPhoto" alt="">
                <span>{{scope.row.EmName}}</span>
                <div>{{scope.row.CreateDate}}</div>
              </div>
            </template>
          </el-table-column>
          <el-table-column :label="$t('fnc.dqzhuangtai')">
            <template slot-scope="scope">
              <div class="_btn_group">
                <i v-if="scope.row.Status==1" class="iconfont icon-daiqueren"></i>
                <i v-if="scope.row.Status==4" class="iconfont icon-yiquxiao"></i>
                <i v-if="scope.row.Status==2" class="iconfont icon-yiqueren"></i>
                <i v-if="scope.row.Status==3" class="iconfont icon-shenhebohui"></i>
                <i v-if="scope.row.Status==0 || scope.row.Status==5" class="iconfont icon-zancun"></i>
                <el-popover popper-class="detailsIT_Journal" width="250" trigger="click">
                  <div class="InfoChangeLog">
                    <div class="changLog">
                      <p class="_log_t">{{$t('fnc.lcrizhi')}}</p>
                      <ul class="changLogList" v-if="GetFinancLogList" v-loading='LogLoading'>
                        <li class="changLogList_l" v-for="(log,li) in GetFinancLogList">
                          <span style="background-color: #47BF8C" class="_radius_green"></span>
                          <p> <span class="_color_blue">{{log.EmName}}</span> <span
                              class="fr changLog_time">{{log.UpdateDate}}</span> </p>
                          <p class="_dtel">{{log.StartValue}}</p>
                        </li>
                      </ul>
                      <ul v-else>
                        <li>{{$t('hotel.hotel_zanwu')}}</li>
                      </ul>
                    </div>
                  </div>
                  <span slot="reference" class="text_d _font_init"
                    @click="Financial_post_GetFinancLogList(scope.row.FrID)">{{scope.row.StatusStr}}</span>
                </el-popover>
              </div>
            </template>
          </el-table-column>
          <el-table-column :label="$t('system.table_operation')">
            <template slot-scope="scope">
              <div class="_icon_btn">
                <el-tooltip class="item" effect="dark" :content="$t('pub.updateMsg')" placement="top">
                  <i v-if="((msg.Conditon==1 ||msg.Conditon==7) && (scope.row.InOrNotProcess==1 || scope.row.Status==3 || scope.row.Status==0) && scope.row.Status!=2)"
                    class="edit el-icon-edit"
                    @click="goEit(scope.row.Type,scope.row.FrID,true,active,msg.pageIndex, scope.row)"></i>
                </el-tooltip>
                <el-tooltip class="item" effect="dark" :content="$t('fnc.chakan')" placement="top">
                  <i class="iconfont icon-sousuo" v-if='scope.row.Type!==4'
                    @click="goUrl('FinancialDocumentsDetail',scope.row.FrID,active,msg.pageIndex)"></i>
                  <i class="iconfont icon-sousuo" v-if='scope.row.Type===4'
                    @click="goUrl('CapitalAllocationDetail',scope.row.FrID,active,msg.pageIndex)"></i>
                </el-tooltip>
                <el-tooltip class="item" effect="dark" :content="$t('fnc.shenhe')" placement="top">
                  <i v-if="(msg.Conditon==3 && scope.row.Is_Self!=1)||(msg.Conditon==8 && scope.row.Is_Self!=1)"
                    class="iconfont icon-ico_commodity_defaul"
                    @click="goUrl('BasicDocuments',scope.row.FrID,active,msg.pageIndex)"></i>
                </el-tooltip>
                <el-tooltip class="item" effect="dark" :content="$t('objFill.urgesbtoexamine')" placement="top">
                  <i v-if="msg.Conditon==1 && scope.row.IsFinancePushOn==1" class="iconfont icon-cuishou"
                    @click="cuishen('Financial_post_SetFinancePushOn', scope.row.FrID)"></i>
                </el-tooltip>
                <el-tooltip class="item" effect="dark" :content="$t('fnc.zhuanjiao')" placement="top">
                  <i v-if="msg.Conditon==3 && !BOSSBtn2" class="iconfont icon-zhuanjiao1"
                    @click="zhuanBox = true,zhuanMsg.WorkFlowId = scope.row.FrID"></i>
                </el-tooltip>
                <!-- <el-tooltip  class="item" effect="dark" :content="$t('fnc.zhuanjiao')"  placement="top">
                                <i v-if="msg.Conditon==7" class="iconfont icon-zhuanhuan1" @click="getExchange(item.FrID)"></i>
                            </el-tooltip> -->
                <el-tooltip class="item" effect="dark" :content="$t('active.cl_zuofei')" placement="top">
                  <i v-if="((msg.Conditon==1 ||msg.Conditon==7)  && (scope.row.InOrNotProcess==1 || scope.row.Status==3 || scope.row.Status==0) && scope.row.Status!=2)"
                    class="iconfont icon-quxiao1" @click="financeRemove(scope.row.FrID)"></i>
                </el-tooltip>
                <el-tooltip v-if="ActionMenuCode.indexOf('F_Update_TradeDate')!=-1" class="item"
                  :content="$t('fnc.tzjyriqi')+'111'" placement="top">
                  <i v-if="msg.Conditon==2 && scope.row.TradeDate" class="iconfont icon-tiaozheng"
                    @click="dialogFormVisible=true,updateMsg.FrID=scope.row.FrID,updateMsg.OTradeDate=scope.row.TradeDate"></i>
                </el-tooltip>

                <el-tooltip class="item" :content="$t('objFill.commissionsetting')" placement="top"
                  v-if="active==2 && scope.row.Type==1 &&(F_Trademodify == true || isJapanCommission == true)">
                  <i class="iconfont icon-zhifupeizhiguanli" @click="showTranTax(scope.row.FrID,'1')"></i>
                </el-tooltip>
                <el-tooltip class="item" :content="$t('objFill.payersetup')" placement="top"
                  v-if="(active==2 || active==3)&& istransaction == true && scope.row.Type==2">
                  <i class="iconfont icon-zhifupeizhiguanli" @click="showTranTax(scope.row.FrID,'2')"></i>
                </el-tooltip>
                <el-tooltip class="item" :content="$t('objFill.modifytheexchangerate')" placement="top"
                  v-if="(active==2 || active==3) && F_Update_CurrencyRate == true">
                  <i class="iconfont icon-money" style="background-color: #47BF8C;color: white;"
                    @click="showhuilv(scope.row)"></i>
                </el-tooltip>
                <el-tooltip class="item" :content="$t('tips.jiaoyifangshi')" placement="top"
                  v-if="ActionMenuCode.indexOf('F_Update_TradeDate')!=-1&&scope.row.TradeWayList&&scope.row.TradeWayList.length>0&active==2 && istransaction == true">
                  <i class="iconfont el-icon-s-tools" @click="showjiaoyi(scope.row.FrID)"
                    style="background-color:#54a754;"></i>
                </el-tooltip>
              </div>
            </template>
          </el-table-column>
        </el-table>

      </div>
      <div class="noData" v-show="noData">
        {{$t('system.content_noData')}}
      </div>
      <div v-if="!BOSSBtn && !BOSSBtn2">
        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
          :current-page.sync="currentPage" layout="total,sizes,prev, pager, next, jumper" :page-size='msg.pageSize'
          :total='total' :page-sizes="[6,15,20,30,50,100,200]">
        </el-pagination>
      </div>
      <el-dialog custom-class='addCompany' :title="$t('fnc.xzzjiaoren')" width="400px" :visible.sync="zhuanBox" center
        :before-close="closeChangeMachie">
        <template v-if="!BOSSDialogText">
          <el-form label-width="100px">
            <el-form-item :label="$t('fnc.zhuanjiaoren')">
              <el-select v-model="zhuanMsg.AuditEmId" filterable remote reserve-keyword
                :placeholder="$t('pub.pleaseImport')" :remote-method="remoteMethod" @change="$forceUpdate()"
                :loading="loading2">
                <el-option v-for="item in searchList" :key="item.empId" :label="item.name" :value="item.empId">
                  <span style="float: left">{{ item.name }}</span>
                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.postName }}</span>
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item :label="$t('hotel.hotel_remark')">
              <el-input type="textarea" v-model="zhuanMsg.Description" class="w216"></el-input>
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <button class="normalBtn" type="primary" @click="bossLen = 1, zhuanBtn()">{{$t('pub.saveBtn')}}</button>
            <button class="hollowFixedBtn" @click="zhuanBox=false">{{$t('pub.cancelBtn')}}</button>
          </div>
        </template>
        <template v-else>
          <p class="boss_btn">{{$t('ios.gongji')}} {{checkList.length}} {{$t('ios.tdqdi')}} <span>{{bossLen}}</span>
            {{$t('ios.tiao')}}</p>
          <p class="boss_btn_tips">{{$t('ios.yjzjzqbyjxqtcz')}}</p>
        </template>
      </el-dialog>
      <el-dialog :title=" $t('fnc.danhao') + ':' + updateMsg.FrID + $t('fnc.tzjyriqi')" width="400px"
        :visible.sync="dialogFormVisible" center :before-close="closeChangeMachie">
        <el-form label-width="110px">
          <el-form-item :label="$t('fnc.yjyriqi')">
            <el-date-picker v-model="updateMsg.OTradeDate" type="date" :disabled='true'>
            </el-date-picker>
          </el-form-item>
          <el-form-item :label="$t('fnc.jiaoyiriqi')">
            <el-date-picker v-model="updateMsg.TradeDate" type="date" value-format="yyyy-MM-dd"
              :placeholder="$t('admin.admin_choDate')">
            </el-date-picker>
          </el-form-item>
          <el-form-item :label="$t('fnc.shuoming')">
            <el-input type="textarea" v-model="updateMsg.Description" class="w216"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button class="hollowFixedBtn" @click="dialogFormVisible=false">{{$t('pub.cancelBtn')}}</el-button>
          <el-button class="normalBtn" type="primary" @click="UpdateTradeDate()">{{$t('pub.sureBtn')}}</el-button>
        </div>
      </el-dialog>
      <!-- 修改交易方式 -->
      <el-dialog :title="$t('objFill.modifytradingmethod')" width="600px" :visible.sync="transactionmode" center
        :before-close="closeChangeMachie">
        <el-form label-width="110px">
          <div class="rb_top_row _r_mb5" v-for='(x,y) in trabeList' :key='y' style="display:block;">
            <p style="margin-bottom:5px;">{{$t('fnc.fkuanzhanghu')}}:
              <el-select filterable v-model='x.AccountTypeId' placeholder=""
                @change="getAccountList2(x.AccountTypeId,y)" class="w150 _border_b_1">
                <el-option v-for='item in AccList' :label='item.Name' :value='item.ID' :key='item.ID'>
                </el-option>
              </el-select>

              <el-select filterable v-model='x.AccountId' placeholder="" @change="getAccountList3(x,y)"
                class="w250 _border_b_1">
                <el-option v-for='item in x.list' :label='item.Name' :value='item.ID' :key='item.ID'>
                </el-option>
              </el-select>
            </p>
            <p>{{$t('objFill.modifyexchangeratetips')}}</p>
          </div>

        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button class="hollowFixedBtn" @click="transactionmode=false">{{$t('pub.cancelBtn')}}</el-button>
          <el-button class="normalBtn" type="primary" @click="preservetransaction()">{{$t('pub.sureBtn')}}</el-button>
        </div>
      </el-dialog>
      <el-dialog :title="$t('objFill.oneclickapproval')" width="400px" :visible.sync="BOSSDialog" center
        :close-on-press-escape="false" :close-on-click-modal="false">
        <template v-if="!BOSSDialogText">
          <el-form label-width="110px">
            <el-form-item :label="$t('fnc.shuoming')">
              <el-input type="textarea" v-model="AuditOrRefundMsg.Description" class="w216"></el-input>
            </el-form-item>
          </el-form>
          <el-form>
            <div style="    text-align: center;">
              <el-radio v-model="AuditOrRefundMsg.Status" label="5">{{$t('ios.tonggei')}}</el-radio>
              <el-radio v-model="AuditOrRefundMsg.Status" label="3">{{$t('ios.bohui')}}</el-radio>
            </div>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <el-button class="hollowFixedBtn" @click="BOSSDialog=false">{{$t('pub.cancelBtn')}}</el-button>
            <el-button class="normalBtn" type="primary" @click="bossLen = 1, subBOSSBtnClick()">{{$t('pub.sureBtn')}}
            </el-button>
          </div>
        </template>
        <template v-else>
          <p class="boss_btn">{{$t('ios.gongji')}} {{checkList.length}} {{$t('ios.tdqdi')}} <span>{{bossLen}}</span>
            {{$t('ios.tiao')}}</p>
          <p class="boss_btn_tips">{{$t('ios.yjshzqbyjxqtcz')}}</p>
        </template>
      </el-dialog>

      <el-dialog custom-class='w400' :title="$t('objFill.tothedocumenter')" :visible.sync="zhuanjiaoBox" center>
        <template>
          <el-form label-width="100px">
            <el-form-item :label="$t('objFill.tothedocumenter')+':'">
              <el-select v-model="zhuanjiaoMsg.CreateBy" filterable remote reserve-keyword
                :placeholder="$t('pub.pleaseImport')" :remote-method="remoteMethodEx" @change="$forceUpdate()">
                <el-option v-for="item in searchList" :key="item.empId" :label="item.name" :value="item.empId">
                  <span style="float: left">{{ item.name }}</span>
                  <span style="float: right; color: #8492a6; font-size: 13px">{{ item.postName }}</span>
                </el-option>
              </el-select>

            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <button class="hollowFixedBtn" @click="zhuanjiaoBox=false">{{$t('pub.cancelBtn')}}</button>
            <button class="normalBtn" type="primary" @click="setExchange()">{{$t('pub.sureBtn')}}</button>
          </div>
        </template>
      </el-dialog>
      <el-dialog custom-class='w400' :title="$t('objFill.handpartscharge')" :visible.sync="HandState" center>
        <template>
          <el-form label-width="100px">
            <el-form-item :label="$t('visa.v_tuanhao')">
              <el-input v-model="HandMsg.TCNUM" class="w200"></el-input>
            </el-form-item>
            <el-form-item :label="$t('objFill.xgdj')">
              <el-input v-model="HandMsg.ReFinanceId" class="w200"></el-input>
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <button class="hollowFixedBtn" @click="HandState=false">{{$t('pub.cancelBtn')}}</button>
            <button class="normalBtn" type="primary" @click="setHand">{{$t('pub.sureBtn')}}</button>
          </div>
        </template>
      </el-dialog>
      <!-- 修改手续费 -->
      <template v-if="transactionTax">
        <shouxufei :transTax="transTax" @success="close(),resetPageIndex(),getPageList()" @close="close"></shouxufei>
      </template>

      <el-dialog :title="$t('objFill.modifythepayer')" width="300px" :visible.sync="PaymentSync" center
        :before-close="closeChangeMachie">
        <el-form class="cdForm" label-width="90px">
          <el-form-item :label="$t('fnc.khleixing')" prop="ClientType">
            <el-select filterable v-model='transTax.ClientType' :placeholder="$t('fnc.khleixing')"
              @change="GetClientAccountList(transTax.ClientType)" class="w135 _border_b_1">
              <el-option v-for='item in ClientTypeList' :label='item.Name' :value='item.ID' :key='item.ID'>
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('fnc.khmingcheng')" prop="ClientID">
            <template>
              <el-select filterable v-model='transTax.ClientID' :placeholder="$t('fnc.khmingcheng')"
                class="w135 _border_b_1">
                <el-option v-for='item in ClientAccountList' :label='item.Name' :value='item.ID' :key='item.ID'>
                </el-option>
              </el-select>
            </template>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button class="hollowFixedBtn" @click="PaymentSync=false">{{$t('pub.cancelBtn')}}</el-button>
          <el-button class="normalBtn" type="primary" @click="handlingSurePayment" :loading="transTax.loading">
            {{$t('pub.sureBtn')}}</el-button>
        </div>
      </el-dialog>
      <el-dialog :title="$t('objFill.precharge')" width="960px" :visible.sync="yfcdState" center>
        <el-form class="cdForm" label-width="90px">
          <el-form-item :label="$t('fnc.danhao')" prop="FrID">
            <el-input class="w180" @keyup.native="checkInteger(czMsg,'FrID')" v-model="czMsg.FrID"></el-input>
          </el-form-item>
          <el-form-item :label="$t('salesModule.CostType')">
            <el-select filterable v-model='czMsg.CostTypeID' class="w180">
              <el-option :label="$t('pub.unlimitedSel')" value=''></el-option>
              <el-option v-for="(item,index) in costList" :key="index" :label="item.Name" :value='item.ID'></el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('objFill.v101.FinancialModule.chaxunlx')">
            <el-select filterable v-model='czMsg.IsDiJieSelect' class="w180">
              <el-option :label="$t('objFill.v101.FinancialModule.zhikkcd')" value='0'></el-option>
              <el-option :label="$t('objFill.v101.FinancialModule.chaxunsy')" value='1'></el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('fnc.jiaoyiriqi')">
            <el-date-picker v-model="czdateList" type="daterange" :range-separator="$t('OrderList.zhi')"
              :start-placeholder="$t('OrderList.star')" :end-placeholder="$t('OrderList.end')">
            </el-date-picker>
          </el-form-item>
          <el-form-item>
            <input type="button" :value="$t('pub.searchBtn')" class="hollowFixedBtn" @click="czgetList">
            <input type="button" :value="$t('visa.v_daochu')" class="hollowFixedBtn" @click="downloadczgetList">
          </el-form-item>
        </el-form>
        <p style="color: red;text-align: right;padding: 5px;">{{$t('objFill.balanceouttisp')}}</p>
        <table class="leaderPayTable" border="0" cellspacing="1" cellpadding="0" v-loading="yfcdLoading">
          <tr>
            <th></th>
            <th>{{$t('fnc.danhao')}}</th>
            <th>{{$t('sm.company')}}</th>
            <th>{{$t('fnc.fyleixing')}}</th>
            <th>{{$t('hotel.hotel_Currency')}}</th>
            <th>{{$t('hotel.hotel_CurrentRate')}}</th>
            <th>{{$t('fnc.jine')}}</th>
            <th>{{$t('objFill.amountoffset')}}</th>
            <th>{{$t('admin.admin_status')}}</th>
            <th width="270px">{{$t('fnc.fkduixiang')}}</th>
            <th>{{$t('system.table_operation')}}</th>
          </tr>
          <tr v-for="(item,index) in czList" :key="index">
            <td><input type="checkbox" :value="item" v-model="yfcheckList" @change="ckeckOne"></td>
            <td>{{item.FrID}}</td>
            <td>{{item.BranchName}}</td>
            <td>{{item.CostTypeName}}</td>
            <td>{{item.CurrencyName}}</td>
            <td>{{item.Rate}}</td>
            <td>{{item.Money}}</td>
            <td>{{item.MatchMoney}}</td>
            <td>{{item.StatusStr}}</td>
            <td>
              <el-tooltip class="item" effect="dark"
                :content="item.ClientTypeName+':'+item.RemitterName+'('+item.AccountNumber+')'" placement="top-start">
                <div>{{item.ClientTypeName}}:{{item.RemitterName}}</div>
              </el-tooltip>
            </td>
            <td>
              <el-tooltip class="item" effect="dark" :content="$t('objFill.v101.FinancialModule.yufksyye')" placement="top-start">
                <span @click="matchTransfer(item)" style="cursor: pointer; color:#33B3FF">{{$t('objFill.v101.FinancialModule.yuezhuanyi')}}</span>
              </el-tooltip>|
              <el-tooltip class="item" effect="dark" :content="$t('objFill.prepaymentrefund')" placement="top-start">
                <span @click="goUrlZD(item)" style="cursor: pointer; color:#33B3FF">{{$t('fnc.tuikuan')}}</span>
              </el-tooltip>
            </td>
          </tr>
          <tr v-if="czList.length==0">
            <td colspan="13">{{$t('system.content_noData')}}</td>
          </tr>
        </table>
        <el-pagination background @current-change="handleCurrentChange2" layout="total,prev, pager, next, jumper"
          :page-size="czMsg.pageSize" :total='total2'>
        </el-pagination>
        <div slot="footer" class="dialog-footer">
          <button class="hollowFixedBtn" @click="yfcdState=false">{{$t('pub.cancelBtn')}}</button>
          <button class="normalBtn" type="primary" @click="goUrlZD('')">
            <!-- {{$t('pub.sureBtn')}} -->
            {{$t('objFill.querenchongdi')}}
          </button>
        </div>
      </el-dialog>
      <el-dialog title="余额转移" width="400px" :visible.sync="IsMatchTransfer" center>
        <p style="color: #33B3FF; margin-bottom: 10px">{{$t('fnc.danhao')}}{{matchMsg.TransferFrId}}:{{$t('objFill.v101.FinancialModule.shengyye')}}
          {{matchMsg.TransferMoney}}{{matchMsg.CurrencyName}}{{$t('objFill.v101.FinancialModule.jianqbzy')}}*</p>
        <p>{{$t('objFill.v101.FinancialModule.zhuanrudh')}}:<el-input class="w180" @keyup.native="checkInteger(matchMsg,'JoinFrId')" v-model="matchMsg.JoinFrId">
          </el-input>
        </p>
        <br>
        <button v-loading="matchBtn" class="normalBtn" @click="sureMatchTransfer()"
          style="margin-left: 150px;margin-bottom: 10px">{{$t('objFill.v101.FinancialModule.querenzy')}}</button>
      </el-dialog>
      <!--工资单信息-->
      <div v-if="fillShow" class="btmAddStore" :class="{'fillShow':fillShow}">
        <div class="btmTitle">{{$t('objFill.daorugzdxx')}}</div>
        <div style="color:red;padding:10px 0" v-if="BatchAddWagesMessage">{{$t('tips.tips')}}:{{BatchAddWagesMessage}}</div>
        <div style="max-height:580px;overflow-y: auto;">
          <table class="impoTable" style="border-spacing: 0px 1px;" v-loading="tabLoading">
            <thead>
              <tr>
                <th width="300">{{$t('fnc.fyshuoming')}}</th>
                <th width="180">{{$t('system.query_company')}}</th>
                <th width="150">{{$t('fnc.jine')}}</th>
                <th width="100">{{$t('objFill.leibie')}}</th>
                <th>{{$t('objFill.pinzhengsc')}}</th>
                <th width="150">{{$t('pub.pubRemark')}}</th>
                <th width="150">{{$t('objFill.xiayibushenheren')}}</th>
                <th width="150">{{$t('objFill.v101.FinancialModule.shifougz')}}</th>
              </tr>
              <tr v-for="(item,index) in importData">
                <td>
                  <span>{{item.CostDescribe}}</span>
                </td>
                <td>
                  <span>{{item.BrandName}}</span>
                </td>
                <td>
                  <span>{{item.Money}}</span>
                </td>
                <td>{{item.CostType}}</td>

                <td>

                  <div class="_addUpload_box clearfix">
                    <template v-for="(file,fIndex) in item.vorcherInos">
                      <div v-if="file.Type==3" style="width:30px; float:left;">
                        <div class="iconfont ">
                          <el-image style="height:16px;" :src="file.Url?file.Url:file.Content"
                            :preview-src-list="[file.Url?file.Url:file.Content]">
                          </el-image>
                        </div>
                        <span class="iconfont icon-guanbi1" style="font-size:12px;"
                          @click="deleteInvoiceUploadFile(fIndex,index)"></span>
                      </div>
                      <div v-if="file.Type==1" style="width:30px; float:left;">
                        <div class="iconfont "
                          :class="file.Content.substring(file.Content.lastIndexOf('.')+1,file.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"
                          @click="showUpLoadFile(file)">
                        </div>
                        <span class="iconfont icon-guanbi1" style="font-size:12px;"
                          @click="deleteInvoiceUploadFile(fIndex,index)"></span>
                      </div>
                      <div v-if="file.Type==2" style="width:30px; float:left;">
                        <div class="iconfont icon-excel" @click="showUpLoadFile(file,index)">
                        </div>
                        <span class="iconfont icon-guanbi1" style="font-size:12px;"
                          @click="deleteInvoiceUploadFile(fIndex,index)"></span>
                      </div>
                    </template>
                    <div class="_pic_upload financiaUpload2" @click="importDataIndex=index">
                      <el-upload drag :http-request="uploadFileInvoiceBtn" :multiple="true" :show-file-list="false"
                        action="" style="height:20px">
                        <i class="el-icon-plus avatar-uploader-icon"></i>
                        <!-- <div class="el-upload__text" >{{$t('tips.dianjishanhcuan')}}</div> -->
                      </el-upload>
                    </div>
                  </div>
                </td>
                <td>
                  <span>{{item.Notes}}</span>
                </td>
                <td>
                  <span>{{item.ReviewedBy}}</span>
                </td>
                <td>
                  <span>{{item.IsPublic}}</span>
                </td>
              </tr>
            </thead>
          </table>
        </div>
        <div class="btmBtn impotBtn" style="padding:10px 0">
          <input type="button" class="normalBtn" :value="$t('objFill.v101.FinancialModule.pilianscfj')" @click="isUploadAttachment=true;" />
          <input type="button" class="normalBtn" @click="importInfo" :value="$t('ground.qrdr')" />
          <input type="button" class="hollowFixedBtn" @click="hideFill" :value="$t('pub.cancelBtn')" />
        </div>
      </div>
      <!--工资单导入弹窗-->
      <el-dialog custom-class='w700' :title="$t('objFill.daoruyinxiaosj')" :visible.sync="outerVisible" center>
        <el-upload drag class="upload-demo" :action="importFileUrl2" :on-success="handleAvatarSuccess"
          :before-upload="beforeAvatarUpload">
          <i class="el-icon-upload"></i>
          <div class="el-upload__text">{{$t("tips.tuodongwenjian")}}<em>{{$t('tips.dianjishanhcuan')}}</em></div>
          <div slot="tip" class="el-upload__tip">{{$t("ground.znscexcel")}}</div>
        </el-upload>
      </el-dialog>
      <el-dialog :title="saveUploadMsg.length>0?$t('objFill.v101.FinancialModule.pilscfjyc')+saveUploadMsg.length:$t('objFill.v101.FinancialModule.pilianscfj')"
      :visible.sync="isUploadAttachment" width="780px"
    :close-on-click-modal="false"
    :show-close="false" @close="cancel">
    <!--工资单附件导入弹窗-->
    <div class="UploadMsg-box">
      <div :class="[saveUploadMsg.length>0?'':'UploadMsgGrow']" style="text-align: center;">
        <el-upload
        class="upload-demo"
        drag
        accept="image/jpeg,image/jpg, image/png, image/bmp"
        action=""
        :http-request="uploadGZFileBtn"
        multiple
        :show-file-list="false">
        <i class="el-icon-upload" style="font-size: 30px;"></i>
        <div class="el-upload__text">{{$t('objFill.v101.FinancialModule.wenjtdcch')}}<em>{{$t('tips.dianjishanhcuan')}}</em></div>
        <div class="el-upload__tip" slot="tip">{{$t('objFill.v101.FinancialModule.zhinscwj')}}</div>
      </el-upload>
      </div>
        <template v-for="(item,index) in saveUploadMsg">
          <div class="UploadMsg-list">
            <el-image
            style="width: 100%; height: 80px;border-radius: 5px;"
            :src="item.DMCOPCredentials"
            fit="cover"
            :initial-index="index"
            :preview-src-list="saveUploadMsg.map(x=>{return x.DMCOPCredentials})"></el-image>
            <div class="UploadMsg-text">
              <el-tooltip class="item" effect="dark" :content="item.BrandName" placement="top">
                <p>{{item.BrandName}}</p>
              </el-tooltip>
            </div>
            <i class="UploadMsg-icon el-icon-circle-close" @click="handleGZRemove(index)"></i>
          </div>
        </template>
    </div>
      <div slot="footer" class="dialog-footer">
        <el-button class="hollowFixedBtn" @click="cancel" :disabled="loading">{{$t('pub.cancelBtn')}}</el-button>
        <el-button class="normalBtn" type="primary" @click="saveAttachments" :loading="loading">{{$t('pub.sureBtn')}}</el-button>
      </div>
    </el-dialog>
      <el-dialog custom-class='w700' :title="$t('objFill.v101.FinancialModule.daoruchce')" :visible.sync="outerVisible3" center>
        <el-upload drag class="upload-demo" :action="importFileUrl5+'&EmployeeId='+userId" :on-success="handleAvatarSuccess3"
          :before-upload="beforeAvatarUpload2">
          <i class="el-icon-upload"></i>
          <div class="el-upload__text">{{$t("tips.tuodongwenjian")}}<em>{{$t('tips.dianjishanhcuan')}}</em></div>
          <div slot="tip" class="el-upload__tip">{{$t("ground.znscexcel")}}</div>
        </el-upload>
      </el-dialog>
      <el-dialog custom-class='w700' :title="$t('objFill.v101.FinancialModule.daorukdf')" :visible.sync="outerVisible2" center>
        <el-upload drag class="upload-demo" :action="importFileUrl3" :on-success="handleAvatarSuccess2"
          :before-upload="beforeAvatarUpload2">
          <i class="el-icon-upload"></i>
          <div class="el-upload__text">{{$t("tips.tuodongwenjian")}}<em>{{$t('tips.dianjishanhcuan')}}</em></div>
          <div slot="tip" class="el-upload__tip">{{$t("ground.znscexcel")}}</div>
        </el-upload>


        <div class="_addUpload_box clearfix">
          <template v-for="(file,fIndex) in expressageMsg">
            <div v-if="file.Type==3" style="width:30px; float:left;">
              <div class="iconfont ">
                <el-image style="height:16px;" :src="file.Url?file.Url:file.Content"
                  :preview-src-list="[file.Url?file.Url:file.Content]">
                </el-image>
                <!-- <img :src="file.Url?file.Url:file.Content" @click="showUpLoadFile(file,index)" style="height:16px;"> -->
              </div>
              <span class="iconfont icon-guanbi1" style="font-size:12px;"
                @click="deleteExpressFeeUploadFile(fIndex,index)"></span>
            </div>
            <div v-if="file.Type==1" style="width:30px; float:left;">
              <div class="iconfont "
                :class="file.Content.substring(file.Content.lastIndexOf('.')+1,file.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"
                @click="showUpLoadFile(file)">
              </div>
              <span class="iconfont icon-guanbi1" style="font-size:12px;"
                @click="deleteExpressFeeUploadFile(fIndex,index)"></span>
            </div>
            <div v-if="file.Type==2" style="width:30px; float:left;">
              <div class="iconfont icon-excel" @click="showUpLoadFile(file,index)">
              </div>
              <span class="iconfont icon-guanbi1" style="font-size:12px;"
                @click="deleteExpressFeeUploadFile(fIndex,index)"></span>
            </div>
          </template>
          <div class="_pic_upload financiaUpload">
            <el-upload drag :http-request="uploadFileExpressFeeBtn" :multiple="true" :show-file-list="false" action="">
              <i class="el-icon-plus avatar-uploader-icon"></i>
              <div class="el-upload__text">{{$t('tips.dianjishanhcuan')}}</div>
            </el-upload>
          </div>
        </div>

      </el-dialog>

      <editExchangeRate v-if="costmodeHL" :hlData="trabeListHL" @success="resetPageIndex(),
        getPageList(),
        costmodeHL=false" @cancel="costmodeHL=false"></editExchangeRate>

      <el-dialog :title="$t('objFill.v101.FinancialModule.picyouxfkjl')" width="1060px" :visible.sync="MarkState" center>
        <el-form class="cdForm" label-width="40px">
          <el-form-item :label="$t('fnc.danhao')" prop="FrID">
            <el-input class="w320" v-model="MarkFrIds"></el-input>
          </el-form-item>
          <el-form-item>
            <input type="button" :value="$t('pub.searchBtn')" class="hollowFixedBtn" @click="getMarkList">
          </el-form-item>
        </el-form>
        <p style="color: red;text-align: left;padding: 5px;">*{{$t('objFill.v101.FinancialModule.duodjqsyyw')}}12341,45671</p>
        <table class="leaderPayTable" border="0" cellspacing="1" cellpadding="0" v-loading="MarkLoading">
          <tr>
            <th>{{$t('fnc.danhao')}}</th>
            <th>{{$t('sm.company')}}</th>
            <th>{{$t('objFill.v101.FinancialModule.guangltd')}}</th>
            <th>{{$t('fnc.feiyongleixing')}}</th>
            <th>{{$t('fnc.jine')}}</th>
            <th width="250">{{$t('fnc.fkduixiang')}}</th>
            <th>{{$t('fnc.zhidanren')}}</th>
            <th>{{$t('fnc.a_djztai')}}</th>
          </tr>
          <tr v-for="(item,index) in MarkList" :key="index">
            <td>{{item.FrID}}</td>
            <td>{{item.BranchName}}</td>
            <td><span v-for="qitem in item.TCIDAndTCNUMList">{{qitem.TCNUM+"("+qitem.TCID+")"}}</span></td>
            <td><span v-for="qitem in item.CostTypeList">{{qitem}} &nbsp;</span></td>
            <td>{{item.WBMoney+" " + item.CurrencyName}}</td>
            <td>{{item.RemitterName}}</td>
            <td>{{item.EmName}}{{item.CreateDate}}</td>
            <td>{{item.StatusStr}}</td>
          </tr>
          <tr v-if="MarkTotal">
            <td colspan='4'>{{$t('fnc.a_heji')}}</td>
            <td>{{MarkTotal}}</td>
          </tr>
          <tr v-if="MarkList.length==0">
            <td colspan="13">{{$t('system.content_noData')}}</td>
          </tr>
        </table>

        <p style="color: red;text-align: left;padding: 5px;">*{{$t('objFill.v101.FinancialModule.qingcpz')}}</p>
        <div class="_addUpload_box clearfix">
          <template v-for="(file,fIndex) in MarkVorcherInos">
            <div v-if="file.Type==3" style="width:30px; float:left;">
              <div class="iconfont ">
                <el-image style="height:16px;" :src="file.Url?file.Url:file.Content"
                  :preview-src-list="[file.Url?file.Url:file.Content]">
                </el-image>
                <!-- <img :src="file.Url?file.Url:file.Content" @click="showUpLoadFile(file,index)" style="height:16px;"> -->
              </div>
              <span class="iconfont icon-guanbi1" style="font-size:12px;" @click="deleteMarkUploadFile(fIndex)"></span>
            </div>
            <div v-if="file.Type==1" style="width:30px; float:left;">
              <div class="iconfont "
                :class="file.Content.substring(file.Content.lastIndexOf('.')+1,file.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"
                @click="showUpLoadFile(file)">
              </div>
              <span class="iconfont icon-guanbi1" style="font-size:12px;" @click="deleteMarkUploadFile(fIndex)"></span>
            </div>
            <div v-if="file.Type==2" style="width:30px; float:left;">
              <div class="iconfont icon-excel" @click="showUpLoadFile(file)">
              </div>
              <span class="iconfont icon-guanbi1" style="font-size:12px;" @click="deleteMarkUploadFile(fIndex)"></span>
            </div>
          </template>
          <div class="_pic_upload financiaUpload">
            <el-upload drag :http-request="uploadFileMarkBtn" :multiple="true" :show-file-list="false" action="">
              <i class="el-icon-plus avatar-uploader-icon"></i>
              <div class="el-upload__text">{{$t('tips.dianjishanhcuan')}}</div>
            </el-upload>
          </div>

          <p style="color: red;text-align: left;padding: 5px;">*{{$t('objFill.v101.FinancialModule.biaojbzdbt')}}</p>
          <el-input type="textarea" class="w320" v-model="MarkRemark" :placeholder="$t('rule.EnterMark')"></el-input>
        </div>


        <div slot="footer" class="dialog-footer">
          <button class="hollowFixedBtn" @click="MarkState=false">{{$t('pub.cancelBtn')}}</button>
          <button class="normalBtn" type="primary" @click="saveMark">{{$t('pub.saveBtn')}}</button>
        </div>
      </el-dialog>

      <!-- 修改汇率
        <el-dialog :title="$t('objFill.modifytheexchangerate')" width="400px"
        :visible.sync="costmodeHL" center >
        <template v-for='(x,y) in trabeListHL'>
            <el-form label-width="110px" style="padding: 5px 0;">
                费用:{{x.CostTypeName}}
            </el-form>
            <el-form label-width="110px" style="padding: 5px 0;">
                {{$t('hotel.hotel_Currency')}}:{{x.CurrencyName}}
            </el-form>
            <el-form label-width="110px" style="padding: 5px 0;">
                原币:{{x.OriginalMoney}}
            </el-form>
            <el-form label-width="110px" style="padding: 5px 0;">
                本位币:{{x.Money}}
            </el-form>
            <el-form label-width="110px" style="padding: 5px 0;">
                汇率:
                <el-input-number v-model="x.Rate" :min="0" style="width: 240px;" @change="getRate"></el-input-number>
            </el-form>
        </template>
        <div slot="footer" class="dialog-footer">
        <el-button class="hollowFixedBtn" @click="costmodeHL=false">{{$t('pub.cancelBtn')}}</el-button>
        <el-button class="normalBtn" type="primary" @click="preservetransactionHL()">{{$t('pub.sureBtn')}}</el-button>
        </div>
    </el-dialog> -->
    </div>
  </div>

</template>
<script>
  import myBill from "./FinancialSubmodule/BillModule.vue";
  import myrbvBill from "./FinancialSubmodule/ReceivablesModule.vue";
  import myhrBill from "./FinancialSubmodule/MergeBillModule.vue";
  import myGZBill from "./FinancialSubmodule/GZBillModule.vue";
  import shouxufei from "./components/shouxufei.vue";
  import editExchangeRate from "./components/editExchangeRate.vue";
  import StartDateLimit from '../public/StartDateLimit.vue';
  export default {
    data() {
      return {
        BatchAddWagesMessage: '',
        yfcdLoading: false,
        isTerminate: -1,
        outerVisible: false,
        outerVisible2: false,
        outerVisible3: false,
        importData: "",
        importDataIndex: 0,
        picObj: [],
        picIsShow: false,
        initialIndex: 0,
        fillShow: false,
        tabLoading: false,
        importFileUrl2: this.domainManager().UploadFileUrl +
          "?cmd=dmc_post_LocalFileUpload&fileType=1&fileLimit=1&RB_Group_id=2&Type=18",
        importFileUrl5: this.domainManager().UploadFileUrl +
          "?cmd=dmc_post_LocalFileUpload&fileType=1&fileLimit=1&RB_Group_id=2&Type=22",
        expressageMsg: [],
        importFileUrl3: this.domainManager().UploadFileUrl +
          "?cmd=dmc_post_LocalFileUpload&fileType=1&fileLimit=1&RB_Group_id=2&Type=21",
        importFileUrl4: this.domainManager().UploadFileUrl +
          "?cmd=dmc_post_LocalFileUpload&fileType=1&fileLimit=1&RB_Group_id=2&Type=21",
        hbMsg: {
          FrIDList: [],
          Type: 1
        },
        hbBtn: false,
        hbState: false,
        hbShow: false,
        HandMsg: {
          TCNUM: "",
          ReFinanceId: "",
          OtherType: 6
        },
        HandState: false,
        widthSon: "700px",
        colorSon: "#f5f5f5",
        showID: false,
        active: 1,
        userId: 0,
        rejectNum: "",
        zhuanjiaoBox: false,
        searchList: [],
        //转交信息
        zhuanjiaoMsg: {
          CreateBy: "",
          FrIDList: []
        },
        msg: {
          pageIndex: 1,
          pageSize: 6,
          FrID: "",
          sDate: "",
          eDate: "",
          Status: "-1",
          TemplateId: "0",
          RB_Branch_Id: "",
          RB_Depart_Id: "",
          sTradeDate: "",
          eTradeDate: "",
          ClientType: "",
          RemitterName: "",
          ClientID: "",
          sMoney: "",
          eMoney: "",
          CurrencyId: "",
          CostTypeID: "",
          Conditon: "",
          TCID: "",
          TradeWay: "",
          Type: "0",
          AccountType: "",
          QEndDate: "",
          QStartDate: "",
          UpdateBy: "",
          Sort: "2",
          IsSpecial: 0,
          Remark: "",
          InvoiceState: false,
        },
        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
        },
        zhuanMsg: {
          AuditEmId: null,
          WorkFlowId: 0,
          Description: ""
        },
        updateMsg: {
          FrID: 0,
          OTradeDate: "",
          TradeDate: "",
          Description: ""
        },
        DataList: [],
        GetFinancLogList: [],
        StatusList: [],
        ClientAccountList: [],
        ClientTypeList: [],
        accountList: [],
        BranchAccountList: [],
        DepartmentList: [],
        EmployeeList: [],
        ConditionList: [],
        CompanyList: [],
        productionDate: [],
        approvalDate: [],
        transactionDate: [],
        missionDate: [],
        currencyTypeList: [],
        GetCostTypeList: [],
        TemplateGetList: [],
        AccList: [],
        checkList: [],
        checkAllList: [],
        dateStart: "",
        dateEnd: "",
        dateArr: "",
        status: "1",
        type: "1",
        heightQueryBox: false,
        loading: false,
        LogLoading: false,
        noData: false,
        checkboxShow: false,
        isCkedAll: false,
        currentPage: 1,
        total: 0,
        ChineseStr: "",
        mathNumber: "",
        DepartIDs: "",
        zhuanBox: false,
        loading2: false,
        dialogFormVisible: false,
        searchList: [],
        minHeight: 400,
        //当前登录用户功能权限
        ActionMenuCode: "",
        BOSSBtn: false,
        BOSSBtn2: false,
        BOSSBtn3: false,
        AuditOrRefundMsg: {
          WorkFlowId: "",
          Description: "",
          Status: "5",
          Image: "",
          TradeDate: new Date().Format("yyyy-MM-dd"),
          tradeWays: [],
          emList: []
        },
        bossLen: null,
        BOSSDialog: false,
        userMenuCode: false,
        BOSSDialogText: false,
        HandShow: false,

        F_Advance_Match: false,
        yfcdState: false,
        yfcheckList: [],
        yfOutBranchId: "",
        yfHandmsg: {
          OtherType: 7,
          ReFinanceId: 0,
          Rate: 0,
          czState: true
        },
        czList: [],
        total2: 0,
        czdateList: [],
        czMsg: {
          pageIndex: 1,
          pageSize: 8,
          FrID: "",
          CostTypeID: "",
          sTradeDate: "",
          eTradeDate: "",
          IsAdvanceFinance: 1,
          IsDiJieSelect: '0'
        },
        costList: [],
        transactionmode: false,
        transactionTax: false,
        accountList2: [],
        trabeList: [], //获取的交易方式列表
        alltransaction: [],
        F_Trademodify: false,
        istransaction: false,
        transTax: {
          FrId: 0,
          Fee: "0.0",
          loading: false,
          ClientType: '',
          ClientID: ''
        },
        PaymentSync: false,
        F_Update_CurrencyRate: false,
        costmodeHL: false,
        trabeListHL: [], //修改费率下拉数据
        isJapanCommission: false,
        typeSystem: 0,
        MarkState: false,
        MarkLoading: false,
        MarkList: [],
        MarkTotal: '',
        MarkFrIds: '',
        MarkVorcherInos: [],
        MarkRemark: '',
        isBatchPrinting: false,
        multipleSelection: [],
        IsMatchTransfer: false,
        matchBtn: false,
        matchMsg: {
          TransferFrId: 0,
          JoinFrId: 0,
          TransferMoney: 0,
          CurrencyName: ''
        },
        isQueryHistoryData: false,
        //工资单附件开始
        saveUploadMsg: [],
        loadingGZPic: false,
        isUploadAttachment: false,
        imgLength: 0,
        //工资单附件结束
      };
    },
    created() {
      this.GetSupperOrderEditAuth()

      if (localStorage.typeSystem && localStorage.typeSystem == 1) this.typeSystem = localStorage.typeSystem
      this.isTerminate = -1
      let userinfo = this.getLocalStorage();
      let ActionMenuCode = userinfo.ActionMenuCode;
      if (ActionMenuCode.indexOf("F_AccountantFinanceMerge") != -1) {
        this.hbShow = true;
      }
      if (ActionMenuCode.indexOf("F_HandWithFee") != -1) {
        this.HandShow = true;
      }
      // 汇率权限
      if (ActionMenuCode.indexOf("F_Trademodify") != -1) {
        this.F_Trademodify = true;
      }
      // 付款对象权限
      if (ActionMenuCode.indexOf("isManageFinance") != -1) {
        this.istransaction = true;
      }
      if (ActionMenuCode.indexOf('F_Update_CurrencyRate') != -1) {
        this.F_Update_CurrencyRate = true;
      }
      if (userinfo.RB_Branch_id == 1218 && ActionMenuCode.indexOf('isJapanCommission') != -1) {
        this.isJapanCommission = true;
      }
      if (this.$route.query.returnCode) {
        this.active = this.$route.query.returnCode;
        this.msg.Conditon = this.$route.query.returnCode;
      }
      if (this.$route.query.pageIndex) {
        this.msg.pageIndex = this.$route.query.pageIndex;
      }
      if (this.$route.query.Conditon) {
        this.msg.Conditon = this.$route.query.Conditon;
        this.active = parseInt(this.$route.query.Conditon);
      }
      if (this.$route.query.FrID) {
        this.msg.FrID = this.$route.query.FrID;
      }
      if (this.$route.query.Type) {
        this.msg.Type = this.$route.query.Type + "";
      }
      let allH, allW, cH;
      allH = document.documentElement.clientHeight;
      allW = document.documentElement.clientWidth;
      cH = allH - 380; //298 = 顶部导航 50 面包屑83 查询框75 table表头41 分页49
      this.minHeight = cH;
    },
    components: {
      "my-Bill": myBill,
      "my-RVB-Bill": myrbvBill,
      "my-HB-Bill": myhrBill,
      "my-GZ-Bill": myGZBill,
      shouxufei,
      editExchangeRate,
      StartDateLimit
    },
    mounted() {

      // if (this.active == 2 || this.active == 3) {
      //   this.productionDate = [StartDate, EndDate]
      //   this.msg.sDate = this.productionDate[0];
      //   this.msg.eDate = this.productionDate[1];
      // }

      this.GetAuth();
      this.getCostTypeList();
      let userInfo = this.getLocalStorage();
      let ActionMenuCode = userInfo.ActionMenuCode;
      if (ActionMenuCode.indexOf("isBatchPrinting") != -1) {
        this.isBatchPrinting = true
      }
      this.yfOutBranchId = userInfo.RB_Branch_id;
      let userMenuCode = "," + userInfo.ActionMenuCode + ",";
      this.userMenuCode =
        userMenuCode.indexOf(",C_Batch_AuditFinance,") != -1 ? true : false;
      this.getCompanyMsg.RB_Group_Id = this.employeeMsg.GroupId = this.getDepartmentMsg.RB_Group_Id =
        userInfo.RB_Group_id; //集团ID
      this.ActionMenuCode = userInfo.ActionMenuCode;
      this.DepartIDs = userInfo.RB_Department_Id;
      this.userId = userInfo.EmployeeId;
      this.getMyRejectFinanceCount();
      this.financeinfo_post_GetList();
      this.financeinfo_post_GetCostTypeList();
      this.FinancialFlowTemplate_post_GetList();
      this.getCompanyList();
      this.Financial_post_GetConditionList();
      this.getEmployee();
      this.getDepartment();
      this.Financial_post_GetBranchAccountList();
      this.financeinfo_post_GetClientTypeList();
      this.FinancialFlowTemplate_post_GetStatusList();
      this.getPageList();
      this.AccountType_post_GetList();
      this.czgetList();
    },
    methods: {
      matchTransfer(item) {
        this.matchMsg.TransferFrId = item.FrID;
        this.matchMsg.TransferMoney = (item.Money - item.MatchMoney).toFixed(2);
        this.matchMsg.CurrencyName = item.CurrencyName;
        this.IsMatchTransfer = true;
      },
      sureMatchTransfer() {
        if (this.matchMsg.TransferFrId <= 0) {
          return this.$message.error("需转移单号有误");
        }
        if (this.matchMsg.JoinFrId <= 0) {
          return this.$message.error("转入单号有误");
        }
        this.matchBtn = true;
        this.apipost("Financial_post_SetMatchFinanceSurplusTransfer", this.matchMsg, res => {
            if (res.data.resultCode == 1) {
              this.matchBtn = false;
              this.$message.success(res.data.message);
              this.matchMsg.TransferFrId = 0;
              this.matchMsg.TransferMoney = 0;
              this.IsMatchTransfer = false;
              this.czgetList();
            } else {
              this.$message.error(res.data.message);
              this.matchBtn = false;
            }
          },
          err => {}
        );
      },
      toggleSelection(rows) {
        if (rows) {
          rows.forEach(row => {
            this.$refs.multipleTable.toggleRowSelection(row);
          });
        } else {
          this.$refs.multipleTable.clearSelection();
        }
      },
      //工资单附件方法:
      cancel() {
      this.imgLength = 0;
      this.saveUploadMsg = [];
      this.isUploadAttachment = false;
      this.loading = false;
    },
    saveAttachments() {
      if(this.saveUploadMsg.length==0) return this.$message.error(this.$t('objFill.v101.FinancialModule.qingscfj'));
      this.loading = true;
              this.importData.forEach(x => {
                this.saveUploadMsg.forEach(y => {
                  if (x.BrandName == y.BrandName) {
                    if(x.vorcherInos&&x.vorcherInos.length==0){
                      x.vorcherInos=[];
                    }
                    x.vorcherInos.push({
                      Content: y.Content,
                      ID:0,
                      Type:y.Type,
                      Url: y.DMCOPCredentials,
                      });
                  }
                })
              })
              this.$forceUpdate();
              this.cancel();
    },

    uploadGZFileBtn(file) { //上传
        //  1 文档  2 数据 3 图片
        if(file) this.imgLength++
        let typeArr=[
          {stringArr:'GIF|JPG|JPEG|PNG|BMP',type:3},
          {stringArr:'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',type:1},
        ]
        let ft=file.file.name.substring(file.file.name.lastIndexOf('.')+1,file.file.name.length).toUpperCase();
        let fileTypeNumber = 2;
        let typeOk  = false;
        typeArr.forEach(x=>{
          if(x.stringArr.indexOf(ft)!='-1')
          {
            fileTypeNumber=x.type;
            typeOk = true;
          }
        })
        if (!typeOk) return this.$message.error(this.$t('objFill.v101.FinancialModule.qingsct'));
        let newArr = [];
        newArr.push(file.file)
        let path = "/Upload/Temporary/"
        if(this.imgLength==1) this.$message.info(this.$t('tips.shangchuanzhong'))
        this.UploadSelfFileT(path, newArr, x => {
          let fileSize = file.file.size<1024? file.file.size:(file.file.size / 1024).toFixed(0);
          let SourceFileName = x.data.SourceFileName.split('.')
          this.saveUploadMsg.push({
            Content:x.data.FilePath,
            Type: fileTypeNumber,
            DMCOPCredentials: this.domainManager().ViittoFileUrl + x.data.FilePath,
            BrandName: SourceFileName[0]
          })
          if(this.imgLength>0) this.imgLength--
          if(!this.imgLength) this.$message.success(this.$t('tips.scchenggong'))
        });
    },
    handleGZRemove(index) {
      this.saveUploadMsg.splice(index,1)
    },
      uploadFileExpressFeeBtn(file) { //上传
        if (file.file.size > 1024 * 1024 * 10) {
          this.$message.warning(this.$t('tips.wjdxbncgsz'))
          return
        }
        //  1 文档  2 数据 3 图片
        let typeArr = [{
            stringArr: 'GIF|JPG|JPEG|PNG|BMP',
            type: 3
          },
          {
            stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',
            type: 1
          },
        ]
        let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase();
        let fileTypeNumber = 2;
        let typeOk = false;
        typeArr.forEach(x => {
          if (x.stringArr.indexOf(ft) != '-1') {
            fileTypeNumber = x.type;
            typeOk = true;
          }
        })
        if (!typeOk) return this.$message.error(this.$t('tips.qscWEfile'));
        let newArr = [];
        newArr.push(file.file)
        let path = "/Upload/Temporary/"
        this.$message.info(this.$t('tips.shangchuanzhong'))
        this.UploadSelfFileT(path, newArr, x => {
          let fileSize = file.file.size < 1024 ? file.file.size : (file.file.size / 1024).toFixed(0);
          this.expressageMsg = [];
          this.expressageMsg.push({
            Content: x.data.FilePath,
            ID: 0,
            Type: fileTypeNumber,
            Url: this.domainManager().ViittoFileUrl + x.data.FilePath,
          })
          this.importFileUrl3 = this.importFileUrl4 + '&CreateByName=' + this.expressageMsg[0].Url;
          this.$message.success(this.$t('tips.scchenggong'))
        }, 1);
      },
      deleteExpressFeeUploadFile(i) { // 删除上传文件
        // this.saveMsgInvoice.splice(i, 1);
        this.expressageMsg.splice(i, 1);
      },
      handleSelectionChange(val) {
        this.multipleSelection = []
        this.checkList = []
        let type1 = {
          type: null,
          id: null,
          isKehu: 0,
          Merge: null,
          OrderSource: null
        }
        let type2 = {
          type: null,
          id: null,
          Merge: null,
          OrderSource: null
        }
        val.forEach(x => {
          this.checkList.push(x.FrID)
          if (x.Type == 1) {
            type1 = {
              type: String(x.Type),
              id: x.FrID,
              isKehu: 0,
              Merge: x.Is_Merge,
              OrderSource: x.OrderSource ? x.OrderSource : -1
            }
            this.multipleSelection.push(JSON.parse(JSON.stringify(type1)))
          } else {
            type2 = {
              type: String(x.Type),
              id: x.FrID,
              Merge: x.Is_Merge,
              OrderSource: x.OrderSource ? x.OrderSource : -1
            }
            this.multipleSelection.push(JSON.parse(JSON.stringify(type2)))
          }
        })
      },
      uploadFileInvoiceBtn(file) { //上传
        if (file.file.size > 1024 * 1024 * 10) {
          this.$message.warning(this.$t('tips.wjdxbncgsz'))
          return
        }
        //  1 文档  2 数据 3 图片
        let typeArr = [{
            stringArr: 'GIF|JPG|JPEG|PNG|BMP',
            type: 3
          },
          {
            stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',
            type: 1
          },
        ]
        let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase();
        let fileTypeNumber = 2;
        let typeOk = false;
        typeArr.forEach(x => {
          if (x.stringArr.indexOf(ft) != '-1') {
            fileTypeNumber = x.type;
            typeOk = true;
          }
        })
        if (!typeOk) return this.$message.error(this.$t('tips.qscWEfile'));
        let newArr = [];
        newArr.push(file.file)
        let path = "/Upload/Temporary/"
        this.$message.info(this.$t('tips.shangchuanzhong'))
        this.UploadSelfFileT(path, newArr, x => {
          let fileSize = file.file.size < 1024 ? file.file.size : (file.file.size / 1024).toFixed(0);
          this.importData[this.importDataIndex].vorcherInos.push({
            Content: x.data.FilePath,
            ID: 0,
            Type: fileTypeNumber,
            Url: this.domainManager().ViittoFileUrl + x.data.FilePath,
          })
          this.$message.success(this.$t('tips.scchenggong'))
        }, 1);
      },
      showUpLoadFile(i, index) { // 预览上传文件
        if (i.Type == 3) {
          this.picObj.push(i.Url);
          this.picIsShow = true;
        } else {
          if (i.Content.substring(i.Content.lastIndexOf('.') + 1, i.Content.length).toUpperCase() == 'PDF') {
            this.previewPDF(i.Url)
          } else {
            window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i.Url)
          }
        }
      },

      deleteInvoiceUploadFile(i, index) { // 删除上传文件
        let obj = this.importData[index];
        if (obj.vorcherInos) {
          obj.vorcherInos.splice(i, 1)
        }
        // this.saveMsgInvoice.splice(i, 1);
      },

      uploadFileMarkBtn(file) { //上传
        if (file.file.size > 1024 * 1024 * 10) {
          this.$message.warning(this.$t('tips.wjdxbncgsz'))
          return
        }
        //  1 文档  2 数据 3 图片
        let typeArr = [{
            stringArr: 'GIF|JPG|JPEG|PNG|BMP',
            type: 3
          },
          {
            stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',
            type: 1
          },
        ]
        let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase();
        let fileTypeNumber = 2;
        let typeOk = false;
        typeArr.forEach(x => {
          if (x.stringArr.indexOf(ft) != '-1') {
            fileTypeNumber = x.type;
            typeOk = true;
          }
        })
        if (!typeOk) return this.$message.error(this.$t('tips.qscWEfile'));
        let newArr = [];
        newArr.push(file.file)
        let path = "/Upload/Temporary/"
        this.$message.info(this.$t('tips.shangchuanzhong'))
        this.UploadSelfFileT(path, newArr, x => {
          let fileSize = file.file.size < 1024 ? file.file.size : (file.file.size / 1024).toFixed(0);
          this.MarkVorcherInos.push({
            Content: x.data.FilePath,
            ID: 0,
            Type: fileTypeNumber,
            Url: this.domainManager().ViittoFileUrl + x.data.FilePath,
          })
          this.$message.success(this.$t('tips.scchenggong'))
        }, 1);
      },
      deleteMarkUploadFile(i) { // 删除上传文件
        this.MarkVorcherInos.splice(i, 1);
      },
      saveMark() {
        if (this.MarkList.length <= 0) {
          return this.$message.error(this.$t('objFill.v101.FinancialModule.qingsrdhbcx'));
        }
        if (this.MarkVorcherInos.length <= 0) {
          return this.$message.error(this.$t('objFill.v101.FinancialModule.qingcpz'));
        }
        this.apipost("Financial_post_SetJapanPayMark", {
            FrIDs: this.MarkFrIds,
            vorcherInos: this.MarkVorcherInos,
            Remark: this.MarkRemark
          }, res => {
            if (res.data.resultCode == 1) {
              this.$message.success(res.data.message);
              this.MarkList = [];
              this.MarkFrIds = '';
              this.MarkVorcherInos = [];
              this.MarkRemark = '';
              this.MarkTotal = '';
            } else {
              this.$message.error(res.data.message);
            }
          },
          err => {}
        );
      },

      hideFill() {
        this.fillShow = false;
      },
      //导入数据
      importInfo() {
        this.importInfoAndExport();
      },
      //导入数据
      importInfoAndExport() {
        var that = this;
        this.$confirm(this.$t('objFill.shifoudaorucsj'),this.$t('tips.tips'), {
          confirmButtonText: this.$t('pub.sureBtn'),
          cancelButtonText: this.$t('pub.cancelBtn'),
          type: 'warning'
        }).then(() => {
          that.tabLoading = true;
          let qMsg = {
            msg: that.importData,
            uid: that.getLocalStorage().EmployeeId
          };
          let fileName = this.$t('objFill.zidongshengchengcwdj') + that.$commonUtils.getCurrentDate() + ".xls";
          that.apipost(
            "Financial_post_BatchAddWages",
            qMsg,
            res => {
              if (res.data.resultCode == 1) {
                if (res.data.message) {
                  this.BatchAddWagesMessage = res.data.message
                } else {
                  that.tabLoading = false;
                  that.fillShow = false;
                  that.Success(this.$t('objFill.v101.FinancialModule.daoruchengg'));
                }

                that.getPageList();
              } else {
                that.Error(res.data.message);
              }
            },
            err => {}
          );
        }).catch(() => {

        });
      },
      beforeAvatarUpload(file) {
        return;
        const isJPG = file.type === "application/x-msdownload";
        if (!isJPG) {
          this.$message.error(this.$t('tips.shangchuanExcel'));
        }
        return isJPG && isLt2M;
      },
      beforeAvatarUpload2(file) {
        return;
      },
      //上传
      handleAvatarSuccess(res, file) {
        if (res.resultCode == 1) {
          this.Success(res.message);
          this.outerVisible = false;
          this.fillShow = true;
          this.importData = res.data;
        } else {
          this.$message.error(res.message);
        }
      },
      handleAvatarSuccess2(res, file) {
        if (res.resultCode == 1) {
          this.Success(res.message);
          resetPageIndex();
          getPageList();
        } else {
          this.$message.error(res.message);
        }
      },
      handleAvatarSuccess3(res, file) {
        if (res.resultCode == 1) {
          this.Success(res.message);
        } else {
          this.$message.error(res.message);
        }
      },
      getRate(value) {
        return this.moneyFormatB(value)
      },
      preservetransactionHL() { //保存费率的修改
        let msg = []
        this.trabeListHL.forEach(x => {
          let obj = {
            FrId: x.FinanceId,
            Rate: this.moneyFormatB(x.Rate),
          }
          msg = obj
        })
        this.apipost('Financial_post_UpdateFinanceCurrencyRate', msg, res => {
          if (res.data.resultCode == 1) {
            this.$message.success(res.data.message);
            this.costmodeHL = false
            this.getPageList()
          } else {
            this.Error(res.data.message);
          }
        }, err => {})
      },
      showhuilv(row) {
        this.trabeListHL = row
        this.costmodeHL = true
        return
        this.apipost('Financial_get_GetFinanceRate', {
          FinanceId: row.FrID
        }, res => {
          if (res.data.resultCode == 1) {
            this.trabeListHL = res.data.data
            this.costmodeHL = true
          }
        }, err => {})
      },
      GetAuth() {
        var actionCode = this.$AuthCode.F_Advance_Match;
        this.CheckUserAuth(actionCode, res => {
          if (res.data.resultCode == 1 && res.data.data == 1) {
            this.F_Advance_Match = true;
          }
        });
      },
      ZhiDanChongDi() {
        this.yfcdState = true;
        this.yfcheckList = [];
      },
      openMarkDialog() {
        this.MarkState = true;
        this.MarkList = [];
      },
      goUrlZD(item) {
        let that = this;
        let yfcheckList
        if (item) {
          this.yfcheckList = []
          this.yfcheckList.push(item)
          that.yfHandmsg.OtherType = 65
        } else {
          that.yfHandmsg.OtherType = 7
        }
        yfcheckList = JSON.parse(JSON.stringify(this.yfcheckList));
        if (this.yfcheckList.length > 1) {
          this.Error(this.$t('objFill.onlyoneitem'));
          return;
        }
        if (this.yfcheckList.length == 0) {
          this.Error(this.$t('objFill.atleastone'));
          return;
        }

        let arr = [];
        // var TCArr = [this.yfHandmsg.TCNUM];
        let orderObj = {
          OrderID: 0,
          OrderSource: 8,
          Obj: {}
          // TCIDList: TCArr
        };
        that.yfHandmsg.ReFinanceId = this.yfcheckList[0].FrID;
        that.yfHandmsg.Rate = this.yfcheckList[0].Rate;
        var msg = {}
        // msg = JSON.stringify(that.yfHandmsg);
        if (item) {
          msg = {
            OtherType: 65,
            ReFinanceId: that.yfHandmsg.ReFinanceId,
            czState: that.yfHandmsg.czState
          }
        } else {
          msg = {
            OtherType: 7,
            ReFinanceId: that.yfHandmsg.ReFinanceId,
            czState: that.yfHandmsg.czState
          }
        }

        let routeData = this.$router.resolve({
          name: "ChoiceAddFinancialDocuments",
          query: {
            czmsg: JSON.stringify(msg),
            orderObj: JSON.stringify(orderObj),
            companyID: this.yfOutBranchId,
            Type: 2,
            searchTitle: "分摊"
          }
        });
        window.open(routeData.href, "_blank");
      },
      ckeckOne() {
        if (this.yfcheckList.length == 2) {
          this.yfcheckList.splice(0, 1);
        }
        if (this.yfcheckList.length > 1) {
          this.Error(this.$t('objFill.onlyoneitem'));
        }
      },
      handleCurrentChange2(val) {
        this.czMsg.pageIndex = val;
        this.czgetList();
      },
      getCostTypeList() {
        this.apipost(
          "Financial_get_GetAdvanceCostTypeList", {},
          res => {
            if (res.data.resultCode === 1) {
              this.costList = res.data.data;
            } else {
              this.Error(res.data.message);
            }
          },
          null
        );
      },
      czgetList() {
        if (this.czdateList && this.czdateList.length > 0) {
          this.czMsg.sTradeDate = this.czdateList[0];
          this.czMsg.eTradeDate = this.czdateList[1];
        } else {
          this.czMsg.sTradeDate = "";
          this.czMsg.eTradeDate = "";
        }
        let msg = Object.assign({}, this.czMsg);
        if (msg.FrID == "") {
          msg.FrID = 0;
        }
        this.yfcdLoading = true
        this.apipost(
          "Financial_get_GetAdvanceFinancePageList",
          msg,
          res => {
            this.yfcdLoading = false
            if (res.data.resultCode === 1) {
              this.czList = res.data.data.pageData;
              this.total2 = res.data.data.count;
            } else {
              this.Error(res.data.message);
            }
          },
          null
        );
      },
      getMarkList() {
        if (this.MarkFrIds === "") {
          return this.$message.error(this.$t('objFill.v101.FinancialModule.qingsrdhcx'));
        }
        this.MarkLoading = true
        this.apipost(
          "Financial_post_GetALLPageList", {
            pageIndex: 1,
            pageSize: 999,
            IsFormRecPayQuery: 1,
            RB_Branch_Id: -1,
            Status: "-1",
            IsSellOrderForm: 1,
            FrIDs: this.MarkFrIds
          },
          res => {
            this.MarkLoading = false
            if (res.data.resultCode === 1) {
              this.MarkList = res.data.data.pageData.list;
              let MarkCurrency = '';
              let MarkMoney = 0;
              this.MarkList.forEach(x => {
                MarkMoney += x.WBMoney;
                MarkCurrency = x.CurrencyName;
              });
              this.MarkTotal = MarkMoney + ' ' + MarkCurrency;
            }
          },
          null
        );
      },
      downloadczgetList() {
        if (this.czdateList && this.czdateList.length > 0) {
          this.czMsg.sTradeDate = this.czdateList[0];
          this.czMsg.eTradeDate = this.czdateList[1];
        } else {
          this.czMsg.sTradeDate = "";
          this.czMsg.eTradeDate = "";
        }

        let msg = Object.assign({}, this.czMsg);
        if (msg.FrID == "") {
          msg.FrID = 0;
        }
        msg.EmployeeId = this.getLocalStorage().EmployeeId
        this.yfcdLoading = true
        this.GetLocalFile("Financial_get_OutToAdvanceFinance", msg, this.$t('objFill.precharge') +
          ".xls");
        this.yfcdLoading = false
      },
      HebingSPLast() {
        if (this.checkList.length == 0) {
          this.Error(this.$t('fnc.a_qxzdanju'));
          return;
        }
        this.$confirm(this.$t('objFill.shifouhbsp'), this.$t('tips.tips'), {
            confirmButtonText: this.$t('pub.sureBtn'),
            cancelButtonText: this.$t('pub.cancelBtn'),
            type: "warning"
          })
          .then(() => {
            this.hbBtn = true;
            this.hbMsg.FrIDList = this.checkList;
            this.apipost(
              "Financial_post_SetAccountantFinanceMerge",
              this.hbMsg,
              res => {
                this.hbBtn = false;
                if (res.data.resultCode == 1) {
                  this.getPageList();
                } else {
                  this.Error(res.data.message);
                }
              },
              err => {}
            );
          })
          .catch(() => {});
      },
      HebingSP() {
        if (this.msg.Type == 1 || this.msg.Type == 2) {
          this.hbState = true;
          this.hbMsg.Type = this.msg.Type;
          this.getPageList();
        } else {
          this.Error(this.$t('objFill.danjulxznwsrzc'));
        }
      },
      setHand() {
        if (this.HandMsg.TCNUM == "") {
          this.Error(this.$t('visa.v_shurutuanhao'));
          return;
        }
        if (this.HandMsg.ReFinanceId == "") {
          this.Error(this.$t('objFill.qingshuruxgdjh'));
          return;
        }
        let msg = JSON.stringify(this.HandMsg);
        this.HandState = false;
        this.$router.push({
          name: "ChoiceAddFinancialDocuments",
          query: {
            Handmsg: msg,
            blank: "y",
            tab: this.$t('objFill.xingzencwdj')
          }
        });
      },
      // 手配费
      Handwithfee() {
        this.HandMsg = {
          TCNUM: "",
          ReFinanceId: "",
          OtherType: 6
        };
        this.HandState = true;
      },
      // 催审
      cuishen: function (cmd, id) {
        this.$confirm(this.$t('objFill.quedincuishen'), this.$t("tips.tips"), {
            confirmButtonText: this.$t("pub.sureBtn"),
            cancelButtonText: this.$t("pub.cancelBtn"),
            type: "warning"
          })
          .then(() => {
            this.loading = true;
            this.apipost(
              cmd, {
                FrId: id
              },
              res => {
                if (res.data.resultCode == 1) {
                  this.Success(res.data.message);
                  this.getPageList();
                } else {
                  this.Error(res.data.message);
                }
              },
              err => {}
            );
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: this.$t("ios.yi") + this.$t("pub.cancelBtn")
            });
          });
      },
      //转交
      getExchange(FrID) {
        this.zhuanjiaoMsg.CreateBy = "";
        this.zhuanjiaoMsg.FrIDList = [];
        this.zhuanjiaoMsg.FrIDList.push(FrID);
        this.zhuanjiaoBox = true;
      },
      //设置转交
      setExchange() {
        return
        if (this.zhuanjiaoMsg.CreateBy == "") {
          this.Error(this.$t('rule.qxzzjiaoren'));
          return;
        }
        this.apipost(
          "Financial_post_SetFinanceCreateByCareOf",
          this.zhuanjiaoMsg,
          res => {
            if (res.data.resultCode == 1) {
              this.Success(res.data.message);
              this.zhuanjiaoBox = false;
              this.getPageList();
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      remoteMethodEx(query) {
        //  转交人模糊查询
        if (query !== "" || this.addShow) {
          this.apipost(
            "admin_Get_Chat_All_SelectEmpName", {
              EmName: query
            },
            res => {
              if (res.data.resultCode == 1) {
                this.searchList = res.data.data;
              }
            },
            err => {}
          );
        } else {
          this.searchList = [];
        }
      },
      subBOSSBtnClick: function () {
        this.loading = true;
        if (this.bossLen && this.bossLen <= this.checkList.length) {
          this.BOSSDialogText = true;
          this.AuditOrRefundMsg.WorkFlowId = this.checkList[this.bossLen - 1];
          this.apipost(
            "Financial_post_AuditOrRefund",
            this.AuditOrRefundMsg,
            res => {
              if (res.data.resultCode == 1) {
                this.bossLen += 1;
                this.subBOSSBtnClick();
              } else {
                this.$message.error(res.data.message);
                this.loading = false;
                this.checkList = [];
                this.multipleSelection = []
                this.toggleSelection()
                this.getPageList(1);
                this.BOSSDialogText = false;
              }
            },
            err => {}
          );
        } else {
          this.BOSSDialogText = false;
          this.BOSSDialog = false;
          this.checkList = [];
          this.toggleSelection()
          this.$message.success(this.$t("ios.shwanbi"));
          this.loading = false;
          this.getPageList(1);
        }
      },
      BOSSBtnClick: function (t) {
        if (this.checkList.length < 1) {
          this.$message.error(this.$t("rule.qxzygxytjddanju"));
        } else {
          if (t === 2) {
            this.zhuanBox = true;
          } else if (t === 3) {
            let routeData = this.$router.resolve({
              name: 'BatchPrintPage',
              query: {
                list: JSON.stringify(this.multipleSelection),
              }
            });
            window.open(routeData.href, "_blank");
          } else {
            this.BOSSDialog = true;
          }
        }
      },
      goTicketPage(data) {
        //  跳转机票
        this.$router.push({
          name: "TicketManager",
          query: {
            id: data.SourceID,
            blank: "y",
            tab: this.$t('objFill.piaowuguanli')
          }
        });
      },
      zhuanBtn() {
        if (!this.zhuanMsg.AuditEmId)
          return this.$message.error(this.$t("rule.qxzzjiaoren"));
        if (!this.zhuanMsg.Description)
          return this.$message.error(this.$t("rule.qtxzjbeizhu"));
        let msg = [];
        msg.push(this.zhuanMsg);
        this.BOSSDialogText = true;
        if (this.BOSSBtn2) {
          this.zhuanMsg.WorkFlowId = this.checkList[this.bossLen - 1];
          this.loading = true;
          if (this.bossLen && this.bossLen <= this.checkList.length) {
            this.apipost(
              "Financial_post_Transfer",
              msg,
              res => {
                if (res.data.resultCode == 1) {
                  this.bossLen += 1;
                  this.zhuanBtn();
                } else {
                  this.$message.error(res.data.message);
                  this.loading = false;
                  this.checkList = [];
                  this.toggleSelection()
                  this.getPageList(1);
                }
              },
              err => {}
            );
          } else {
            this.BOSSDialogText = false;
            this.zhuanBox = false;
            this.checkList = [];
            this.toggleSelection()
            this.$message.success(this.$t('objFill.zhuanjiawancheng'));
            this.loading = false;
            this.getPageList(1);
          }
        } else {
          this.apipost(
            "Financial_post_Transfer",
            msg,
            res => {
              if (res.data.resultCode == 1) {
                this.$message.success(res.data.message);
                this.zhuanBox = false;
                this.getPageList();
                this.zhuanMsg.AuditEmId = "";
              } else {
                this.$message.error(res.data.message);
              }
            },
            err => {}
          );
        }
      },
      goUrl() {
        this.dialogFormVisible = true;
      },
      UpdateTradeDate() {
        if (!this.updateMsg.TradeDate)
          return this.$message.error(this.$t("rule.qxztzhdjyriqi"));
        if (!this.updateMsg.Description)
          return this.$message.error(this.$t("rule.qtxshuoming"));
        this.apipost(
          "Financial_get_SetTradeDate",
          this.updateMsg,
          res => {
            if (res.data.resultCode == 1) {
              this.$message.success(res.data.message);
              this.dialogFormVisible = false;
              this.msg.Conditon = 2;
              this.getPageList();
            } else {
              this.$message.error(res.data.message);
            }
          },
          err => {}
        );
      },
      remoteMethod(query) {
        //  转交人模糊查询
        if (query !== "" || this.addShow) {
          this.loading2 = true;
          this.apipost(
            "admin_Get_Chat_All_SelectEmpName", {
              EmName: query
            },
            res => {
              if (res.data.resultCode == 1) {
                this.searchList = res.data.data;
                this.loading2 = false;
              }
            },
            err => {}
          );
        } else {
          this.searchList = [];
          this.loading2 = false;
        }
      },
      closeChangeMachie(done) {
        //  转交窗口关闭
        this.BOSSDialogText = false;
        done();
      },
      Financial_post_SetBatch() {
        // 批量提交
        let FrID = this.checkList;
        if (!FrID.length)
          return this.$message.error(this.$t("rule.qxzygxytjddanju"));
        let list = [];
        this.checkList.forEach(x => {
          list.push({
            FrID: x
          });
        });
        this.apipost(
          "Financial_post_SetBatch",
          list,
          res => {
            if (res.data.resultCode == 1) {
              this.getPageList();
              this.$message.success(res.data.message);
            } else {
              this.$message.error(res.data.message);
            }
          },
          err => {}
        );
      },
      ckeckedOne() {
        //单选
        if (this.checkList.length < this.checkAllList.length) {
          this.isCkedAll = false;
        } else {
          this.isCkedAll = true;
        }
      },
      checkedAll() {
        //全选
        if (this.isCkedAll == true) {
          this.checkList = [];
          this.toggleSelection()
        } else {
          this.checkAllList.forEach(item => {
            this.checkList.push(item);
          });
        }
      },
      AccountType_post_GetList() {
        //获取账户类型下拉
        this.apipost(
          "AccountType_post_GetList",
          this.queryAccMsg,
          res => {
            if (res.data.resultCode == 1) {
              this.AccList = res.data.data;
              let alltransaction = [];
              this.AccList.forEach(x => {
                let obj = {
                  Id: x.ID,
                  list: []
                };
                this.apipost(
                  "FinancialInstitutions_post_GetALLAccountList", {
                    TypeId: x.ID
                  },
                  res => {
                    if (res.data.resultCode == 1) {
                      let data = res.data.data;
                      data.forEach(x => {
                        x.allName = x.BackNo + "(" + x.Alias + ")";
                        x.Name = x.Alias;
                      });
                      obj.list = data;
                    }
                  },
                  err => {}
                );

                this.alltransaction.push(obj);
              });
            } else {
              this.$message.error(res.data.message);
            }
          },
          err => {}
        );
      },
      getMyRejectFinanceCount() {
        this.apipost(
          "Financial_post_GetMyRejectFinanceCount", {
            EmployeeId: this.userId
          },
          res => {
            if (res.data.resultCode == 1) {
              this.rejectNum = res.data.data;
            }
          },
          err => {}
        );
      },
      // 切换table栏
      getActive(active, Conditon, BOSSBtn) {
        this.active = active


        let StartDate = this.getBeforeDate(186, new Date().Format("yyyy-MM-dd"))
        let EndDate = this.getBeforeDate(-1, new Date().Format("yyyy-MM-dd"))
        if(!this.isQueryHistoryData){
          if(!this.msg.sDate||!this.msg.eDate) {
            this.productionDate = [StartDate, EndDate]
            this.msg.sDate = this.productionDate[0]
            this.msg.eDate = this.productionDate[1]
          }
        }else{
          if (this.active == 2 || this.active == 3) {
            this.productionDate = [StartDate, EndDate]
            this.msg.sDate = this.productionDate[0];
            this.msg.eDate = this.productionDate[1];
          } else {
            this.productionDate = []
            this.msg.sDate = '';
            this.msg.eDate = '';
          }
        }



        this.msg.Conditon = Conditon
        if (BOSSBtn) {
          this.BOSSBtn = false
        }
        this.msg.pageIndex == 1
        this.getPageList(0, 1)
      },
      GetSupperOrderEditAuth() {
        var actionCode = this.$AuthCode.isQueryHistoryData;
        this.CheckUserAuth(actionCode, res => {
          if (res.data.resultCode == 1 && res.data.data == 1) {
            this.isQueryHistoryData = true;
          }else{
            let StartDate = this.getBeforeDate(186, new Date().Format("yyyy-MM-dd"))
            let EndDate = this.getBeforeDate(-1, new Date().Format("yyyy-MM-dd"))
            this.productionDate = [StartDate, EndDate]
            this.msg.sDate = this.productionDate[0];
            this.msg.eDate = this.productionDate[1];
          }
        });

      },
      getPageList(t, active) {
        if (active) {
          this.total = 0
          this.DataList = [];
          this.msg.pageIndex = 1
          this.isTerminate++
        }
        // 获取列表数据
        this.loading = true;
        this.checkAllList = [];
        this.checkList = [];
        this.toggleSelection()
        if ((t && this.BOSSBtn) || (t && this.BOSSBtn2)) {
          this.msg.pageSize = 1000;
        } else if (this.hbState) {
          this.msg.pageSize = 30;
        } else {
          if (this.msg.pageSize) {
            this.msg.pageSize = this.msg.pageSize;
          }
        }
        if (this.msg.Status == 0) {
          this.checkboxShow = true;
        } else {
          this.checkboxShow = false;
        }
        if (!this.msg.ClientID) this.msg.ClientID = 0;
        if (!this.msg.ClientType) this.msg.ClientType = 0;
        if (!this.msg.CurrencyId) this.msg.CurrencyId = 0;
        if (!this.msg.CostTypeID) this.msg.CostTypeID = 0;
        if (!this.msg.TemplateId) this.msg.TemplateId = 0;
        if (!this.msg.RB_Branch_Id) this.msg.RB_Branch_Id = -1;
        if (!this.msg.RB_Depart_Id) this.msg.RB_Depart_Id = 0;
        if (!this.msg.UpdateBy) this.msg.UpdateBy = 0;
        if (!this.msg.TCID) this.msg.TCID = 0;
        if (!this.msg.OrderID) this.msg.OrderID = 0;
        if (!this.msg.Status) this.msg.Status = 0;
        if (!this.msg.FrID) this.msg.FrID = 0;
        if (!this.msg.Conditon) this.msg.Conditon = 1;
        if (!this.msg.TradeWay) this.msg.TradeWay = 0;
        if (!this.msg.AccountType) this.msg.AccountType = 0;

        this.apipost(
          "Financial_post_GetPageList",
          this.msg,
          res => {
            this.toggleSelection()
            if (this.msg.Conditon == 7) {
              this.getMyRejectFinanceCount();
            }
            if (res.data.resultCode == 1) {
              let data = [];
              if (t == 1 && this.BOSSBtn && this.msg.Conditon == 3) {
                let dataList = res.data.data.pageData;
                let newData = [];
                dataList.forEach(x => {
                  if (x.IsBatchAudit == 0 || x.Type == 1) {
                    newData.push(x);
                  }
                });
                data = newData;
              } else {
                data = res.data.data.pageData;
              }
              this.total = res.data.data.count;
              if (this.total == 0) {
                this.DataList = [];
                this.noData = true;
              } else {
                data.forEach(x => {
                  x.modelShow = false;
                  this.checkAllList.push(x.FrID);
                });
                this.DataList = data;
                this.noData = false;
              }
              this.loading = false;
            } else {
              this.loading = false;
              this.$message.error(res.data.message);
            }
            // this.queryInfoInit();
          },
          err => {},
          '',
          this.isTerminate,
        );

      },
      financeRemove(id) {
        //作废
        this.$confirm(this.$t("tips.zuofeicaiwudan"), this.$t("tips.tips"), {
            confirmButtonText: this.$t("pub.sureBtn"),
            cancelButtonText: this.$t("pub.cancelBtn"),
            type: "warning"
          })
          .then(() => {
            this.deletFinance(id);
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: this.$t("ios.yi") + this.$t("pub.cancelBtn")
            });
          });
      },
      deletFinance(id) {
        this.apipost(
          "Financial_post_Cancel", {
            ID: id
          },
          res => {
            if (res.data.resultCode == 1) {
              this.$message.success(res.data.message);
            } else {
              this.$message.error(res.data.message);
            }
            this.getPageList();
          },
          err => {}
        );
      },
      Financial_post_GetFinancLogList(id) {
        // 获取单据日志
        if (this.checkboxShow) return;
        this.LogLoading = true;
        this.apipost(
          "Financial_post_GetFinancLogList", {
            ID: id,
            Type: 2
          },
          res => {
            if (res.data.resultCode == 1) {
              let data = res.data.data;
              data.forEach(x => {
                x.UpdateDate = this.$commonUtils.formatMsgTime(x.UpdateDate);
              });
              this.LogLoading = false;
              this.GetFinancLogList = data;
            }
          },
          err => {}
        );
      },
      mathMoney(n) {
        // 数字转中文大写 1
        this.ChineseStr = this.$commonUtils.changeMoneyToChinese(n);
      },
      FinancialFlowTemplate_post_GetStatusList() {
        // 获取审核状态枚举
        this.apipost(
          "FinancialFlowTemplate_post_GetStatusList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.StatusList = res.data.data;
            }
          },
          err => {}
        );
      },
      financeinfo_post_GetClientTypeList() {
        // 获取对象类型
        this.apipost(
          "financeinfo_post_GetClientTypeList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.ClientTypeList = res.data.data;
            }
          },
          err => {}
        );
      },

      ClaerClientAccountList() {
        this.ClientAccountList = [];
        //this.transTax.ClientID='';
      },
      GetClientAccountListByKeyWord(query) {
        if (query !== '') {
          // 获取对象类型
          let msg = {
            Type: this.msg.ClientType,
            ObjID: 0,
            CardNum: "",
            IsAll: true,
            KeyWord: query,
          };
          this.apipost(
            "financeinfo_post_GetClientAccountList",
            msg,
            res => {
              if (res.data.resultCode == 1) {
                let data = res.data.data;
                // let ClientAccountList = [];
                // data.forEach(x => {
                //   let obj = {
                //     ID: x.ID,
                //     Name: x.AccountAlias,
                //     Nom: x.CardNum
                //   };
                //   ClientAccountList.push(obj);
                // });
                this.ClientAccountList = data;
              }
            },
            err => {}
          );
        }
      },

      GetClientAccountList(i) { //获取客户名称并且根据费用类型和付款对象获取客户账号
        this.msg.AccountNumber = '';
        this.transTax.ClientID = ''
        this.ClientTypeList.forEach(x => {
          if (x.ID == i) {
            // this.msg.RemitterName = x.Name;
            this.financeinfo_post_GetClientAccountList(this.transTax.ClientType);
          }
        })
      },
      financeinfo_post_GetClientAccountList(t) {
        // 获取对象类型
        let msg = {
          Type: t,
          ObjID: 0,
          CardNum: ""
        };
        this.apipost(
          "financeinfo_post_GetClientAccountList",
          msg,
          res => {
            if (res.data.resultCode == 1) {
              let data = res.data.data;
              let ClientAccountList = [];
              data.forEach(x => {
                let obj = {
                  ID: x.ID,
                  Name: x.AccountAlias,
                  Nom: x.CardNum
                };
                ClientAccountList.push(obj);
              });
              this.ClientAccountList = ClientAccountList;
            }
          },
          err => {}
        );
      },
      getAccountList(i, t) {
        //收款账户
        let accountList = [];
        if (t == 1) {
          // 银行
          this.apipost(
            "bankaccount_post_GetList", {
              TypeId: i
            },
            res => {
              if (res.data.resultCode == 1) {
                let data = res.data.data;
                data.forEach(x => {
                  let obj = {
                    ID: x.ID,
                    Name: x.Alias,
                    Nom: 0
                  };
                  accountList.push(obj);
                });
                this.accountList = accountList;
              }
            },
            err => {}
          );
        }
        if (t == 2) {
          //平台账户
          let msg = {
            BackId: 0,
            TypeId: i,
            BranchId: -1,
            Alias: ""
          };
          this.apipost(
            "BankAccount_post_GetPlatformList",
            msg,
            res => {
              if (res.data.resultCode == 1) {
                let data = res.data.data;
                data.forEach(x => {
                  let obj = {
                    ID: x.ID,
                    Name: x.Alias,
                    Nom: x.PlatformNo
                  };
                  accountList.push(obj);
                });
                this.accountList = accountList;
              }
            },
            err => {}
          );
        }
        if (t == 3) {
          //现金账户
          let msg = {
            TypeId: i,
            BranchId: -1,
            Alias: ""
          };
          this.apipost(
            "BankAccount_post_GetCashAccountList",
            msg,
            res => {
              if (res.data.resultCode == 1) {
                let data = res.data.data;
                data.forEach(x => {
                  let obj = {
                    ID: x.ID,
                    Name: x.Alias,
                    Nom: 0
                  };
                  accountList.push(obj);
                });
                this.accountList = accountList;
              }
            },
            err => {}
          );
        }
        if (t == 4) {
          //资金池账户
          let msg = {
            TypeId: i,
            BranchId: -1,
            Alias: ""
          };
          this.apipost(
            "BankAccount_post_GetCashPoolList",
            msg,
            res => {
              if (res.data.resultCode == 1) {
                let data = res.data.data;
                data.forEach(x => {
                  let obj = {
                    ID: x.ID,
                    Name: x.Alias,
                    Nom: 0
                  };
                  accountList.push(obj);
                });
                this.accountList = accountList;
              }
            },
            err => {}
          );
        }
      },
      Financial_post_GetBranchAccountList() {
        //获取交易方式列表
        this.apipost(
          "Financial_post_GetBranchAccountList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.BranchAccountList = res.data.data;
            }
          },
          err => {}
        );
      },
      //导出
      method5: function () {
        if (!this.msg.ClientID) this.msg.ClientID = 0;
        if (!this.msg.ClientType) this.msg.ClientType = 0;
        if (!this.msg.CurrencyId) this.msg.CurrencyId = 0;
        if (!this.msg.CostTypeID) this.msg.CostTypeID = 0;
        if (!this.msg.TemplateId) this.msg.TemplateId = 0;
        if (!this.msg.RB_Branch_Id) this.msg.RB_Branch_Id = -1;
        if (!this.msg.RB_Depart_Id) this.msg.RB_Depart_Id = 0;
        if (!this.msg.UpdateBy) this.msg.UpdateBy = 0;
        if (!this.msg.TCID) this.msg.TCID = 0;
        if (!this.msg.OrderID) this.msg.OrderID = 0;
        if (!this.msg.Status) this.msg.Status = 0;
        if (!this.msg.FrID) this.msg.FrID = 0;
        if (!this.msg.Conditon) this.msg.Conditon = 1;
        if (!this.msg.TradeWay) this.msg.TradeWay = 0;
        if (!this.msg.AccountType) this.msg.AccountType = 0;
        this.msg.EmployeeId = this.userId;
        this.GetLocalFile(
          "Financial_get_OutToFinanceList",
          this.msg,
          this.$t("fnc.cwbaobiao") + ".xls"
        );
      },
      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 => {}
        );
      },
      Financial_post_GetConditionList() {
        //获取财务单据枚举列表
        this.apipost(
          "Financial_post_GetConditionList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.ConditionList = res.data.data;
            } else {}
          },
          err => {}
        );
      },
      financeinfo_post_GetList() {
        // 币种类型
        this.apipost(
          "financeinfo_post_GetList", {
            Name: ""
          },
          res => {
            if (res.data.resultCode == 1) {
              this.currencyTypeList = res.data.data;
            } else {}
          },
          err => {}
        );
      },
      financeinfo_post_GetCostTypeList() {
        // 费用类型
        this.apipost(
          "financeinfo_post_GetCostTypeList", {
            Name: "",
            type: 0,
            DepartIDs: this.DepartIDs
          },
          res => {
            if (res.data.resultCode == 1) {
              this.GetCostTypeList = res.data.data;
            } else {}
          },
          err => {}
        );
      },
      FinancialFlowTemplate_post_GetList() {
        // 单据类型
        this.apipost(
          "Financial_post_GetList", {},
          res => {
            if (res.data.resultCode == 1) {
              this.TemplateGetList = res.data.data;
            } else {}
          },
          err => {}
        );
      },
      timeAdd(t) {
        // 日期格式
        if (t == 1) {
          //制单日期
          if (!this.productionDate) {
            this.msg.sDate = "";
            this.msg.eDate = "";
            return;
          }
          this.msg.sDate = this.productionDate[0];
          this.msg.eDate = this.productionDate[1];
        }
        if (t == 2) {
          //审批日期
          if (!this.approvalDate) {
            this.dateStart = "";
            this.dateEnd = "";
            return;
          }
          this.dateStart = this.approvalDate[0];
          this.dateEnd = this.approvalDate[1];
        }
        if (t == 3) {
          //交易日期
          if (!this.transactionDate) {
            this.msg.sTradeDate = "";
            this.msg.eTradeDate = "";
            return;
          }
          this.msg.sTradeDate = this.transactionDate[0];
          this.msg.eTradeDate = this.transactionDate[1];
        }
        if (t == 4) {
          //发团日期
          if (!this.missionDate) {
            this.dateStart = "";
            this.dateEnd = "";
            return;
          }
          this.msg.QStartDate = this.missionDate[0];
          this.msg.QEndDate = this.missionDate[1];
        }
      },
      queryInfoInit() {
        // 初始化msg
        let msg = {
          pageIndex: this.msg.pageIndex,
          pageSize: 6,
          FrID: this.msg.FrID == 0 ? "" : this.msg.FrID,
          sDate: this.msg.sDate,
          eDate: this.msg.eDate,
          Status: this.msg.Status,
          TemplateId: this.msg.TemplateId,
          RB_Branch_Id: this.msg.RB_Branch_Id,
          RB_Depart_Id: this.msg.RB_Depart_Id,
          UpdateBy: this.msg.UpdateBy,
          sTradeDate: this.msg.sTradeDate,
          eTradeDate: this.msg.eTradeDate,
          ClientType: this.msg.ClientType,
          RemitterName: this.msg.RemitterName,
          ClientID: this.msg.ClientID,
          sMoney: this.msg.sMoney,
          eMoney: this.msg.eMoney,
          CurrencyId: this.msg.CurrencyId === 0 ? "" : this.msg.CurrencyId,
          CostTypeID: this.msg.CostTypeID === 0 ? "" : this.msg.CostTypeID,
          Conditon: this.msg.Conditon,
          TCID: this.msg.TCID === 0 ? "" : this.msg.TCID,
          TradeWay: this.msg.TradeWay,
          Type: this.msg.Type,
          AccountType: this.msg.AccountType == 0 ? "" : this.msg.AccountType,
          QEndDate: this.msg.QEndDate,
          QStartDate: this.msg.QStartDate,
          OrderID: this.msg.OrderID == 0 ? "" : this.msg.OrderID,
          Sort: this.msg.Sort,
          EmployeeId: this.msg.EmployeeId,
          IsSpecial: this.msg.IsSpecial
        };
        this.msg = msg;
      },
      handleCurrentChange(val) {
        //翻页
        this.msg.pageIndex = val;
        this.getPageList();
      },
      // 更改每页条数
      handleSizeChange(val) {
        this.msg.pageSize = val
        this.getPageList();
      },
      resetPageIndex() {
        // 重置页码
        this.msg.pageIndex = 1;
        this.currentPage = 1;
      },
      goUrl(path, id, Conditon, pageIndex) {
        this.$router.push({
          name: path,
          query: {
            id: id,
            Conditon: Conditon,
            pageIndex: pageIndex,
            blank: "y",
            tab: '单据详情'
          }
        });
      },
      goUrlAdd(path) {
        this.$router.push({
          name: path,
          query: {
            blank: "y",
            tab: this.$t('objFill.xuanzhecwdjlx')
          }
        });
      },
      goEit(type, id, edit, Conditon, pageIndex, item) {
        let path = "";
        if (type === 1) {
          path = "addReceivablesDocuments";
          this.$router.push({
            name: path,
            query: {
              type: type,
              FrID: id,
              edit: edit,
              Conditon: Conditon,
              pageIndex: pageIndex,
              blank: "y",
              tab: this.$t('objFill.xiugaicaiwudj')
            }
          });
        } else if (type === 2) {
          if (item.Status == 3 && item.DMCUsePriceCount > 0) {
            return this.$message.error(
              this.$t('objFill.dijiefeilqbbhcxfq')
            );
          } else {
            path = "addFinancialDocuments";
            this.$router.push({
              name: path,
              query: {
                type: type,
                FrID: id,
                edit: edit,
                Conditon: Conditon,
                pageIndex: pageIndex,
                blank: "y",
                tab: this.$t('objFill.xiugaicaiwudj')
              }
            });
          }
        } else if (type === 4) {
          path = "addCapitalAllocation";
          this.$router.push({
            name: path,
            query: {
              id: id,
              edit: 1,
              blank: "y",
              tab: this.$t('objFill.xiugaicaiwudj')
            }
          });
        } else if (type === 7) {
          path = "addFinancialGZDocuments";
          this.$router.push({
            name: path,
            query: {
              FrID: id,
              edit: 1,
              blank: "y",
              tab: this.$t('objFill.xiugaicaiwudj')
            }
          });
        }
      },
      close() {
        this.transactionTax = false
      },
      showjiaoyi(FrId) {
        //弹出交易方式修改
        this.apipost(
          "Financial_get_GetFinanceTrabeList", {
            FrId: FrId
          },
          res => {
            if (res.data.resultCode == 1) {
              this.trabeList = res.data.data;
              this.trabeList.forEach(x => {
                this.alltransaction.map(j => {
                  if (x.AccountTypeId == j.Id) {
                    x.list = j.list;
                    return;
                  }
                });
              });
              this.transactionmode = true;
            }
          },
          err => {}
        );
      },
      // 确定付款对象
      handlingSurePayment() {
        if (this.transTax.loading) return;
        this.transTax.loading = true;
        if (this.transTax.ClientType && this.transTax.ClientType != "" && this.transTax.ClientID && this.transTax
          .ClientID != "") {
          this.apipost(
            "Financial_post_UpdateFinancePayClient", {
              FrId: this.transTax.FrId,
              ClientType: this.transTax.ClientType,
              ClientID: this.transTax.ClientID
            },
            res => {
              if (res.data.resultCode == 1) {
                this.Success(`${this.$t('pub.updateMsg')}${this.$t('objFill.chenggong')}`);
                this.getPageList();
                this.PaymentSync = false;
                this.transTax.FrId = ''
                this.transTax.ClientType = ''
                this.transTax.ClientID = ''
              }
              this.transTax.loading = false;
            },
            err => {
              this.transTax.loading = false;
            }
          );
        } else {
          this.transTax.loading = false;
          this.Error(this.$t('rule.qxzfkduixiang'));
        }
      },
      showTranTax(fid, type) {
        this.transTax.FrId = fid;
        if (type == 1) {
          this.transTax.Fee = "0.00";
          this.transactionTax = true;
        } else {
          this.transTax.ClientType = ''
          this.transTax.ClientID = ''
          this.PaymentSync = true
        }
      },
      getAccountList2(AccountTypeId, y) {
        //获取账户类型对应下的账户列表
        this.alltransaction.map(x => {
          if (x.Id == AccountTypeId) {
            this.trabeList[y].list = x.list;
            return;
          }
        });
      },
      getAccountList3(x, y) {
        x.list.map(item => {
          if (x.AccountId == item.ID) {
            this.trabeList[y].Type = item.BankType;
            return;
          }
        });
      },
      getAccountListtype(AccountId) {
        this.accountList2.map(x => {
          if (x.ID == AccountId) {
            this.FinanceTrabeMsg.Type = x.BankType;
            return;
          }
        });
      },
      preservetransaction() {
        //保存交易方式
        let msg = [];
        this.trabeList.forEach(x => {
          let obj = {
            ID: x.ID,
            Type: x.Type,
            AccountId: x.AccountId
          };
          msg.push(obj);
        });
        this.apipost(
          "Financial_get_SetFinanceTrabeInfo",
          msg,
          res => {
            if (res.data.resultCode == 1) {
              this.$message.success(res.data.message);
              this.transactionmode = false;
              this.getPageList();
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      }
    },
    watch: {

    }
  };

</script>