公共面板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,44 +33,126 @@
         -->
 
     <!-- 左边-->
-    <c-col :span="12">
-      <!-- line1 -->
+    <c-col :span="8">
+      <!-- line2 -->
       <c-row>
-        <c-col :span="12">
-          <el-form-item label="业务编号" prop="liaall.limmod.ownref">
+        <c-col :span="24">
+          <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
-              v-model="model.liaall.limmod.ownref"
+              v-model="model.liaall.limmod.limpts.wrk.pts.nam"
               maxlength="16"
-              placeholder="请输入国结业务编号"
+              placeholder=""
               :disabled="true"
               style="width: 100%"
             ></c-input>
           </el-form-item>
         </c-col>
+      </c-row>
 
-        <c-col :span="12">
-          <el-form-item label="业务余额" prop="liaall.limmod.comamt">
+      <!-- line4 -->
+      <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
-              v-model="model.liaall.limmod.comamt"
-              placeholder="请输入业务余额"
-              :disabled="true"
+              v-model="model.liaall.limmod.limpts.pfcod1"
+              maxlength="14"
+              placeholder="请输入合同流水号"
+              :disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
               style="width: 100%"
             ></c-input>
           </el-form-item>
         </c-col>
       </c-row>
+    </c-col>
 
+    <!-- 中间 -->
+    <!-- 随event方法改变 -->
+    <c-col :span="8" v-show="same" @change="show">
       <!-- line2 -->
       <c-row>
         <c-col :span="24">
           <el-form-item
-            label="额度主体"
-            prop="liaall.limmod.limpts.wrk.pts.extkey"
+            label="对公账户"
+            prop="liaall.limmod.limpts.oth.pts.extkey"
             style="width: 100%"
           >
             <c-fullbox>
               <c-input
-                v-model="model.liaall.limmod.limpts.wrk.pts.extkey"
+                v-model="model.liaall.limmod.limpts.oth.pts.extkey"
                 maxlength="16"
                 placeholder="请输入External Key of Address"
                 style="width: 100%"
@@ -87,7 +169,7 @@
                   style="margin: 0 0"
                   size="small"
                   type="primary"
-                  @click="onWrkpDet"
+                  @click="onOthpDet"
                 >
                   详情
                 </c-button>
@@ -102,10 +184,10 @@
         <c-col :span="24">
           <el-form-item
             label="主体名称"
-            prop="liaall.limmod.limpts.wrk.pts.nam"
+            prop="liaall.limmod.limpts.oth.pts.nam"
           >
             <c-input
-              v-model="model.liaall.limmod.limpts.wrk.pts.nam"
+              v-model="model.liaall.limmod.limpts.oth.pts.nam"
               maxlength="16"
               placeholder=""
               :disabled="true"
@@ -118,16 +200,16 @@
       <!-- line4 -->
       <c-row>
         <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-select
-                v-model="model.liaall.limmod.limpts.nonrevflg1"
+                v-model="model.liaall.limmod.limpts.nonrevflg2"
                 style="width: 100%"
                 placeholder="请选择Flag to Mark Non-revolving Limits"
-                @change="nonrevflg1Change"
+                @change="nonrevflg2Change"
               >
                 <el-option
-                  v-for="item in codes.nonrevflg1"
+                  v-for="item in codes.nonrevflg2"
                   :key="item.value"
                   :label="item.label"
                   :value="item.value"
@@ -140,7 +222,7 @@
                   size="small"
                   type="primary"
                   icon="el-icon-search"
-                  @click="onLimptsGet1"
+                  @click="onLimptsGet2"
                 >
                 </c-button>
               </template>
@@ -152,12 +234,12 @@
       <!-- line5 -->
       <c-row>
         <c-col :span="24">
-          <el-form-item label="合同流水号" prop="liaall.limmod.limpts.pfcod1">
+          <el-form-item label="合同流水号" prop="liaall.limmod.limpts.pfcod2">
             <c-input
-              v-model="model.liaall.limmod.limpts.pfcod1"
+              v-model="model.liaall.limmod.limpts.pfcod2"
               maxlength="14"
               placeholder="请输入合同流水号"
-              :disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
+              :disabled="this.model.liaall.limmod.limpts.nonrevflg2 != '2'"
               style="width: 100%"
             ></c-input>
           </el-form-item>
@@ -166,10 +248,35 @@
     </c-col>
 
     <!-- 右边-->
-    <c-col :span="12">
+    <c-col :span="8">
       <!-- line1 -->
       <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">
             <c-input
               v-model="model.liaall.limmod.ccvamt"
@@ -179,121 +286,12 @@
           </el-form-item>
         </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>
         </c-col>
       </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>
 
     <!-- ====================左边======================= 
@@ -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 () {},
 };