Skip to content

S
SuperMan
Commit 1aefb22d authored by liudong1993's avatar liudong1993
Browse files
Options

1 跨公司代收代付

parent def1d8e3
Hide whitespace changes
Inline Side-by-side
Showing with 361 additions and 0 deletions
src/components/FinancialModule/accDetail/AccountNewCollectingOrPay.vue 0 → 100644
View file @ 1aefb22d
<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">
<el-form-item label="原公司">
<el-select filterable v-model='msg.RB_Branch_Id' class="">
<el-option v-for='item in CompanyList'
:label='item.BName'
: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.HelpBranchId' class="">
<el-option v-for='item in CompanyList'
:label='item.BName'
:value='item.Id'
:key='item.Id'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :label="$t('fnc.bzleixing')">
<el-select filterable v-model='msg.CurrencyId'>
<el-option key="0" value="0" :label="$t('pub.unlimitedSel')"></el-option>
<el-option v-for="item in currencyTypeList" :key="item.ID" :value="item.ID" :label="item.Name">
</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-col :span="4">
<span style="font-size: 12px;">*注：余额为正数表示原公司欠目标公司金额</span>
</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>{{$t('fnc.djleixing')}}</th>
<th width="440">关联单号(多单据表示合并审核)</th>
<th width="340">收/付款对象</th>
<th>币种</th>
<th>方向</th>
<th>本位币金额</th>
<th>代付</th>
<th>代收</th>
<th>余额</th>
</tr>
<tr>
<td :colspan="10">{{$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.TradeDate}}</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.RemitterName}}</td>
<td>{{item.CurrencyName}}</td>
<td>{{item.ImportType<=4?'正':'反'}}</td>
<td>{{ moneyFormat(item.Money) }}</td>
<td>{{ item.ImportType == 2 ||item.ImportType == 3 || item.ImportType == 6||item.ImportType == 7 ? moneyFormat(item.WBMoney) : '' }}</td>
<td>{{ item.ImportType == 1 ||item.ImportType == 4 || item.ImportType == 5||item.ImportType == 8 ? moneyFormat(item.WBMoney) : '' }}</td>
<td>{{ moneyFormat(item.RStartMoney) }}</td>
</tr>
<tr>
<td :colspan="8">{{$t('fnc.a_heji')}}（{{$t('hotel.hotel_totalRoom')}}{{ DataList.length }} {{$t('hotel.hotel_item')}}）</td>
<td>{{ OutMoney == 0 ? '-' : moneyFormat(OutMoney) }}</td>
<td>{{ InMoney == 0 ? '-' : moneyFormat(InMoney) }}</td>
<td>{{ moneyFormat(allMoney) }}</td>
</tr>
</table>
</div>
</div>
</template>
<script>
import moment from "moment"
export default {
data(){
return{
msg:{
CurrencyId:3,
RB_Branch_Id:0,
HelpBranchId:1218,
sTradeDate:'',
eTradeDate:'',
},
Type:1,
AccountId:'',
DataList:[],
StartMoney:0,
AccountTypeList:[],
AccList:[],
GetAccountType:[],
accountList:[],
productionDate:[],
CompanyList:[
{Id:0,BName:'成都'},
{Id:1218,BName:'日本'},
{Id:1220,BName:'台湾'},
{Id:1248,BName:'车行'}
],
currencyTypeList: [],
BranchAccountList: [],
loadingTable:false,
loading:false,
date:'',
accType:'',
tradeWay:1,
allMoney:0,
OutMoney:0,
InMoney:0,
InMoneyB: 0,
OutMoneyB: 0,
checkList:[],
count:0,
allBPrice:0,
allWPrice:0,
userInfo:{},
//是否全选
isCheckAll:false,
//是否显示全选框
isShowCheckAll:false,
}
},
created(){
this.userInfo = this.getLocalStorage();
this.financeinfo_post_GetList();
},methods:{
Export(){
let msg=this.msg;
msg.EmployeeId = this.userInfo.EmployeeId;
var fileName = "代收代付明细.xls";
this.GetLocalFile("Financial_post_GetNewCollectingOrPayToExcel", 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'} })
},
timeAdd(){ // 日期格式
if(!this.productionDate){
this.msg.sTradeDate = '';
this.msg.eTradeDate = '';
return
}
this.msg.sTradeDate = this.productionDate[0];
this.msg.eTradeDate = this.productionDate[1];
},
getList(){ //获取列
this.loadingTable = true;
this.apipost('Financial_post_GetNewCollectingOrPayPageList',this.msg,res=>{
if(res.data.resultCode==1){
this.StartMoney = res.data.data.InitialBalance;
this.allMoney = res.data.data.EndingBalance;
this.InMoney = res.data.data.CollectionTotal;
this.OutMoney = res.data.data.PayTotal;
this.DataList = res.data.data.List;
this.loadingTable = false;
}else{
this.loadingTable = true;
this.Error(res.data.message)
}
},err=>{})
},
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,
}
}
})
},
financeinfo_post_GetList() { // 币种类型
this.apipost('financeinfo_post_GetList', {
Name: ''
}, res => {
if (res.data.resultCode == 1) {
this.currencyTypeList = res.data.data;
} else {
}
}, err => {})
},
}
}
</script>
src/router/config.js
View file @ 1aefb22d
......@@ -3927,6 +3927,13 @@ export default {
meta: {
title: '账户流水明细'
},
}, { //财务 代收代付 明细
path: '/AccountNewCollectingOrPay',
name: 'AccountNewCollectingOrPay',
component: resolve => require(['@/components/FinancialModule/accDetail/AccountNewCollectingOrPay'], 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