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

src/model/Public/Liaall/index.js

@@ -55,6 +55,8 @@ export default class Liaall {
                 comamt: "", //  业务余额		.liaall.limmod.comamt
                 ccvamt: "", //  保证金余额		.liaall.limmod.ccvamt
                 ecifno: "", //  ECIFNO		.liaall.limmod.ecifno
+                tygrd:"", //.liaall.limmod.tygrd
+                dggrd:"", //.liaall.limmod.dggrd
             },
             liaccv: {
                 newamt: "", //  合同金额		.liaall.liaccv.newamt

src/views/Public/Limitbody.vue

@@ -33,33 +33,7 @@
         -->
 
     <!-- 左边-->
-    <c-col :span="12">
-      <!-- line1 -->
-      <c-row>
-        <c-col :span="12">
-          <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="12">
-          <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>
-
+    <c-col :span="8">
       <!-- line2 -->
       <c-row>
         <c-col :span="24">
@@ -165,28 +139,9 @@
       </c-row>
     </c-col>
 
-    <!-- 右边-->
-    <c-col :span="12">
-      <!-- line1 -->
-      <c-row>
-        <c-col :span="12">
-          <el-form-item label="保证金余额" prop="liaall.limmod.ccvamt">
-            <c-input
-              v-model="model.liaall.limmod.ccvamt"
-              placeholder="请输入保证金余额"
-              :disabled="true"
-            ></c-input>
-          </el-form-item>
-        </c-col>
-
-        <c-col :span="12" style="text-align: right">
-          <c-button size="small" type="primary" @click="onLimmodTrycal">
-            试算
-          </c-button>
-        </c-col>
-      </c-row>
+    <!-- 中间 -->
     <!-- 随event方法改变 -->
-      <c-col :span="24" v-if="same">
+    <c-col :span="8" v-show="same" @change="show">
       <!-- line2 -->
       <c-row>
         <c-col :span="24">
@@ -245,10 +200,7 @@
       <!-- line4 -->
       <c-row>
         <c-col :span="24" style="text-align: right">
-            <el-form-item
-              label="额度类型"
-              prop="liaall.limmod.limpts.nonrevflg2"
-            >
+          <el-form-item label="额度类型" prop="liaall.limmod.limpts.nonrevflg2">
             <c-fullbox>
               <c-select
                 v-model="model.liaall.limmod.limpts.nonrevflg2"
@@ -294,6 +246,52 @@
         </c-col>
       </c-row>
     </c-col>
+
+    <!-- 右边-->
+    <c-col :span="8">
+      <!-- line1 -->
+      <c-row>
+        <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">
+            <c-input
+              v-model="model.liaall.limmod.ccvamt"
+              placeholder="请输入保证金余额"
+              :disabled="true"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="24" style="text-align: right">
+          <c-button size="small" type="primary" @click="onLimmodTrycal">
+            试算
+          </c-button>
+        </c-col>
+      </c-row>
     </c-col>
 
     <!-- ====================左边======================= 
@@ -529,7 +527,7 @@ export default {
   data() {
     return {
       tableData: {},
-      same:false,
+      same:false
     };
   },
   methods: {
@@ -568,7 +566,6 @@ export default {
       }
     },
     nonrevflg1Change() {
-      this.same = true;
       if (this.model.liaall.limmod.limpts.nonrevflg1 == "1") {
         this.model.liaall.limmod.limpts.pfcod1 = "";
       }
@@ -605,14 +602,20 @@ export default {
 
     async onLimmodTrycal() {
       let rtnmsg = await this.executeRule("liaall.limmod.trycal");
-      this.same = true;
       if (rtnmsg.respCode == SUCCESS) {
         //TODO 处理数据逻辑
       } else {
         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 () {},
 };