联行行号名称地址封装

src/views/Business/Ditopn/Detp1.vue

@@ -14,6 +14,7 @@
     </c-col>
     <!-- =========================通知行========================= -->
     <c-col :span="11">
+      <c-col :span="24">
         <el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
           <c-input
             v-model="model.didgrp.adv.pts.extkey"
@@ -22,7 +23,8 @@
             @keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
           ></c-input>
         </el-form-item>
-            <el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
+      </c-col>
+      <!-- <el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
         <c-input
           v-model="model.didgrp.adv.pts.bankno"
           maxlength="20"
@@ -50,7 +52,16 @@
           show-word-limit
           placeholder="请输入地址  电证用"
         ></c-input>
-            </el-form-item>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledJigomc="true"
+        :disabledDizhii="true"
+        :model="model"
+        :argadr="{
+          title: '通知行',
+          rol: 'adv',
+        }"
+      ></c-ptapdome>
       <c-col :span="12">
         <el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
           <c-input
@@ -61,7 +72,11 @@
           ></c-input>
         </el-form-item> </c-col
       ><c-col :span="12">
-                <el-form-item label="通知行电话" prop="didgrp.adv.pts.dihdig" label-width="100px">
+        <el-form-item
+          label="通知行电话"
+          prop="didgrp.adv.pts.dihdig"
+          label-width="100px"
+        >
           <c-input
             disabled
             v-model="model.didgrp.adv.pts.dihdig"
@@ -73,16 +88,17 @@
     </c-col>
     <!-- =========================开证行========================= -->
     <c-col :span="11" :offset="1">
+      <c-col :span="24">
         <el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
           <c-input
-                    
             v-model="model.didgrp.iss.pts.extkey"
             maxlength="16"
             placeholder="请输入External Key of Address"
             @keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
           ></c-input>
         </el-form-item>
-            <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
+      </c-col>
+      <!-- <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
                 <c-input
                     disabled
                     v-model="model.didgrp.iss.pts.bankno"
@@ -109,7 +125,19 @@
                     show-word-limit
                     placeholder="请输入地址  电证用"
                 ></c-input>
-            </el-form-item>
+            </el-form-item> -->
+      <c-ptapdome
+        :disabledBankno="true"
+        :disabledJigomc="true"
+        :disabledDizhii="true"
+        :model="model"
+        :argadr="{
+          title: '开证行',
+          rol: 'iss',
+        }"
+        :isIss="true"
+      ></c-ptapdome>
+
       <c-col :span="12">
         <el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
           <c-input
@@ -121,7 +149,11 @@
         </el-form-item>
       </c-col>
       <c-col :span="12">
-                <el-form-item label="开证行电话" prop="didgrp.iss.pts.dihdig" label-width="100px" >
+        <el-form-item
+          label="开证行电话"
+          prop="didgrp.iss.pts.dihdig"
+          label-width="100px"
+        >
           <c-input
             disabled
             v-model="model.didgrp.iss.pts.dihdig"
@@ -131,8 +163,10 @@
         </el-form-item>
       </c-col>
     </c-col>
+    <c-col :span="24">
     <!-- ============= 议付行 ========================= -->
     <c-col :span="11">
+      <c-col :span="24">
         <el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
           <c-select
             v-model="model.didgrp.rec.fenctg"
@@ -148,6 +182,8 @@
             </el-option>
           </c-select>
         </el-form-item>
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
           <c-select
             :disabled="model.didgrp.rec.fenctg != 'Y'"
@@ -164,8 +200,9 @@
             </el-option>
           </c-select>
         </el-form-item>
+      </c-col>
 
-            <el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
+      <!-- <el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
         <c-input
           :disabled="model.didgrp.rec.fenctg != 'Y'"
           v-model="model.didgrp.avb.pts.bankno"
@@ -195,10 +232,21 @@
           show-word-limit
           placeholder="请输入地址  电证用"
         ></c-input>
