账互明细

src/App.vue

@@ -12,7 +12,7 @@ export default {
 
 <style>
 @import url('~assets/css/font.css');
-@import url('//at.alicdn.com/t/font_2077629_d4bsno3ee9u.css');
+@import url('//at.alicdn.com/t/font_2077629_xjjeh93ylwf.css');
 
 html,
 body,

src/boot/axios.js

@@ -10,7 +10,23 @@ import commonUtils from '../pages/financial/utils/commonUtils'
 
 Vue.http = Vue.prototype.$http = axios
 Vue.commonUtils = Vue.prototype.$commonUtils=commonUtils
-
+// 时间扩展格式化
+Date.prototype.Format = function (fmt) {
+  var o = {
+    "M+": this.getMonth() + 1, //月份
+    "d+": this.getDate(), //日
+    "h+": this.getHours(), //小时
+    "m+": this.getMinutes(), //分
+    "s+": this.getSeconds() //秒
+  };
+  if (/(y+)/.test(fmt)){ //根据y的长度来截取年
+    fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+  }
+  for (var k in o){
+    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+  }
+  return fmt;
+};
 Vue.use(ElementUI)
 Vue.use(Erpindex)
 

src/pages/financial/accDetail/TransferReport.vue

+<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 ._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="10">{{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>本期收据</th>
+          <th>本期未付账</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>
+            <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="goUrlNew('Manfunds',subItem)" style="cursor: pointer">{{subItem.ReceiptMoney}}</td>
+            <td @click="goUrlNew('OutstandingAccounts',subItem)" style="cursor: pointer">{{subItem.NONPaymentMoney}}</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.ReceiptMoney}}</td>
+            <td >{{item.TotalList.NONPaymentMoney}}</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.ReceiptMoney}}</td>
+          <td>{{item.NONPaymentMoney}}</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.ReceiptMoney}}</td>
+          <td>{{dataObj.sumObj.NONPaymentMoney}}</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: {
+      goUrlNew(path,obj){
+        let name = path;
+        this.$router.push({
+          name: name,
+          query:{
+            "BankType": obj.TradeWay,
+            "BankID": obj.BankID,
+            "StartTime": this.msg.sTradeDate,
+            "EndTime": this.msg.eTradeDate,
+            "blank": 'y',
+            "tab": '未认款'
+          }
+        })
+      },
+      goUrl: function(obj) {
+        let name = '';
+        let type = 0;
+        if (obj.TradeWay === 2) { // 平台
+          name = 'PlatformAccDetail';
+          type=1;
+        } else if (obj.TradeWay === 1) { // 银行
+          name = 'CompanyAccDetail';
+          type=1;
+        } else if (obj.TradeWay === 3) {  //资金池
+          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,
+            "DayReport":type,
+            "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];
+      },
+      resetPageIndex() { // 重置页码
+        this.msg.pageIndex = 1;
+        this.currentPage = 1;
+      },
+      method5: function() {
+        this.GetLocalFile("Financial_post_OutToGetReportList", this.msg,"银行日报表.xls");
+      },
+    }
+  }
+
+</script>

src/router/routes.js

@@ -162,6 +162,41 @@ const routes = [{
         component: () =>
         import("pages/financial/addFinancialProcess.vue")
       },
+      {
+        path: "/financial/accountingWork", //会计窗口
+        component: () =>
+          import("pages/financial/accountingWork.vue")
+      },
+      {
+        path: "/financial/CashierWork", //出纳窗口
+        component: () =>
+          import("pages/financial/CashierWork.vue")
+      },
+      {
+        path: "/financial/accDetail/CashAccDetail", //现金账户明细
+        component: () =>
+          import("pages/financial/accDetail/CashAccDetail.vue")
+      },
+      {
+        path: "/financial/accDetail/CompanyAccDetail", //银行账户明细
+        component: () =>
+          import("pages/financial/accDetail/CompanyAccDetail.vue")
+      },
+      {
+        path: "/financial/accDetail/PlatformAccDetail", //平台账户明细
+        component: () =>
+          import("pages/financial/accDetail/PlatformAccDetail.vue")
+      },
+      {
+        path: "/financial/accDetail/TransferReport", //银行日报表
+        component: () =>
+          import("pages/financial/accDetail/TransferReport.vue")
+      },
+      {
+        path: "/financial/accDetail/CashReport", //现金日报表
+        component: () =>
+          import("pages/financial/accDetail/CashReport.vue")
+      },
       {
         path: "/test", //API测试
         component: () =>