bctdav修改（#596）

src/views/Business/Bctdav/Ovwp.vue

 <template>
   <div class="eibs-tab">
-
     <!-- ====================左边======================= -->
     <c-col :span="11">
       <c-col :span="24">
@@ -22,7 +21,6 @@
                 style="margin: 0 10px 0 10px; padding: 0 12px"
                 size="small"
                 type="primary"
-                @click=""
               >
                 <span style="font-family: '宋体'; font-weight: bold">i</span>
               </c-button>
@@ -55,8 +53,11 @@
         </el-form-item>
       </c-col>
       <c-col :span="6" class="centerLable">
-          <c-checkbox style="margin-left:4px;padding: 0 10px;"  v-model="model.bcdgrp.rec.dftgarflg"
-            >Draft to be Guaranteed</c-checkbox >
+        <c-checkbox
+          style="margin-left: 4px; padding: 0 10px"
+          v-model="model.bcdgrp.rec.dftgarflg"
+          >Draft to be Guaranteed</c-checkbox
+        >
       </c-col>
 
       <!-- <c-col :span="4" class="centerLable">
@@ -65,17 +66,14 @@
           >
         </c-col> -->
 
-
       <c-col :span="14">
         <el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur">
           <c-select
-            
             v-model="model.bcdgrp.cbs.max.cur"
             style="width: 100%"
             placeholder="请选择Currency"
             :code="codes.cur"
           >
-            
           </c-select>
         </el-form-item>
       </c-col>
@@ -129,10 +127,7 @@
         </el-form-item>
       </c-col>
       <c-col :span="12">
-          <el-form-item
-            label="Date of Remittance Lt."   
-            prop="bcdgrp.rec.predat"
-          >
+        <el-form-item label="Date of Remittance Lt." prop="bcdgrp.rec.predat">
           <c-date-picker
             type="date"
             v-model="model.bcdgrp.rec.predat"
@@ -166,7 +161,6 @@
             placeholder="请选择Collection Condition"
             :code="codes.doctypcod"
           >
-            
           </c-select>
         </el-form-item>
       </c-col>
@@ -179,6 +173,7 @@
             value-format="yyyy-MM-dd"
             style="width: 100%"
             placeholder="请选择Maturity Date"
+            :disabled="model.bcdgrp.rec.doctypcod === 'P'"
           ></c-date-picker>
         </el-form-item>
       </c-col>
@@ -188,6 +183,7 @@
           <c-input
             v-model="model.bcdgrp.rec.matpercnt"
             placeholder="请输入Tenor Specification"
+            :disabled="model.bcdgrp.rec.doctypcod === 'P'"
           ></c-input>
         </el-form-item>
       </c-col>
@@ -198,12 +194,16 @@
             style="width: 100%"
             placeholder="请选择Days/Months or Years for Maturity Period"
             :code="codes.matpertyp"
+            :disabled="model.bcdgrp.rec.doctypcod === 'P'"
           ></c-select>
         </el-form-item>
       </c-col>
-        <c-col :span="24" >
+      <c-col :span="24">
         <el-form-item label="发票类型" prop="bcdgrp.rec.invtyp">
-            <c-select v-model="model.bcdgrp.rec.invtyp" style="width:100%" placeholder="请选择发票类型"
+          <c-select
+            v-model="model.bcdgrp.rec.invtyp"
+            style="width: 100%"
+            placeholder="请选择发票类型"
             :code="codes.invtyp"
           >
           </c-select>
@@ -212,9 +212,13 @@
 
       <c-col :span="24">
         <el-form-item label="Tenor Starting from" prop="bcdgrp.rec.matperbeg">
-            <c-select v-model="model.bcdgrp.rec.matperbeg" style="width:100%" placeholder="请选择Tenor Starting from"
-            
-            :code="codes.matperbeg">
+          <c-select
+            v-model="model.bcdgrp.rec.matperbeg"
+            style="width: 100%"
+            placeholder="请选择Tenor Starting from"
+            :code="codes.matperbeg"
+            :disabled="model.bcdgrp.rec.doctypcod === 'P'"
+          >
           </c-select>
         </el-form-item>
       </c-col>
@@ -222,13 +226,19 @@
         <el-form-item label="Maturity Text" prop="bcdgrp.blk.bcgdet">
           <c-input
             :disabled="!this.model.bcdgrp.blk.bcgdetflg"
