1

src/pages/financial/financalDocument/RecPayDetail.vue

+<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.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;
+
+      let nowDay = new Date();
+      var year = nowDay.getFullYear(); //年
+      var month = nowDay.getMonth() ; //月
+      var day = nowDay.getDate(); //日
+      var firstDay = year + '-' + month + '-01' ;
+      
+    
+      this.msg.sTradeDate = firstDay
+      let lastDayOfMonth = new Date(nowDay.getFullYear(), nowDay.getMonth() + 1, 0);
+        var year = lastDayOfMonth.getFullYear(); //年
+      var month = lastDayOfMonth.getMonth() ; //月
+      var day = lastDayOfMonth.getDate()-1; //日
+      var lastDay = year + '-' + month + '-'+ day ;
+      this.transactionDate = []
+      // this.transactionDate.push(firstDay)
+      // this.transactionDate.push(lastDay)
+      this.transactionDate.push('2021-02-01')
+      this.transactionDate.push('2021-02-28')
+      this.msg.sTradeDate = this.transactionDate[0];
+      this.msg.eTradeDate = this.transactionDate[1];
+        console.log("firstDay", this.transactionDate);
+        
+      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;
+        console.log("进方法啦");
+        this.apipost('Financial_post_GetEduALLPageList', this.msg, res => {
+          if (res.data.resultCode == 1) {
+            this.DataList = res.data.data;
+            console.log("this.DataList",this.DataList);
+            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
+          }
+          console.log("this.transactionDate",this.transactionDate);
+          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>

src/router/routes.js

@@ -572,6 +572,11 @@ const routes = [{
                 component: () =>
                     import ("pages/financial/financalDocument/RecPayQuery.vue")
             },
+            {
+                path: "/financial/financalDocument/RecPayDetail", //进出明细
+                component: () =>
+                    import ("pages/financial/financalDocument/RecPayDetail.vue")
+            },
             {
                 path: "/financial/financalDocument/FinancialDocuments", //我的财务单据
                 component: () =>