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

  .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 .query-box li:last-child {
    top: 35px;
  }

  .page_CashReport ._fnDm_content {
    width: 100%;
  }

  .page_CashReport .singeRowTable tr th {
    border: 1px solid #d2d2d2;
  }

</style>
<template>
  <div class="page_fnDm page_CashReport page-body" @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="6">
            <el-form-item label="交易日期：">
              <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" style="position: absolute;right: 20px;top: 20px;">
        <div>
          <span>
          </span>
          <!-- <button class="hollowFixedBtn" @click="getList()">{{$t('pub.searchBtn')}}</button> -->
          <q-btn color="primary" size="11px" :label="$t('pub.searchBtn')" @click="getList()" style="marginRight:10px"/>
          <!-- <button class="normalBtn" @click="method5()">导出</button> -->
          <q-btn color="primary" size="11px" label="导出" @click="method5()"/>
        </div>
      </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="16">{{branchName}}资金日报表</th>
        </tr>
        <tr>
          <th>校区</th>
          <th>银行</th>
          <th colspan="2">上期余额</th>
          <th colspan="2">本期借方发生额</th>
          <th colspan="2">本期贷方发生额</th>
          <th colspan="2">本期收据</th>
          <th colspan="2">本期余额</th>
          <th>借方笔数</th>
          <th>贷方笔数</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>
            <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.WBAgoMoney}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.AgoMoney}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.AgoIncome}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.Income}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.AgoOutCome}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.OutCome}}</td>
            <td>{{subItem.ReceiptWBMoney}}</td>
            <td>{{subItem.ReceiptMoney}}</td>
            <!-- <td @click="goUrlNew(subItem)" style="cursor: pointer">{{subItem.ReceiptWBMoney}}</td>
            <td @click="goUrlNew(subItem)" style="cursor: pointer">{{subItem.ReceiptMoney}}</td> -->
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.AgoIncom}}</td>
            <td @click="goUrl(subItem)" style="cursor: pointer">{{subItem.NowIncome}}</td>
            <!-- <a style="cursor:pointer;" @click="goUrl('CashAccDetail',subItem.BankID,subItem.TradeWay)"> -->
            <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.WBAgoMoney}}</td>
            <td>{{item.TotalList.AgoMoney}}</td>
            <td>{{item.TotalList.AgoIncome}}</td>
            <td>{{item.TotalList.Income}}</td>
            <td>{{item.TotalList.AgoOutCome}}</td>
            <td>{{item.TotalList.OutCome}}</td>
            <td>{{item.TotalList.ReceiptWBMoney}}</td>
            <td>{{item.TotalList.ReceiptMoney}}</td>
            <td>{{item.TotalList.AgoIncom}}</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.WBAgoMoney}}</td>
          <td>{{item.AgoMoney}}</td>
          <td>{{item.AgoIncome}}</td>
          <td>{{item.Income}}</td>
          <td>{{item.AgoOutCome}}</td>
          <td>{{item.OutCome}}</td>
          <td>{{item.ReceiptWBMoney}}</td>
          <td>{{item.ReceiptMoney}}</td>
          <td>{{item.AgoIncom}}</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.WBAgoMoney}}</td>
          <td> {{dataObj.sumObj.AgoMoney}}</td>
          <td>{{dataObj.sumObj.AgoIncome}}</td>
          <td>{{dataObj.sumObj.Income}}</td>
          <td>{{dataObj.sumObj.AgoOutCome}}</td>
          <td>{{dataObj.sumObj.OutCome}}</td>
          <td>{{dataObj.sumObj.ReceiptWBMoney}}</td>
          <td>{{dataObj.sumObj.ReceiptMoney}}</td>
          <td>{{dataObj.sumObj.AgoIncom}}</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'),
          EmployeeId: 0,
          //1-银行，2-现金
          IsBank: 2,
        },
        accountList: [],
        BranchAccountList: [],
        transactionDate: [new Date().Format('yyyy-MM-dd'), new Date().Format('yyyy-MM-dd')],
        AccList: [],
        loading: false,
        currentPage: 1,
        total: 0,
        dataList: [],
        dataObj: {},
        branchName: ''

      }
    },
    created() {

    },
    components: {},
    mounted() {
      let userInfo = this.getLocalStorage();
      this.getList();
      this.branchName = userInfo.GroupName

      this.msg.EmployeeId = userInfo.EmployeeId;
    },
    methods: {
      goUrlNew(obj) {
        this.$router.push({
          path: "DocumentStatistics",
          query: {
            "AccountId": obj.BankID,
            "StartTime": this.msg.sTradeDate,
            "EndTime": this.msg.eTradeDate,
            "blank": 'y',
            "tab": '财务收据'
          }
        })
      },
      goUrl(obj) {
        this.$router.push({
          path: "CashAccDetail",
          query: {
            "Is_Cashier": 1,
            "TypeId": obj.TypeId,
            "BankID": obj.BankID,
            "sTradeDate": this.msg.sTradeDate,
            "eTradeDate": this.msg.eTradeDate,
            "DayReport": 1,
            "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;
          } 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];
      },
      queryInfoInit() { // 初始化msg

      },
      resetPageIndex() { // 重置页码
        this.msg.pageIndex = 1;
        this.currentPage = 1;
      },
      method5: function () {
        this.GetErpLocalFile("Financial_post_CashOutToGetReportList", this.msg, "现金日报表.xls");
      },
    }
  }

</script>