-            type="textarea" v-model="model.bcdgrp.blk.bcgdet" maxlength="45" show-word-limit placeholder="请输入Maturity Text" ></c-input>
+            type="textarea"
+            v-model="model.bcdgrp.blk.bcgdet"
+            maxlength="45"
+            show-word-limit
+            placeholder="请输入Maturity Text"
+          ></c-input>
         </el-form-item>
       </c-col>
 
-
       <c-col :span="24" class="bctdav_bctp_bctovw_cheak">
-	    <c-checkbox v-model="model.bcdgrp.blk.bcgdetflg">Maturity Text modified</c-checkbox>
+        <c-checkbox v-model="model.bcdgrp.blk.bcgdetflg"
+          >Maturity Text modified</c-checkbox
+        >
       </c-col>
 
       <c-col :span="24">
@@ -247,14 +257,15 @@
           :argadr="{
             path: 'SEMFLG',
             grp: 'bctp',
-            code: 'docpre'
-          }"></c-docpre>
+            code: 'docpre',
+          }"
+        ></c-docpre>
       </c-col>
     </c-col>
 
     <!-- ========================右边======================= -->
     <c-col :span="11" :offset="1">
-           <c-col :span="24" >
+      <c-col :span="24">
         <el-form-item label="Name" prop="bcdgrp.rec.nam">
           <c-input
             align="middle"
@@ -266,12 +277,8 @@
         </el-form-item>
       </c-col>
       <c-col :span="24">
-        <el-form-item
-          label="Drawee Ref."
-          prop="bcdgrp.dre.pts.ref"
-        >
+        <el-form-item label="Drawee Ref." prop="bcdgrp.dre.pts.ref">
           <c-input
-            
             v-model="model.bcdgrp.dre.pts.ref"
             maxlength="16"
             style="width: 100%"
@@ -284,34 +291,32 @@
         <el-form-item label="Extkey" prop="bcdgrp.dre.pts.extkey">
           <c-fullbox>
             <c-input
-          
               v-model="model.bcdgrp.dre.pts.extkey"
               maxlength="150"
               placeholder="请输入External Key of Address"
-            @keyup.enter.native="showGridPromptDialog('bcdgrp.dre.pts.extkey')"
+              @keyup.enter.native="
+                showGridPromptDialog('bcdgrp.dre.pts.extkey')
+              "
             ></c-input>
             <template slot="footer">
               <c-button
-                style="margin:0 10px 0 10px;padding: 0 12px;"
+                style="margin: 0 10px 0 10px; padding: 0 12px"
                 size="small"
                 type="primary"
-                 
               >
-                <span style="font-family:'宋体';font-weight:bold">i</span>
+                <span style="font-family: '宋体'; font-weight: bold">i</span>
               </c-button>
               <c-button
-                style="margin:0 0"
+                style="margin: 0 0"
                 size="small"
                 type="primary"
                 disabled
-                  
               >
                 详情
               </c-button>
             </template>
           </c-fullbox>
         </el-form-item>
-
       </c-col>
 
       <c-col :span="24">
@@ -357,10 +362,7 @@
         </c-ptap>
       </c-col> -->
       <c-col :span="24">
-        <el-form-item
-          label="Remitting Bank Ref."
-          prop="bcdgrp.rmi.pts.ref"
-        >
+        <el-form-item label="Remitting Bank Ref." prop="bcdgrp.rmi.pts.ref">
           <c-input
             v-model="model.bcdgrp.rmi.pts.ref"
             maxlength="16"
@@ -377,29 +379,25 @@
               v-model="model.bcdgrp.rmi.pts.extkey"
               maxlength="120"
               placeholder="请输入External Key of Address"
-            @keyup.enter.native="showGridPromptDialog('bcdgrp.rmi.pts.extkey')"
+              @keyup.enter.native="
+                showGridPromptDialog('bcdgrp.rmi.pts.extkey')
+              "
             >
             </c-input>
             <template slot="footer">
               <c-button
-                  style="margin:0 10px 0 10px;padding: 0 12px;"
+                style="margin: 0 10px 0 10px; padding: 0 12px"
                 size="small"
                 type="primary"
-                 
               >
