Skip to content

S
SuperMan
Commit 0faf7ee8 authored by youjie's avatar youjie
Browse files
Options

no message

parent 0ce9f554
Show whitespace changes
Inline Side-by-side
Showing with 229 additions and 29 deletions
src/components/FinancialModule/PlatformAccount.vue
View file @ 0faf7ee8
......@@ -225,11 +225,11 @@
@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-form class="_info_box clearfix" :model="addMsg" ref="addMsg" :rules="rules" label-width="130px">
<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="50"></el-input>
<el-input v-model="addMsg.Alias" maxlength="50"></el-input>
</el-form-item>
</el-col>
......@@ -252,12 +252,12 @@
</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="20"></el-input>
<el-input v-model="addMsg.Accountholder" maxlength="20"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.ptAcc')" prop="PlatformNo">
<el-input v-model="addMsg.PlatformNo" class maxlength="20"></el-input>
<el-input v-model="addMsg.PlatformNo" maxlength="20"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
......@@ -272,56 +272,111 @@
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item label="保证金单号：" prop="FinanceNo">
<el-input v-model="addMsg.FinanceNo" class maxlength="50"></el-input>
<el-input v-model="addMsg.FinanceNo" maxlength="50"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-col :span="8" :gutter="35">
<el-form-item label="合同附件：" prop="ContractUrl">
<div style="display: flex;flex-wrap: wrap;">
<div>
<div class="_info_img" v-if="addMsg.ContractUrl&&addMsg.ContractUrl.length>0">
<ul class="clearfix">
<li v-for="(img,imgI) in addMsg.ContractUrl"
style="margin-right: 5px;position: relative;
border:1px dashed #d1d1d1;border-radius: 6px;">
<img v-if="!img" src="../../assets/img/Travelslider.png" alt="">
<el-image
style="width: 50px;height: 50px;"
v-if="img&&verificationFile(img,3)"
:src="img"
:preview-src-list="[img]">
</el-image>
<div v-if="img&&verificationFile(img,1)"
style="width: 50px; line-height: 50px;text-align: center;">
<span class="_wenjian_P iconfont"
:class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span>
</div>
<span class="iconfont icon-guanbi1"
@click="deleteUploadFile(imgI)"></span>
<div v-if="img&&verificationFile(img,1)" class="_see_img"
@click="verificationFile(img,3)?'':showUpLoadFile2(img)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div>
</div>
<div style="display: flex; justify-content: end;">
<el-upload class="upload-demo"
ref="my-upload"
style="display:inline-block;position:relative;top:-1px;left:3px;"
:http-request="uploadImg1New"
:show-file-list="false" action="">
<el-button size="small" type="primary">上传合同</el-button>
</el-upload>
</div>
</div>
<!--
<el-upload class="avatar-uploader" action="" :http-request="uploadImg1New"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="ContractUrl" :src="ContractUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<!-- <el-input v-model="addMsg.ContractUrl" class maxlength="50"></el-input> -->
</el-upload> -->
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-col :span="8" :gutter="35">
<el-form-item label="结款时间和方式：" prop="SettlementInfo">
<el-input v-model="addMsg.SettlementInfo" class></el-input>
<el-input v-model="addMsg.SettlementInfo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="合同时间：">
<el-date-picker v-model="addMsg.ContractStartDateInfo" type="datetimerange" start-placeholder="开始日期"
<el-date-picker v-model="addMsg.ContractStartDateInfo"
style="width: 100%;"
type="datetimerange" start-placeholder="开始日期"
end-placeholder="结束日期" size="small" value-format="yyyy-MM-dd" format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.ptsyongfei')" prop="Royalty">
<el-input v-model="addMsg.Royalty" class maxlength="20"></el-input>
<el-input v-model="addMsg.Royalty" maxlength="20"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.ptsffangshi')">
<el-select filterable v-model="addMsg.SettlementType" class>
<el-select multiple v-model="SettlementType" @change="addMsg.SettlementType=SettlementType.join(',')">
<el-option :label="$t('fnc.abfenbi')" value=1></el-option>
<el-option :label="$t('fnc.anrentou')" value=2></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" v-if="addMsg.SettlementType.indexOf('2')!=-1">
<el-form-item :label="$t('fnc.ptsxufei')" prop="CommissionPeople">
<el-input v-model="addMsg.CommissionPeople" maxlength="20">
<template slot="append">/人</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" v-if="addMsg.SettlementType.indexOf('1')!=-1">
<el-form-item :label="$t('fnc.ptsxufei')" prop="Commission">
<el-input v-model="addMsg.Commission" maxlength="20">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<!--
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.ptsxufei')" prop="Commission">
<el-input v-model="addMsg.Commission" class maxlength="20">
<el-input v-model="addMsg.Commission" maxlength="20">
<template slot="append">{{addMsg.SettlementType==1?'%':'/人'}}</template>
</el-input>
</el-form-item>
</el-col>
-->
<el-col :span="4" :gutter="35">
<el-form-item :label="$t('fnc.bzengjin')" prop="Bond">
<el-input v-model="addMsg.Bond" class maxlength="20"></el-input>
<el-input v-model="addMsg.Bond" maxlength="20"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
......@@ -342,8 +397,6 @@
<el-input v-model="addMsg.ContraceDateRange" class></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" :gutter="35">
<!-- v-if="ed==true" -->
<el-form-item :label="$t('fnc.csyue')" prop="Initialbalance">
......@@ -414,14 +467,27 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35" class="LineId">
<el-form-item label="所属线路" prop="LineId">
<el-select filterable multiple v-model="LineId" collapse-tags
@change="getLineId">
<el-option :label="$t('pub.unlimitedSel')" value="-1"
:disabled="LineIDdisabled"></el-option>
<el-option v-for="item in LineList"
:label="item.LineName"
:value="item.LineID" :key="item.LineID"
: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 :label="$t('fnc.fxshangxian')" prop="RiskLimitMoney">
<el-input v-model="addMsg.RiskLimitMoney" type="number"></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-input v-model="addMsg.RiskLowerLimitMoney" min="0" type="number"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :gutter="35">
......@@ -450,8 +516,6 @@
<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-row>
<el-col :span="24" :gutter="35">
<el-form-item :label="$t('fnc.beizhu')">
<el-input type='textarea' v-model="addMsg.Remark" class></el-input>
......@@ -545,6 +609,8 @@
SigningLine: "",
Accountholder: ""
},
LineId: ['-1'],
SettlementType: ['1'],
addMsg: {
ID: 0,
Alias: "",
......@@ -552,6 +618,7 @@
BackId: "",
Accountholder: "",
PlatformNo: "",
CommissionPeople: "",
Commission: "",
Initialbalance: "",
CurrencyId: "",
......@@ -560,6 +627,7 @@
BranchIdS: 0,
OutCharge: 0,
InCharge: 0,
LineId: '-1',
RiskLowerLimitMoney: "",
SettlementType: '1',
Royalty: 0,
......@@ -578,7 +646,7 @@
ContractEndDateStr: "",
ContractStartDateInfo: [],
FinanceNo: "",
ContractUrl: "",
ContractUrl: [],
SettlementDate: "",
SettlementInfo: ""
},
......@@ -687,6 +755,11 @@
required: true,
message: this.$t('rule.qxzbdyinhang'),
trigger: "change"
}],
RiskLimitMoney: [{
required: true,
message: '请输入风险上限',
trigger: "blur"
}]
},
addCuren: true,
......@@ -722,10 +795,50 @@
Source: 2,
CostTypeID: ""
},
costType: []
costType: [],
LineList: [],
LineIDdisabled: false
};
},
methods: {
getLineId(){
let data = this.LineId.join(',')
this.addMsg.LineId = data
if(this.LineId.length>1&&data.indexOf('-1')!=-1){
this.LineId.forEach((x,index)=>{
if(x=='-1'){
this.LineId.splice(index,1)
}
})
this.LineIDdisabled = true
}
if(this.LineId.length==0){
this.LineIDdisabled = false
}
this.$forceUpdate()
},
// 线路
getLineList() {
this.apipost("line_post_GetAllList_V2", {
LineDirection: 0
}, (res) => {
if (res.data.resultCode == 1) {
this.LineList = res.data.data;
let arr = function(list){
list.forEach(x=>{
x.disabled = true
})
}
}
});
},
showUpLoadFile2(i) { // 预览上传文件
if (i.substring(i.lastIndexOf('.') + 1, i.length).toUpperCase() == 'PDF') {
this.previewPDF(i)
} else {
window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i)
}
},
rowClick(rowIndex, rowData, column) {
let path = 'PlatformAccDetail';
if (column.title == "账户余额") {
......@@ -1100,7 +1213,14 @@
},
res => {
if (res.data.resultCode == 1) {
this.FinancialList = res.data.data;
let data = res.data.data.filter(x=> {return x.Type==1})
this.FinancialList = []
data.forEach(x=>{
if(x.ID==2||x.ID==216){
this.FinancialList.push(x)
}
})
// this.FinancialList = res.data.data;
} else {}
},
err => {}
......@@ -1233,10 +1353,15 @@
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => {
this.ContractUrl = this.domainManager().ViittoFileUrl + x.data.FilePath
let url = this.domainManager().ViittoFileUrl + x.data.FilePath
// this.ContractUrl = this.domainManager().ViittoFileUrl + x.data.FilePath
this.addMsg.ContractUrl.push(url)
that.$message.success('上传成功');
});
},
deleteUploadFile(fIndex){
this.addMsg.ContractUrl.splice(fIndex,1)
},
getList() {
//获取列表
this.loading = true;
......@@ -1451,6 +1576,7 @@
}
},
mounted() {
this.getLineList()
this.msg.pageSize = this.calcPageSize(40);
let userInfo = this.getLocalStorage();
this.getCompanyMsg.RB_Group_Id = userInfo.RB_Group_id; //集团ID
......@@ -1940,5 +2066,79 @@
}
}
}
._info_img ul {
/* padding: 10px 0 */
}
._info_img ul li {
height: 52px;
float: left;
position: relative;
cursor: pointer
}
._info_img ul li:hover ._see_img {
opacity: 1;
}
._info_img ul li img {
width: 50px;
height: 50px;
}
._see_img {
position: absolute;
top: 0;
width: 100%;
height: 50px;
line-height: 34px;
text-align: center;
background-color: rgba(2, 2, 2, 0.3);
display: inherit;
opacity: 0;
transition: all linear .5s
}
._see_img i.iconfont {
display: inline-block;
width: 32px;
height: 32px;
margin-top: 8px;
border-radius: 50%;
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.5);
}
._show_img_box {
position: fixed;
background: rgba(0, 0, 0, .6);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
text-align: center;
overflow: auto;
}
.page_PlatformAccount .icon-guanbi1 {
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
color: #fff;
position: absolute;
right: -5px;
top: -10px;
background: #dedede;
border-radius: 50%;
font-size: 12px;
cursor: pointer;
z-index: 3;
}
.page_PlatformAccount .el-image {
position: relative;
display: inline-block;
overflow: hidden;
}
</style>
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