Skip to content

V
vue-gjjs
Commit c63c94d2 by Wuyuqiu
Options

公共面板limitbody内部内容显示与隐藏

parent 3020c942
Showing with 146 additions and 141 deletions
src/model/Public/Liaall/index.js
...@@ -55,6 +55,8 @@ export default class Liaall { ...@@ -55,6 +55,8 @@ export default class Liaall {
comamt: "", // 业务余额 .liaall.limmod.comamt comamt: "", // 业务余额 .liaall.limmod.comamt
ccvamt: "", // 保证金余额 .liaall.limmod.ccvamt ccvamt: "", // 保证金余额 .liaall.limmod.ccvamt
ecifno: "", // ECIFNO .liaall.limmod.ecifno ecifno: "", // ECIFNO .liaall.limmod.ecifno
tygrd:"", //.liaall.limmod.tygrd
dggrd:"", //.liaall.limmod.dggrd
}, },
liaccv: { liaccv: {
newamt: "", // 合同金额 .liaall.liaccv.newamt newamt: "", // 合同金额 .liaall.liaccv.newamt
......
src/views/Public/Limitbody.vue
...@@ -33,44 +33,126 @@ ...@@ -33,44 +33,126 @@
--> -->
<!-- 左边--> <!-- 左边-->
<c-col :span="12"> <c-col :span="8">
<!-- line1 --> <!-- line2 -->
<c-row> <c-row>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="业务编号" prop="liaall.limmod.ownref"> <el-form-item
label="额度主体"
prop="liaall.limmod.limpts.wrk.pts.extkey"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.liaall.limmod.limpts.wrk.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
style="width: 100%"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 5px 0 10px; padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf"
/>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onWrkpDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-row>
<!-- line3 -->
<c-row>
<c-col :span="24">
<el-form-item
label="主体名称"
prop="liaall.limmod.limpts.wrk.pts.nam"
>
<c-input <c-input
v-model="model.liaall.limmod.ownref" v-model="model.liaall.limmod.limpts.wrk.pts.nam"
maxlength="16" maxlength="16"
placeholder="请输入国结业务编号" placeholder=""
:disabled="true" :disabled="true"
style="width: 100%" style="width: 100%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-row>
<c-col :span="12"> <!-- line4 -->
<el-form-item label="业务余额" prop="liaall.limmod.comamt"> <c-row>
<c-col :span="24" style="text-align: right">
<el-form-item label="额度类型" prop="liaall.limmod.limpts.nonrevflg1">
<c-fullbox>
<c-select
v-model="model.liaall.limmod.limpts.nonrevflg1"
style="width: 100%"
placeholder="请选择Flag to Mark Non-revolving Limits"
@change="nonrevflg1Change"
>
<el-option
v-for="item in codes.nonrevflg1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<template slot="footer">
<c-button
style="padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
@click="onLimptsGet1"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-row>
<!-- line5 -->
<c-row>
<c-col :span="24">
<el-form-item label="合同流水号" prop="liaall.limmod.limpts.pfcod1">
<c-input <c-input
v-model="model.liaall.limmod.comamt" v-model="model.liaall.limmod.limpts.pfcod1"
placeholder="请输入业务余额" maxlength="14"
:disabled="true" placeholder="请输入合同流水号"
:disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
style="width: 100%" style="width: 100%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-row> </c-row>
</c-col>
<!-- 中间 -->
<!-- 随event方法改变 -->
<c-col :span="8" v-show="same" @change="show">
<!-- line2 --> <!-- line2 -->
<c-row> <c-row>
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="额度主体" label="对公账户"
prop="liaall.limmod.limpts.wrk.pts.extkey" prop="liaall.limmod.limpts.oth.pts.extkey"
style="width: 100%" style="width: 100%"
> >
<c-fullbox> <c-fullbox>
<c-input <c-input
v-model="model.liaall.limmod.limpts.wrk.pts.extkey" v-model="model.liaall.limmod.limpts.oth.pts.extkey"
maxlength="16" maxlength="16"
placeholder="请输入External Key of Address" placeholder="请输入External Key of Address"
style="width: 100%" style="width: 100%"
...@@ -87,7 +169,7 @@ ...@@ -87,7 +169,7 @@
style="margin: 0 0" style="margin: 0 0"
size="small" size="small"
type="primary" type="primary"
@click="onWrkpDet" @click="onOthpDet"
> >
详情 详情
</c-button> </c-button>
...@@ -102,10 +184,10 @@ ...@@ -102,10 +184,10 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="主体名称" label="主体名称"
prop="liaall.limmod.limpts.wrk.pts.nam" prop="liaall.limmod.limpts.oth.pts.nam"
> >
<c-input <c-input
v-model="model.liaall.limmod.limpts.wrk.pts.nam" v-model="model.liaall.limmod.limpts.oth.pts.nam"
maxlength="16" maxlength="16"
placeholder="" placeholder=""
:disabled="true" :disabled="true"
...@@ -118,16 +200,16 @@ ...@@ -118,16 +200,16 @@
<!-- line4 --> <!-- line4 -->
<c-row> <c-row>
<c-col :span="24" style="text-align: right"> <c-col :span="24" style="text-align: right">
<el-form-item label="额度类型" prop="liaall.limmod.limpts.nonrevflg1"> <el-form-item label="额度类型" prop="liaall.limmod.limpts.nonrevflg2">
<c-fullbox> <c-fullbox>
<c-select <c-select
v-model="model.liaall.limmod.limpts.nonrevflg1" v-model="model.liaall.limmod.limpts.nonrevflg2"
style="width: 100%" style="width: 100%"
placeholder="请选择Flag to Mark Non-revolving Limits" placeholder="请选择Flag to Mark Non-revolving Limits"
@change="nonrevflg1Change" @change="nonrevflg2Change"
> >
<el-option <el-option
v-for="item in codes.nonrevflg1" v-for="item in codes.nonrevflg2"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
...@@ -140,7 +222,7 @@ ...@@ -140,7 +222,7 @@
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-search"
@click="onLimptsGet1" @click="onLimptsGet2"
> >
</c-button> </c-button>
</template> </template>
...@@ -152,12 +234,12 @@ ...@@ -152,12 +234,12 @@
<!-- line5 --> <!-- line5 -->
<c-row> <c-row>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="合同流水号" prop="liaall.limmod.limpts.pfcod1"> <el-form-item label="合同流水号" prop="liaall.limmod.limpts.pfcod2">
<c-input <c-input
v-model="model.liaall.limmod.limpts.pfcod1" v-model="model.liaall.limmod.limpts.pfcod2"
maxlength="14" maxlength="14"
placeholder="请输入合同流水号" placeholder="请输入合同流水号"
:disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'" :disabled="this.model.liaall.limmod.limpts.nonrevflg2 != '2'"
style="width: 100%" style="width: 100%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
...@@ -166,10 +248,35 @@ ...@@ -166,10 +248,35 @@
</c-col> </c-col>
<!-- 右边--> <!-- 右边-->
<c-col :span="12"> <c-col :span="8">
<!-- line1 --> <!-- line1 -->
<c-row> <c-row>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="业务编号" prop="liaall.limmod.ownref">
<c-input
v-model="model.liaall.limmod.ownref"
maxlength="16"
placeholder="请输入国结业务编号"
:disabled="true"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="业务余额" prop="liaall.limmod.comamt">
<c-input
v-model="model.liaall.limmod.comamt"
placeholder="请输入业务余额"
:disabled="true"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
</c-row>
<!-- line1 -->
<c-row>
<c-col :span="24">
<el-form-item label="保证金余额" prop="liaall.limmod.ccvamt"> <el-form-item label="保证金余额" prop="liaall.limmod.ccvamt">
<c-input <c-input
v-model="model.liaall.limmod.ccvamt" v-model="model.liaall.limmod.ccvamt"
...@@ -179,121 +286,12 @@ ...@@ -179,121 +286,12 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12" style="text-align: right"> <c-col :span="24" style="text-align: right">
<c-button size="small" type="primary" @click="onLimmodTrycal"> <c-button size="small" type="primary" @click="onLimmodTrycal">
试算 试算
</c-button> </c-button>
</c-col> </c-col>
</c-row> </c-row>
<!-- 随event方法改变 -->
<c-col :span="24" v-if="same">
<!-- line2 -->
<c-row>
<c-col :span="24">
<el-form-item
label="对公账户"
prop="liaall.limmod.limpts.oth.pts.extkey"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.liaall.limmod.limpts.oth.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
style="width: 100%"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 5px 0 10px; padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf"
/>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onOthpDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-row>
<!-- line3 -->
<c-row>
<c-col :span="24">
<el-form-item
label="主体名称"
prop="liaall.limmod.limpts.oth.pts.nam"
>
<c-input
v-model="model.liaall.limmod.limpts.oth.pts.nam"
maxlength="16"
placeholder=""
:disabled="true"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
</c-row>
<!-- line4 -->
<c-row>
<c-col :span="24" style="text-align: right">
<el-form-item
label="额度类型"
prop="liaall.limmod.limpts.nonrevflg2"
>
<c-fullbox>
<c-select
v-model="model.liaall.limmod.limpts.nonrevflg2"
style="width: 100%"
placeholder="请选择Flag to Mark Non-revolving Limits"
@change="nonrevflg2Change"
>
<el-option
v-for="item in codes.nonrevflg2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<template slot="footer">
<c-button
style="padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
@click="onLimptsGet2"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-row>
<!-- line5 -->
<c-row>
<c-col :span="24">
<el-form-item label="合同流水号" prop="liaall.limmod.limpts.pfcod2">
<c-input
v-model="model.liaall.limmod.limpts.pfcod2"
maxlength="14"
placeholder="请输入合同流水号"
:disabled="this.model.liaall.limmod.limpts.nonrevflg2 != '2'"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-col> </c-col>
<!-- ====================左边======================= <!-- ====================左边=======================
...@@ -529,7 +527,7 @@ export default { ...@@ -529,7 +527,7 @@ export default {
data() { data() {
return { return {
tableData: {}, tableData: {},
same:false, same:false
}; };
}, },
methods: { methods: {
...@@ -568,7 +566,6 @@ export default { ...@@ -568,7 +566,6 @@ export default {
} }
}, },
nonrevflg1Change() { nonrevflg1Change() {
this.same = true;
if (this.model.liaall.limmod.limpts.nonrevflg1 == "1") { if (this.model.liaall.limmod.limpts.nonrevflg1 == "1") {
this.model.liaall.limmod.limpts.pfcod1 = ""; this.model.liaall.limmod.limpts.pfcod1 = "";
} }
...@@ -605,14 +602,20 @@ export default { ...@@ -605,14 +602,20 @@ export default {
async onLimmodTrycal() { async onLimmodTrycal() {
let rtnmsg = await this.executeRule("liaall.limmod.trycal"); let rtnmsg = await this.executeRule("liaall.limmod.trycal");
this.same = true;
if (rtnmsg.respCode == SUCCESS) { if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
} else { } else {
this.$notify.error({ title: "错误", message: "服务请求失败！" }); this.$notify.error({ title: "错误", message: "服务请求失败！" });
} }
}, },
show(){
let len1 = this.model.liaall.limmod.tygrd["rows"].length||[];
let len2 = this.model.liaall.limmod.dggrd["rows"].length||[];
if(len1>0&&len2>0){
this.same = true;
}
}
}, },
created: function () {}, created: function () {},
}; };
......
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