-                <span style="font-family:'宋体';font-weight:bold">i</span>
+                <span style="font-family: '宋体'; font-weight: bold">i</span>
               </c-button>
-                <c-button
-                style="margin:0 0"
-                  size="small"
-                  type="primary"
-                >
+              <c-button style="margin: 0 0" size="small" type="primary">
                 详情
               </c-button>
             </template>
           </c-fullbox>
         </el-form-item>
-
       </c-col>
 
       <c-col :span="24">
@@ -409,7 +407,6 @@
             :rows="4"
             v-model="model.bcdgrp.rmi.pts.adrblk"
             maxlength="150"
-            
             show-word-limit
             placeholder="请输入Address Block"
           ></c-input>
@@ -417,10 +414,7 @@
       </c-col>
 
       <c-col :span="24">
-        <el-form-item
-          label="Drawer Ref."
-          prop="bcdgrp.drr.pts.ref"
-        >
+        <el-form-item label="Drawer Ref." prop="bcdgrp.drr.pts.ref">
           <c-input
             v-model="model.bcdgrp.drr.pts.ref"
             maxlength="16"
@@ -437,30 +431,24 @@
               v-model="model.bcdgrp.drr.pts.extkey"
               maxlength="50"
               placeholder="请输入External Key of Address"
-            @keyup.enter.native="showGridPromptDialog('bcdgrp.drr.pts.extkey')"
+              @keyup.enter.native="
+                showGridPromptDialog('bcdgrp.drr.pts.extkey')
+              "
             ></c-input>
             <template slot="footer">
               <c-button
-                style="margin:0 10px 0 10px;padding: 0 12px;"
+                style="margin: 0 10px 0 10px; padding: 0 12px"
                 size="small"
                 type="primary"
-                 
               >
-                <span style="font-family:'宋体';font-weight:bold">i</span>
+                <span style="font-family: '宋体'; font-weight: bold">i</span>
               </c-button>
-                <c-button
-                style="margin:0 0"
-                  size="small"
-                  type="primary"
-                  
-                  
-                >
+              <c-button style="margin: 0 0" size="small" type="primary">
                 详情
               </c-button>
             </template>
           </c-fullbox>
         </el-form-item>
-
       </c-col>
 
       <c-col :span="24">
@@ -470,7 +458,6 @@
             :rows="4"
             v-model="model.bcdgrp.drr.pts.adrblk"
             maxlength="150"
-            
             show-word-limit
             placeholder="请输入Address Block"
           ></c-input>
@@ -479,7 +466,10 @@
 
       <c-col :span="24">
         <el-form-item label="Country or region Code" prop="bcdgrp.rec.stacty">
-          <c-select v-model="model.bcdgrp.rec.stacty" style="width:100%" placeholder="请选择Country Code Risk Country"
+          <c-select
+            v-model="model.bcdgrp.rec.stacty"
+            style="width: 100%"
+            placeholder="请选择Country Code Risk Country"
             :code="codes.stacty"
           >
           </c-select>
@@ -488,7 +478,10 @@
 
       <c-col :span="12">
         <el-form-item label="申报类型" prop="outlen.szflg">
-            <c-select v-model="model.outlen.szflg" style="width:100%" placeholder="请选择申报类型"
+          <c-select
+            v-model="model.outlen.szflg"
+            style="width: 100%"
+            placeholder="请选择申报类型"
             :code="codes.szflg"
           >
           </c-select>
@@ -499,49 +492,49 @@
         <el-form-item label="款项去向" prop="bctp.acttyp">
           <c-select
             :disabled="this.flag1"
-            v-model="model.bctp.acttyp" style="width:100%" placeholder="请选择ACTTYP"
+            v-model="model.bctp.acttyp"
+            style="width: 100%"
+            placeholder="请选择ACTTYP"
             :code="codes.acttyp"
           >
           </c-select>
         </el-form-item>
       </c-col>