-            </el-form-item>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledBankno="model.didgrp.rec.fenctg != 'Y'"
+        :disabledJigomc="true"
+        :disabledDizhii="model.didgrp.rec.fenctg != 'Y'"
+        :model="model"
+        :argadr="{
+          title: '议付行',
+          rol: 'avb',
+        }"
+      ></c-ptapdome>
     </c-col>
     <!-- =========================保兑行========================= -->
     <c-col :span="11" :offset="1">
+        <c-col :span="24">
       <el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
         <c-select
           v-model="model.didgrp.rec.bdflg"
@@ -214,8 +262,8 @@
           </el-option>
         </c-select>
       </el-form-item>
-
-            <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
+      </c-col>
+      <!-- <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
         <c-input
           :disabled="model.didgrp.rec.bdflg != 'Y'"
           v-model="model.didgrp.rmb.pts.bankno"
@@ -244,11 +292,23 @@
           show-word-limit
           placeholder="请输入地址  电证用"
         ></c-input>
-            </el-form-item>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledBankno="model.didgrp.rec.bdflg != 'Y'"
+        :disabledJigomc="true"
+        :disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
+        :model="model"
+        :argadr="{
+          title: '保兑行',
+          rol: 'rmb',
+        }"
+      ></c-ptapdome>
     </c-col>
-        <c-col :span="24">&nbsp;</c-col>
+    </c-col>
+    <!-- <c-col :span="24">&nbsp;</c-col> -->
     <!-- ========================转让行 ======================== -->
     <c-col :span="11">
+        <c-col :span="24">
       <el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
         <c-select
           v-model="model.didgrp.rec.lcrtyp"
@@ -264,8 +324,9 @@
           </el-option>
         </c-select>
       </el-form-item>
+      </c-col>
       <!-- </c-row> -->
-            <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
+      <!-- <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
         <c-input
           :disabled="model.didgrp.rec.lcrtyp != 'IT'"
           v-model="model.didgrp.cmb.pts.bankno"
@@ -292,11 +353,21 @@
           show-word-limit
           placeholder="请输入地址  电证用"
         ></c-input>
-            </el-form-item>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
+        :disabledJigomc="true"
+        :disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
+        :model="model"
+        :argadr="{
+          title: '转让行',
+          rol: 'cmb',
+        }"
+      ></c-ptapdome>
     </c-col>
     <!-- ========================申请行 ======================== -->
     <c-col :span="11" :offset="1">
-            <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
+      <!-- <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
         <c-input
           v-model="model.didgrp.apc.pts.bankno"
           maxlength="20"
@@ -321,17 +392,30 @@
           maxlength="35"
           show-word-limit
           placeholder="请输入地址  电证用"
-                ></c-input> </el-form-item
-            >            <c-col :span="12">
+        ></c-input>
+      </el-form-item> -->
+      <c-ptapdome
+        :disabledJigomc="true"
+        :model="model"
+        :argadr="{
+          title: '申请行',
+          rol: 'apc',
+        }"
+      ></c-ptapdome>
+      <c-col :span="12">
         <el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
           <c-input
             v-model="model.didgrp.apc.pts.youzbm"
             maxlength="6"
             placeholder="请输入邮编  电证用"
           ></c-input>
-                </el-form-item>
-            </c-col><c-col :span="12">
-                <el-form-item label="申请人电话" prop="didgrp.apc.pts.dihdig" label-width="100px">
+        </el-form-item> </c-col
+      ><c-col :span="12">
+        <el-form-item
+          label="申请人电话"
+          prop="didgrp.apc.pts.dihdig"
+          label-width="100px"
+        >
           <c-input
             v-model="model.didgrp.apc.pts.dihdig"
             maxlength="16"
@@ -340,9 +424,7 @@
           ></c-input>
         </el-form-item>
       </c-col>
-
     </c-col>
-
   </div>
 </template>
 <script>
@@ -350,19 +432,20 @@ import Api from "~/service/Api";
 import CommonProcess from "~/mixin/CommonProcess";
 import Event from "~/model/Ditopn/Event";
 import Utils from "~/utils";
