<style scoped>
  @import "../css/cssReset.css";

  .page_fnDm {
    background-color: white
  }

  .query-box {
    overflow: inherit
  }

  ._nav {
    margin: 20px 0 0 0;
    background-color: #f5f5f5;
  }

  ._nav li {
    float: left;
    font-size: 14px;
    color: #666666;
    padding: 15px 20px;
    cursor: pointer;
    position: relative;
    background-color: #f1f1f1;
    margin-right: 5px
  }

  ._nav li._active {
    background-color: #FFFFFF;
    color: #333333
  }

  ._nav li._active::after {
    content: "";
    width: 20px;
    height: 3px;
    background-color: #E95252;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 38%;
  }

  .el-range-editor.el-input__inner {
    border-radius: 0
  }

  .query-box {
    border: none
  }

  .hight_query {
    position: relative;
  }

  .hight_query span {
    height: 34px;
    line-height: 34px;
    color: #E95252
  }

  .hight_query span .icon-gengduo {
    font-size: 12px
  }

  .hight_query span em {
    text-decoration: underline;
    cursor: pointer;
  }

  .hight_query_box {
    position: absolute;
    background-color: white;
    z-index: 2000;
    right: 200px;
    width: 800px;
  }

  ._hqb_shadow {
    box-shadow: 3px 2px 10px rgb(204, 203, 203);
    border: 1px solid #ececec;
  }

  .query-box ul {
    overflow: initial;
  }

  .hqb_t {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #E95252;
    border: 1px solid #E95252;
    color: #fff;
    text-align: center;
    margin-bottom: 15px
  }

  .query-box li:last-child {
    float: left
  }

  .query-box>ul>li:last-child {
    float: right;
  }

  .query-box .hight_query ul .el-input {
    width: inherit
  }

  .hight_query_box ul li {
    margin-top: 0;
    float: left;
    margin-right: 15px
  }

  .hight_query_box ul li label {
    font-size: 14px
  }

  .hight_query_box .el-form {
    padding: 0 20px
  }

  .hight_query_box ul li._hqb_btn {
    float: right;
    margin-right: 25px;
    padding-top: 5px;
    position: inherit
  }

  .Receipt_box {
    padding: 15px;
    color: #c94052;
    width: 614px;
    background-color: rgba(242, 242, 242, 1);
    border: 1px solid rgba(228, 228, 228, 1)
  }

  .Receipt_box.color_blur {
    color: #106BAF;
  }

  .Receipt_box.color_blur .rb_stit span {
    display: inline-block;
    border-bottom: 2px solid #106BAF;
    padding: 0 20px
  }

  .rb_tit {
    font-size: 18px;
    text-align: center
  }

  .rb_stit {
    font-size: 14px;
    text-align: center
  }

  .rb_stit span {
    display: inline-block;
    border-bottom: 2px solid #C94052;
    padding: 0 20px
  }

  .rb_top_row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
  }

  .rb_top_row span._r_name {
    color: #333333
  }

  .rb_top_row span._r_bold {
    font-weight: bold
  }

  .rb_top_row ._r_time span {
    color: #333333
  }

  ._r_mb5 {
    margin-bottom: 5px;
  }

  .Receipt_table {
    width: 100%;
    font-size: 14px;
    text-align: center
  }

  .Receipt_table .th {
    font-weight: 200 !important
  }

  ._r_mt10 {
    margin-top: 10px;
  }

  ._bg__ {
    display: inline-block;
    padding: 2px 8px;
    color: white;
    border-radius: 4px
  }

  ._bg_red {
    background-color: #E95252;
  }

  ._bg_green {
    background-color: #2BB87C
  }

  .text_d {
    text-decoration: underline;
    cursor: pointer;
  }

  .PingFangSC {
    font-weight: bold
  }

  .Bill_par {
    position: relative;
  }

  tr th,
  tr td {
    text-align: left;
    padding-left: 20px;
  }

  tr._item_list {
    border-bottom: 1px solid #E5E5E5;
    height: 78px;
  }

  tr._item_list td {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
  }

  tr._item_list td:first-child {
    border-left: 1px solid #e5e5e5;
  }

  tr._item_list td:last-child {
    border-right: 1px solid #e5e5e5;
  }

  ._head_img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    vertical-align: middle;
  }

  ._btn_group {
    font-size: 14px;
  }

  .icon-daiqueren {
    color: #4BCA81
  }

  .icon-yiqueren {
    color: #4BCA81
  }

  .icon-yiquxiao {
    color: #959595
  }

  .icon-shenhebohui {
    color: #E95252
  }

  .icon-icon-zancun {
    color: #FF9C01
  }

  .singeRowTable tr:hover {
    background-color: white
  }

  ._TradeWayList {
    padding: 5px 10px;
    background-color: #EEEEEE;
    border-radius: 4px;
    margin: 10px 0;
    width: 230px
  }

  ._bold {
    font-weight: bold
  }

  ._bank_name,
  ._bank_type {
    display: inline-block;
    background-color: #333333;
    color: white;
    padding: 2px 4px;
    border-radius: 4px;
    margin-left: 10px;
  }

  ._bank_name {
    margin-left: 10px;
  }

  ._bank_type {
    background-color: #2AAEF2
  }

  ._bank_type2 {
    background-color: #FF9C01
  }

  ._font_init {
    color: #333333;
    font-size: 12px;
    vertical-align: top;
  }

  .InfoChangeLog {
    height: auto;
    max-height: 220px;
    background-color: #FFFFFF;
  }

  .changLogList {
    padding-left: 20px;
    max-height: 180px;
    overflow: auto;
  }

  .changLogList_l {
    border-left: 1px solid #E9E9E9;
    position: relative;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
  }

  ._radius_green {
    background-color: #47BF8C;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -4px;
    top: 19px;
  }

  .changLog_time {
    color: #666666;
    font-size: 12px;
    display: inline-block;
    padding-right: 10px
  }

  ._icon_btn i {
    width: 30px;
    height: 30px;
    display: inline-block;
    color: white !important;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    cursor: pointer;
    outline: none;
  }

  ._icon_btn i.edit {
    background-color: #00C6FF;
    font-size: 16px;
  }

  ._icon_btn i.edit:hover {
    background-color: #59daff
  }

  ._icon_btn i.edit:active {
    background-color: #00b8ec
  }

  ._icon_btn i.icon-sousuo {
    background-color: #47BF8C;
  }

  ._icon_btn i.icon-sousuo:hover {
    background-color: #66bb97
  }

  ._icon_btn i.icon-sousuo:active {
    background-color: #35ab79
  }

  ._icon_btn i.icon-ico_commodity_defaul {
    background-color: #F16C3C;
  }

  ._icon_btn i.icon-ico_commodity_defaul:hover {
    background-color: #e87c54
  }

  ._icon_btn i.icon-ico_commodity_defaul:active {
    background-color: #f76630
  }

  ._icon_btn i.icon-quxiao1 {
    background-color: #E95252;
  }

  ._icon_btn i.icon-quxiao1:hover {
    background-color: #ea6d6d
  }

  ._icon_btn i.icon-quxiao1:active {
    background-color: #e42d2d
  }

  ._icon_btn i.icon-zhuanjiao1 {
    background-color: #E6A014;
    font-size: 16px;
  }

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

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

  ._tag_span {
    background-color: rgba(64, 158, 255, .1);
    display: inline-block;
    padding: 0 5px;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
    color: #409eff;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid rgba(64, 158, 255, .2);
    white-space: nowrap;
    margin-bottom: 4px;
  }

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

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

  ._pad5 {
    padding: 5px 10px;
  }

  ._color_gar {
    color: gray
  }

  ._TCIDAndTCNUMList {
    display: flex;
  }

  .caoz i {
    margin-bottom: 5px;
  }

