Skip to content

C
confucius
Commit 7716ebbd authored by zhengke's avatar zhengke
Browse files
Options

1

parent b773fc72
Show whitespace changes
Inline Side-by-side
Showing with 1359 additions and 0 deletions
src/pages/financial/CompanyAccount.vue 0 → 100644
View file @ 7716ebbd
<style scoped>
@import "css/cssReset.css";
.page_CompanyAccount .query-box li label{display: inline-block;min-width: 80px;text-align: right;font-style: normal;margin: 0 20px 0 0;}
._scrollbar::-webkit-scrollbar{width: 4px;height: 8px;}
._scrollbar::-webkit-scrollbar-thumb{border-radius: 4px;box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);background: #c9c9c9;}
._scrollbar::-webkit-scrollbar-track{box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;}
.page_CompanyAccount ._vMG_edit{overflow: auto;display: none;position:absolute;bottom:0;left: 0;font-family: 'PingFangSc-Fine';border-top:3px solid #38425d;background-color:#FFFFFF;padding: 10px;width: 100%;}
.page_CompanyAccount ._vMG_edit ._tit{padding-left: 10px;border-left: 3px solid #E95252; font-size: 16px;color: #000000}
.page_CompanyAccount ._vMG_edit ._tit span{color: #666666}
.cm_content{margin:0;padding: 0;overflow-x: auto;}
._edHeight{height:400px;}
.edHeight{display: block !important;height: 230px;}
.page_CompanyAccount ._info_box ul{margin-top: 15px}
.page_CompanyAccount ._info_box ul li{float: left; margin-right: 12px;}
.instMg_list_item{width: 296px;height: auto;border-radius: 4px;border: 1px solid #ebebeb;float: left;background:rgba(255,255,255,1);overflow: hidden;margin-right: 15px;margin-bottom: 15px;}
.instMg_list_item:hover{box-shadow:0px 0px 20px rgba(191,191,191,1);transition: all linear 0.5s;}
._tips{font-size: 12px;color: #666666;padding: 15px 0}
._top{text-align: center;height: 50px;border-bottom: 1px solid #EEEEEE;overflow: hidden;padding: 10px 0;}
._top img{height: 100%;}
._bt{padding: 20px;font-size: 14px;}
._bt_t{border-radius:4px;background-color: #2AAEF2;color: #FFFFFF}
._bt_t>p{padding: 10px 0;text-align: center}
._bt_t>p>span{display: inline-block;padding: 3px 10px;background-color: #FFA200;border-radius: 4px}
._bt_t ._btt_b{padding: 14px;background-color: #0F98DE}
._bt_t ._btt_b>div{display: flex;text-align: center;padding: 0 0 9px 0}
._bt_t ._btt_b>div>p{flex:1}
._bt_t ._btt_b>div>p:nth-child(2){border-left: 2px solid #179FE5;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px}
.icon-img-ren{color: #2AAEF2}
._bt_t ._btt_b .PingFangSC{font-weight: bold;text-align: center;padding: 8px 0;border: 1px solid #2AAEF2;border-radius: 4px}
.icon-qiehuan,.icon-ico-renwuyaoqiu{background-color: #E7E7E7;border-radius: 50%;color: #999999;font-size: 12px;width: 18px;height: 18px;display: inline-block;text-align: center;line-height: 19px;cursor: pointer;}
.icon-ico-renwuyaoqiu{font-size: 10px}
.icon-qiehuan:hover,.icon-ico-renwuyaoqiu:hover{background-color: #E95252;color: white;}
._bt_b{padding: 15px 0 0 0;border-bottom: 1px solid #EEEEEE}
._bt_b>p{display: flex;justify-content: space-between;padding-bottom: 10px}
._bt_b>P span._name{color: #333333;font-size: 12px;}
._btn{padding: 20px 30px 0 30px;text-align: center;border-left: none}
._btn span{display: inline-block;font-size: 12px;background-color: #E7E7E7;color: #333333;padding: 5px 20px;border-radius: 14px;cursor: pointer; margin-left: 10px}
._btn span:hover{background-color: #E95252;color: white}
.fc_green{color: #47BF8C !important}
.fc_red{color: #E95252 !important}
.page_CompanyAccount .PingFangSC,._bold{font-weight: bold}
._no_bold{font-weight: normal}
._max_wd{max-width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align:top;display: inline-block}
._btt_b .over_ellipsis{max-width: 107px;}
._add_saveBtn{text-align: right;margin-bottom: 10px}
._cp_name{width: 185px;display: inline-block;text-overflow: ellipsis; white-space: nowrap;display: inline-block;overflow: hidden;text-align: right}
._underline{text-decoration: underline;cursor: pointer;}
.page_CompanyAccount .el-button-group .el-button{padding: 4px;}
._yingkui{
height: 40px;
line-height: 40px;
font-size: 12px;
color: #666666;
padding-left: 20px;
}
.page_CompanyAccount .query-box{
padding: 20px 0 0 ;
}
.page_PlatformAccount ._wAuto{
width: auto;
}
.edHeight_t{display: block !important;height: 152px;}
.el-date-editor.el-input{width: 100% !important;}
</style>
<template>
<div class='flexOne page_CompanyAccount'>
<div class='query-box'>
<el-form class="_info_box clearfix" label-width="110px">
<el-row>
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.accBming')">
<el-input v-model="msg.Alias"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.ssjigou')">
<el-select filterable v-model='msg.BackId' >
<el-option :label='$t("pub.unlimitedSel")' value='-1'></el-option>
<el-option v-for='item in FinancialList' v-if="item.Type == 0"
: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.accType')">
<el-select filterable v-model='msg.TypeId' >
<el-option :label='$t("pub.unlimitedSel")' value='-1'></el-option>
<el-option v-for='item in AccountTypeList'
: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.ssgongsi')">
<el-select filterable v-model='msg.RB_Branch_Id' >
<el-option :label='$t("pub.unlimitedSel")' value='-1'></el-option>
<!-- <el-option label='通用' value='-1'></el-option> -->
<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-row>
</el-form>
<ul>
<li><input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),getList()"/>
<input type="button" class="normalBtn" :value="$t('pub.addBtn')" @click="addShow=true,text=$t('pub.addBtn'),ed=false"/></li>
</ul>
</div>
<div class="cm_content _scrollbar" :class="addShow==true||addCuren==false?'_edHeight':''">
<p class="_tips">{{$t('tips.sxhuilv')}}</p>
<div class="clearfix" v-loading='loading'>
<div class="instMg_list_item" v-for="(item,index) in DataList">
<div class="_top">
<img v-if="!item.LogoStr" style="width:100%" src="../financial/image/bg_c1@2x.png" alt="">
<img v-else :src="item.LogoStr" alt="">
</div>
<div class="_bt">
<div class="_bt_t">
<p><el-tooltip class="item" effect="dark" :content="item.Alias" placement="top-start">
<span class="max_w200">{{item.Alias}}</span>
</el-tooltip></p>
<div class="_btt_b">
<div>
<p class="over_ellipsis"> <i class="iconfont icon-img-ren"></i>
<el-tooltip class="item" effect="dark" :content="item.Accountholder" placement="top-start">
<span> {{item.Accountholder}}</span>
</el-tooltip>
</p>
<p>{{item.TypeName}}</p>
</div>
<p class="PingFangSC">
{{item.BackNo}}
</p>
</div>
</div>
<div class="_bt_b">
<p>
<span class="_name">{{$t('fnc.zhyue')}}</span>
<span>
<span v-if="item.IsStandardCurrency!=1">{{item.showB?item.StandardCurrencyCode:item.CurrencyCode}}</span>
<span v-else>{{item.StandardCurrencyCode}}</span>
<!-- <span class="fc_green PingFangSC _underline" @click="item.IsStandardCurrency!=1?goUrl('FineBalance',item.ID,item.Alias):''">{{item.showB?moneyFormat(item.benBalance):moneyFormat(item.Initialbalance)}}</span> -->
<span class="fc_green PingFangSC _underline" @click="goUrlNew(item)">{{item.showB?moneyFormat(item.benBalance):moneyFormat(item.Initialbalance)}}</span>
<span class="iconfont icon-qiehuan" @click="item.showB=!item.showB" v-if="item.IsStandardCurrency!=1"></span>
<span v-if="item.IsStandardCurrency!=1" class="iconfont icon-ico-renwuyaoqiu"></span>
</span>
</p>
<p><span class="_name">{{$t('fnc.zhubizhong')}}</span><span class="_bold">
<el-tooltip class="item" effect="dark" :content="item.CurrencyName" placement="top-start">
<span class="_max_wd">{{item.CurrencyName}}</span>
</el-tooltip>
(<span class="_bold" :class="item.IsStandardCurrency==1?'fc_green':'fc_red'">{{item.IsStandardCurrency==1?'本位币':'外币'}}</span>) <span class="_no_bold" v-if="item.IsStandardCurrency!=1">{{item.CurrentRate}}</span> </span></p>
<p><span class="_name">{{$t('fnc.ssuogongsi')}}</span>
<el-tooltip class="item" effect="dark" :content="item.allName" placement="top-end">
<span class="_cp_name"><span class="_bold" v-for="(b,bi) in item.BranchName">{{b.BranchName}} </span></span>
</el-tooltip>
</p>
<p v-if="item.IsStandardCurrency!=1">
<span class="_name">{{$t('fnc.sqisunyi')}}</span>
<span class="fr" v-if="item.ProfitLossMoney&&item.ProfitLossMoney!=0" :class="item.ProfitLossMoney>0?'fc_green':'fc_red'">{{item.ProfitLossMoney}}</span>
<span class="fr" v-else>-</span>
</p>
<p v-else>&nbsp;</p>
</div>
<p class="_btn">
<el-button-group>
<el-button type="primary" @click="editCurency(item.ID),text=$t('pub.updateMsg'),addShow=true,addCuren=true">{{$t('pub.updateMsg')}}</el-button>
<el-button type="success" v-if="item.IsStandardCurrency===0" @click="moneyDate.ProfitLoss=0,cancelEdit(2),addShow=false,addCuren=false,SetProfitLossMsg.AccountID = item.ID,SetProfitLossMsg.CurrencyId=item.CurrencyId,SetProfitLossMsg.initRate=item.CurrentRate,SetProfitLossMsg.Money = item.Initialbalance">{{$t('fnc.tiaohui')}}</el-button>
<el-button type="info" v-if="item.IsStandardCurrency===0" @click="goUrl('RemittanceRecord',item.ID,item.Alias,1,item.CurrencyId)">{{$t('fnc.jilu')}}</el-button>
<el-button type="danger" @click="financeinfoRemove(item.ID,item.Alias)">{{$t('fnc.xiaohu')}}</el-button>
</el-button-group>
</p>
</div>
</div>
</div>
<div class="noData" v-show="noData">
{{$t('system.content_noData')}}
</div>
<div>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="prev, pager, next"
:page-size=msg.pageSize
:total=total>
</el-pagination>
</div>
</div>
<div class="_vMG_edit _scrollbar" v-if="addShow" :class="addShow==true?'edHeight':''">
<el-row>
<el-col :span="20">
<p class="_tit">{{text}}{{$t('fnc.acc')}}</p>
</el-col>
<el-col :span="4" class="_add_saveBtn">
<button type="button" class="normalBtn" @click="submitForm('addMsg',1)">{{$t('pub.saveBtn')}}</button>
<button class="hollowFixedBtn" type="button" @click="cancelEdit(),resetForm('addMsg'),addShow=false">{{$t('pub.cancelBtn')}}</button>
</el-col>
</el-row>
<el-form class="_info_box clearfix" :model="addMsg" ref="addMsg" :rules="rules" label-width="110px">
<el-row>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.accBming')" prop="Alias">
<el-input v-model="addMsg.Alias" class="" maxlength="10"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.accType')" prop="TypeId">
<el-select filterable v-model='addMsg.TypeId' class="">
<el-option v-for='item in AccountTypeList'
: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.yhjigou')" prop="BackId">
<el-select filterable v-model='addMsg.BackId' class="">
<el-option v-for='item in FinancialList' v-if="item.Type == 0"
: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.khuren')" prop="Accountholder">
<el-input v-model="addMsg.Accountholder" class="" maxlength="50"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.khuhang')" prop="Openingbank">
<el-input v-model="addMsg.Openingbank" class="" maxlength="50"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.yhkahao')" prop="BackNo">
<el-input v-model="addMsg.BackNo" class="" maxlength="50"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.csyue')" prop="Initialbalance" >
<el-input v-model="addMsg.Initialbalance" class=""></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.zhbizhong')" prop="CurrencyId">
<el-select filterable v-model='addMsg.CurrencyId' class="">
<el-option v-for='item in financeinfoList'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" class="_BranchIdS">
<el-form-item :label="$t('fnc.ssgongsi')" prop="BranchIdS">
<el-select filterable v-model='addMsg.BranchIdS'>
<el-option v-for='item in CompanyList'
:label='item.BName'
:value='item.Id'
:key='item.Id'
:disabled="item.disabled">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.fxshangxian')" >
<el-input v-model="addMsg.RiskLimitMoney" type="number" class=""></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.fxxiaxian')" >
<el-input v-model="addMsg.RiskLowerLimitMoney" type="number" class=""></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item label="初始本位币金额">
<el-input v-model="addMsg.AccountStartWBMoney" type="number" class></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item label="初始原币金额">
<el-input v-model="addMsg.AccountStartMoney" type="number" class></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item label="期初应用日期">
<el-date-picker type="date" v-model="addMsg.BeginTimeStr"
value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="_vMG_edit _scrollbar" v-if="addCuren == false" :class="addCuren==false?'edHeight_t':''">
<el-row>
<el-col :span="20">
<p class="_tit">{{$t('fnc.qmtiaohui')}}</p>
</el-col>
<el-col :span="4" class="_add_saveBtn">
<button type="button" class="normalBtn" @click="submitForm('SetProfitLossMsg',2)">{{$t('fnc.qrtijiao')}}</button>
<button class="hollowFixedBtn" type="button" @click="cancelEdit(),resetForm('SetProfitLossMsg')">{{$t('pub.cancelBtn')}}</button>
</el-col>
</el-row>
<el-form class="_info_box clearfix" :model="SetProfitLossMsg" ref="SetProfitLossMsg" :rules="rules" label-width="100px">
<el-row>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.sqhuilv')">
<el-input v-model="SetProfitLossMsg.initRate" disabled=""></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.qmhuilv')" prop="EndRate">
<el-input v-model="SetProfitLossMsg.EndRate" type="number" @change="Calculation()"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" >
<el-form-item :label="$t('fnc.xzqishu')" prop="TermNum">
<el-date-picker
v-model="SetProfitLossMsg.TermNum"
value-format="yyyy-MM-dd"
type="month"
class="_wAuto"
:placeholder="$t('admin.admin_choDate')">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" v-if="costType.length">
<el-form-item :label="$t('fnc.fyleixing')" prop="CostTypeID">
<el-select filterable v-model='SetProfitLossMsg.CostTypeID'>
<el-option v-for='item in costType'
:label='item.Name'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" class="_yingkui">
<p v-if="moneyDate.ProfitLoss<0">{{$t('fnc.yingkui')}}<span class="fc_red">{{moneyDate.ProfitLoss}}</span></p>
<p v-if="moneyDate.ProfitLoss>0">{{$t('fnc.yingli')}}<span class="fc_green">{{moneyDate.ProfitLoss}}</span></p>
<p v-if="moneyDate.ProfitLoss==0">{{$t('fnc.yingkui')}}<span class="fc_green">0</span></p>
</el-col>
</el-row>
</el-form>
</div>
</div>
</template>
<script>
export default {
data(){
return{
msg:{
pageIndex:1,
pageSize:5,
BackId:'-1',
TypeId:'-1',
RB_Branch_Id:'-1',
Alias:''
},
addMsg:{
ID:0,
Alias:'',
TypeId:'',
BackId:'',
Accountholder:'',
Openingbank:'',
BackNo:'',
Initialbalance:'',
RiskLimitMoney:'',
BranchList:[],
BranchIdS:0,
OutCharge:0,
InCharge:0,
RiskLowerLimitMoney:'',
AccountStartMoney:0,
AccountStartWBMoney:0,
BeginTimeStr:'',
},
getCompanyMsg:{
RB_Group_Id:'0',
Status:'0',
},
DataList:[],
total:0,
currentPage:1,
loading:true,
text:'',
dialogTitle:'',
AccountTypeList:[],
CompanyList:[],
FinancialList:[],
financeinfoList:[],
addShow:false,
noData:false,
ed:false,
rules: {//表单必填验证
Alias: [
{ required: true, message: this.$t('rule.qsrzhbieming'), trigger: 'blur' }
],
TypeId: [
{ required: true, message: this.$t('rule.qxzzhleixing'), trigger: 'change' }
],BackId: [
{ required: true, message: this.$t('rule.qxzyhjigou'), trigger: 'change' }
],Accountholder: [
{ required: true, message: this.$t('rule.qsrkhuren'), trigger: 'blur' }
],Openingbank: [
{ required: true, message: this.$t('rule.qsrkhuhang'), trigger: 'blur' }
],BackNo:
[
{ required: true, message: this.$t('rule.qssrzhhaoma'), trigger: 'blur' }
// {pattern:/^[0-9]*$/, message: this.$t('rule.qsrzqdzhhaoma')}
],BranchIdS: [
{ required: true, message: this.$t('rule.qszssgongsi'), trigger: 'change' }
],CurrencyId: [
{ required: true, message: this.$t('rule.qxzzhbizhong'), trigger: 'change' }
],Initialbalance: [
{ required: true, message: this.$t('rule.qsrcsyue'), trigger: 'blur' },
{pattern: this.$commonUtils.Regex.el_IsInventer, message: this.$t('rule.qsrzqdyue')}
],OutCharge:[
{ required: true, message: this.$t('rule.szfzeren'), trigger: 'change' },
],InCharge:[
{ required: true, message: this.$t('rule.fkfzeren'), trigger: 'change' },
],CostTypeID:[
{ required: true, message: this.$t('rule.qxzfyleixing'), trigger: 'change' },
]
},
addCuren:true,
ed:false,
loading2:false,
moneyDate:{
Money : 0,
LastR : 0,
currentR : 0,
LastM : 0,
currentM : 0,
ProfitLoss : 0
},
EmployeeMsg: {
GroupId:'',
BranchId:0,
DepartmentId:0,
PostId:0,
IsLeave:0,
},
EmployeeList:[],
EmployeeList2:[],
showEmployeeList:[],
showEmployeeList2:[],
Charge:1,
SetProfitLossMsg:{
ID:0,
AccountID:0,
EndRate:'',
TermNum:'',
CurrencyId:'',
initRate:'',
Money:'',
ProfitLoss:0,
Source:1,
CostTypeID:''
},
costType:[],
}
},methods:{
regNum(n,t){ // 判断数字 n 值 t 类型
let reg = /^\d+(\.\d{0,6})?$/
if(!n)return 0
if(t==2){
if(reg.test(n)){
return Number(n)
}
return 0;
}else if(t==1){
if(reg.test(n)){
return Number(n)
}
return 0
}
},
Calculation(){ // 计算盈亏
this.SetProfitLossMsg.CostTypeID = '';
this.moneyDate.Money = this.regNum(this.SetProfitLossMsg.Money,1)
this.moneyDate.LastR = this.regNum(this.SetProfitLossMsg.initRate,1)
this.moneyDate.currentR = this.regNum(this.SetProfitLossMsg.EndRate,2)
this.moneyDate.LastM = 0
this.moneyDate.currentM = 0
this.moneyDate.ProfitLoss = ((this.moneyDate.currentR-this.moneyDate.LastR)*this.moneyDate.Money).toFixed(2);
if(this.moneyDate.ProfitLoss>0){
this.getTemplateCostTypeList(1)
}else if(this.moneyDate.ProfitLoss<0){
this.getTemplateCostTypeList(2)
}else{
this.costType=[];
}
},
getTemplateCostTypeList(t){
this.apipost('financeinfo_post_GetCostTypeList',{Type:t},res=>{
if(res.data.resultCode==1){
this.costType=res.data.data;
}else{
}
},err=>{})
},
remoteMethod(query) {
if (query !== '') {
this.loadingPeople = true
this.apipost('admin_Get_Chat_All_SelectEmpName',{EmName:query}, res => {
if(res.data.resultCode == 1) {
this.showEmployeeList = res.data.data
}
this.loadingPeople = false
}, err => {})
} else {
this.showEmployeeList = [];
}
},
remoteMethod2(query) {
if (query !== '') {
this.loadingPeople = true
this.apipost('admin_Get_Chat_All_SelectEmpName',{EmName:query}, res => {
if(res.data.resultCode == 1) {
this.showEmployeeList2 = res.data.data
}
this.loadingPeople = false
}, err => {})
} else {
this.showEmployeeList2 = [];
}
},
goUrlNew (item) {
let path="CompanyAccDetail";
this.$router.push({ name: path,query:{"TypeId":item.TypeId,'ID':item.ID, blank: "y",}})
},
goUrl (path,id,name,source,CurrencyId) {
this.$router.push({ name: path,query:{"id":id,'name':name,'source':source,'CurrencyId':CurrencyId}})
},
disabledOption(){ // 选择公司 如果选择通用则禁用其它选项
if(this.addMsg.BranchIdS&&this.addMsg.BranchIdS.length==0){
this.CompanyList.forEach(y=>{
y.disabled=false
})
return
}
this.addMsg.BranchIdS.forEach(x=>{
if(x=='-1'){
this.addMsg.BranchIdS=[]
this.addMsg.BranchIdS.push('-1')
this.CompanyList.forEach(y=>{
y.disabled=true
})
}
})
},
getCurrentRate(id,index){// 更新汇率
this.apipost('financeinfo_post_GetCurrentRate',{ID:id}, res => {
if(res.data.resultCode == 1) {
this.tips(res.data.message,'success');
} else {
this.tips(res.data.message,'error');
}
}, err => {})
},
getfinanceinfoList(){ //获取币种列表
this.apipost('financeinfo_post_GetList',{Name:''},res=>{
if(res.data.resultCode==1){
this.financeinfoList=res.data.data;
}else{}
},err=>{})
},
getFinancialList(){ //获取机构列表
this.apipost('FinancialInstitutions_post_GetList',{},res=>{
if(res.data.resultCode==1){
this.FinancialList=res.data.data;
}else{}
},err=>{})
},
getCompanyList(){ //获取公司列表
this.apipost('admin_get_BranchGetList',this.getCompanyMsg,res=>{
if(res.data.resultCode==1){
let data = res.data.data;
data.forEach(x=>{
x.disabled = false;
})
this.CompanyList = data;
}else{}
},err=>{})
},
editCurency(id){ // 修改根据ID 获取信息
this.apipost('bankaccount_post_Get',{ID:id}, res => {
if(res.data.resultCode == 1) {
let data = res.data.data;
data.BranchIdS = data.BranchList[0].RB_Branch_Id;
this.remoteMethod(data.InemName)
this.remoteMethod2(data.OutemName)
this.addMsg = data;
// this.disabledOption();
} else {
this.tips(res.data.message,'error');
}
}, err => {})
},
cancelEdit(t){ // 取消修改、新增
this.addMsg ={
ID:0,
Alias:'',
TypeId:'',
BackId:'',
Accountholder:'',
Openingbank:'',
BackNo:'',
Initialbalance:'',
RiskLimitMoney:'',
BranchList:[],
BranchIdS:0,
OutCharge:0,
InCharge:0,
RiskLowerLimitMoney:'',
AccountStartMoney:0,
AccountStartWBMoney:0,
BeginTimeStr:'',
}
this.SetProfitLossMsg={
ID:0,
EndRate:'',
TermNum:'',
CurrencyId:'',
initRate:'',
Money:'',
AccountID:0,
Source:1,
CostTypeID:''
}
if(!t){
this.addShow=false
this.ed = false
this.addCuren = true
}
this.Charge = 3;
},
getAccountTypeList() { //获取账户类型
this.apipost('AccountType_post_GetList',{}, res => {
if(res.data.resultCode == 1) {
this.AccountTypeList = res.data.data;
}
}, err => {})
},
getList(){ //获取列表
this.loading = true
this.apipost('bankaccount_post_GetPageList',this.msg,res=>{
if(res.data.resultCode==1){
this.total = res.data.data.count;
let data = res.data.data.pageData;
if(this.total>0){
this.noData =false;
}else{
this.noData =true;
}
data.forEach(x => {
x.showB = false
if(x.Initialbalance){
x.benBalance = (Number(x.CurrentRate)*x.Initialbalance).toFixed(2)
}
let allName = '';
x.BranchName.forEach(y=>{
allName = allName+y.BranchName;
})
x.allName = allName
});
this.DataList = data
this.loading = false;
}else{
this.$message.error(res.data.message)
this.loading = false;
}
},err=>{})
},
addInstitutions(){ // 保存 修改、新增
this.addMsg.BranchList = [];
if(!this.addMsg.RiskLimitMoney) {
this.addMsg.RiskLimitMoney = 0;
}
let msg = {
ID:0,
Type:2,
RB_Branch_Id:this.addMsg.BranchIdS
}
this.addMsg.BranchList.push(msg);
this.apipost('bankaccount_post_Set',this.addMsg,res=>{
if(res.data.resultCode == 1) {
this.tips(this.$t('tips.saveYes'), "success");
this.getList();
this.initAddMsg();
this.addShow = false
} else {
this.$message.error(res.data.message)
}
},err=>{})
},
financeinfoRemove(id,text){//删除
this.$confirm(this.$t('tips.shifoudui')+'“'+text+'”'+ this.$t('tips.zhshanchu'),
this.$t('tips.tips'), {
confirmButtonText: this.$t('pub.sureBtn'),
cancelButtonText: this.$t('pub.cancelBtn'),
type: 'warning'
}).then(() => {
this.deletInstitutions(id)
}).catch(() => {
this.$message({
type: 'info',
message: this.$t('tips.cancleDelete')
});
});
},
deletInstitutions(id){
this.apipost('bankaccount_post_Remove',{ID:id},res=>{
if(res.data.resultCode == 1) {
this.innerVisible=false;
this.$message.success(res.data.message)
}else{
this.$message.error(res.data.message)
}
this.getList();
},err=>{})
},
initAddMsg(){//初始化添加、修改数据
let newMsg = {
ID:0,
Alias:'',
TypeId:'',
BackId:'',
Accountholder:'',
Openingbank:'',
BackNo:'',
Initialbalance:'',
RiskLimitMoney:'',
BranchList:[],
BranchIdS:0,
OutCharge:0,
InCharge:0,
RiskLowerLimitMoney:''
}
this.addMsg = newMsg;
},
SetProfitLoss(){ //币种调汇
this.apipost('FinanceInfo_post_SetProfitLoss',this.SetProfitLossMsg, res => {
if(res.data.resultCode == 1) {
this.tips(res.data.message,'success');
this.addShow =false
this.addCuren = true
this.ed =0
} else {
this.tips(res.data.message,'error');
}
}, err => {})
},
submitForm(addMsg,type) {//提交创建、修改表单
this.$refs[addMsg].validate((valid) => {
if (valid) {
if(type==1){
this.addInstitutions()
}else{
this.SetProfitLoss()
}
} else {
return false;
}
});
},
resetPageIndex() {//查询初始化页码
this.msg.pageIndex = 1;
this.currentPage = 1
},
handleCurrentChange(val) {//翻页功能按钮
this.msg.pageIndex = val;
this.getList();
},
tips(msg,type) {
this.$message({
message: msg,
duration:2000,
type: type
});
},
closeChangeMachie(done){
done();
this.resetForm('addMsg');
},
resetForm(formName) {
this.initAddMsg();
this.$refs[formName].resetFields();
},
},mounted(){
this.getList()
this.getAccountTypeList()
let userInfo=this.getLocalStorage();
this.getCompanyMsg.RB_Group_Id=userInfo.data.Group_Id; //集团ID
this.getCompanyList()
this.getFinancialList()
this.getfinanceinfoList()
}
}
</script>
src/pages/financial/Maninfo.vue 0 → 100644
View file @ 7716ebbd
<style scoped>
@import "css/cssReset.css";
.currentManage .addCompany {
width: 440px;
}
/* 币种管理 */
.cm_content {
padding: 0;
overflow-x: auto;
}
.cmc_item {
float: left;
width: 212px;
height: 195px;
background: rgba(255, 255, 255, 1);
border-radius: 4px;
overflow: hidden;
margin-right: 12px;
margin-bottom: 15px;
border: 1px solid #ebebeb
}
.cmci_top {
background-color: #3AD892;
padding: 14px 20px;
font-size: 14px;
color: #009251
}
.cmci_top p span:nth-child(2) {
display: inline-block;
padding: 2px 5px;
font-size: 12px;
color: #FFFFFF;
background-color: #02AE62;
border-radius: 4px;
margin-left: 5px;
vertical-align: top;
}
.cmci_cen {
padding: 14px 20px;
color: #666666;
font-size: 12px
}
.cmci_cen p {
padding: 4px 0;
}
.cmci_cen p .fr {
font-weight: bold;
font-family: "PingFangSC-fine";
color: #333333
}
.cmci_cen p .icon-shuaxin {
background-color: #E7E7E7;
color: #999999;
display: inline-block;
margin-left: 5px;
border-radius: 50%;
font-size: 12px;
transform: rotate(60deg);
cursor: pointer;
transition: all linear 0.2s;
width: 12px;
height: 12px;
line-height: 12px;
}
.cmci_cen p .icon-shuaxin:hover {
background-color: #E95252;
color: white;
}
.fc_green {
color: #47BF8C !important
}
.fc_red {
color: #E95252 !important
}
.cmci_bot {
padding: 0 20px 20px 20px;
font-size: 12px !important;
text-align: center
}
.cmci_bot .el-button-group .el-button {
padding: 4px;
}
.cmci_bot .el-button {
font-size: 12px !important
}
.cmc_item:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
._benwei {
background-color: #2AAEF2 !important;
color: #0877B0 !important
}
._benweiA {
background-color: #0F80BA !important
}
._underline {
text-decoration: underline;
cursor: pointer;
}
.currentManage ._vMG_edit {
overflow: auto;
display: none;
position: absolute;
font-family: 'PingFangSc-Fine';
bottom: 0;
left: 0;
border-top: 1px solid #d1d1d1;
background-color: #FFFFFF;
padding: 10px;
width: 100%;
}
.currentManage ._vMG_edit ._tit {
padding-left: 10px;
border-left: 3px solid #E95252;
font-size: 16px;
color: #000000
}
.currentManage ._vMG_edit ._tit span {
color: #666666;
font-size: 14px;
}
._edHeight {
height: 400px;
}
.edHeight {
display: block !important;
height: 230px;
}
._scrollbar::-webkit-scrollbar {
width: 4px;
height: 8px;
}
._scrollbar::-webkit-scrollbar-thumb {
border-radius: 4px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
._scrollbar::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #EDEDED;
}
.currentManage ._info_box ul {
margin-top: 15px
}
.currentManage ._info_box ul li {
float: left;
width: 250px;
}
._max_width {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
vertical-align: top;
}
._yingkui {
height: 40px;
line-height: 40px;
font-size: 12px;
color: #666666
}
._tips {
font-size: 12px;
color: #666666;
padding: 15px 0
}
.currentManage .po_content {
border-collapse: collapse;
}
.currentManage .po_content {
width: 100%;
}
.currentManage .po_content tr:first-child {
font-size: 12px;
color: #666666;
background-color: #DCDCDC;
}
.currentManage .po_content tr th,
.currentManage .po_content tr td {
padding: 10px 20px;
text-align: left;
}
.currentManage .po_content tr td {
color: #333333;
font-size: 14px;
border: 1px solid #E6E6E6;
}
.currentManage .po_content tr td .iconfont {
font-size: 14px;
padding: 4px;
}
.currentManage .query-box .iconfont {
cursor: pointer;
background-color: #E95252;
color: white;
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
line-height: 30px;
border-radius: 50%;
margin-left: 10px;
}
.currentManage ._yuan {
width: 12px;
height: 12px;
background: rgba(233, 82, 82, 1);
border-radius: 50%;
display: inline-block;
}
.currentManage ._yuan._yuan_red {
background: #47BF8C;
}
._flex_rete {
cursor: pointer;
}
.display_none {
opacity: 0;
}
._flex_rete .icon-qiehuan {
background-color: #E5E5E5;
color: white;
height: 20px;
width: 20px;
border-radius: 50%;
text-align: center;
font-size: 12px;
padding: 0 !important;
line-height: 20px;
float: right;
}
._flex_rete .icon-qiehuan:hover {
background-color: rgba(233, 82, 82, 1);
color: white;
}
</style>
<template>
<div class="flexOne currentManage">
<div class="query-box">
<ul>
<li>
<span>
<em>银行账户</em>
<el-select filterable v-model='msg.BankAccountId'>
<el-option key="0" :value="0" label="不限"></el-option>
<el-option v-for="item in currencyTypeList" :key="item.ID" :value="item.ID" :label="item.Alias">
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>开户名</em>
<el-input v-model="msg.AccountName"></el-input>
</span>
</li>
<li>
<span>
<em>收款金额</em>
<el-input style="width:100px" v-model="msg.SIncome"></el-input>
-
<el-input style="width:100px" v-model="msg.EIncome"></el-input>
</span>
</li>
<li>
<span>
<em>付款金额</em>
<el-input style="width:100px" v-model="msg.SRefund"></el-input>
-
<el-input style="width:100px" v-model="msg.ERefund"></el-input>
</span>
</li>
<li>
<span>
<em>对方户名</em>
<el-input v-model="msg.Remitter"></el-input>
</span>
</li>
<li>
<span>
<em>交易时间</em>
<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>
</span>
</li>
<li>
<span>
<em>类型</em>
<el-select filterable v-model='msg.BankType'>
<el-option :value="0" label="不限"></el-option>
<el-option :value="1" label="银行"></el-option>
<el-option :value="2" label="平台"></el-option>
</el-select>
</span>
</li>
<li>
<button class="hollowFixedBtn" @click="getList">{{$t('pub.searchBtn')}}</button>
</li>
</ul>
</div>
<div class="cm_content _scrollbar">
<table class="po_content singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0"
v-loading="loading">
<tr>
<th>编号</th>
<th>类型</th>
<th>别名</th>
<th>户名</th>
<th>开户行</th>
<th>账号</th>
<th>交易时间</th>
<th>对方户名</th>
<th>收</th>
<th>支</th>
</tr>
<tr v-for="(item,index) in DataList" :key="index">
<td>{{item.ID}}</td>
<td>
<span v-if="item.BankType==1">银行</span>
<span v-if="item.BankType==2">平台</span>
</td>
<td>{{item.Alias}}</td>
<td>{{item.AccountName}}</td>
<td>{{item.OpeningBank}}</td>
<td>
<span v-if="item.BankType==1">{{item.BackNo | PNumber}}</span>
<span v-if="item.BankType==2">{{item.BackNo | PNumberNew}}</span>
</td>
<td>{{item.TradeDate}}</td>
<td>{{item.Remitter}}</td>
<td>{{item.Income | MoneyMu}}</td>
<td>{{item.Refund | MoneyMu}}</td>
</tr>
</table>
<div class="noData" v-if="DataList.length==0">
{{$t('system.content_noData')}}
</div>
<div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
</el-pagination>
</div>
</div>
<el-dialog custom-class='w700' title="导入" :visible.sync="outerVisible" center>
<el-upload style="text-align: center;" drag class="upload-demo" :action="importFileUrl2"
:on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
</el-upload>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
outerVisible: false,
msg: {
pageIndex: 1,
pageSize: 14,
StartTime: "",
EndTime: "",
BankAccountId: "",
Remitter: "",
SIncome: "",
EIncome: "",
SRefund: "",
ERefund: "",
AccountName: "",
Type: 2,
BankType: 0,
},
productionDate: [],
DataList: [],
loading: false,
currentPage: 1,
total: 0,
currencyTypeList: [],
importFileUrl2: "",
}
},
created() {
let userInfo = this.getLocalStorage();
this.importFileUrl2 = this.domainManager().UploadFileUrl +
"?cmd=dmc_post_LocalFileUpload&fileType=1&fileLimit=1&RB_Group_id=2&Type=5&EmployeeId=" + userInfo.data.Id;
},
filters: {
PNumber(val) {
if (val) {
return val.substr(0, 4) + "****" + val.substr(-4, 4)
}
},
PNumberNew(val) {
if (val) {
return val.substr(0, 2) + "****" + val.substr(-2, 2)
}
},
MoneyMu(val) {
if (val) {
val = val.toFixed(2);
let arr = val.split(".");
let length = arr[0].length;
if (length < 3) {
return val;
} else {
let str = "*************************";
return val.substr(0, 2) + str.substr(0, length - 2) + ".**";
}
} else {
return val;
}
},
},
mounted() {
this.GetAccount();
this.getList();
},
methods: {
beforeAvatarUpload(file) {
return;
const isJPG = file.type === "application/x-msdownload";
if (!isJPG) {
this.$message.error("上传文件只能是 excel 格式!");
}
return isJPG && isLt2M;
},
//上传
handleAvatarSuccess(res, file) {
if (res.resultCode == 1) {
this.Success(res.message);
this.outerVisible = false;
} else {
this.Error(res.message);
}
},
resetPageIndex() { // 重置页码
this.msg.pageIndex = 1;
this.currentPage = 1;
},
handleCurrentChange(val) { //翻页
this.msg.pageIndex = val;
this.getList();
},
getList() {
this.loading = true;
this.apipost('Financial_post_GetFinanceRemittanceClaimPageList', this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.DataList = res.data.data.pageData;
this.total = res.data.data.count;
} else {
this.Error(res.data.message);
}
}, err => {})
},
timeAdd() {
if (!this.productionDate) {
this.msg.StartTime = '';
this.msg.EndTime = '';
return
}
this.msg.StartTime = this.productionDate[0];
this.msg.EndTime = this.productionDate[1];
},
GetAccount() {
this.apipost('bankaccount_post_GetList', {
TypeId: '0'
}, res => {
if (res.data.resultCode == 1) {
this.currencyTypeList = res.data.data;
} else {
}
}, err => {})
},
},
}
</script>
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