汇出汇款Payment

src/model/Cptopn/index.js

@@ -131,6 +131,8 @@ export default class Cptopn{
 							pyebchnam:"",			//  收款人开户行名称		.cptp.pyebchnam
 							pyenam:"",			//  收款人名称		.cptp.pyenam
 							orcnam:"",			//  付款人名称		.cptp.orcnam
+                            qsfysd:"",
+                            fwtgyh:"",
 							cleage:"",			//  清算代理行		.cptp.cleage
 							evebch:"",			//  光大开户分行		.cptp.evebch
 							coract:"",			//  清算代理行账号		.cptp.coract

src/views/Business/Cptopn/AdditionalInfo.vue

+<template>
+    <div class="eibs-tab">
+        <c-col :span="11">
+            <c-col :span="24" v-if="false">
+                <el-form-item label="汇款人名称">
+                    <c-input
+                        v-model="model.cptp.orcnam"
+                        maxlength="16"
+                        placeholder=""
+                    ></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="24">
+                <el-form-item label="收款人名称">
+                        <c-input
+                            v-model="model.cptp.pyenam"
+                            placeholder=""
+                        ></c-input>
+                </el-form-item>
+            </c-col>
+
+            <c-col :span="24">
+                <el-form-item label="清算费用锁定服务">
+                    <c-select
+                        v-model="model.cptp.qsfysd"
+                        style="width: 100%"
+                        placeholder="请选择服务提供银行"
+                    >
+                        <el-option
+                            v-for="item in codes.qsfysd"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                        >
+                        </el-option>
+                    </c-select>
+                </el-form-item>
+            </c-col>
+
+            <c-col :span="24" v-if="model.cptp.qsfysd === '1'">
+                <el-form-item label="服务提供银行">
+                    <c-input
+                        v-model="model.cptp.fwtgyh"
+                        placeholder=""
+                    ></c-input>
+                </el-form-item>
+            </c-col>
+        </c-col>
+    </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import CommonProcess from "~/mixin/CommonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Cptopn/Event";
+
+export default {
+    inject: ["root"],
+    props: ["model", "codes"],
+    mixins: [CommonProcess],
+    data() {
+        return {};
+    },
+    watch:{
+      "model.cptp.qsfysd": function(){
+          if(this.model.cptp.qsfysd == ''){
+                this.model.cptp.fwtgyh == '';
+            }else{
+                this.model.cptp.fwtgyh = 'CHASUS33XXX';
+                console.log(this.model.cptp.fwtgyh)
+            }
+      }
+    },
+    methods: { ...Event,
+    },
+    created: function () {},
+};
+</script>
+<style>
+</style>

src/views/Business/Cptopn/index.vue

@@ -16,6 +16,11 @@
             <m-opnp1 :model="model" :codes="codes" />
           </el-tab-pane>
 
+          <el-tab-pane label="Additional Info" name="AdditionalInfo">
+            <!--PD000020 -->
+            <m-AdditionalInfo :model="model" :codes="codes" />
+          </el-tab-pane>
+
           <el-tab-pane label="Settlement" name="setpan">
             <!--PD000000 -->
             <m-setpan :model="model" :codes="codes" />
@@ -51,10 +56,10 @@
             <m-wg :model="model" :codes="codes"/>
           </el-tab-pane>
           
-          <el-tab-pane label="境内汇款申请书-基础信息" name="dbe" v-if="true || model.bopmod.szflg === '2' && model.bopmod.basflg">
+          <el-tab-pane label="境内汇款申请书-基础信息" name="dbe" v-if="model.bopmod.szflg === '2' && model.bopmod.basflg">
             <m-dbe :model="model" :codes="codes"></m-dbe>
           </el-tab-pane>
-          <el-tab-pane label="境外汇款申请书-基础信息" name="dbb" v-if="true || model.bopmod.szflg === '1' && model.bopmod.basflg">
+          <el-tab-pane label="境外汇款申请书-基础信息" name="dbb" v-if="model.bopmod.szflg === '1' && model.bopmod.basflg">
             <m-dbb :model="model" :codes="codes"></m-dbb>
           </el-tab-pane>
 
@@ -65,6 +70,10 @@
           <el-tab-pane label="2111跨境支出信息" name="outp" v-if="model.cnybop.outflg==='1'">
             <m-outp :model="model" :codes="codes"></m-outp>
           </el-tab-pane>
+
+          <el-tab-pane label="Payment 103 PYE USD" name="Payment103">
+            <m-Payment :model="model" :codes="codes" />
+          </el-tab-pane>
         </el-tabs>
       </el-form>
     </div>
@@ -90,6 +99,8 @@ import Cnyp from "./Cnyp";
 import Dbe from "./Dbe.vue"
 import Dbb from "./Dbb.vue"
 import Outp from "./Outp.vue"
+import AdditionalInfo from "./AdditionalInfo.vue"
+import Payment from "./Payment103.vue"
 
 import Glepan from "~/views/Public/Glepan"
 import Setpan from "~/views/Public/Setpan"
@@ -109,7 +120,9 @@ export default {
     "m-cnyp": Cnyp,
     "m-dbe": Dbe,
     "m-dbb": Dbb,
-    "m-outp": Outp
+    "m-outp": Outp,
+    "m-AdditionalInfo": AdditionalInfo,
+    "m-Payment": Payment
   },
     provide() {
         return {