<style scoped>
.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>{{$t('fnc.a_yhzhanghu')}}</em>
<el-select filterable v-model='msg.BankAccountId' >
<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.Alias"></el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{$t('objFill.v101.kaihumin')}}</em>
<el-input v-model="msg.AccountName"></el-input>
</span>
</li>
<li>
<span>
<em>{{$t('fnc.skjine')}}</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>{{$t('fnc.fkjine')}}</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>{{$t('objFill.duifanghuming')}}</em>
<el-input v-model="msg.Remitter"></el-input>
</span>
</li>
<li>
<span>
<em>{{$t('objFill.jiapyitime')}}</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>{{$t('admin.admin_status')}}</em>
<el-select filterable v-model='msg.Type' >
<el-option :value="-1" :label="$t('pub.unlimitedSel')"></el-option>
<el-option :value="1" :label="$t('objFill.v101.yirenlin')"></el-option>
<el-option :value="2" :label="$t('objFill.v101.yirenlin')"></el-option>
</el-select>
</span>
</li> -->
<li>
<span>
<em>{{$t('advmanager.v_type')}}</em>
<el-select filterable v-model='msg.BankType' >
<el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
<el-option :value="1" :label="$t('fnc.yinhang')"></el-option>
<el-option :value="2" :label="$t('fnc.pingtai')"></el-option>
</el-select>
</span>
</li>
<li>
<button class="hollowFixedBtn" @click="getList">{{$t('pub.searchBtn')}}</button>
<!-- <button class="hollowFixedBtn" @click="outerVisible=true">{{$t('objFill.daoru')}}</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>{{$t('hotel.hotel_SerialNumber')}}</th>
<th>{{$t('advmanager.v_type')}}</th>
<th>{{$t('fnc.bieming')}}</th>
<th>{{$t('objFill.huming')}}</th>
<th>{{$t('ios.khuhang')}}</th>
<th>{{$t('system.table_acc')}}</th>
<th>{{$t('objFill.jiapyitime')}}</th>
<th>{{$t('objFill.duifanghuming')}}</th>
<th>{{$t('objFill.v101.DomesticModule.shou')}}</th>
<th>{{$t('fnc.w_zhi')}}</th>
</tr>
<tr v-for="(item,index) in DataList" :key="index">
<td>{{item.ID}}</td>
<td>
<span v-if="item.BankType==1">{{$t('fnc.yinhang')}}</span>
<span v-if="item.BankType==2">{{$t('fnc.pingtai')}}</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="$t('objFill.daoru')" :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">{{$t('tips.tuodongwenjian')}}<em>{{$t('tips.dianjishanhcuan')}}</em></div>
<!-- <div slot="tip" class="el-upload__tip">{{$t('ground.znscexcel')}}</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.EmployeeId;
},
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(this.$t('tips.shangchuanExcel'));
}
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>