+import PtapDome from "~/views/Public/PtapDome";
 
 export default {
-    inject: ['root'],
+  components: { "c-ptapdome": PtapDome },
+  inject: ["root"],
   props: ["model", "codes"],
   mixins: [CommonProcess],
   data() {
-        return {
-        };
+    return {};
   },
   methods: {
-        ...Event 
+    ...Event,
   },
-    created: function () {}
+  created: function () {},
 };
 </script>
 <style>

src/views/Business/Ditopn/Limitbody.vue

@@ -75,14 +75,14 @@
                 <!-- </el-form-item> -->
             </c-col>
 
-            <c-col :span="24">
+            <c-col :span="20">
                 <el-form-item label="" prop="liaall.limmod.limpts.wrk.pts.nam">
                     <c-input
                         v-model="model.liaall.limmod.limpts.wrk.pts.nam"
                         maxlength="16"
                         placeholder=""
                         :disabled="true"
-                        style="width:90%"
+                        style="width:95%"
                     ></c-input>
                 </el-form-item>
             </c-col>

src/views/Public/Ptap.vue

@@ -14,7 +14,7 @@
 
     <c-col :span="20">
       <el-form-item
-        :label="`${argadr.title}编号`"
+        :label="`${argadr.title}ID`"
         :prop="`${argadr.grp}.${argadr.rol}.pts.extkey`"
         style="width:100%"
       >

src/views/Public/PtapDome.vue

+<template>
+  <div class="eibs-tab">
+    <c-col :span="24" v-if="!isIss">
+      <el-form-item
+        :label="`${argadr.title}联行行号`"
+        :prop="`didgrp.${argadr.rol}.pts.bankno`"
+      >
+        <c-input
+          v-model="model.didgrp[argadr.rol].pts.bankno"
+          maxlength="20"
+          :disabled="disabledBankno"
+          :placeholder="'请输入' + argadr.title + '联行行号'"
+          @keyup.enter.native="showGridPromptDialog(`didigrp.${argadr.rol}.pts.bankno`)"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+    <c-col :span="24" v-else>
+      <el-form-item
+        :label="`${argadr.title}联行行号`"
+        :prop="`didgrp.${argadr.rol}.pts.bankno`"
+      >
+        <c-input
+          v-model="model.didgrp[argadr.rol].pts.bankno"
+          maxlength="20"
+          :disabled="disabledBankno"
+          :placeholder="'请输入' + argadr.title + '联行行号'"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+
+    
+      <c-col :span="24">
+        <el-form-item
+          :label="`${argadr.title}联行名称`"
+          :prop="`didgrp.${argadr.rol}.pts.jigomc`"
+        >
+          <c-input
+            type="textarea"
+            :rows="4"
+            v-model="model.didgrp[argadr.rol].pts.jigomc"
+            maxlength="35"
+            show-word-limit
+            :placeholder="'请输入' + argadr.title + '联行名称'"
+            :disabled="disabledJigomc"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          :label="`${argadr.title}地址`"
+          :prop="`didgrp.${argadr.rol}.pts.dizhii`"
+        >
+          <c-input
+            type="textarea"
+            :rows="4"
+            v-model="model.didgrp[argadr.rol].pts.dizhii"
+            maxlength="35"
+            show-word-limit
+            :placeholder="'请输入' + argadr.title + '地址'"
+            :disabled="disabledDizhii"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+        
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import CommonProcess from "~/mixin/CommonProcess";
+// 机构信息模块
+export default {
+  inject: ["root"],
+  mixins: [CommonProcess],
+
+  props: {
+    model: {
+      type: Object,
+      default: undefined,
+    },
+    argadr: {
+      type: Object,
+      default: function () {
+        return {
+          title: "", //角色名称
+          rol: "", //角色
+        };
+      },
+    },
+    disabledBankno: {
+      type: Boolean,
+      default: false,
+    },
+    disabledJigomc: {
+      type: Boolean,
+      default: false,
+    },
+    disabledDizhii: {
+      type: Boolean,
+      default: false,
+    },
+    isIss: {
+      //是否为开证行
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      data: [],
+    };
+  },
+  watch: {},
+  methods: {
+  },
+
+  created: function () {},
+};
+</script>
+<style>
+
+</style>