-	 
     </c-col>
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable"
-import Event from "~/model/Bctdav/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Bctdav/Event";
 import Ptap from "~/views/Public/Ptap";
 import Docpre from "~/views/Public/Docpre";
 
 export default {
   components: {
-      "c-ptap": Ptap ,
-      "c-docpre" : Docpre
+    "c-ptap": Ptap,
+    "c-docpre": Docpre,
   },
-    inject: ['root'],
-    props:["model","codes"],
+  inject: ["root"],
+  props: ["model", "codes"],
   mixins: [commonProcess],
-    watch:{
-      "model.outlen.szflg":{
-        immediate:true,
-        handler(val ,oldVal){
-        if(this.model.outlen.szflg == '1'){
-            this.flag1=false
-        }
-        else{
-            this.flag1=true
-        }
-        }
+  watch: {
+    "model.outlen.szflg": {
+      immediate: true,
+      handler(val, oldVal) {
+        if (this.model.outlen.szflg == "1") {
+          this.flag1 = false;
+        } else {
+          this.flag1 = true;
         }
       },
+    },
+  },
 
-    data(){
+  data() {
     return {
-          flag1:true,
+      flag1: true,
       docgrd: {
         columns: [
           {
@@ -565,13 +558,11 @@ export default {
         ],
         urls: "bctp.docgrdm.docgrd",
       },
-        }
+    };
   },
-    methods:{...Event},
-    created:function(){
-
-    }
-}
+  methods: { ...Event },
+  created: function () {},
+};
 </script>
 <style>
 .centerLable {

src/views/Business/Bctdav/index.vue

@@ -32,16 +32,25 @@
 
           <el-tab-pane label="Parties" name="ptyp">
             <c-content>
-                <m-ptyp :model="model" :codes="codes"/>
+              <m-ptyp :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
+          <!--Liability -->
+          <el-tab-pane label="Liability" name="engp">
+            <m-engp :model="model" :codes="codes" />
+          </el-tab-pane>
+
           <el-tab-pane label="Settlement" name="setpan">
             <c-content>
               <m-setpan :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
+          <!--Bookings -->
+          <el-tab-pane label="Bookings" name="glepan">
+            <m-glepan :model="model" :codes="codes" />
+          </el-tab-pane>
 
           <el-tab-pane label="Completion" name="coninfp">
             <m-coninfp :model="model" :codes="codes" />
@@ -59,7 +68,6 @@
 
           <!--Completion -->
 
-
           <el-tab-pane label="跨境人民币申报" name="cnyp">
             <m-cnyp :model="model" :codes="codes" />
           </el-tab-pane>
@@ -89,11 +97,12 @@ import Default from "~/model/Bctdav/Default";
 import Pattern from "~/model/Bctdav/Pattern";
 import Ovwp from "./Ovwp";
 import Detp from "./Detp";
-import Ptyp from "./Ptyp"
+import Ptyp from "./Ptyp";
 import Srmp from "./Srmp";
 import Cnyp from "./Cnyp";
 import Engp from "~/views/Public/Engp";
 import Setpan from "~/views/Public/Setpan";
+import Glepan from "~/views/Public/Glepan";
 import Coninfp from "~/views/Public/Coninfp";
 import Docpan from "~/views/Public/Docpan";
 import Doctre from "~/views/Public/Doctre";
@@ -103,9 +112,10 @@ export default {
   components: {
     "m-ovwp": Ovwp,
     "m-detp": Detp,
-    'm-ptyp': Ptyp,
+    "m-ptyp": Ptyp,
     "m-setpan": Setpan,
     "m-engp": Engp,
+    "m-glepan": Glepan,
     "m-docpan": Docpan,
     "m-doctre": Doctre,
     "m-coninfp": Coninfp,
@@ -117,7 +127,7 @@ export default {
       root: this,
     };
   },
-  mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
+  mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
       tabVal: "ovwp",
@@ -127,23 +137,20 @@ export default {
       defaultRules: Default,
       pattern: Pattern,
       rules: null,
-      codes: {...CodeTable},
+      codes: { ...CodeTable },
     };
   },
   methods: {},
   created: async function () {
     console.log("进入bctdav交易");
-        let rtnmsg = await this.init({})
+    let rtnmsg = await this.init({});
 
-        if(rtnmsg.respCode == SUCCESS)
-        {   //TODO 处理数据逻辑
+    if (rtnmsg.respCode == SUCCESS) {
+      //TODO 处理数据逻辑
       this.updateModel(rtnmsg.data);
+    } else {
+      this.$notify.error({ title: "错误", message: "服务请求失败！" });
     }
-        else
-        {
-            this.$notify.error({title: '错误',message: '服务请求失败！'});
-        }
-    
   },
 };
 </script>