letnot/letamc内容/详情页灰显，letopn交易页面调整及事件绑定

src/model/Letamc/Pattern.js

@@ -162,8 +162,8 @@ export default {
     //     {max: 2,message:"长度不能超过2"}
     // ],
     "ledgrp.rec.nomton":[
-        {type: "number", required: false, message: "必输项"},
-        {type: "number",max: 99,message:"长度不能超过99"}
+        {type: "number", required: false, message: "必输项",trigger: "blur"},
+        {type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
     ],
     "ledgrp.ben.adrelc":[
         {type: "string", required: true, message: "必输项"},

src/model/Letnot/Pattern.js

@@ -64,12 +64,12 @@ export default {
     ],
 
     "ledgrp.rec.nomtop":[
-        {type: "string", required: false, message: "必输项",trigger: "blur"},
-        {max: 2,message:"长度不能超过2",trigger: "blur"}
+        {type: "number", required: false, message: "必输项",trigger: "blur"},
+        {type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
     ],
     "ledgrp.rec.nomton":[
-        {type: "string", required: false, message: "必输项",trigger: "blur"},
-        {max: 2,message:"长度不能超过2",trigger: "blur"}
+        {type: "number", required: false, message: "必输项",trigger: "blur"},
+        {type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
     ],
     "ledgrp.ben.adrelc":[
         {type: "string", required: true, message: "必输项"},
@@ -227,7 +227,7 @@ export default {
         {max: 35,message:"长度不能超过35"}
     ],
     "ledgrp.blk.avbwthtxt":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 140,message:"长度不能超过140"}
     ],
     "ledgrp.avb.pts.adrblk":[
@@ -311,11 +311,11 @@ export default {
         {type: "number",max: 9999,message:"长度不能超过4"}
     ],
     "ledgrp.rec.porloa":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 65,message:"长度不能超过65"}
     ],
     "ledgrp.rec.pordis":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 65,message:"长度不能超过65"}
     ],
     "ledgrp.rec.shpto":[
@@ -324,7 +324,7 @@ export default {
     ],
     "ledgrp.blk.shpper":[
         {type: "string", required: true, message: "必输项"},
-        {max: 390,message:"长度不能超过390"}
+        {max: 65,message:"长度不能超过65"}
     ],
     "ledgrp.adv.pts.ref":[
         {type: "string", required: false, message: "必输项"},
@@ -484,7 +484,7 @@ export default {
 
     "ledgrp.blk.lcrgod":[
         {type: "string", required: true, message: "必输项"},
-        {max: 5200,message:"长度不能超过5200"}
+        {max: 52000,message:"长度不能超过52000"}
     ],
 
 

src/model/Letopn/Pattern.js

@@ -72,12 +72,12 @@ export default {
     ],
 
     "ledgrp.rec.nomtop":[
-        {type: "string", required: false, message: "必输项"},
-        {max: 2,message:"长度不能超过2"}
+        {type: "number", required: false, message: "必输项",trigger: "blur"},
+        {type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
     ],
     "ledgrp.rec.nomton":[
-        {type: "string", required: false, message: "必输项"},
-        {max: 2,message:"长度不能超过2"}
+        {type: "number", required: false, message: "必输项",trigger: "blur"},
+        {type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
     ],
     "ledgrp.ben.adrelc":[
         {type: "string", required: true, message: "必输项"},
@@ -88,7 +88,7 @@ export default {
 
 
     "ledgrp.cbs.max.amt":[
-        {type: "number", required: false, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 18,message:"整数位不能超过14位"},
         {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
     ],
@@ -127,7 +127,7 @@ export default {
     ],
     "ledgrp.iss.pts.adrblk":[
         {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {max: 140,message:"长度不能超过140"}
     ],
     "ledgrp.iss.dbfadrblkcn":[
         {type: "string", required: true, message: "必输项"},
@@ -199,7 +199,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: "必输项"},
@@ -219,8 +219,8 @@ export default {
         {max: 140,message:"长度不能超过140"}
     ],
     "ledgrp.blk.avbwthtxt":[
-        {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {type: "string", required: false , message: "必输项"},
+        {max: 140,message:"长度不能超过140"}
     ],
     "ledgrp.avb.pts.adrblk":[
         {type: "string", required: true, message: "必输项"},
@@ -239,8 +239,8 @@ export default {
         {max: 35,message:"长度不能超过35"}
     ],
     "ledgrp.rec.prepers18":[
-        {type: "string", required: false, message: "必输项"},
-        {max: 3,message:"长度不能超过3"}
+        {type: "number", required: false, message: "必输项"},
+        {type: "number",max: 999,message:"长度不能超过3"}
     ],
 
 
@@ -251,11 +251,11 @@ 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: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {max: 210,message:"长度不能超过210"}
     ],
 
     "ledgrp.blk.dftat":[
@@ -299,15 +299,15 @@ export default {
         {max: 65,message:"长度不能超过65"}
     ],
     "ledgrp.rec.tenmaxday":[
-        {type: "string", required: false, message: "必输项"},
-        {max: 4,message:"长度不能超过4"}
+        {type: "number", required: false, message: "必输项"},
+        {type: "number",max: 9999,message:"长度不能超过4"}
     ],
     "ledgrp.rec.porloa":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 65,message:"长度不能超过65"}
     ],
     "ledgrp.rec.pordis":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 65,message:"长度不能超过65"}
     ],
     "ledgrp.rec.shpto":[
@@ -315,7 +315,7 @@ export default {
         {max: 65,message:"长度不能超过65"}
     ],
     "ledgrp.blk.shpper":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 65,message:"长度不能超过65"}
     ],
     "ledgrp.adv.pts.ref":[
@@ -429,7 +429,7 @@ export default {
     ],
     "ledgrp.a2b.pts.adrblk":[
         {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {max: 140,message:"长度不能超过140"}
     ],
     "ledgrp.a2b.dbfadrblkcn":[
         {type: "string", required: true, message: "必输项"},
@@ -437,7 +437,7 @@ export default {
     ],
     "ledgrp.rmb.pts.adrblk":[
         {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {max: 140,message:"长度不能超过140"}
     ],
     "ledgrp.rmb.dbfadrblkcn":[
         {type: "string", required: true, message: "必输项"},
@@ -476,7 +476,7 @@ export default {
 
     "ledgrp.blk.lcrgod":[
         {type: "string", required: true, message: "必输项"},
-        {max: 65,message:"长度不能超过65"}
+        {max: 52000,message:"长度不能超过52000"}
     ],
 
 
@@ -487,7 +487,7 @@ export default {
 
     "ledgrp.blk.adlcnd":[
         {type: "string", required: true, message: "必输项"},
-        {max: 65,message:"长度不能超过65"}
+        {max: 52000,message:"长度不能超过52000"}
     ],
 
 
@@ -610,12 +610,12 @@ export default {
 
 
     "ledgrp.rec.revtimes":[
-        {type: "string", required: false, message: "必输项"},
-        {max: 2,message:"长度不能超过2"}
+        {type: "number", required: false, message: "必输项"},
+        {type: "number",max: 99,message:"长度不能超过2"}
     ],
     "ledgrp.rec.revnbr":[
-        {type: "string", required: false, message: "必输项"},
-        {max: 2,message:"长度不能超过2"}
+        {type: "number", required: false, message: "必输项"},
+        {type: "number",max: 99,message:"长度不能超过2"}
     ],
     "ledgrp.rec.revdat":[
         {type: "date", required: false, message: "输入正确的日期"}
@@ -631,13 +631,13 @@ export default {
     ],
 
     "ledgrp.cbs.max2.amt":[
-        {type: "number", required: false, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 18,message:"整数位不能超过14位"},
         {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
     ],
 
     "ledgrp.cbs.opn2.amt":[
-        {type: "number", required: false, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 18,message:"整数位不能超过14位"},
         {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
     ],
@@ -647,12 +647,12 @@ export default {
     ],
     "ledgrp.blk.spcben":[
         {type: "string", required: true, message: "必输项"},
-        {max: 65,message:"长度不能超过65"}
+        {max: 52000,message:"长度不能超过52000"}
     ],
 
     "ledgrp.blk.spcrcb":[
         {type: "string", required: true, message: "必输项"},
-        {max: 65,message:"长度不能超过65"}
+        {max: 52000,message:"长度不能超过52000"}
     ],
 
     "setmod.glemod.gleshwstm":[

src/views/Business/Letamc/Ovwp.vue

@@ -79,14 +79,14 @@
       <c-col :span="24">
         <c-col :span="12">
           <c-form-item label="Amount Tolerance +/-" prop="ledgrp.rec.nomtop">
-            <c-input v-model="model.ledgrp.rec.nomtop" maxlength="2" style="width: 100%"
+            <c-input v-model.number="model.ledgrp.rec.nomtop" maxlength="2" style="width: 100%"
               placeholder="请输入Amount Tolerance - Positive"
               class="m-input-currency"></c-input>
           </c-form-item>
         </c-col>
         <c-col :span="7">
           <el-form-item label="" label-width="5px" prop="ledgrp.rec.nomton">
-            <c-input v-model="model.ledgrp.rec.nomton" maxlength="2" style="width: 95%"
+            <c-input v-model.number="model.ledgrp.rec.nomton" maxlength="2" style="width: 95%"
               placeholder="请输入Amount Tolerance - Negative"
               class="m-input-currency"></c-input>
           </el-form-item>
@@ -180,14 +180,15 @@
       <c-col :span="24">
         <el-form-item label="Applicable Rules" prop="ledgrp.rec.apprul">
           <c-select v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则"
-            :code="codes.apprul">
+            :code="codes.apprul" @change="apprulChange">
           </c-select>
         </el-form-item>
       </c-col>
       <!-- Other Applicable rules -->
       <c-col :span="24">
         <el-form-item label="Other Applicable Rules" prop="ledgrp.rec.apprultxt">
-          <c-input disabled v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"></c-input>
+          <c-input v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"
+          :disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"></c-input>
         </el-form-item>
       </c-col>
       <!-- Partial shipment -->
@@ -283,7 +284,7 @@
 
                 <!-- Revolving Flag -->
           <c-col :span="12" class="centerLable marginLable">
-            <c-checkbox v-model="model.ledgrp.rec.revflg">Revolving L/C/</c-checkbox>
+            <c-checkbox v-model="model.ledgrp.rec.revflg">Revolving L/C</c-checkbox>
           </c-col>
                     <!-- Authorization to Debit 借记授权书-->
           <c-col :span="12" class="centerLable marginLable">
@@ -697,6 +698,11 @@ export default {
         }
       });
     },
+        apprulChange(v) {
+      if (v !== "OTHR") {
+        this.model.ledgrp.rec.apprultxt = "";
+      }
+    },
   },
   created: function () {
 

src/views/Business/Letnot/Detp.vue

@@ -28,6 +28,7 @@
             :onlySearch="true"
             @onSeainf="onSeainf"
             @onAplpDet="onAvbpDet"
+            :disabledExtkey="!avbFlag"
           >
           </c-ptap>
         </c-col>
@@ -42,6 +43,7 @@
               maxlength="140"
               show-word-limit
               placeholder="请输入名称地址"
+              :disabled="model.ledgrp.rec.avbwth!='O'"
             ></c-input>
           </el-form-item>
         </c-col>
@@ -139,7 +141,6 @@
               show-word-limit
               v-model="model.ledgrp.rec.shpfro"
               maxlength="65"
-              :rows="1"
               placeholder="请输入"
             ></c-input>
           </el-form-item>
@@ -153,7 +154,6 @@
               v-model="model.ledgrp.rec.porloa"
               maxlength="65"
               show-word-limit
-              :rows="1"
               placeholder="请输入"
             ></c-input>
           </el-form-item>
@@ -167,7 +167,6 @@
               v-model="model.ledgrp.rec.pordis"
               maxlength="65"
               show-word-limit
-              rows="1"
               placeholder="请输入"
             ></c-input>
           </el-form-item>
@@ -181,7 +180,6 @@
               v-model="model.ledgrp.rec.shpto"
               maxlength="65"
               show-word-limit
-              :rows="1"
               placeholder="最终目的地"
             ></c-input>
           </el-form-item>
@@ -193,8 +191,7 @@
             <c-input
               type="textarea"
               v-model="model.ledgrp.blk.shpper"
-              maxlength="390"
-              :rows="3"
+              maxlength="65"
               show-word-limit
               placeholder="请输入装运期"
             ></c-input>
@@ -219,16 +216,62 @@
           </el-form-item>
         </c-col>
 
-        <!-- 交单期限 presentation period-->
-        <c-col :span="24">
-          <el-form-item label="交单期限" prop="ledgrp.blk.preper">
-            <c-fullbox>
+        <!-- <c-col :span="12">
+      <el-form-item label="Presentation Period" prop="ledgrp.blk.preper">
         <c-input
           type="textarea"
           v-model="model.ledgrp.blk.preper"
           maxlength="35"
           show-word-limit
-                placeholder="请输入交单期限"
+          placeholder="请输入Presentation Period"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+
+    <c-col :span="12">
+      <el-form-item
+        label="Days of presentation period"
+        prop="ledgrp.rec.prepers18"
+      >
+        <c-input
+          v-model="model.ledgrp.rec.prepers18"
+          placeholder="请输入Days of presentation period"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+
+    <c-col :span="12">
+      <c-button
+        size="small"
+        type="primary"
+        icon="el-icon-search"
+        @click="onPreperButtxmsel"
+      >
+        ...
+      </c-button>
+    </c-col> 
+    
+        <c-col :span="12">
+      <el-form-item
+        label="Presentation period text"
+        prop="ledgrp.rec.prepertxts18"
+      >
+        <c-input
+          v-model="model.ledgrp.rec.prepertxts18"
+          maxlength="35"
+          placeholder="请输入Presentation period text"
+        ></c-input>
+      </el-form-item>
+    </c-col>-->
+
+
+        <!-- 交单期限 Days of presentation period-->
+        <c-col :span="24">
+          <el-form-item label="交单期限" prop="ledgrp.rec.prepers18">
+            <c-fullbox>
+              <c-input
+                v-model="model.ledgrp.rec.prepers18"
+                placeholder="请输入Days of presentation period"
               ></c-input>
               <template slot="footer">
                 <c-button
@@ -246,9 +289,9 @@
 
         <!-- Days of presentation period -->
         <c-col :span="24">
-          <el-form-item label="" prop="ledgrp.rec.prepers18">
+          <el-form-item label="" prop="ledgrp.rec.prepertxts18">
             <c-input
-              v-model.number="model.ledgrp.rec.prepers18"
+              v-model.number="model.ledgrp.rec.prepertxts18"
               placeholder="请输入交单期天数"
             ></c-input>
           </el-form-item>
@@ -352,6 +395,13 @@ export default {
         this.model.ledgrp.rec.tenmaxday = 0
         this.model.ledgrp.blk.defdet = ''
       }
+      if (this.model.ledgrp.rec.avbby == 'D'||this.model.ledgrp.rec.avbby =='M') {
+        
+        this.model.ledgrp.blk.defdet = '' //汇票期限置空
+        this.model.ledgrp.drw.pts.extkey = ''//付款人置空
+        this.model.ledgrp.drw.pts.adrblk = ''  //名称地址置空.pts.adrblk
+
+      }
       this.executeCheck('ledgrp.rec.avbby').then((res) => {
         if (res.respCode == SUCCESS) {
           Utils.copyValueFromVO(this.model, res.data)
@@ -361,6 +411,14 @@ export default {
   },
   created: function () {},
   computed: {
+    avbFlag: {
+      get() {
+        return (
+          this.model.ledgrp.rec.avbwth == 'A' ||
+          this.model.ledgrp.rec.avbwth == 'S' 
+        )
+      },
+    },
     defdetFlag: {
       get() {
         return (

src/views/Business/Letopn/Aamp.vue

 <template>
   <div class="eibs-tab">
-    <c-col :span="12">
+    <!-- ====================左边======================= -->
+    <c-col :span="11">
       <c-col :span="13">
-        <el-form-item label="追加金额" prop="ledgrp.cbs.max2.cur">
+        <el-form-item label="Additional Amount" prop="ledgrp.cbs.max2.cur">
           <c-select
             v-model="model.ledgrp.cbs.max2.cur"
             style="width: 100%"
-            placeholder="请选择币种"
-            :disabled="true"
+            placeholder="请选择Additional Amount"
+            disabled
           >
           </c-select>
         </el-form-item>
       </c-col>
-
-      <c-col :span="9">
-        <el-form-item label="" label-width="0px" prop="ledgrp.cbs.max2.amt">
+      <c-col :span="11">
+        <el-form-item label="" label-width="5px" prop="ledgrp.cbs.max2.amt">
           <c-input
             v-model="model.ledgrp.cbs.max2.amt"
             placeholder="请输入Additional Amount"
+            @keyup.enter.native="
+              defaultFunction('ledgrp.cbs.max2.amt', model.ledgrp.cbs.max2.amt)
+            "
           ></c-input>
         </el-form-item>
       </c-col>
-    </c-col>
 
-    <c-col :span="12">
       <c-col :span="13">
         <el-form-item label="Open Add. Amount" prop="ledgrp.cbs.opn2.cur">
           <c-select
             v-model="model.ledgrp.cbs.opn2.cur"
             style="width: 100%"
             placeholder="请选择Open Add. Amount"
+            disabled
           >
           </c-select>
         </el-form-item>
       </c-col>
-
-      <c-col :span="9">
-        <el-form-item label="" label-width="0px" prop="ledgrp.cbs.opn2.amt">
+      <c-col :span="11">
+        <el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn2.amt">
           <c-input
             v-model="model.ledgrp.cbs.opn2.amt"
             placeholder="请输入Open Add. Amount"
+            disabled
           ></c-input>
         </el-form-item>
       </c-col>
-    </c-col>
 
-    <!-- Covered -->
       <c-col :span="24">
         <el-form-item label="Covered" prop="ledgrp.blk.addamtcov">
           <c-input
             type="textarea"
-          :rows="4"
             v-model="model.ledgrp.blk.addamtcov"
-          maxlength="35"
+            maxlength="140"
             show-word-limit
             placeholder="请输入Covered"
+            rows="4"
           ></c-input>
         </el-form-item>
       </c-col>
+    </c-col>
   </div>
 </template>
 <script>

src/views/Business/Letopn/Ptyp.vue

 <template>
+  <div class="eibs-tab">
   <c-row>
+        <!-- =================================左边================================= -->
     <c-col :span="11">
+    <!-- 1st Advising Bank -->
       <c-col :span="24">
         <c-ptap
           :model="model"
@@ -15,11 +18,12 @@
         </c-ptap>
       </c-col>
 
+      <!-- 2nd Advising Bank -->
       <c-col :span="24">
         <c-ptap
           :model="model"
           :argadr="{
-            title: '申请人银行',
+            title: '第二通知行',
             grp: 'ledgrp',
             rol: 'a2b',
           }"
@@ -29,24 +33,29 @@
         </c-ptap>
       </c-col>
 
+      <!-- Confirm. Instruct. -->
       <c-col :span="24">
         <el-form-item label="第二通知行确认指令" prop="ledgrp.rec.cnfins">
           <c-select
             v-model="model.ledgrp.rec.cnfins"
             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,6 +65,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"
@@ -70,32 +87,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"
         >
         </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"
@@ -107,6 +128,7 @@
       </el-table-column>
     </c-edit-table>
   </c-row>
+  </div>
 </template>
 <script>
 import Api from "~/service/Api";

src/views/Business/Letopn/Revp.vue

 <template>
   <div class="eibs-tab">
 
-       <c-col :span="12">
+    <c-row>
+      <c-col :span="16">
+        <el-form-item label="Revolving Details"></el-form-item>
+      </c-col>
+    </c-row>
+
+    <c-row>
+      <c-col :span="16">
         <el-form-item label="Revolving Type" prop="ledgrp.rec.revtyp">
-            <c-select v-model="model.ledgrp.rec.revtyp" style="width:100%" placeholder="请选择Revolving Type">
+          <c-select
+            v-model="model.ledgrp.rec.revtyp"
+            style="width: 100%"
+            placeholder="请选择Revolving Type"
+            :code="codes.revtyp"
+          >
           </c-select>
         </el-form-item>
       </c-col>
 
-       <c-col :span="12">
-	    <c-checkbox v-model="model.ledgrp.rec.revcum">Credit is Marked as Cumulative</c-checkbox>
+      <c-col :span="8">
+        <c-checkbox v-model="model.ledgrp.rec.revcum"
+        style="margin-left:10px"
+          >Credit is Marked as Cumulative</c-checkbox
+        >
       </c-col>
+    </c-row>
+
 
-       <c-col :span="12">
+    <c-row>
+      <c-col :span="8">
       <el-form-item label="Revolve Times" prop="ledgrp.rec.revtimes">
-            <c-input  v-model="model.ledgrp.rec.revtimes"  placeholder="请输入Revolve Times"></c-input>
+        <c-input
+          v-model.number="model.ledgrp.rec.revtimes"
+          placeholder="请输入Revolve Times"
+        ></c-input>
       </el-form-item>
     </c-col>
 
-       <c-col :span="12">
+    <c-col :span="8">
       <el-form-item label="Revolving Count" prop="ledgrp.rec.revnbr">
-            <c-input  v-model="model.ledgrp.rec.revnbr"  placeholder="请输入Revolving Count"></c-input>
+        <c-input
+          v-model.number="model.ledgrp.rec.revnbr"
+          placeholder="请输入Revolving Count"
+        ></c-input>
       </el-form-item>
     </c-col>
+    </c-row>
     
-       <c-col :span="12">
+    <c-row>
+      <c-col :span="16">
       <el-form-item label="Next Revolve Date" prop="ledgrp.rec.revdat">
-            <c-date-picker type="date"  v-model="model.ledgrp.rec.revdat" style="width:100%"  placeholder="请选择Next Revolve Date"></c-date-picker>
+        <c-date-picker
+          type="date"
+          v-model="model.ledgrp.rec.revdat"
+          style="width: 100%"
+          placeholder="请选择Next Revolve Date"
+          value-format="yyyy-MM-dd"
+        ></c-date-picker>
       </el-form-item>
     </c-col>
+    </c-row>
     
-       <c-col :span="12">
+    <c-row>
+      <c-col :span="16">
       <el-form-item label="Revolving Clause" prop="ledgrp.blk.revcls">
-            <c-input type="textarea" v-model="model.ledgrp.blk.revcls" maxlength="65" show-word-limit placeholder="请输入Revolving Clause" ></c-input>
-        </el-form-item>
-        </c-col>
-                  
-       <c-col :span="12">
-        <c-button size="small" type="primary" icon="el-icon-search" @click="onRevclauseButtxmsel">
+        <c-fullbox>
+          <c-input
+          type="textarea"
+          v-model="model.ledgrp.blk.revcls"
+          maxlength="65"
+          show-word-limit
+          placeholder="请输入Revolving Clause"
+        ></c-input>
+        <template slot="footer">
+          <c-button
+        size="small"
+        type="primary"
+        icon="el-icon-search"
+        @click="onRevclauseButtxmsel"
+      >
         ...
       </c-button>
+        </template>
+        </c-fullbox>
+      </el-form-item>
     </c-col>
+    </c-row>
 
-       <c-col :span="12">
+    <c-row>
+    <c-col :span="16">
       <el-form-item label="Notes to Beneficiary" prop="ledgrp.blk.revnotes">
-            <c-input type="textarea" v-model="model.ledgrp.blk.revnotes" maxlength="35" show-word-limit placeholder="请输入Notes to Beneficiary" ></c-input>
+        <c-input
+          type="textarea"
+          v-model="model.ledgrp.blk.revnotes"
+          maxlength="35"
+          show-word-limit
+          placeholder="请输入Notes to Beneficiary"
+        ></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/Letopn/Event"
+import Api from '~/service/Api'
+import commonProcess from '~/mixin/commonProcess'
+import CodeTable from '~/config/CodeTable'
+import Event from '~/model/Letopn/Event'
 
 export default {
   inject: ['root'],
-    props:["model","codes"],
+  props: ['model', 'codes'],
   mixins: [commonProcess],
-    data(){
-        return {
-
-        }
+  data() {
+    return {}
   },
-    methods:{...Event},
-    created:function(){
-
-    }
+  methods: { ...Event },
+  created: function () {},
 }
 </script>
-<style>
-
-</style>
+<style></style>

src/views/Business/Letopn/index.vue

@@ -24,7 +24,12 @@
         size="small"
         :validate-on-rule-change="false"
       >
-        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
+        <c-tabs
+          v-model="tabVal"
+          ref="elment"
+          type="card"
+          @tab-click="myTabClick"
+        >
           <!--PD000017 -->
           <el-tab-pane label="基本信息" name="ovwp">
             <c-content>
@@ -49,7 +54,7 @@
           </el-tab-pane>
 
           <!--PD000042 -->
-          <el-tab-pane label="其他当事人" name="ptyp">
+          <el-tab-pane label="银行信息" name="ptyp">
             <c-content>
               <m-ptyp :model="model" :codes="codes" />
             </c-content>
@@ -57,7 +62,8 @@
 
           <!--PD000055 -->
           <el-tab-pane label="货物描述" name="dogp">
-            <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
+            <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" 
+            />
           </el-tab-pane>
 
           <!--PD000057 -->
@@ -71,7 +77,7 @@
           </el-tab-pane>
 
           <!--PD000317 -->
-          <el-tab-pane label="PD000317" name="revp">
+          <el-tab-pane label="循环信用详情" name="revp">
             <m-revp :model="model" :codes="codes" />
           </el-tab-pane>
 
@@ -102,6 +108,11 @@
             <m-doctre :model="model" :codes="codes" />
           </el-tab-pane>
 
+          <!--PD000001 -->
+          <el-tab-pane label="分录信息" name="glepan">
+            <m-glepan :model="model" :codes="codes" />
+          </el-tab-pane>
+
           <!--PD000394 -->
           <el-tab-pane
             v-if="model.ledgrp.rec.spcbenflg"
@@ -138,11 +149,6 @@
           <!-- <el-tab-pane label="PD000422" name="spcrcvp">
           <m-spcrcvp :model="model" :codes="codes" />
         </el-tab-pane> -->
-
-          <!--PD000001 -->
-          <el-tab-pane label="分录信息" name="glepan">
-            <m-glepan :model="model" :codes="codes" />
-          </el-tab-pane>
         </c-tabs>
       </el-form>
       <c-grid-ety-prompt-dialog
@@ -162,19 +168,19 @@
   </c-page>
 </template>
 <script>
-import Api from "~/service/Api";
-import Utils from "~/utils/index";
+import Api from '~/service/Api'
+import Utils from '~/utils/index'
 
-import CodeTable from "~/config/CodeTable";
-import Letopn from "~/model/Letopn";
-import commonProcess from "~/mixin/commonProcess";
-import commonFuncs from "~/mixin/commonFuncs";
-import Check from "~/model/Letopn/Check";
-import Default from "~/model/Letopn/Default";
-import Pattern from "~/model/Letopn/Pattern";
-import Ovwp from "./Ovwp";
-import Detp from "./Detp";
-import Ptyp from "./Ptyp";
+import CodeTable from '~/config/CodeTable'
+import Letopn from '~/model/Letopn'
+import commonProcess from '~/mixin/commonProcess'
+import commonFuncs from '~/mixin/commonFuncs'
+import Check from '~/model/Letopn/Check'
+import Default from '~/model/Letopn/Default'
+import Pattern from '~/model/Letopn/Pattern'
+import Ovwp from './Ovwp'
+import Detp from './Detp'
+import Ptyp from './Ptyp'
 // import Dogp from './Dogp';
 // import Dorp from './Dorp';
 // import Adcp from './Adcp';
@@ -184,53 +190,53 @@ import Ptyp from "./Ptyp";
 // import Glepan from "./Glepan";
 // import Engp from "./Engp";
 // import Doctre from "./Doctre";
-import Revp from "./Revp";
-import Aamp from "./Aamp";
+import Revp from './Revp'
+import Aamp from './Aamp'
 // import Spcbenp from './Spcbenp'
 // import Spcrcvp from './Spcrcvp'
 // import Glepan from './Glepan'
 
-import Coninfp from "~/views/Public/Coninfp";
-import Setpan from "~/views/Public/Setpan";
-import Docpan from "~/views/Public/Docpan";
-import Doctre from "~/views/Public/Doctre";
-import Engp from "~/views/Public/Engp";
-import Glepan from "~/views/Public/Glepan";
-import Doxp from "~/views/Public/Doxp";
+import Coninfp from '~/views/Public/Coninfp'
+import Setpan from '~/views/Public/Setpan'
+import Docpan from '~/views/Public/Docpan'
+import Doctre from '~/views/Public/Doctre'
+import Engp from '~/views/Public/Engp'
+import Glepan from '~/views/Public/Glepan'
+import Doxp from '~/views/Public/Doxp'
 
 export default {
-  name: "Letopn",
+  name: 'Letopn',
   components: {
-    "m-ovwp": Ovwp,
-    "m-detp": Detp,
-    "m-ptyp": Ptyp,
-    "m-setpan": Setpan,
-    "m-coninfp": Coninfp,
-    "m-docpan": Docpan,
-    "m-doctre": Doctre,
-    "m-engp": Engp,
-    "m-revp": Revp,
-    "m-aamp": Aamp,
-    "m-glepan": Glepan,
-    "m-doxp": Doxp,
+    'm-ovwp': Ovwp,
+    'm-detp': Detp,
+    'm-ptyp': Ptyp,
+    'm-setpan': Setpan,
+    'm-coninfp': Coninfp,
+    'm-docpan': Docpan,
+    'm-doctre': Doctre,
+    'm-engp': Engp,
+    'm-revp': Revp,
+    'm-aamp': Aamp,
+    'm-glepan': Glepan,
+    'm-doxp': Doxp,
   },
   provide() {
     return {
       root: this,
-    };
+    }
   },
   mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      tabVal: "ovwp",
-      trnName: "letopn",
+      tabVal: 'ovwp',
+      trnName: 'letopn',
       model: new Letopn().data,
       checkRules: Check,
       defaultRules: Default,
       pattern: Pattern,
       rules: null,
       codes: { ...CodeTable },
-    };
+    }
   },
   methods: {
     myTabClick(tab) {
@@ -241,22 +247,21 @@ export default {
     },
   },
   created: async function () {
-    console.log("进入letopn交易");
-    let rtnmsg = await this.init({});
+    console.log('进入letopn交易')
+    let rtnmsg = await this.init({})
     if (rtnmsg.respCode == SUCCESS) {
       //更新数据
       this.updateModel(rtnmsg.data)
       // Utils.copyValueFromVO(this.model, rtnmsg.data);
       //TODO 处理数据逻辑
       if (this.isInDisplay) {
-        this.restoreDisplay();
+        this.restoreDisplay()
       }
-      console.log("1111", this.model);
+      console.log('1111', this.model)
     } else {
-      this.$notify.error({ title: "错误", message: "服务请求失败！" });
+      this.$notify.error({ title: '错误', message: '服务请求失败！' })
     }
   },
-};
+}
 </script>
-<style>
-</style>
+<style></style>