Skip to content

S
SuperMan
Commit 20d3373e authored by liudong1993's avatar liudong1993
Browse files
Options

1

parent 9b4f3aed
Show whitespace changes
Inline Side-by-side
Showing with 622 additions and 0 deletions
src/components/FinancialModule/accDetail/AccountStatementDetail.vue 0 → 100644
View file @ 20d3373e
<style>
.page_CompanyAccDetail .query-box li label{display: inline-block;min-width: 80px;text-align: right;font-style: normal;margin: 0 20px 0 0;}
.page_CompanyAccDetail .query-box{
padding-bottom: 0;
margin-top: 20px;
}
.page_CompanyAccDetail .query-box li:last-child{top: 34px;}
._shoufu_date input.el-input__inner{padding: 0px 0 0 27px;}
.page_CompanyAccDetail .el-date-editor .el-range-separator{width: 9% !important;}
.page_CompanyAccDetail .el-date-editor--daterange.el-input__inner{width: auto !important;}
._bg__{
border-radius: 4px;
cursor: pointer;
text-decoration: underline;
}
._bg__ .CAcc_bg_red:hover{
color: rgb(230, 97, 97);
}
._bg__ .CAcc_bg_green:hover{
color:rgb(66, 182, 132);
}
._bg__ .CAcc_bg_bule:hover{
color:rgb(10, 99, 233);
}
.page_CompanyAccDetail .CAcc_bg_red{color: #E95252;}
.page_CompanyAccDetail .CAcc_bg_green{color: #2BB87C}
.page_CompanyAccDetail .CAcc_bg_bule{color: blue}
._addChuNa_tit{color: gray;margin-bottom: 10px;}
._addChuNa_tit span{ color:#333333}
.page_CompanyAccDetail ._addUpload_box{
display: block;
margin-top: 20px;
width:590px;
}
.page_CompanyAccDetail ._addUpload_box>div{
float: left;
width: 138px;
height: 92px;
border: 1px dashed rgba(210,210,210,1);
border-radius: 2px;
cursor: pointer;
padding: 5px;
margin:0 10px 10px 0;
position: relative;
}
.page_CompanyAccDetail .el-upload-dragger {
width: 126px!important;
height: 80px!important;
}
.page_CompanyAccDetail ._addUpload_box .icon-guanbi1 {
font-size: 12px;
color: white;
display: inline-block;
margin-left: 15px;
position: absolute;
right: -6px;
top: -9px;
background-color: #f56c6c;
border-radius: 50%;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
}
.page_CompanyAccDetail ._addUpload_box .icon-guanbi1:hover {
font-size: 12px;
color: #c94052;
}
</style>
<template>
<div class='flexOne page_CompanyAccDetail'>
<div class='query-box'>
<el-form class="_info_box clearfix" label-width="110px">
<el-row style="padding: 10px 0 0 0;">
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.zhanghuleixing')">
<el-select filterable v-model='accType' @change="getAccountList(Type),msg.ClientID=''">
<el-option v-for='item in AccList'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item label="交易方式：">
<el-select filterable v-model='Type'
@change="getAccountList(Type),msg.ClientID=''">
<el-option value="0" 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" :gutter="35">
<el-form-item :label="$t('fnc.a_yhzhanghu')">
<el-select filterable v-model='AccountId' @change="accountListChange">
<el-option v-for='item in accountList'
:label='item.Alias'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.a_djztai')">
<el-select filterable v-model='msg.Status' >
<el-option :label="$t('pub.unlimitedSel')" :value='-1'></el-option>
<el-option :label='$t("fnc.a_shezhong")' :value='1'></el-option>
<el-option :label='$t("visa.v_tongguo")' :value='2'></el-option>
<el-option :label='$t("fnc.bohui")' :value='3'></el-option>
<el-option :label='$t("fnc.a_cnzancun")' :value='5'></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8" :gutter="35">
<el-form-item :label="$t('fnc.a_hkfkriqi')">
<el-date-picker class="h34"
@change="timeAdd"
v-model="productionDate"
type="daterange"
value-format="yyyy-MM-dd"
:range-separator="$t('restaurant.res_To')">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
<ul>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="getList()"/>
<input type="button" class="normalBtn" :value="$t('visa.v_daochu')" @click="Export"/>
</li>
</ul>
</div>
<div class="cm_content">
<table class="po_content singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0" v-loading="loadingTable">
<tr>
<th width="60"><input type="checkbox" v-if="isShowCheckAll" v-model="isCheckAll" @change="checkAllOrder()"/></th>
<th>交易日期</th>
<th>单据类型</th>
<th width="440">关联单号(多单据表示合并审核)</th>
<th width="340">收/付款对象</th>
<th>币种</th>
<th>收款</th>
<th>付款</th>
<th>余额</th>
</tr>
<tr>
<td :colspan="8">{{$t('fnc.a_qcyue')}}：</td>
<td>{{moneyFormat(StartMoney)}}</td>
</tr>
<tr v-for="(item,index) in DataList">
<td>
<input type="checkbox" :disabled="item.disabled" v-model="item.check" @change="addCheckbox(item,index)">
</td>
<td>{{item.AllotDate}}</td>
<td>{{(item.FType==1?'收入':item.FType==2?'支出':item.FType==4?'调拨':'-')}}</td>
<!-- <td>{{item.FrIdStr}}</td> -->
<td>
<span v-for="(qitem,qindex) in item.FrIdList" class="cursorpointer" :class="item.FType === 1 ? 'CAcc_bg_green' :item.FType === 2 ? 'CAcc_bg_red':'CAcc_bg_bule'" @click="goUrlNew(item.FType,qitem)">{{(qindex>0?',':'') + qitem}}</span>
</td>
<td>{{item.Alias}}</td>
<td>{{item.CurrencyName}}</td>
<td>{{ item.AllotType == 1 ? moneyFormat(item.Money) : '' }}</td>
<td>{{ item.AllotType == 2 ? moneyFormat(item.Money) : '' }}</td>
<td>{{ moneyFormat(item.EndMoney) }}</td>
</tr>
<tr>
<td :colspan="6">{{$t('fnc.a_heji')}}（{{$t('hotel.hotel_totalRoom')}}{{ DataList.length }} {{$t('hotel.hotel_item')}}）</td>
<td>{{ InMoney == 0 ? '-' : moneyFormat(InMoney) }}</td>
<td>{{ OutMoney == 0 ? '-' : moneyFormat(OutMoney) }}</td>
<td>{{ moneyFormat(allMoney) }}</td>
</tr>
</table>
</div>
</div>
</template>
<script>
import moment from "moment"
export default {
data(){
return{
AccountLoading: false,
ClientAccountMsg:{
ID:0,
Type:0,
ObjID:0,
CardNum:'',
KeyWord:'',
IsAll: true,
Status: 1
},
msg:{
pageIndex:1,
pageSize:5,
ClientID:'',
CostTypeID:0,
RB_Branch_Id:-1,
sTradeDate:'',
eTradeDate:'',
QStartDate:'',
QEndDate:'',
BankList:[],
Is_Cashier:-1,
},
Type:1,
AccountId:'',
DataList:[],
StartMoney:0,
AccountTypeList:[],
AccList:[],
GetAccountType:[],
accountList:[],
productionDate:[],
productionDateByTC:[],
ClientAccountList:[],
CompanyList:[],
BranchAccountList: [],
loadingTable:false,
loading:false,
date:'',
accType:'',
tradeWay:1,
allMoney:0,
OutMoney:0,
InMoney:0,
InMoneyB: 0,
OutMoneyB: 0,
BillType:1, //1 收 2 支 ,
addChuNa:false,
allLoading: false,
payMsgList:[],
payMsg: {
ID:0,
FinanceId:'',
Type:'',
AccountId:'',
OriginalMoney:0,
CurrencyId:'',
Rate:0,
Fee:0,
Name:'',
CurrenName:'',
Account:'',
balance:'',
allMoney:0,
show:false,
},
AccListT:[],
accountListT:[],
listAllMoney:0,
checkList:[],
count:0,
allBPrice:0,
allWPrice:0,
userInfo:{},
//是否全选
isCheckAll:false,
//是否显示全选框
isShowCheckAll:false,
}
},
created(){
this.userInfo = this.getLocalStorage();
if(this.$route.query.DayReport && this.$route.query.DayReport=='1'){
this.msg.IsFromDayReport =1;
}
if(this.$route.query.TypeId&&!this.$route.query.ID){
this.msg.Is_Cashier = parseInt(this.$route.query.Is_Cashier);
this.accType = parseInt(this.$route.query.TypeId);
this.msg.sTradeDate = this.$route.query.sTradeDate?this.$route.query.sTradeDate:"";
this.msg.eTradeDate = this.$route.query.eTradeDate?this.$route.query.eTradeDate:"";
this.productionDate = [this.msg.sTradeDate, this.msg.eTradeDate];
this.productionDateByTC=[this.msg.QStartDate, this.msg.QEndDate];
this.getList();
this.bankaccount_post_GetListS("query");
}
if(this.$route.query.ID){
this.accType = parseInt(this.$route.query.TypeId);
this.AccountId=parseInt(this.$route.query.ID);
let mon1=moment().format("YYYY-MM-DD");
let mon2=moment().subtract(1, "months").format("YYYY-MM-DD");
this.productionDate=[mon2,mon1];
this.msg.sTradeDate=mon2;
this.msg.eTradeDate=mon1;
this.msg.BankList=[];
this.msg.BankList.push({
Type:this.Type,
AccountId:this.AccountId
})
this.bankaccount_post_GetList();
this.getList();
}
},methods:{
Export(){
let msg=this.msg;
msg.EmployeeId = this.userInfo.EmployeeId;
var fileName = "账户流水明细.xls";
this.GetLocalFile("Financial_post_GetAccountStatementToExcel", msg, fileName);
},
goUrlNew(FType,FrId){
if(FType ==4){
this.$router.push({ name: "CapitalAllocationDetail",query:{"id":FrId,blank:'y'} })
}else{
this.$router.push({ name: "FinancialDocumentsDetail",query:{"id":FrId,blank:'y'} })
}
},
goUrl(path,id){
this.$router.push({ name: path,query:{"id":id,blank:'y'} })
},
accountListChange(){
this.msg.BankList = [];
this.msg.BankList.push(
{
Type:this.Type,
AccountId:this.AccountId
}
)
if(this.AccountId>0||this.msg.ClientID>0){
this.isShowCheckAll=true;
}else{
this.isShowCheckAll=false;
}
},
remoteMethod(query) {
if (query !== '') {
this.ClientAccountMsg.KeyWord = query
this.AccountLoading = true;
this.financeinfo_post_GetClientAccountList()
} else {
this.ClientAccountList = [];
}
},
financeinfo_post_GetClientAccountList(){ //获取付款对象
this.apipost('financeinfo_post_GetClientAccountList',this.ClientAccountMsg, res => {
let data = res.data.data;
this.ClientAccountList = data;
this.AccountLoading = false
}, err => {})
},
timeAdd(){ // 日期格式
if(!this.productionDate){
this.msg.sTradeDate = '';
this.msg.eTradeDate = '';
return
}
this.msg.sTradeDate = this.productionDate[0];
this.msg.eTradeDate = this.productionDate[1];
},
timeAddByTC(){ // 日期格式
if(!this.productionDateByTC){
this.msg.QStartDate = '';
this.msg.QEndDate = '';
return
}
this.msg.QStartDate = this.productionDateByTC[0];
this.msg.QEndDate = this.productionDateByTC[1];
},
bankaccount_post_GetList(){ // 获取银行账户
// this.AccountId = '';
this.apipost('bankaccount_post_GetList',{TypeId:this.accType}, res => {
if(res.data.resultCode == 1) {
let data = res.data.data;
this.accountList = data;
}
}, err => {})
},
BankAccount_post_GetAccountType(){ //获取账户类型列表
this.apipost('BankAccount_post_GetAccountType',{}, res => {
if(res.data.resultCode == 1) {
this.GetAccountType = res.data.data;
}
}, err => {})
},
AccountType_post_GetList(){ //获取账户类型下拉
this.apipost('AccountType_post_GetList',this.queryAccMsg,res=>{
if(res.data.resultCode==1){
this.AccList = res.data.data;
this.AccListT = res.data.data;
}else{
this.$message.error(res.data.message);
}
},err=>{})
},
getAccountTypeList() { //获取账户类型
this.apipost('AccountType_post_GetList',{}, res => {
if(res.data.resultCode == 1) {
this.AccountTypeList = res.data.data;
}
}, err => {})
},
getList(){ //获取列表
this.checkList=[];
this.loadingTable = true
if( this.msg.ClientID == '' ){
this.msg.ClientID = 0;
}
if(this.$route.query.BankID){
this.msg.BankList.push(
{
Type:1,
AccountId:parseInt(this.$route.query.BankID)
})
}
this.allMoney = '';
this.InMoney=0;this.OutMoney=0;
this.apipost('Financial_post_GetAccountStatement',this.msg,res=>{
this.loadingTable = false
if(res.data.resultCode==1){
this.StartMoney = res.data.data.RStartMoney;
let Money = res.data.data.RStartMoney,
InMoney = 0,
OutMoney = 0;
let data = res.data.data.list;
if(data.length){
data.forEach( ( x , i ) => {
if(x.AllotType==1){
x.EndMoney = Money + x.Money;
Money = x.EndMoney;
InMoney = InMoney + x.Money;
}else if(x.AllotType==2){
x.EndMoney = Money - x.Money;
Money = x.EndMoney;
OutMoney = OutMoney + x.Money;
}
});
this.allMoney = Money;
this.InMoney = InMoney;
this.OutMoney = OutMoney;
}
this.DataList = data
if( this.msg.ClientID == 0 ){
this.msg.ClientID = '';
}
}else{
this.Error(res.data.message)
if( this.msg.ClientID == 0 ){
this.msg.ClientID = '';
}
}
},err=>{})
},
getAccountList(i){
this.payMsg.AccountId = '';
this.GetAccountType.forEach(x=>{
if(x.ID===i){
this.payMsg.Name = x.Name;
}
});
if(i===1){
this.bankaccount_post_GetListS()
}
if(i===2){
this.BankAccount_post_GetPlatformList()
}
if(i===3){
this.BankAccount_post_GetCashAccountList()
}
if(i===4){
this.BankAccount_post_GetCashPoolList()
}
},
BankAccount_post_GetPlatformList(){ //获取平台账户
let msg = {
BackId:0,
TypeId:this.accType,
BranchId:-1,
Alias:''
};
this.apipost('BankAccount_post_GetPlatformList',msg, res => {
if(res.data.resultCode === 1) {
let data = res.data.data;
data.forEach(x=>{
x.allName = x.Alias+' '+x.PlatformNo;
});
this.accountList = data;
}
}, err => {})
},
BankAccount_post_GetCashAccountList(){ // 获取现金账户
let msg = {
TypeId:this.accType,
BranchId:-1,
Alias:''
};
this.apipost('BankAccount_post_GetCashAccountList',msg, res => {
if(res.data.resultCode === 1) {
let data = res.data.data;
data.forEach(x=>{
x.allName = x.Alias;
});
this.accountList = data;
}
}, err => {})
},
bankaccount_post_GetListS(){ // 获取银行账户
this.apipost('bankaccount_post_GetList',{TypeId:this.accType}, res => {
if(res.data.resultCode === 1) {
let data = res.data.data;
data.forEach(x=>{
x.allName = x.Alias+' '+x.BackNo;
});
this.accountList = data;
}
}, err => {})
},
BankAccount_post_GetCashPoolList(){ // 获取资金池账
this.apipost('BankAccount_post_GetCashPoolList',{TypeId:this.accType,BranchId:-1,Alias:''}, res => {
if(res.data.resultCode === 1) {
let data = res.data.data;
data.forEach(x=>{
x.allName = x.Alias;
});
this.accountList = data;
}
}, err => {})
},
clearAccBank(){ // 选择账户类型清空数据
this.payMsg.Type = '';
this.payMsg.AccountId = '';
},
addCheckbox(obj,index){
this.DataList.forEach((x)=>{ // 循环改变check disabled 状态
if(x.FinanceId===obj.FinanceId){
x.disabled=false
}else if(x.Type===obj.Type&&x.ClientID===obj.ClientID&&x.ClientType===obj.ClientType){
x.disabled=false
}else{
x.disabled=true
}
});
if(obj.check){
this.checkList[index] = {
FinanceId:obj.FinanceId,
Type:obj.Type,
ClientID:obj.ClientID,
ClientType:obj.ClientType,
OriginalMoney:obj.OriginalMoney,
Money:obj.Money,
}
this.BillType = obj.Type;
}else{
this.checkList[index] = {
FinanceId:null,
Type:null,
ClientID:null,
ClientType:null,
OriginalMoney:0,
Money:0,
}
}
let count = false;
this.checkList.forEach(x=>{
if(x.FinanceId){
return count = true;
}
});
if(!count){
this.DataList.forEach((x,i)=>{
x.disabled=false
})
}
},
//点击全选
checkAllOrder(){
this.checkList=[]
if(this.isCheckAll){
this.DataList.forEach(x=>{
x.check=true;
})
}else{
this.DataList.forEach(x=>{
x.check=false;
})
}
this.DataList.forEach((x,index)=>{
if(x.check&&x.ClientID>0){
this.checkList[index] = {
FinanceId:x.FinanceId,
Type:x.Type,
ClientID:x.ClientID,
ClientType:x.ClientType,
OriginalMoney:x.OriginalMoney,
Money:x.Money,
}
}
})
},
Financial_post_GetBranchAccountList() { //获取交易方式列表
this.apipost('Financial_post_GetBranchAccountList', {}, res => {
if (res.data.resultCode == 1) {
this.BranchAccountList = res.data.data;
}
}, err => {})
},
},mounted(){
this.getAccountTypeList();
this.AccountType_post_GetList();
this.BankAccount_post_GetAccountType();
this.Financial_post_GetBranchAccountList();
}
}
</script>
src/router/config.js
View file @ 20d3373e
......@@ -3896,6 +3896,13 @@ export default {
meta: {
title: '银行账户明细'
},
}, { //财务 账户流水 明细
path: '/AccountStatementDetail',
name: 'AccountStatementDetail',
component: resolve => require(['@/components/FinancialModule/accDetail/AccountStatementDetail'], resolve),
meta: {
title: '账户流水明细'
},
}, { //财务 领队导游往来账
path: '/GuideAccount',
name: 'GuideAccount',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment