Skip to content

S
SuperMan
Commit 76a4393d authored by qiaoyajun's avatar qiaoyajun
Browse files
Options

vuex添加客户

parent d231299a
Hide whitespace changes
Inline Side-by-side
Showing with 461 additions and 440 deletions
src/components/FinancialModule/addFinancialDocuments.vue
View file @ 76a4393d
......@@ -817,7 +817,7 @@ export default {
newArr.push(file.file)
let path = "/Upload/Temporary/"
this.$message.info(this.$t('tips.shangchuanzhong'))
this.UploadSelfFileT(path, newArr, x => {
this.UploadSelfFileT(path, newArr, x => {
let fileSize = file.file.size<1024? file.file.size:(file.file.size / 1024).toFixed(0);
this.saveMsg.push({
Content: x.data.FilePath,
......@@ -879,7 +879,7 @@ export default {
}).then(() => {
this.$router.push({ name:'addFinancialDocuments',query:{"id":this.$route.query.id,"Name":this.$route.query.Name,'InPay':this.$route.query.InPay,"Type":this.$route.query.Type,"orderObj":this.$route.query.orderObj,'IsUploadPic':this.$route.query.IsUploadPic,'companyID':this.$route.query.companyID}})
}).catch(() => {
this.$router.push({name:'FinancialDocuments',query:{'Type':this.$route.query.Type,'InPay':this.$route.query.InPay}}) ;
this.$router.push({name:'FinancialDocuments',query:{'Type':this.$route.query.Type,'InPay':this.$route.query.InPay}}) ;
});
}else{
this.resultCode = res.data.resultCode;
......@@ -1258,7 +1258,10 @@ export default {
},
},created(){
this.orderObj = this.$route.query.orderObj?JSON.parse(this.$route.query.orderObj):null;
console.log(this.$route.query.orderObj)
console.log(this.$route.query.orderObj)
if(this.orderObj!=null&&this.orderObj.OrderSource===10){
console.log("getGuestInfo",this.$store.getters.getGuestInfo)
}
},mounted(){
let userInfo = this.getLocalStorage();
this.department = userInfo.DepartName;
......
src/components/SalesModule/VisaFinancialDocuments.vue
View file @ 76a4393d
<style>
.page_SalesFinancialDetail{}
.page_SalesFinancialDetail p.sfd_tit {
border-left: 3px solid #E95252;
text-indent: 10px;
font-size: 16px;
line-height: 30px;
margin: 20px 0 10px 0;
}
.page_SalesFinancialDetail .sfd_nav{margin: 20px 0 0 0 ;}
.page_SalesFinancialDetail .sfd_nav li{float: left;font-size: 14px;color: #666666;padding: 15px 20px;cursor: pointer;position: relative;background-color: #f1f1f1;margin-right: 5px}
.page_SalesFinancialDetail .sfd_nav li._active{background-color:#FFFFFF;color: #333333 }
.page_SalesFinancialDetail .sfd_nav li._active::after{content: "";width: 20px;height: 3px;background-color: #E95252;display: inline-block;position: absolute;bottom: 0;left: 38%;}
.page_SalesFinancialDetail p.sfd_tit input{
float: right
}
.page_SalesFinancialDetail .sfd_header{
position: relative;
width: 100%;
margin-bottom: 15px;
}
.page_SalesFinancialDetail .sfd_header input{
position: absolute;
right: 0;
bottom: 0;
}
.page_SalesFinancialDetail .sfd_header>ul {
background-color: white;
padding: 15px;
border-radius: 4px;
width: 800px;
}
.page_SalesFinancialDetail .sfd_header>ul>li {
float: left;
width: 33%;
padding: 5px 0;
min-height: 31px;
}
.page_SalesFinancialDetail .sfd_header>ul>li>span {
font-size: 14px;
color: #666;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable {
background: #eee;
width: 100%;
margin-bottom: 30px;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable th {
background: #D1D1D1;
font-weight: normal !important;
font-size: 14px;
height: 30px;
color: #333;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable td {
background: #fff;
height: 36px;
text-align: center;
font-size: 12px;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable td:first-child span {
text-decoration: underline;
cursor: pointer;
}
.page_SalesFinancialDetail td.noDataNotice p.iconfont {
font-size: 120px;
color: #ccc;
}
.page_SalesFinancialDetail td.noDataNotice p.text{
color: #999;
margin-bottom: 20px;
}
.page_SalesFinancialDetail .color_red{
color: #e95252 !important;
}
.page_SalesFinancialDetail .sfd_header>ul:nth-child(1){
padding-bottom: 0;
}
.page_SalesFinancialDetail .sfd_header>ul:nth-child(2){
padding-top: 0;
}
</style>
<template>
<div class="page_SalesFinancialDetail">
<!-- <ul class="sfd_nav clearfix">
<li :class="activeTab===1?'_active':''" @click="activeTab=1,getList(1)">收款单</li>
<li :class="activeTab===2?'_active':''" @click="activeTab=2,getList(2)">付款单</li>
</ul> -->
<div v-loading="loading">
<div class="sfd_header">
<ul class="clearfix">
<li><span>团队编号：</span>{{TCNUM}}</li>
<!-- <li><span>订单号：</span>{{orderId}}</li> -->
<li> </li>
<li><span>已收总金额：</span>{{moneyFormat(allMoney)}}</li>
<li><span>已审金额：</span>{{moneyFormat(shiMoney)}}</li>
<li><span>待审金额：</span><span :class="{color_red:(allMoney-shiMoney)!==allMoney}">{{moneyFormat(allMoney-shiMoney)}}</span></li>
</ul>
<ul class="clearfix fukuan">
<li><span>应付总金额：</span>{{moneyFormat(allMoneyP)}}</li>
<li><span>已审金额：</span>{{moneyFormat(shiMoneyP)}}</li>
<li><span>待审金额：</span><span :class="{color_red:(allMoneyP-shiMoneyP)!==allMoneyP}">{{moneyFormat(allMoneyP-shiMoneyP)}}</span></li>
</ul>
</div>
<p class="sfd_tit clearfix">收款单 <input type="button" value="增加财务单据" class="normalBtn" @click="addFinancialOrder(1)"></p>
<table border="0" cellspacing="1" cellpadding="0" class="teamRevenueExpenditureTable">
<tr>
<th width="100">单号</th>
<th width="200">费用类型</th>
<th width="350">交易方式</th>
<th width="100">同行转款</th>
<th width="100">应收</th>
<th width="100">实收</th>
<th width="100">平台税金</th>
<th width="150">交易日期</th>
<th width="100">制单人员</th>
<th width="120">当前状态</th>
</tr>
<tr v-for="(item, index) in dataList">
<td width="100" @click="goUrl('财务单据','FinancialDocumentsDetail',item.FrID)"><span>{{item.FrID}}</span></th>
<td width="">
<template v-for="(s,si) in item.CostTypeList">
<span style="background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #646464;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;margin-right: 4px;">{{s}}</span>
</template>
</td>
<td width="">
<template v-if="item.TradeWayList&&item.TradeWayList.length>0">
<div class="_TradeWayList" v-for="(tw,twIn) in item.TradeWayList" style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 5px auto;width:230px">
<p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name" style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px">{{item.TradeWayList[0].TypeName}}</span><span style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;" :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?'无':tw.AccountType}}</span> </p>
<p style="color:#333333">{{tw.BankNo}}</p>
</div>
</template>
<template v-else>
<div class="_pad5">
无
</div>
</template>
</td>
<td width="">
<p style="line-height:20px"><span>{{moneyFormat(item.PreferPrice)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.Money)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.PayMoney)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.Fee)}}</span></p>
</td>
<td width="">{{item.TradeDate}}</td>
<td width="">{{item.EmName}}</td>
<td width="">
<i v-if="item.Status==1" class="iconfont icon-daiqueren" style="color: #4BCA81"></i>
<i v-if="item.Status==4" class="iconfont icon-yiquxiao" style="color: #4BCA81"></i>
<i v-if="item.Status==2" class="iconfont icon-yiqueren" style="color: #959595"></i>
<i v-if="item.Status==3" class="iconfont icon-shenhebohui" style="color: #E95252"></i>
<i v-if="item.Status==0" class="iconfont icon-zancun" style="color: #FF9C01"></i>
<el-popover
popper-class="detailsIT_Journal"
width="250"
trigger="click">
<div style="height: auto;max-height: 220px;background-color: #FFFFFF;">
<div class="changLog">
<p class="_log_t">流程日志</p>
<ul style="padding-left: 20px;max-height: 180px;overflow: auto;" v-if="GetFinancLogList" v-loading='LogLoading'>
<li style="border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;" v-for="(log,li) in GetFinancLogList">
<span style="background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;"></span>
<p> <span class="_color_blue">{{log.EmName}}</span> <span class="fr changLog_time">{{log.UpdateDate}}</span> </p>
<p class="_dtel">{{log.StartValue}}</p>
</li>
</ul>
<ul v-else>
<li>暂无修改日志</li>
</ul>
</div>
</div>
<span slot="reference" style="cursor: pointer;" @click="Financial_post_GetFinancLogList(item.FrID)">{{item.StatusStr}}</span>
</el-popover>
</td>
</tr>
<tr v-if="dataList.length===0">
<td colspan="10" class="noDataNotice">
<div>
<p class="iconfont icon-kong"></p>
<p class="text">{{`暂无数据`}}</p>
</div>
</td>
</tr>
</table>
<p class="sfd_tit clearfix">付款单 <input type="button" value="增加财务单据" class="normalBtn" @click="addFinancialOrder(2)"></p>
<table border="0" cellspacing="1" cellpadding="0" class="teamRevenueExpenditureTable">
<tr>
<th width="100">单号</th>
<th width="200">费用类型</th>
<th width="350">交易方式</th>
<th width="100">同行转款</th>
<th width="100">应付</th>
<th width="100">实付</th>
<th width="100">平台税金</th>
<th width="150">交易日期</th>
<th width="100">制单人员</th>
<th width="120">当前状态</th>
</tr>
<tr v-for="(item, index) in dataListP">
<td width="100" @click="goUrl('财务单据','FinancialDocumentsDetail',item.FrID)"><span>{{item.FrID}}</span></th>
<td width="">
<template v-for="(s,si) in item.CostTypeList">
<span style="background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #646464;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;margin-right: 4px;">{{s}}</span>
</template>
</td>
<td width="">
<template v-if="item.TradeWayList&&item.TradeWayList.length>0">
<div class="_TradeWayList" v-for="(tw,twIn) in item.TradeWayList" style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 5px auto;width:230px">
<p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name" style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px">{{item.TradeWayList[0].TypeName}}</span><span style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;" :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?'无':tw.AccountType}}</span> </p>
<p style="color:#333333">{{tw.BankNo}}</p>
</div>
</template>
<template v-else>
<div class="_pad5">
无
</div>
</template>
</td>
<td width="">
<p style="line-height:20px"><span>{{moneyFormat(item.PreferPrice)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.Money)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.PayMoney)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.Fee)}}</span></p>
</td>
<td width="">{{item.TradeDate}}</td>
<td width="">{{item.EmName}}</td>
<td width="">
<i v-if="item.Status==1" class="iconfont icon-daiqueren" style="color: #4BCA81"></i>
<i v-if="item.Status==4" class="iconfont icon-yiquxiao" style="color: #4BCA81"></i>
<i v-if="item.Status==2" class="iconfont icon-yiqueren" style="color: #959595"></i>
<i v-if="item.Status==3" class="iconfont icon-shenhebohui" style="color: #E95252"></i>
<i v-if="item.Status==0" class="iconfont icon-zancun" style="color: #FF9C01"></i>
<el-popover
popper-class="detailsIT_Journal"
width="250"
trigger="click">
<div style="height: auto;max-height: 220px;background-color: #FFFFFF;">
<div class="changLog">
<p class="_log_t">流程日志</p>
<ul style="padding-left: 20px;max-height: 180px;overflow: auto;" v-if="GetFinancLogList" v-loading='LogLoading'>
<li style="border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;" v-for="(log,li) in GetFinancLogList">
<span style="background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;"></span>
<p> <span class="_color_blue">{{log.EmName}}</span> <span class="fr changLog_time">{{log.UpdateDate}}</span> </p>
<p class="_dtel">{{log.StartValue}}</p>
</li>
</ul>
<ul v-else>
<li>暂无修改日志</li>
</ul>
</div>
</div>
<span slot="reference" style="cursor: pointer;" @click="Financial_post_GetFinancLogList(item.FrID)">{{item.StatusStr}}</span>
</el-popover>
</td>
</tr>
<tr v-if="dataListP.length===0">
<td colspan="10" class="noDataNotice">
<div>
<p class="iconfont icon-kong"></p>
<p class="text">{{`暂无数据`}}</p>
</div>
</td>
</tr>
</table>
</div>
</div>
</template>
<script>
export default {
data() {
return {
orderId: 0,
dataList: [],
dataListP: [],
loading: true,
noData: true,
activeTab: 1,
tcnum: '',
msg:{
pageIndex: 1,
pageSize: 999,
FrID: '',
sDate: '',
eDate: '',
Status: '-1',
TemplateId: '0',
RB_Branch_Id: '',
RB_Depart_Id: '',
sTradeDate: '',
eTradeDate: '',
ClientType: '',
RemitterName: '',
ClientID: '',
sMoney: '',
eMoney: '',
CurrencyId: '0',
CostTypeID: '',
Conditon: '',
TCID: '',
TradeWay: '0',
Type: '-1',
AccountType: '',
QEndDate: '',
QStartDate: '',
UpdateBy: '',
Sort: '2',
EmployeeId: '',
IsNotCancelFinance: 1,
IsSellOrderForm:1
},
GetFinancLogList: [],
LogLoading: true,
allMoney: 0,
shiMoney: 0,
allMoneyP: 0,
shiMoneyP: 0,
userId: null,
item: {},
tcid:0,
OutBranchId:0,
TCNUM:0,
}
}, methods: {
Financial_post_GetFinancLogList: function(id){ // 获取单据日志
if (this.checkboxShow) return
this.LogLoading = true;
this.apipost('Financial_post_GetFinancLogList',{ID: id, Type: 2}, res => {
if (res.data.resultCode == 1) {
let data = res.data.data;
data.forEach(x=>{
x.UpdateDate = this.$commonUtils.formatMsgTime(x.UpdateDate)
})
this.LogLoading = false;
this.GetFinancLogList = data;
}
},null)
},
goUrl: function (name, path, id ) {
this.$router.push({ name: path, query: { id: id, blank: 'y', tab: name} });
},
getList: function () {
this.dataList=[];
this.dataListP=[];
this.loading = true;
this.apipost('Financial_post_GetPriceVisaFinanceList',{tcid:this.tcid}, res=>{
this.loading = false;
if (res.data.resultCode == 1) {
let data = res.data.data.list;
this.allMoney = 0;
this.shiMoney = 0;
// 收款单据，type==1
data.forEach(x=>{
if(x.Type==1){
this.dataList.push(x)
}else{
this.dataListP.push(x)
}
})
this.dataList.forEach(x=>{
this.allMoney += x.PreferPrice
if(x.PayMoney>0){
this.shiMoney += (x.PayMoney+x.Fee)
}
})
this.dataListP.forEach(x=>{
this.allMoneyP += x.PreferPrice
if(x.PayMoney>0){
this.shiMoneyP += (x.PayMoney+x.Fee)
}
})
} else {
this.$message.error(res.data.message);
}
}, null)
},
addFinancialOrder: function (type) { // 新增单据方法
let TCIDARR = [this.tcid];
let orderObj = {
OrderID: 0,
OrderSource: 10,
Obj: {},
SourceID: 0,
TCIDList: TCIDARR
}
if (type === 1) {
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query:{
"Type": 1,
"companyID": this.outBranchId,
"path": "",
'blank': 'y',
'orderObj': JSON.stringify(orderObj)
}
});
} else if (type === 2) {
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query:{
"Type": 2,
"companyID": this.outBranchId,
"path": "",
'blank': 'y',
'orderObj': JSON.stringify(orderObj)
}
});
}
},
}, mounted() {
this.userId = this.getLocalStorage().EmployeeId;
this.tcid= this.$route.query.TCID;
this.OutBranchId=this.$route.query.OutBranchId;
this.TCNUM=this.$route.query.TCNUM;
this.getList()
}
}
</script>
<style>
.page_SalesFinancialDetail{}
.page_SalesFinancialDetail p.sfd_tit {
border-left: 3px solid #E95252;
text-indent: 10px;
font-size: 16px;
line-height: 30px;
margin: 20px 0 10px 0;
}
.page_SalesFinancialDetail .sfd_nav{margin: 20px 0 0 0 ;}
.page_SalesFinancialDetail .sfd_nav li{float: left;font-size: 14px;color: #666666;padding: 15px 20px;cursor: pointer;position: relative;background-color: #f1f1f1;margin-right: 5px}
.page_SalesFinancialDetail .sfd_nav li._active{background-color:#FFFFFF;color: #333333 }
.page_SalesFinancialDetail .sfd_nav li._active::after{content: "";width: 20px;height: 3px;background-color: #E95252;display: inline-block;position: absolute;bottom: 0;left: 38%;}
.page_SalesFinancialDetail p.sfd_tit input{
float: right
}
.page_SalesFinancialDetail .sfd_header{
position: relative;
width: 100%;
margin-bottom: 15px;
}
.page_SalesFinancialDetail .sfd_header input{
position: absolute;
right: 0;
bottom: 0;
}
.page_SalesFinancialDetail .sfd_header>ul {
background-color: white;
padding: 15px;
border-radius: 4px;
width: 800px;
}
.page_SalesFinancialDetail .sfd_header>ul>li {
float: left;
width: 33%;
padding: 5px 0;
min-height: 31px;
}
.page_SalesFinancialDetail .sfd_header>ul>li>span {
font-size: 14px;
color: #666;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable {
background: #eee;
width: 100%;
margin-bottom: 30px;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable th {
background: #D1D1D1;
font-weight: normal !important;
font-size: 14px;
height: 30px;
color: #333;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable td {
background: #fff;
height: 36px;
text-align: center;
font-size: 12px;
}
.page_SalesFinancialDetail table.teamRevenueExpenditureTable td:first-child span {
text-decoration: underline;
cursor: pointer;
}
.page_SalesFinancialDetail td.noDataNotice p.iconfont {
font-size: 120px;
color: #ccc;
}
.page_SalesFinancialDetail td.noDataNotice p.text{
color: #999;
margin-bottom: 20px;
}
.page_SalesFinancialDetail .color_red{
color: #e95252 !important;
}
.page_SalesFinancialDetail .sfd_header>ul:nth-child(1){
padding-bottom: 0;
}
.page_SalesFinancialDetail .sfd_header>ul:nth-child(2){
padding-top: 0;
}
</style>
<template>
<div class="page_SalesFinancialDetail">
<!-- <ul class="sfd_nav clearfix">
<li :class="activeTab===1?'_active':''" @click="activeTab=1,getList(1)">收款单</li>
<li :class="activeTab===2?'_active':''" @click="activeTab=2,getList(2)">付款单</li>
</ul> -->
<div v-loading="loading">
<div class="sfd_header">
<ul class="clearfix">
<li><span>团队编号：</span>{{TCNUM}}</li>
<!-- <li><span>订单号：</span>{{orderId}}</li> -->
<li> </li>
<li><span>已收总金额：</span>{{moneyFormat(allMoney)}}</li>
<li><span>已审金额：</span>{{moneyFormat(shiMoney)}}</li>
<li><span>待审金额：</span><span :class="{color_red:(allMoney-shiMoney)!==allMoney}">{{moneyFormat(allMoney-shiMoney)}}</span></li>
</ul>
<ul class="clearfix fukuan">
<li><span>应付总金额：</span>{{moneyFormat(allMoneyP)}}</li>
<li><span>已审金额：</span>{{moneyFormat(shiMoneyP)}}</li>
<li><span>待审金额：</span><span :class="{color_red:(allMoneyP-shiMoneyP)!==allMoneyP}">{{moneyFormat(allMoneyP-shiMoneyP)}}</span></li>
</ul>
</div>
<p class="sfd_tit clearfix">收款单 <input type="button" value="增加财务单据" class="normalBtn" @click="addFinancialOrder(1)"></p>
<table border="0" cellspacing="1" cellpadding="0" class="teamRevenueExpenditureTable">
<tr>
<th width="100">单号</th>
<th width="200">费用类型</th>
<th width="350">交易方式</th>
<th width="100">同行转款</th>
<th width="100">应收</th>
<th width="100">实收</th>
<th width="100">平台税金</th>
<th width="150">交易日期</th>
<th width="100">制单人员</th>
<th width="120">当前状态</th>
</tr>
<tr v-for="(item, index) in dataList">
<td width="100" @click="goUrl('财务单据','FinancialDocumentsDetail',item.FrID)"><span>{{item.FrID}}</span></th>
<td width="">
<template v-for="(s,si) in item.CostTypeList">
<span style="background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #646464;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;margin-right: 4px;">{{s}}</span>
</template>
</td>
<td width="">
<template v-if="item.TradeWayList&&item.TradeWayList.length>0">
<div class="_TradeWayList" v-for="(tw,twIn) in item.TradeWayList" style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 5px auto;width:230px">
<p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name" style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px">{{item.TradeWayList[0].TypeName}}</span><span style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;" :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?'无':tw.AccountType}}</span> </p>
<p style="color:#333333">{{tw.BankNo}}</p>
</div>
</template>
<template v-else>
<div class="_pad5">
无
</div>
</template>
</td>
<td width="">
<p style="line-height:20px"><span>{{moneyFormat(item.PreferPrice)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.Money)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.PayMoney)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.Fee)}}</span></p>
</td>
<td width="">{{item.TradeDate}}</td>
<td width="">{{item.EmName}}</td>
<td width="">
<i v-if="item.Status==1" class="iconfont icon-daiqueren" style="color: #4BCA81"></i>
<i v-if="item.Status==4" class="iconfont icon-yiquxiao" style="color: #4BCA81"></i>
<i v-if="item.Status==2" class="iconfont icon-yiqueren" style="color: #959595"></i>
<i v-if="item.Status==3" class="iconfont icon-shenhebohui" style="color: #E95252"></i>
<i v-if="item.Status==0" class="iconfont icon-zancun" style="color: #FF9C01"></i>
<el-popover
popper-class="detailsIT_Journal"
width="250"
trigger="click">
<div style="height: auto;max-height: 220px;background-color: #FFFFFF;">
<div class="changLog">
<p class="_log_t">流程日志</p>
<ul style="padding-left: 20px;max-height: 180px;overflow: auto;" v-if="GetFinancLogList" v-loading='LogLoading'>
<li style="border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;" v-for="(log,li) in GetFinancLogList">
<span style="background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;"></span>
<p> <span class="_color_blue">{{log.EmName}}</span> <span class="fr changLog_time">{{log.UpdateDate}}</span> </p>
<p class="_dtel">{{log.StartValue}}</p>
</li>
</ul>
<ul v-else>
<li>暂无修改日志</li>
</ul>
</div>
</div>
<span slot="reference" style="cursor: pointer;" @click="Financial_post_GetFinancLogList(item.FrID)">{{item.StatusStr}}</span>
</el-popover>
</td>
</tr>
<tr v-if="dataList.length===0">
<td colspan="10" class="noDataNotice">
<div>
<p class="iconfont icon-kong"></p>
<p class="text">{{`暂无数据`}}</p>
</div>
</td>
</tr>
</table>
<p class="sfd_tit clearfix">付款单 <input type="button" value="增加财务单据" class="normalBtn" @click="addFinancialOrder(2)"></p>
<table border="0" cellspacing="1" cellpadding="0" class="teamRevenueExpenditureTable">
<tr>
<th width="100">单号</th>
<th width="200">费用类型</th>
<th width="350">交易方式</th>
<th width="100">同行转款</th>
<th width="100">应付</th>
<th width="100">实付</th>
<th width="100">平台税金</th>
<th width="150">交易日期</th>
<th width="100">制单人员</th>
<th width="120">当前状态</th>
</tr>
<tr v-for="(item, index) in dataListP">
<td width="100" @click="goUrl('财务单据','FinancialDocumentsDetail',item.FrID)"><span>{{item.FrID}}</span></th>
<td width="">
<template v-for="(s,si) in item.CostTypeList">
<span style="background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #646464;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;margin-right: 4px;">{{s}}</span>
</template>
</td>
<td width="">
<template v-if="item.TradeWayList&&item.TradeWayList.length>0">
<div class="_TradeWayList" v-for="(tw,twIn) in item.TradeWayList" style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 5px auto;width:230px">
<p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name" style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px">{{item.TradeWayList[0].TypeName}}</span><span style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;" :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?'无':tw.AccountType}}</span> </p>
<p style="color:#333333">{{tw.BankNo}}</p>
</div>
</template>
<template v-else>
<div class="_pad5">
无
</div>
</template>
</td>
<td width="">
<p style="line-height:20px"><span>{{moneyFormat(item.PreferPrice)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.Money)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.PayMoney)}}</span></p>
</td>
<td>
<p style="line-height:20px"><span>{{moneyFormat(item.Fee)}}</span></p>
</td>
<td width="">{{item.TradeDate}}</td>
<td width="">{{item.EmName}}</td>
<td width="">
<i v-if="item.Status==1" class="iconfont icon-daiqueren" style="color: #4BCA81"></i>
<i v-if="item.Status==4" class="iconfont icon-yiquxiao" style="color: #4BCA81"></i>
<i v-if="item.Status==2" class="iconfont icon-yiqueren" style="color: #959595"></i>
<i v-if="item.Status==3" class="iconfont icon-shenhebohui" style="color: #E95252"></i>
<i v-if="item.Status==0" class="iconfont icon-zancun" style="color: #FF9C01"></i>
<el-popover
popper-class="detailsIT_Journal"
width="250"
trigger="click">
<div style="height: auto;max-height: 220px;background-color: #FFFFFF;">
<div class="changLog">
<p class="_log_t">流程日志</p>
<ul style="padding-left: 20px;max-height: 180px;overflow: auto;" v-if="GetFinancLogList" v-loading='LogLoading'>
<li style="border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;" v-for="(log,li) in GetFinancLogList">
<span style="background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;"></span>
<p> <span class="_color_blue">{{log.EmName}}</span> <span class="fr changLog_time">{{log.UpdateDate}}</span> </p>
<p class="_dtel">{{log.StartValue}}</p>
</li>
</ul>
<ul v-else>
<li>暂无修改日志</li>
</ul>
</div>
</div>
<span slot="reference" style="cursor: pointer;" @click="Financial_post_GetFinancLogList(item.FrID)">{{item.StatusStr}}</span>
</el-popover>
</td>
</tr>
<tr v-if="dataListP.length===0">
<td colspan="10" class="noDataNotice">
<div>
<p class="iconfont icon-kong"></p>
<p class="text">{{`暂无数据`}}</p>
</div>
</td>
</tr>
</table>
</div>
</div>
</template>
<script>
export default {
data() {
return {
orderId: 0,
dataList: [],
dataListP: [],
loading: true,
noData: true,
activeTab: 1,
tcnum: '',
msg:{
pageIndex: 1,
pageSize: 999,
FrID: '',
sDate: '',
eDate: '',
Status: '-1',
TemplateId: '0',
RB_Branch_Id: '',
RB_Depart_Id: '',
sTradeDate: '',
eTradeDate: '',
ClientType: '',
RemitterName: '',
ClientID: '',
sMoney: '',
eMoney: '',
CurrencyId: '0',
CostTypeID: '',
Conditon: '',
TCID: '',
TradeWay: '0',
Type: '-1',
AccountType: '',
QEndDate: '',
QStartDate: '',
UpdateBy: '',
Sort: '2',
EmployeeId: '',
IsNotCancelFinance: 1,
IsSellOrderForm:1
},
GetFinancLogList: [],
LogLoading: true,
allMoney: 0,
shiMoney: 0,
allMoneyP: 0,
shiMoneyP: 0,
userId: null,
item: {},
tcid:0,
OutBranchId:0,
TCNUM:0,
}
}, methods: {
Financial_post_GetFinancLogList: function(id){ // 获取单据日志
if (this.checkboxShow) return
this.LogLoading = true;
this.apipost('Financial_post_GetFinancLogList',{ID: id, Type: 2}, res => {
if (res.data.resultCode == 1) {
let data = res.data.data;
data.forEach(x=>{
x.UpdateDate = this.$commonUtils.formatMsgTime(x.UpdateDate)
})
this.LogLoading = false;
this.GetFinancLogList = data;
}
},null)
},
goUrl: function (name, path, id ) {
this.$router.push({ name: path, query: { id: id, blank: 'y', tab: name} });
},
getList: function () {
this.dataList=[];
this.dataListP=[];
this.loading = true;
this.apipost('Financial_post_GetPriceVisaFinanceList',{tcid:this.tcid}, res=>{
this.loading = false;
if (res.data.resultCode == 1) {
let data = res.data.data.list;
this.allMoney = 0;
this.shiMoney = 0;
// 收款单据，type==1
data.forEach(x=>{
if(x.Type==1){
this.dataList.push(x)
}else{
this.dataListP.push(x)
}
})
this.dataList.forEach(x=>{
this.allMoney += x.PreferPrice
if(x.PayMoney>0){
this.shiMoney += (x.PayMoney+x.Fee)
}
})
this.dataListP.forEach(x=>{
this.allMoneyP += x.PreferPrice
if(x.PayMoney>0){
this.shiMoneyP += (x.PayMoney+x.Fee)
}
})
} else {
this.$message.error(res.data.message);
}
}, null)
},
addFinancialOrder: function (type) { // 新增单据方法
let userInfo =[{name:"132",age:11},{name:"1321",age:222}]
this.$store.commit('saveGuestInfo',userInfo)
console.log("getGuestInfo",this.$store.getters.getGuestInfo)
let TCIDARR = [this.tcid];
let orderObj = {
OrderID: 0,
OrderSource: 10,
Obj: {},
SourceID: 0,
TCIDList: TCIDARR
}
if (type === 1) {
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query:{
"Type": 1,
"companyID": this.outBranchId,
"path": "",
'blank': 'y',
'orderObj': JSON.stringify(orderObj)
}
});
} else if (type === 2) {
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query:{
"Type": 2,
"companyID": this.outBranchId,
"path": "",
'blank': 'y',
'orderObj': JSON.stringify(orderObj)
}
});
}
},
}, mounted() {
this.userId = this.getLocalStorage().EmployeeId;
this.tcid= this.$route.query.TCID;
this.OutBranchId=this.$route.query.OutBranchId;
this.TCNUM=this.$route.query.TCNUM;
this.getList()
}
}
</script>
src/store/getters.js 0 → 100644
View file @ 76a4393d
/* 获取数据 */
export default {
getGuestInfo(state) {
return state.guestInfo;
}
}
src/store/index.js
View file @ 76a4393d
......@@ -5,6 +5,7 @@ import modules from './modules'
import mutations from './mutations'
import actions from './actions'
import state from './state'
import getters from './getters'
Vue.use(Vuex)
export default new Vuex.Store({
......@@ -15,6 +16,8 @@ export default new Vuex.Store({
mutations,
// 与mutation通讯，ui层写入内存数据的接口，可异步操作
actions,
// 获取数据
getters,
plugins: [],
strict: false
})
src/store/mutations/index.js
View file @ 76a4393d
......@@ -521,7 +521,7 @@ export default {
state.currReceiptQueryTeamId = obj.teamId
}
var needQuery = obj.msgs
.filter(msg =>
.filter(msg =>
msg.needMsgReceipt && msg.from === state.myInfo.account && !state.receiptQueryList.find(item => item.idServer === msg.idServer)
)
.map(msg => {
......@@ -562,6 +562,9 @@ export default {
// 页面数据暂存
pageConditionUpdate(state, obj) {
state.pageCondition = obj
},
// 客户数据暂存
saveGuestInfo(state, guestInfo) {
state.guestInfo = guestInfo;
}
}
src/store/state.js
View file @ 76a4393d
......@@ -86,5 +86,7 @@ export default {
// 聊天室成员列表
currChatroomMembers: [],
// 页面数据暂存
pageCondition: null
pageCondition: null,
// 客户信息
guestInfo: []
}
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