<style scoped>
  .page_fnDm{background-color: white}
  .query-box{overflow: inherit}
  .query-box{border: none}
  .query-box ul {overflow: initial;}
  .query-box li:last-child{float: left}
  .query-box>ul>li:last-child{float: right;}
  .query-box .hight_query ul .el-input{width: inherit  }
  .page_CashReport ._fnDm_content{
    width: 100%;
  }
  .page_CashReport .singeRowTable tr th{
    border: 1px solid #d2d2d2;
  }
</style>
<template>
  <div class="page_fnDm page_CashReport" @keyup.enter="getList()">
    <div class="query-box">
      <el-form class="_info_box clearfix" label-width="110px">
        <el-row style="padding:15px 20px 0 0;">
          <!-- <el-col :span="4">
            <el-form-item label="交易方式：">
              <el-select filterable v-model='msg.TradeWay' @change="getAccountList(msg.AccountType,msg.TradeWay),msg.ClientID=''">
                <el-option :value="-1" label="不限"></el-option>
                <el-option v-for='item in BranchAccountList' :label='item.Name' :value='item.ID' :key='item.ID'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="银行账户：">
              <el-select filterable v-model='msg.BankID'>
                <el-option :value="-1" label="不限"></el-option>
                <el-option v-for='item in accountList' :label='item.Name' :value='item.ID' :key='item.ID'>
                </el-option>
              </el-select>
            </el-form-item>
          </el-col> -->
          <el-col :span="6">
            <el-form-item :label="$t('fnc.jiaoyiriqi')+'：'">
              <el-date-picker class="h34" v-model="transactionDate" @change="timeAdd(3)" type="daterange" value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <ul class="clearfix">
        <li class="hight_query">
          <span>
          </span>
          <button class="hollowFixedBtn" @click="getList()">{{$t('pub.searchBtn')}}</button>
          <button class="normalBtn" @click="method5()">{{$t('visa.v_daochu')}}</button>
        </li>
      </ul>
    </div>
    <div class="_fnDm_content" v-loading='loading'>
      <table class="singeRowTable" cellspacing="0" cellpadding="0" style="border: 1px solid rgb(230, 230, 230);">
        <tr>
          <th colspan="8">{{branchName}}{{$t('fnc.a_xjrbaobiao')}}</th>
        </tr>
        <tr>
          <th>{{$t('system.table_company')}}</th>
          <th>{{$t('fnc.yinhang')}}</th>
          <th>{{$t('fnc.a_sqyue')}}</th>
          <th>{{$t('fnc.a_bqjffshenge')}}</th>
          <th>{{$t('fnc.a_bqdffshenge')}}</th>
          <th>{{$t('fnc.a_bqyue')}}</th>
          <th>{{$t('fnc.a_jfbishu')}}</th>
          <th>{{$t('fnc.a_dfbishu')}}</th>
        </tr>
        <template v-for="item in dataObj.resultList">
          <tr>
            <th colspan="2">{{item.AName}}</th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
          </tr>
          <tr v-for="(subItem, index) in item.SubList">
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.BName}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.Alias}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.AgoMoney}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.Income}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.OutCome}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.NowIncome}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.IncomeCount}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.OutComeCount}}</td>
          </tr>
          <tr v-if="item.TotalList">
            <td colspan="2">{{item.AName}}合计</td>
            <td>{{item.TotalList.AgoMoney}}</td>
            <td>{{item.TotalList.Income}}</td>
            <td>{{item.TotalList.OutCome}}</td>
            <td>{{item.TotalList.NowIncome}}</td>
            <td>{{item.TotalList.IncomeCount}}</td>
            <td>{{item.TotalList.OutComeCount}}</td>
          </tr>
        </template>
        <tr v-for="item in dataObj.sumList">
          <td colspan="2">{{item.BName}}总计</td>
          <td>{{item.AgoMoney}}</td>
          <td>{{item.Income}}</td>
          <td>{{item.OutCome}}</td>
          <td>{{item.NowIncome}}</td>
          <td>{{item.IncomeCount}}</td>
          <td>{{item.OutComeCount}}</td>
        </tr>
        <tr v-if="dataObj.sumObj">
          <td colspan="2">总计</td>
          <td>{{dataObj.sumObj.AgoMoney}}</td>
          <td>{{dataObj.sumObj.Income}}</td>
          <td>{{dataObj.sumObj.OutCome}}</td>
          <td>{{dataObj.sumObj.NowIncome}}</td>
          <td>{{dataObj.sumObj.IncomeCount}}</td>
          <td>{{dataObj.sumObj.OutComeCount}}</td>
        </tr>
      </table>
    </div>
  </div>
</template>
<script>
  // 自定义列组件
  export default {
    data() {
      return {
        showID: false,
        active: 1,
        userId: 0,
        msg: {
          BankID: -1,
          TradeWay: -1,
          sTradeDate: new Date().Format('yyyy-MM-dd'),
          eTradeDate: new Date().Format('yyyy-MM-dd'),
          //1-银行，2-现金
          IsBank: 1,
          EmployeeId:0
        },
        accountList: [],
        BranchAccountList: [],
        transactionDate: [new Date().Format('yyyy-MM-dd'), new Date().Format('yyyy-MM-dd')],
        AccList: [],
        loading: false,
        currentPage: 1,
        total: 0,
        GZAllList: [],
        SZAllList: [],
        PZAllList: [],
        GZAll: {},
        SZAll: {},
        PZAll: {},
        comPanyALLList: [],
        ALLMoney: [],
        dataObj: {},
        branchName: ''
      }
    },
    created() {

    },
    components: {},
    mounted() {
      let userInfo = this.getLocalStorage();
      this.branchName = userInfo.GroupName
      this.getList();
      this.msg.EmployeeId= userInfo.EmployeeId;
    },
    methods: {
      goUrl: function(obj) {
        let name = '';
        if (obj.TypeId === 12) { // 平台
          name = 'PlatformAccDetail'
        } else if (obj.TypeId === 3 || obj.TypeId === 4 || obj.TypeId === 13) { // 银行
          name = 'CompanyAccDetail'
        } else {  //资金池
          name = 'PoolAccDetail'
        }
        this.$router.push({
          name: name,
          query:{
            "Is_Cashier":1,
            "TypeId": obj.TypeId,
            "BankID": obj.BankID,
            "sTradeDate": this.msg.sTradeDate,
            "eTradeDate": this.msg.eTradeDate,
            "blank": 'y',
            "tab": '现金账户明细'
          }
        })
      },   
      getList: function () {
        this.loading=true;
        this.dataObj={};
        this.apipost('Financial_post_GetReportList', this.msg, res => {
          if (res.data.resultCode == 1) {
            this.dataObj = res.data.data;
            console.log("dataObj", this.dataObj);
          } else {
            this.$message.error(res.data.message);
          }
          this.loading = false;
        }, err => {})
      },
      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 => {})
      },
      timeAdd(t) { // 日期格式
        if (!this.transactionDate) {
          this.msg.sTradeDate = '';
          this.msg.eTradeDate = '';
          return
        }
        this.msg.sTradeDate = this.transactionDate[0];
        this.msg.eTradeDate = this.transactionDate[1];
      },
      resetPageIndex() { // 重置页码
        this.msg.pageIndex = 1;
        this.currentPage = 1;
      },       
      method5: function() {
        this.GetLocalFile("Financial_post_OutToGetReportList", this.msg,"银行日报表.xls");
        },
    }
  }

</script>