</style>

<template>
  <div class="page_fnDm page_RecPayQuery page-body" @keyup.enter="getPageList()">
    <div class="query-box">
      <el-form class="_info_box clearfix" label-width="110px">
        <el-row style="padding:15px 20px 0 0;">
          <el-col :span="6">
            <el-form-item label="交易日期：">
              <el-date-picker class="h34" v-model="transactionDate" @change="timeAdd(3)" type="daterange"
                :picker-options="pickerOptions" value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="单据类型：">
              <el-select filterable v-model='msg.Type' class="">
                <el-option key="-1" value="-1" label="不限"></el-option>
                <el-option key="1" value="1" label="收入"></el-option>
                <el-option key="2" value="2" label="支出"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div
        style="display: inline-block;padding: 0 5px;height: 42px;line-height: 40px;font-weight: bold;font-size: 14px;border-radius: 4px;box-sizing: border-box;white-space: nowrap;margin: 0px 0px 4px 28px;">
        <span>
          总收入：</span> <span style="color:red;">{{DataList.Income}}</span> <span style="padding-left:20px;">
          总支出：</span><span style="color:red;">{{DataList.Expenditure}}</span></div>
      <ul class="clearfix">
        <li class="hight_query">
          <q-btn color="primary" size="11px" :label="$t('pub.searchBtn')" @click="getPageList()" style="marginRight:10px" />
          <q-btn color="primary" size="11px" label="导出" @click="method5()" />
        </li>
      </ul>
    </div>

    <div class="_fnDm_content" v-loading='loading'>

      <div v-if="DataList.Result.length>0" v-for="(item,index) in DataList.Result" :index="index">

        <div style="text-align:center;height:50px;padding-top:20px;font-weight:bold;"><span>{{item.Alias}}</span>
          <span>{{item.BankNo}}</span><span style="padding-left:20px;">收入：{{item.Income}}</span><span
            style="padding-left:20px;">支出{{item.Expenditure}}</span>
        </div>
        <el-table :data="item.FinanceList" border style="width: 100%;font-size: 12px">
          <el-table-column prop="CreateDate" label="交易日期" width="150">
            <template slot-scope="scope">
              <span>{{scope.row.CreateDate}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="Money" label="转入金额" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.Type==1">{{scope.row.Money}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="Money" label="转出金额" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.Type==2"> {{scope.row.Money}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="RemitterName" label="对方单位">
            <template slot-scope="scope">
              <span> {{scope.row.RemitterName}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="RemitterName" label="对方账号">
            <template slot-scope="scope">
              <span> {{scope.row.CardNum}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="Description" label="用途">
            <template slot-scope="scope">
              <div>
                <div v-for="(s,si) in scope.row.Description" :index="si">
                  <span v-if="s.Description!=null&&s.Description!=''">
                    {{s.Description}}</span>
                  </br>
                </div>
              </div>

            </template>
          </el-table-column>
          <el-table-column prop="Remark" label="摘要">
            <template slot-scope="scope">
              <div>
                <div v-for="(s,si) in scope.row.DetailList" :index="si">
                  <span v-if="s.Remark!=null&&s.Remark!=''">
                    {{s.Remark}}</span>
                  </br>
                </div>
              </div>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;"
        v-if="DataList.Result!=null&&DataList.Result.length==0">暂无数据</div>
    </div>
  </div>
</template>
<script>
  import myBill from "../components/BillModule.vue";
  import myrbvBill from "../components/ReceivablesModule.vue";
  import myhrBill from "../components/MergeBillModule.vue";
  import {
    getClassNameList,
    queryStudyNameList
  } from '../../../api/finance/index'

  import {
    queryEmployee
  } from '../../../api/users/user'
  import {
    getDeptPage,
  } from '../../../api/system/dept'
  import Vue from 'vue'
  import {
    getSchoolDropdown
  } from '../../../api/school/index'
  import treeItemVue from 'src/components/common/tree-table/tree-item.vue';
  export default {
    data() {

      return {
        selectDate: '',
        // 日期时间范围在一个月以内
        pickerOptions: {
          onPick: ({
            maxDate,
            minDate
          }) => {
            this.selectDate = minDate.getTime()
            if (maxDate) {
              this.selectDate = ''
            }
          },
          disabledDate: (time) => {
            if (this.selectDate !== '') {
              const one = 30 * 24 * 3600 * 1000
              const minTime = this.selectDate - one
              const maxTime = this.selectDate + one
              return time.getTime() < minTime || time.getTime() > maxTime
            }
          }
        },
        showID: false,
        active: 1,
        userId: 0,
        zhuanjiaoBox: false,
        searchList: [],
        widthSon: '700px',
        colorSon: "#f5f5f5",
        Finance_InvoiceUpdate: false,
        Finance_ExpenseType: false,
        msg: {
          FrID: '',
          sDate: '',
          eDate: '',
          Status: '-1',
          TemplateId: '0',
          RB_Branch_Id: '',
          RB_Depart_Id: '',
          sTradeDate: '',
          eTradeDate: '',
          ClientType: '',
          RemitterName: '',
          ClientID: '',
          sMoney: '',
          eMoney: '',
          CurrencyId: '0',
          CostTypeID: '',
          Conditon: '',
          TCNUM: '',
          TradeWay: '',
          Type: '-1',
          AccountType: '',
          QEndDate: '',
          QStartDate: '',
          UpdateBy: '',
          IsFormRecPayQuery: '1',
          KJCostTypeId: 0,
          IsSelectKJSetCostType: 0,
          Remark: '', //备注查询
          Sort: '2',
          EmployeeId: '',
          IsSellOrderForm: 1


        },
        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,
        },
        //转交信息
        zhuanjiaoMsg: {
          CreateBy: '',
          RB_CreateByName: '',
          FrIDList: []
        },
        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',
        loading: false,
        LogLoading: false,
        isCkedAll: false,
        currentPage: 1,
        total: 0,
        ChineseStr: '',
        mathNumber: '',
        DepartIDs: '',
        loading2: false,
        tableData: [],
        columns: [],
        pageSize: 5,
        pageIndex: 1,
        heightQueryBox: false,
        schoolMsg: {
          pageIndex: 1,
          pageSize: 12,
          rowsPerPage: 12,
          SName: "",
          Status: '-1'
        },
        modifydjfp: {

        },
        xgfpBox: false,
        getInvoiceList: [],
        costmode: false, //费用类型的修改弹窗
        trabeList: [], //修改费用类型的下啦数据
      }
    },
    created() {
      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 + '';
      }
      if (this.$route.query.rec) {
        this.msg.AccountType = 15;
        this.msg.TradeWay = 4;
        this.getAccountList(this.msg.AccountType, this.msg.TradeWay)
        this.msg.BankID = this.$route.query.BankID;
        this.transactionDate[0] = this.$route.query.StartDate;
        this.transactionDate[1] = this.$route.query.StartDate;



        if (this.$route.query.BankID == '') {
          // 费用类型：机票折让费
          this.msg.CostTypeID = 197;
        }
      }
      if (this.$route.query.air) {
        this.msg.AccountType = 17;
        this.msg.TradeWay = 4;
        this.getAccountList(this.msg.AccountType, this.msg.TradeWay)
        this.msg.BankID = 20;
        this.transactionDate[0] = this.$route.query.StartDate;
        this.transactionDate[1] = this.$route.query.StartDate;
      }
      var localStorageData = window.localStorage["loginUserInfo"];
      let ActionMenuList = JSON.parse(localStorageData).data.ActionMenuList
      if (ActionMenuList && ActionMenuList.length > 0) {
        ActionMenuList.forEach(x => {
          if (x.FunctionCode == 'Finance_InvoiceUpdate') { //发票修改权限
            this.Finance_InvoiceUpdate = true
          }
          if (x.FunctionCode == 'Finance_ExpenseType') { //费用类型修改权限
            this.Finance_ExpenseType = true
          }
        })
      }
    },
    components: {
      "my-Bill": myBill,
      "my-RVB-Bill": myrbvBill,
    },
    mounted() {
      let userInfo = this.getLocalStorage();
      this.getCompanyMsg.RB_Group_Id = this.employeeMsg.GroupId = this.getDepartmentMsg.RB_Group_Id = userInfo
        .RB_Group_id; //集团ID
      this.DepartIDs = userInfo.RB_Department_Id;
      this.userId = userInfo.EmployeeId;
      this.msg.EmployeeId = userInfo.EmployeeId;


      this.transactionDate = []
      this.transactionDate.push(new Date())
      this.transactionDate.push(new Date())
      //this.transactionDate.push('2021-02-01')
      //this.transactionDate.push('2021-02-28')
      this.msg.sTradeDate = this.transactionDate[0];
      this.msg.eTradeDate = this.transactionDate[1];

      this.getPageList();

      var that = this;
      that.MsgBus.$on('getRecQuery', function (FrID) {
        that.zhuanjiaoMsg.CreateBy = '';
        that.zhuanjiaoMsg.RB_CreateByName = '';
        that.zhuanjiaoMsg.FrIDList = [];
        that.zhuanjiaoMsg.FrIDList.push(FrID);
        that.zhuanjiaoBox = true;
      });

    },
    methods: {

      getExchange(rowData) {
        this.zhuanjiaoMsg.CreateBy = '';
        this.zhuanjiaoMsg.RB_CreateByName = '';
        this.zhuanjiaoMsg.FrIDList = [];
        this.zhuanjiaoMsg.FrIDList.push(rowData.FrID);
        this.zhuanjiaoBox = true;
      },

      customCompFunc(params) {},
      sortChange(param) {
        //自己写实现
        //{gender:"",name:"asc"}
      },
      // 数据筛选
      filterMethod(filters) {},

      AccountType_post_GetList() { //获取账户类型下拉
        this.apipost('AccountType_post_GetList', this.queryAccMsg, res => {
          if (res.data.resultCode == 1) {
            this.AccList = res.data.data;
          } else {
            this.$message.error(res.data.message);
          }
        }, err => {})
      },
      getPageList() { // 获取列表数据
        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;
        if (!this.msg.KJCostTypeId) this.msg.KJCostTypeId = 0;
        if (!this.msg.IsSelectKJSetCostType) this.msg.IsSelectKJSetCostType = 0;
        this.loading = true;
        this.apipost('Financial_post_GetEduALLPageList', this.msg, res => {
          if (res.data.resultCode == 1) {
            this.DataList = res.data.data;
            let userInfo = this.getLocalStorage();
            this.loading = false;
          } else {
            this.loading = false;
            this.$message.error(res.data.message);
          }
        }, 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;
        if (!this.msg.KJCostTypeId) this.msg.KJCostTypeId = 0;
        if (!this.msg.IsSelectKJSetCostType) this.msg.IsSelectKJSetCostType = 0;
        this.GetErpLocalFile("Financial_post_DownInOrOutEduDetail", this.msg, "收支款.xls");
      },
      mathMoney(n) { // 数字转中文大写 1
        this.ChineseStr = this.$commonUtils.changeMoneyToChinese(n)
      },
      timeAdd(t) { // 日期格式
        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];
        }
      },
      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,
          CostTypeID: this.msg.CostTypeID,
          Conditon: this.msg.Conditon,
          TCNUM: this.msg.TCNUM == 0 ? "" : this.msg.TCNUM,
          TradeWay: this.msg.TradeWay == 0 ? "" : 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,
          KJCostTypeId: this.msg.KJCostTypeId == 0 ? '' : this.msg.KJCostTypeId,
          IsSelectKJSetCostType: this.msg.IsSelectKJSetCostType == 0 ? '' : this.msg.IsSelectKJSetCostType,
        }
        this.msg = msg;
      },
    }
  }

</script>
