letnot页面修改

src/model/Letnot/Pattern.js

@@ -207,7 +207,7 @@ export default {
 
     "ledgrp.blk.mixdet":[
         {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {max: 140,message:"长度不能超过140"}
     ],
     "letp.avbp.ptsget.sdamod.dadsnd":[
         {type: "string", required: false, message: "必输项"},
@@ -228,7 +228,7 @@ export default {
     ],
     "ledgrp.blk.avbwthtxt":[
         {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {max: 140,message:"长度不能超过140"}
     ],
     "ledgrp.avb.pts.adrblk":[
         {type: "string", required: true, message: "必输项"},
@@ -259,7 +259,7 @@ export default {
 
     "ledgrp.blk.defdet":[
         {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {max: 140,message:"长度不能超过140"}
     ],
     "ledgrp.blk.feetxt":[
         {type: "string", required: true, message: "必输项"},
@@ -268,7 +268,7 @@ export default {
 
     "ledgrp.blk.dftat":[
         {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {max: 105,message:"长度不能超过105"}
     ],
 
     "letp.drwp.ptsget.sdamod.dadsnd":[
@@ -324,7 +324,7 @@ export default {
     ],
     "ledgrp.blk.shpper":[
         {type: "string", required: true, message: "必输项"},
-        {max: 65,message:"长度不能超过65"}
+        {max: 390,message:"长度不能超过390"}
     ],
     "ledgrp.adv.pts.ref":[
         {type: "string", required: false, message: "必输项"},
@@ -484,7 +484,7 @@ export default {
 
     "ledgrp.blk.lcrgod":[
         {type: "string", required: true, message: "必输项"},
-        {max: 65,message:"长度不能超过65"}
+        {max: 5200,message:"长度不能超过5200"}
     ],
 
 
@@ -495,7 +495,7 @@ export default {
 
     "ledgrp.blk.adlcnd":[
         {type: "string", required: true, message: "必输项"},
-        {max: 65,message:"长度不能超过65"}
+        {max: 52000,message:"长度不能超过52000"}
     ],
 
 
@@ -503,7 +503,7 @@ export default {
 
     "ledgrp.blk.insbnk":[
         {type: "string", required: true, message: "必输项"},
-        {max: 65,message:"长度不能超过65"}
+        {max: 780,message:"长度不能超过780"}
     ],
 
     "setmod.ref":[

src/views/Business/Letnot/Adcp.vue

 <template>
   <div class="eibs-tab">
-    <c-col :span="19">
+    <c-col :span="20">
       <el-form-item label="附加条件" prop="ledgrp.blk.adlcnd">
         <c-input
           type="textarea"
-          :rows="16"
+          :rows="20"
           v-model="model.ledgrp.blk.adlcnd"
-          maxlength="65"
+          maxlength="52000"
           show-word-limit
           placeholder="请输入Additional Conditions"
         >
@@ -14,7 +14,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="5" class="letopn_dogp_button">
+    <c-col :span="2">
       <c-button
         size="small"
         type="primary"
@@ -25,38 +25,38 @@
       </c-button>
     </c-col>
 
-    <c-col :span="24" class="letopn_adcp_cheak">
+    <c-col :span="24" class="letnot_adcp_cheak">
       <c-checkbox v-model="model.ledgrp.rec.spcbenflg">
         受益人特殊付款条款</c-checkbox
       >
     </c-col>
 
-    <c-col :span="24" class="letopn_adcp_cheak">
+    <c-col :span="24" class="letnot_adcp_cheak">
       <c-checkbox v-model="model.ledgrp.rec.spcrcbflg">
         收款银行特殊付款条款</c-checkbox
       >
     </c-col>
 
-    <c-col :span="24" class="letopn_adcp_cheak">
+    <c-col :span="24" class="letnot_adcp_cheak">
       <c-checkbox v-model="model.ledgrp.rec.redclsflg">
         红、绿条款选项
       </c-checkbox>
     </c-col>
 
-    <c-col :span="19">
+    <c-col :span="20">
       <el-form-item label="付款、承兑、议付银行指示" prop="ledgrp.blk.insbnk">
         <c-input
           type="textarea"
-          :rows="4"
+          :rows="5"
           v-model="model.ledgrp.blk.insbnk"
-          maxlength="65"
+          maxlength="780"
           show-word-limit
           placeholder="付款、承兑、议付银行指示"
         ></c-input>
       </el-form-item>
     </c-col>
 
-    <c-col :span="5" class="letopn_dogp_button">
+    <c-col :span="2">
       <c-button
         size="small"
         type="primary"
@@ -86,7 +86,7 @@ export default {
 };
 </script>
 <style>
-.letopn_adcp_cheak {
+.letnot_adcp_cheak {
   margin: 0px 0 10px 150px;
 }
 </style>

src/views/Business/Letnot/Detp.vue

 <template>
   <div class="eibs-tab">
     <c-row>
+      <!-- =========================================左边============================================= -->
       <c-col :span="11">
         <!-- Available with -->
         <c-col :span="24">
@@ -19,7 +20,7 @@
           <c-ptap
             :model="model"
             :argadr="{
-              title: '指定银行',
+              title: '',
               grp: 'ledgrp',
               rol: 'avb',
             }"
@@ -31,13 +32,14 @@
           </c-ptap>
         </c-col>
 
+        <!-- 名称地址 -->
         <c-col :span="24">
-          <el-form-item label="名称地址" prop="ledgrp.blk.avbwthtxt">
+          <el-form-item label="" prop="ledgrp.blk.avbwthtxt">
             <c-input
               type="textarea"
               :rows="3"
               v-model="model.ledgrp.blk.avbwthtxt"
-              maxlength="35"
+              maxlength="140"
               show-word-limit
               placeholder="请输入名称地址"
             ></c-input>
@@ -55,41 +57,60 @@
       </el-form-item>
     </c-col> -->
 
+        <!-- 信用证兑付方式  Available by-->
         <c-col :span="24">
           <el-form-item label="兑付方式" prop="ledgrp.rec.avbby">
             <c-select
               v-model="model.ledgrp.rec.avbby"
               style="width: 100%"
               placeholder="请选择兑付方式"
-              :code="codes.avbwth"
+              :code="codes.avbby0"
+              @change="avbbykeyEvent"
             >
             </c-select>
           </el-form-item>
         </c-col>
 
+        <!-- 远期付款指示 Deferred Payment Details-->
         <c-col :span="24">
-          <el-form-item label="期限描述" prop="ledgrp.blk.defdet">
+          <el-form-item label="远期付款指示" prop="ledgrp.blk.defdet">
             <c-input
               type="textarea"
               :rows="3"
               v-model="model.ledgrp.blk.defdet"
-              maxlength="35"
+              maxlength="140"
               show-word-limit
-              placeholder="请输入期限描述"
+              placeholder="请输入远期付款指示"
+              :disabled="defdetFlag"
             ></c-input>
           </el-form-item>
         </c-col>
 
+        <!-- drafts at 汇票期限 -->
         <c-col :span="24">
           <el-form-item label="汇票期限" prop="ledgrp.blk.dftat">
-            <c-input
-              type="textarea"
-              :rows="3"
-              v-model="model.ledgrp.blk.dftat"
-              maxlength="35"
-              show-word-limit
-              placeholder="请输入汇票期限"
-            ></c-input>
+            <c-fullbox>
+              <c-input
+                type="textarea"
+                :rows="3"
+                v-model="model.ledgrp.blk.dftat"
+                maxlength="105"
+                show-word-limit
+                placeholder="请输入汇票期限"
+                :disabled="blkDftatFlag"
+              ></c-input>
+              <template slot="footer">
+                <c-button
+                  size="small"
+                  type="primary"
+                  icon="el-icon-search"
+                  @click="onLcrdftatButtxmsel"
+                  :disabled="blkDftatFlag"
+                >
+                  ...
+                </c-button>
+              </template>
+            </c-fullbox>
           </el-form-item>
         </c-col>
 
@@ -97,71 +118,171 @@
           <c-ptap
             :model="model"
             :argadr="{
-              title: '汇票申请人',
+              title: '付款人',
               grp: 'ledgrp',
               rol: 'drw',
             }"
             :noRef="true"
+            :onlySearch="false"
             @onSeainf="onSeainf"
             @onAplpDet="onDrwpDet"
+            :disabled="blkDftatFlag"
           >
           </c-ptap>
         </c-col>
-      </c-col>
 
-      <c-col :span="11" :offset="1">
+        <!-- Dispatch from   货物转运地(港) -->
         <c-col :span="24">
-          <el-form-item label="最大金额详情" prop="ledgrp.blk.mixdet">
+          <el-form-item label="货物转运地(港)" prop="ledgrp.rec.shpfro">
             <c-input
               type="textarea"
-              :rows="4"
-              v-model="model.ledgrp.blk.mixdet"
-              maxlength="35"
               show-word-limit
-              placeholder="请输入最大金额详情"
+              v-model="model.ledgrp.rec.shpfro"
+              maxlength="65"
+              :rows="1"
+              placeholder="请输入"
             ></c-input>
           </el-form-item>
         </c-col>
 
-        <!-- Days of presentation period -->
+        <!-- Air-/Port of Departure -->
         <c-col :span="24">
-          <el-form-item label="交单期天数" prop="ledgrp.rec.prepers18">
+          <el-form-item label="始发航空站/港口" prop="ledgrp.rec.porloa">
             <c-input
-              v-model="model.ledgrp.rec.prepers18"
-              placeholder="请输入交单期天数"
+              type="textarea"
+              v-model="model.ledgrp.rec.porloa"
+              maxlength="65"
+              show-word-limit
+              :rows="1"
+              placeholder="请输入"
             ></c-input>
           </el-form-item>
         </c-col>
 
+        <!-- Air-/Port of Destination -->
         <c-col :span="24">
-          <el-form-item label="交单期" prop="ledgrp.blk.preper">
+          <el-form-item label="目的航空站/港口" prop="ledgrp.rec.pordis">
             <c-input
               type="textarea"
-              v-model="model.ledgrp.blk.preper"
-              maxlength="35"
+              v-model="model.ledgrp.rec.pordis"
+              maxlength="65"
               show-word-limit
-              placeholder="请输入交单期"
+              rows="1"
+              placeholder="请输入"
             ></c-input>
           </el-form-item>
         </c-col>
 
-        <!-- Additional Details to Code for Charges CHATO -->
+        <!-- Final Destination -->
         <c-col :span="24">
-          <el-form-item label="附加收费详情" prop="ledgrp.blk.feetxt">
+          <el-form-item label="最终目的地" prop="ledgrp.rec.shpto">
+            <c-input
+              type="textarea"
+              v-model="model.ledgrp.rec.shpto"
+              maxlength="65"
+              show-word-limit
+              :rows="1"
+              placeholder="最终目的地"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+        <!-- Shipment Period -->
+        <c-col :span="24">
+          <el-form-item label="装运期" prop="ledgrp.blk.shpper">
+            <c-input
+              type="textarea"
+              v-model="model.ledgrp.blk.shpper"
+              maxlength="390"
+              :rows="3"
+              show-word-limit
+              placeholder="请输入装运期"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+      </c-col>
+
+      <!-- =========================================右边============================================= -->
+      <!-- Mixed Payment Details -->
+      <c-col :span="11" :offset="1">
+        <c-col :span="24">
+          <el-form-item label="混合付款指示" prop="ledgrp.blk.mixdet">
             <c-input
               type="textarea"
-              :rows="6"
-              v-model="model.ledgrp.blk.feetxt"
-              maxlength="35"
+              :rows="4"
+              v-model="model.ledgrp.blk.mixdet"
+              maxlength="140"
               show-word-limit
-              placeholder="请输入附加收费详情"
+              placeholder="混合付款指示"
+              :disabled="model.ledgrp.rec.avbby != 'M'"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+        <!-- 交单期限 presentation period-->
+        <c-col :span="24">
+          <el-form-item label="交单期限" prop="ledgrp.blk.preper">
+            <c-fullbox>
+              <c-input
+                type="textarea"
+                v-model="model.ledgrp.blk.preper"
+                maxlength="35"
+                show-word-limit
+                placeholder="请输入交单期限"
+              ></c-input>
+              <template slot="footer">
+                <c-button
+                  size="small"
+                  type="primary"
+                  icon="el-icon-search"
+                  @click="onPreperButtxmsel"
+                >
+                  ...
+                </c-button>
+              </template>
+            </c-fullbox>
+          </el-form-item>
+        </c-col>
+
+        <!-- Days of presentation period -->
+        <c-col :span="24">
+          <el-form-item label="" prop="ledgrp.rec.prepers18">
+            <c-input
+              v-model="model.ledgrp.rec.prepers18"
+              placeholder="请输入交单期天数"
             ></c-input>
           </el-form-item>
         </c-col>
 
+        <!-- Additional Details to  Charges  -->
+        <c-col :span="24">
+          <el-form-item label="附加收费详情" prop="ledgrp.blk.feetxt">
+            <c-fullbox>
+              <c-input
+                type="textarea"
+                :rows="6"
+                v-model="model.ledgrp.blk.feetxt"
+                maxlength="210"
+                show-word-limit
+                placeholder="请输入附加收费详情"
+              ></c-input>
+              <template slot="footer">
+                <c-button
+                  size="small"
+                  type="primary"
+                  icon="el-icon-search"
+                  @click="onChariaButtxmsel"
+                >
+                  ...
+                </c-button>
+              </template>
+            </c-fullbox>
+          </el-form-item>
+        </c-col>
+
         <!-- Own Charges Borne by -->
         <c-col :span="24">
-          <el-form-item label="自行承担费用" prop="ledgrp.rec.chato">
+          <el-form-item label="费用状况" prop="ledgrp.rec.chato">
             <c-select
               v-model="model.ledgrp.rec.chato"
               style="width: 100%"
@@ -172,130 +293,104 @@
           </el-form-item>
         </c-col>
 
+        <!-- country or region code -->
         <c-col :span="24">
-          <el-form-item label="国家统计代码" prop="ledgrp.rec.stacty">
+          <el-form-item label="国家或地区代码" prop="ledgrp.rec.stacty">
             <c-select
               v-model="model.ledgrp.rec.stacty"
               style="width: 100%"
-              placeholder="请选择国家统计代码"
+              placeholder="请选择国家或地区代码"
               :code="codes.ctytxt"
             >
             </c-select>
           </el-form-item>
         </c-col>
-
+        <!-- 付款期限 Maxinum Tenor-->
         <c-col :span="24">
-          <el-form-item label="兑付最高期限" prop="ledgrp.rec.tenmaxday">
+          <el-form-item label="付款期限（天）" prop="ledgrp.rec.tenmaxday">
             <c-input
               v-model="model.ledgrp.rec.tenmaxday"
-              placeholder="请输入兑付最高期限"
+              placeholder="请输入"
+              :disabled="model.ledgrp.rec.avbby == 'P'"
+              maxlength="4"
+              @keyup.enter.native="
+                defaultFunction(
+                  'ledgrp.rec.tenmaxday',
+                  model.ledgrp.rec.tenmaxday
+                )
+              "
             ></c-input>
           </el-form-item>
         </c-col>
       </c-col>
     </c-row>
-
-    <c-row>
-      <!-- Dispatch from -->
-      <c-col :span="11">
-        <el-form-item label="转运" prop="ledgrp.rec.shpfro">
-          <c-input
-            type="textarea"
-            :rows="3"
-            show-word-limit
-            v-model="model.ledgrp.rec.shpfro"
-            maxlength="65"
-            placeholder="请输入"
-          ></c-input>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="11" :offset="1">
-        <el-form-item label="货物装运地(港）" prop="ledgrp.rec.porloa">
-          <c-input
-            type="textarea"
-            :rows="3"
-            v-model="model.ledgrp.rec.porloa"
-            maxlength="65"
-            show-word-limit
-            placeholder="请输入货物装运地(港）"
-          ></c-input>
-        </el-form-item>
-      </c-col>
-
-      <c-col :span="11">
-        <el-form-item label="航空/目的港" prop="ledgrp.rec.pordis">
-          <c-input
-            type="textarea"
-            :rows="3"
-            v-model="model.ledgrp.rec.pordis"
-            maxlength="65"
-            show-word-limit
-            placeholder="航空/目的港"
-          ></c-input>
-        </el-form-item>
-      </c-col>
-
-      <!-- Final Destination -->
-      <c-col :span="11" :offset="1">
-        <el-form-item label="货物目的地、交货地（港）" prop="ledgrp.rec.shpto">
-          <c-input
-            type="textarea"
-            :rows="3"
-            v-model="model.ledgrp.rec.shpto"
-            maxlength="65"
-            show-word-limit
-            placeholder="货物目的地、交货地（港）"
-          ></c-input>
-        </el-form-item>
-      </c-col>
-
-      <!-- Shipment Period -->
-      <c-col :span="11">
-        <el-form-item label="发货期" prop="ledgrp.blk.shpper">
-          <c-input
-            type="textarea"
-            :rows="3"
-            v-model="model.ledgrp.blk.shpper"
-            maxlength="65"
-            show-word-limit
-            placeholder="请输入发货期"
-          ></c-input>
-        </el-form-item>
-      </c-col>
-    </c-row>
   </div>
 </template>
 <script>
-import Api from "~/service/Api";
-import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable";
-import Event from "~/model/Letnot/Event";
-import Ptap from "~/views/Public/Ptap";
+import Api from '~/service/Api'
+import commonProcess from '~/mixin/commonProcess'
+import CodeTable from '~/config/CodeTable'
+import Event from '~/model/Letnot/Event'
+import Ptap from '~/views/Public/Ptap'
 
 export default {
   components: {
     // "c-ptap1": Ptap1,
-    "c-ptap": Ptap,
+    'c-ptap': Ptap,
     // "c-ptsmsg": Ptsmsg,
   },
-  inject: ["root"],
-  props: ["model", "codes"],
+  inject: ['root'],
+  props: ['model', 'codes'],
   mixins: [commonProcess],
   data() {
-    return {};
+    return {}
+  },
+  methods: {
+    ...Event,
+    avbbykeyEvent() {
+      if (this.model.ledgrp.rec.avbby == 'P') {
+        this.model.ledgrp.rec.tenmaxday = 0
+        this.model.ledgrp.blk.defdet = ''
+      }
+      this.executeCheck('ledgrp.rec.avbby').then((res) => {
+        if (res.respCode == SUCCESS) {
+          Utils.copyValueFromVO(this.model, res.data)
+        }
+      })
+    },
   },
-  methods: { ...Event },
   created: function () {},
+  computed: {
+    defdetFlag: {
+      get() {
+        return (
+          // this.model.ledgrp.rec.avbby == 'A' ||
+          // this.model.ledgrp.rec.avbby == 'P' ||
+          // this.model.ledgrp.rec.avbby == 'M' ||
+          // this.model.ledgrp.rec.avbby == ''
+          this.model.ledgrp.rec.avbby != 'D' &&
+          this.model.ledgrp.rec.avbby != 'N'
+        )
+      },
+    },
+    blkDftatFlag: {
+      get() {
+        return (
+          this.model.ledgrp.rec.avbby == 'D' ||
+          this.model.ledgrp.rec.avbby == 'M' ||
+          this.model.ledgrp.rec.avbby == ''
+        )
+      },
+    },
+  },
   watch: {
-    "model.ledgrp.avb.pts.adrblk": {
+    'model.ledgrp.avb.pts.adrblk': {
       handler(val, oldVal) {
-        this.model.ledgrp.blk.avbwthtxt = val;
+        this.model.ledgrp.blk.avbwthtxt = val
       },
       immediate: true,
     },
   },
-};
+}
 </script>
-<style>
-</style>
+<style></style>

src/views/Business/Letnot/Dogp.vue

 <template>
   <div class="eibs-tab">
-    <c-col :span="19">
-      <el-form-item label="Description of Goods" prop="ledgrp.blk.lcrgod">
+    <!-- Description of Goods -->
+    <c-col :span="20">
+      <el-form-item label="货物描述" prop="ledgrp.blk.lcrgod">
         <c-input
           type="textarea"
           v-model="model.ledgrp.blk.lcrgod"
-          :rows="20"
-          maxlength="2000"
+          :rows="30"
+          maxlength="52000"
           show-word-limit
           placeholder="请输入Description of Goods"
         ></c-input>
       </el-form-item>
     </c-col>
 
-    <c-col :span="5" class="letopn_dogp_button">
+    <c-col :span="2">
       <c-button
         size="small"
         type="primary"
@@ -24,8 +25,8 @@
       </c-button>
     </c-col>
     <br />
-    <c-col :span="19">
-      <el-form-item label="Goods Code " prop="ledgrp.rec.stagod">
+    <c-col :span="20">
+      <el-form-item label="货物种类 " prop="ledgrp.rec.stagod">
         <c-select
           v-model="model.ledgrp.rec.stagod"
           style="width: 100%"
@@ -54,8 +55,3 @@ export default {
   created: function () {},
 };
 </script>
-<style>
-.letopn_dogp_button {
-  margin: 20px 0 0 -10px;
-}
-</style>

src/views/Business/Letnot/Dorp.vue

 <template>
   <div class="eibs-tab">
-    <c-col :span="19">
-      <el-form-item label="Documents Required" prop="ledgrp.blk.lcrdoc">
+    <!-- Documents Required -->
+    <c-col :span="20">
+      <el-form-item label="所需单据" prop="ledgrp.blk.lcrdoc">
         <c-input
           type="textarea"
           v-model="model.ledgrp.blk.lcrdoc"
-          maxlength="65"
+          maxlength="52000"
           show-word-limit
           placeholder="请输入Documents Required"
-          :rows="10"
+          :rows="30"
         ></c-input>
       </el-form-item>
     </c-col>
 
-    <c-col :span="5">
+    <c-col :span="2">
       <c-button
         size="small"
         type="primary"

src/views/Business/Letnot/Ovwp.vue

@@ -70,7 +70,7 @@
           </el-form-item>
         </c-col>
         <c-col :span="4">
-          <c-checkbox v-model="model.letp.aamp.aammod.addamtflg" style="margin-left:5px;">附加金额</c-checkbox>
+          <c-checkbox v-model="model.letp.aamp.aammod.addamtflg" style="margin-left:10px;">附加金额</c-checkbox>
         </c-col>
       </c-col>
 
@@ -91,7 +91,7 @@
           <c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
         </c-col> -->
         <c-col :span="4">
-          <c-checkbox v-model="model.ledgrp.preadvflg" style="margin-left:5px;">预先通知</c-checkbox>
+          <c-checkbox v-model="model.ledgrp.preadvflg" style="margin-left:10px;">预先通知</c-checkbox>
         </c-col>
       </c-col>
 
@@ -106,7 +106,7 @@
 
         <!-- Incoming Transfer -->
         <c-col :span="4">
-          <c-checkbox v-model="model.ledgrp.rec.inctrf" style="margin-left:5px;">传入传输</c-checkbox>
+          <c-checkbox v-model="model.ledgrp.rec.inctrf" style="margin-left:10px;">传入传输</c-checkbox>
         </c-col>
       </c-col>
 

src/views/Business/Letnot/Ptyp.vue

 <template>
   <c-row>
+    <!-- =================================左边================================= -->
+    <!-- 1st Advising Bank -->
     <c-col :span="11">
       <c-col :span="24">
         <c-ptap
@@ -11,15 +13,17 @@
           }"
           @onSeainf="onSeainf"
           @onAplpDet="onAdvpDet"
+          disabled
         >
         </c-ptap>
       </c-col>
 
+      <!-- 2nd Advising Bank -->
       <c-col :span="24">
         <c-ptap
           :model="model"
           :argadr="{
-            title: '申请人银行',
+            title: '第二通知行',
             grp: 'ledgrp',
             rol: 'a2b',
           }"
@@ -29,6 +33,7 @@
         </c-ptap>
       </c-col>
 
+      <!-- Confirm. Instruct. -->
       <c-col :span="24">
         <el-form-item label="第二通知行确认指令" prop="ledgrp.rec.cnfins">
           <c-select
@@ -36,18 +41,20 @@
             style="width: 100%"
             placeholder="第二通知行确认指令"
             :code="codes.cnfflg1"
+            disabled
           >
           </c-select>
         </el-form-item>
       </c-col>
     </c-col>
-
+    <!-- ========================右边======================= -->
     <c-col :span="11" :offset="1">
+      <!-- Applicant's Bank -->
       <c-col :span="24">
         <c-ptap
           :model="model"
           :argadr="{
-            title: '申请人银行',
+            title: '申请银行',
             grp: 'ledgrp',
             rol: 'apb',
           }"
@@ -56,7 +63,14 @@
         >
         </c-ptap>
       </c-col>
+      <!-- Send Directly to Applicant's Bank -->
+      <c-col :span="24">
+        <c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" style="margin-left:150px;"
+          >直接发送至申请银行</c-checkbox
+        >
+      </c-col>
 
+      <!-- Reimbursement Bank -->
       <c-col :span="24">
         <c-ptap
           :model="model"
@@ -71,32 +85,36 @@
         </c-ptap>
       </c-col>
 
+      <!-- Confirmation  Bank -->
       <c-col :span="24">
         <c-ptap
           :model="model"
           :argadr="{
-            title: '第二通知行',
+            title: '保兑行',
             grp: 'ledgrp',
             rol: 'con',
           }"
           :onlySearch="true"
           @onSeainf="onSeainf"
-          @onAplpDet="onRmbpDet"
+          @onAplpDet="onConpDet"
+          disabled
         >
         </c-ptap>
       </c-col>
       <c-col :span="24">
-        <el-form-item label="第二通知行名称" prop="ledgrp.con.pts.nam">
+        <el-form-item label="" prop="ledgrp.con.pts.nam">
           <c-input
             v-model="model.ledgrp.con.pts.nam"
             maxlength="40"
-            placeholder="请输入第二通知行名称"
+            placeholder="请输入Name of Party"
+            disabled
           ></c-input>
         </el-form-item>
       </c-col>
     </c-col>
+    <!-- =============================底部表格========================= -->
     <c-edit-table :model="model" v-bind="ptsaddg">
-      <el-table-column label="操作" align="center">
+      <el-table-column label="操作" text-align="center">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -110,56 +128,55 @@
   </c-row>
 </template>
 <script>
-import Api from "~/service/Api";
-import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable";
-import Ptap from "~/views/Public/Ptap";
-import Event from "~/model/Letopn/Event";
+import Api from '~/service/Api'
+import commonProcess from '~/mixin/commonProcess'
+import CodeTable from '~/config/CodeTable'
+import Ptap from '~/views/Public/Ptap'
+import Event from '~/model/Letopn/Event'
 
 export default {
-  inject: ["root"],
-  components: { "c-ptap": Ptap },
-  props: ["model", "codes"],
+  inject: ['root'],
+  components: { 'c-ptap': Ptap },
+  props: ['model', 'codes'],
   mixins: [commonProcess],
   data() {
     return {
       ptsaddg: {
         columns: [
           {
-            title: "角色",
-            width: "120px",
-            dataIndex: "rol",
-            show: "select",
+            title: '角色',
+            width: '120px',
+            dataIndex: 'rol',
+            show: 'select',
           },
           {
-            title: "机构实体",
-            width: "180px",
-            dataIndex: "ptyextkey",
-            show: "input",
+            title: '机构实体',
+            width: '180px',
+            dataIndex: 'ptyextkey',
+            show: 'input',
           },
           {
-            title: "名称",
-            width: "300px",
-            dataIndex: "nam",
+            title: '名称',
+            width: '300px',
+            dataIndex: 'nam',
           },
           {
-            title: "参考地址",
-            width: "300px",
-            dataIndex: "ref",
+            title: '参考地址',
+            width: '300px',
+            dataIndex: 'ref',
           },
         ],
-        urls: "letp.ptsaddp.ptsaddg",
+        urls: 'letp.ptsaddp.ptsaddg',
       },
-    };
+    }
   },
   methods: {
     ...Event,
     handleEdit() {
-      console.log("1111测试");
+      console.log('1111测试')
     },
   },
   created: function () {},
-};
+}
 </script>
-<style>
-</style>
+<style></style>

src/views/Business/Letnot/index.vue

@@ -67,9 +67,7 @@
 
           <!--PD000060 -->
           <el-tab-pane label="其他条款" name="adcp">
-            <c-content>
-              <m-adcp :model="model" :codes="codes" />
-            </c-content>
+            <m-adcp :model="model" :codes="codes" />
           </el-tab-pane>
 
           <!--PD000000 -->
@@ -95,12 +93,12 @@
           </el-tab-pane>
 
                             <!--PD000422 -->
-          <el-tab-pane label="银行专用特殊付款条件" name="spcrcvp">
+          <el-tab-pane label="银行专用特殊付款条件" name="spcrcvp" v-if="model.ledgrp.rec.spcbenflg=='X'">
               <m-spcrcvp :model="model" :codes="codes"/>
           </el-tab-pane>
 
           <!--PD000394 -->
-          <el-tab-pane label="受益人特殊付款条件" name="spcbenp">
+          <el-tab-pane label="受益人特殊付款条件" name="spcbenp" v-if="model.ledgrp.rec.spcrcbflg=='X'">
               <m-spcbenp :model="model" :codes="codes"/>
           </el-tab-pane>
         </c-tabs>