Skip to content

S
SuperMan
Commit 57bf8d2e authored by liudong1993's avatar liudong1993
Browse files
Options

1

parent 57654050
Hide whitespace changes
Inline Side-by-side
Showing with 262 additions and 0 deletions
src/components/FinancialModule/MonthlyCostStatement/exchangedifference.vue 0 → 100644
View file @ 57bf8d2e
<style scoped>
/deep/.el-table th.el-table__cell {
background-color: #E6E6E6;
}
</style>
<template>
<div class="page_fnDm page_RecPayQuery" @keyup.enter="resetPageIndex()">
<div class="query-box" style="margin-bottom: 0px;">
<el-form class="_info_box clearfix" label-width="110px">
<el-row style="padding:15px 20px 0 0;">
<el-col :span="3">
<el-form-item :label="$t('fnc.danhao')">
<el-input placeholder="" class="" v-model="msg.FrID" @keyup.native="checkInteger(msg,'FrID')"
maxlength="8"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item :label="$t('fnc.jiaoyiriqi')">
<el-date-picker class="h34" v-model="missionDate" @change="timeAdd(4)" 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">
<button class="hollowFixedBtn" @click="resetPageIndex()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" @click="method5()">{{$t('visa.v_daochu')}}</button>
</li>
</ul>
</div>
<div style="display: flex;flex-wrap: nowrap; padding: 10px;">
<div style="display: flex;flex-wrap: wrap;">
<span>换算本位币 = 已冲抵/结算原币 * 主单汇率； 汇差 = 已冲抵/结算本位币 - 换算本位币；</span>
</div>
</div>
<div class="_fnDm_content" v-loading='loading'>
<el-table ref="multipleTable" :data="DataList" tooltip-effect="dark" style="width: 100%" row-key="FrID">
<el-table-column :label="$t('fnc.danhao')" width="100">
<template slot-scope="scope">
<span style="cursor: pointer;color: #00C6FF;"
@click="openDetails(scope.row.FrID)">{{ scope.row.FrID }}</span>
</template>
</el-table-column>
<el-table-column prop="name" label="公司别" width="100">
<template slot-scope="scope">
{{scope.row.RB_BranchName}}
</template>
</el-table-column>
<el-table-column prop="name" :label="$t('fnc.djleixing')" width="100">
<template slot-scope="scope">
{{(scope.row.ImportType==1?'预付':'月结')}}
</template>
</el-table-column>
<el-table-column prop="" :label="$t('fnc.feiyongleixing')" show-overflow-tooltip width="120">
<template slot-scope="scope">
<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;">{{scope.row.CostTypeIdStr}}</span></br>
</template>
</el-table-column>
<el-table-column prop="" :label="$t('fnc.fkduixiang')" show-overflow-tooltip>
<template slot-scope="scope">
<span>{{scope.row.RemitterName}}</span>
</template>
</el-table-column>
<el-table-column prop="" :label="$t('fnc.jiaoyiriqi')" show-overflow-tooltip width="100">
<template slot-scope="scope">
<div>{{scope.row.TradeDate}}</div>
</template>
</el-table-column>
<el-table-column prop="" :label="$t('objFill.originalamount')" show-overflow-tooltip width="150">
<template slot-scope="scope">
{{scope.row.WBMoney}}/{{scope.row.CurrencyName}}
</template>
</el-table-column>
<el-table-column prop="" label="已冲抵/结算原币" show-overflow-tooltip width="150">
<template slot-scope="scope">
{{scope.row.ReceiptWBMoney}}
</template>
</el-table-column>
<el-table-column prop="" label="已冲抵/结算本位币" show-overflow-tooltip width="150">
<template slot-scope="scope">
{{scope.row.ReceiptMoney}}
</template>
</el-table-column>
<el-table-column prop="" label="主单汇率" show-overflow-tooltip width="150">
<template slot-scope="scope">
{{scope.row.Rate}}
</template>
</el-table-column>
<el-table-column prop="" label="换算本位币" show-overflow-tooltip width="150">
<template slot-scope="scope">
{{scope.row.Money}}
</template>
</el-table-column>
<el-table-column prop="" label="汇差" show-overflow-tooltip width="150">
<template slot-scope="scope">
{{scope.row.InvoiceMoney}}
</template>
</el-table-column>
<el-table-column prop="" :label="$t('fnc.zdrenyuan')" show-overflow-tooltip width="130">
<template slot-scope="scope">
<div>{{scope.row.CreateBy}}</div>
<div>{{scope.row.CreateDate}}</div>
</template>
</el-table-column>
</el-table>
<div style="padding-bottom:15px">
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChanges"
layout="total,sizes,prev, pager, next, jumper" :page-sizes="[8,20,50,70,100,200]" :page-size="msg.pageSize"
:current-page.sync="currentPage" :total='total'>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import Vue from 'vue'
export default {
data() {
return {
msg: {
pageIndex: 1,
pageSize: 8,
FrID: '',
sTradeDate: '',
eTradeDate: '',
EmployeeId: '',
},
DataList: [],
missionDate: [],
loading: false,
currentPage: 1,
total: 0,
}
},
created() {
if (this.$route.query.pageIndex) {
this.msg.pageIndex = this.$route.query.pageIndex;
}
if (this.$route.query.FrID) {
this.msg.FrID = this.$route.query.FrID;
}
let sDate = this.FormartDate(new Date(this.getBeforeDate(1)));
let eDate = this.FormartDate(new Date(this.getBeforeDate(0)));
var now = new Date();
var firstDay = new Date(now.getFullYear()-1, now.getMonth(), 1)
sDate = this.FormartDate(firstDay);
this.missionDate = [sDate, eDate];
this.msg.sTradeDate = sDate;
this.msg.eTradeDate = eDate;
},
mounted() {
let userInfo = this.getLocalStorage();
this.msg.EmployeeId = userInfo.EmployeeId;
this.msg.FrID = this.$route.query.FrID ? this.$route.query.FrID : 0
this.getPageList();
},
methods: {
// 单据详情
openDetails(FrID) {
let query = {
id: FrID,
blank: "y",
};
this.$router.push({
path: "/FinancialDocumentsDetail",
query
});
},
handleSizeChange(val) {
this.msg.pageSize = val
this.msg.pageIndex = 1;
this.getPageList();
},
handleCurrentChanges(val) {
this.msg.pageIndex = val;
this.getPageList();
},
getPageList() { // 获取列表数据
this.loading = true;
if (!this.msg.FrID) this.msg.FrID = 0;
this.apipost('Financial_post_GetAdvanceMonthlyExchangePageList', this.msg, res => {
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
if (this.total == 0) {
this.DataList = [];
} else {
this.DataList = res.data.data.pageData;
}
this.loading = false;
} else {
this.loading = false;
this.$message.error(res.data.message);
}
this.currentPage = parseInt(this.msg.pageIndex);
}, err => {})
},
method5: function () {
if (!this.msg.FrID) this.msg.FrID = 0;
let time = this.getBeforeDate(0, new Date().Format("yyyy-MM-dd"))
var fileName = `月结汇差${time}.xls`;
this.GetLocalFile("Financial_post_GetAdvanceMonthlyExchangePageListToExcel", this.msg, fileName);
},
timeAdd(t) { // 日期格式
if (t == 1) { //制单日期
if (!this.productionDate) {
this.msg.sDate = '';
this.msg.eDate = '';
return
}
this.msg.sDate = this.productionDate[0];
this.msg.eDate = this.productionDate[1];
}
if (t == 4) { //交易日期
if (!this.missionDate) {
this.msg.sTradeDate = '';
this.msg.eTradeDate = '';
return
}
this.msg.sTradeDate = this.missionDate[0];
this.msg.eTradeDate = this.missionDate[1];
}
},
queryInfoInit() { // 初始化msg
let msg = {
pageIndex: this.msg.pageIndex,
pageSize: 6,
FrID: this.msg.FrID == 0 ? '' : this.msg.FrID,
sTradeDate: this.msg.sTradeDate,
eTradeDate: this.msg.eTradeDate,
}
this.msg = msg;
},
handleCurrentChange(val) { //翻页
this.msg.pageIndex = val;
this.getPageList();
},
resetPageIndex() { // 重置页码
this.msg.pageIndex = 1;
this.currentPage = 1;
this.getPageList()
},
}
}
</script>
src/router/config.js
View file @ 57bf8d2e
......@@ -4288,6 +4288,14 @@ export default {
title: '台湾结算查询'
},
},
{ //财务 月结 汇差查询
path: '/ExchangeDifference',
name: 'ExchangeDifference',
component: resolve => require(['@/components/FinancialModule/MonthlyCostStatement/exchangedifference'], resolve),
meta: {
title: '月结汇差查询'
},
},
{ //财务 财务单据 帮收帮付公司
path: '/HelpBranch',
name: 'HelpBranch',
......
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