汇款申请书界面效果修改

src/views/Business/Cptopn/Opnp1.vue

@@ -22,7 +22,7 @@
         </el-form-item>
       </el-col>
       <el-col :span="11">
-        <el-form-item label="Name" prop="cpdgrp.rec.ownref">
+        <el-form-item label="Name" prop="cpdgrp.rec.nam">
           <c-input
             v-model="model.cpdgrp.rec.nam"
             maxlength="16"
@@ -173,7 +173,7 @@
 
         <el-col :span="24">
           <el-form-item label="货物类型">
-            <c-select v-model="model3" style="width: 100%" placeholder="请选择货物类型">
+            <c-select v-model="model.cpdgrp.rec.stagod" style="width: 100%" placeholder="请选择货物类型">
               <el-option
                   v-for="item in codes.godcod"
                   :key="item.value"
@@ -278,7 +278,7 @@
           </el-col>
 
           <el-col :span="10">
-            <el-form-item label="报文类型" label-width="120px">
+            <el-form-item label="报文类型" label-width="120px" prop="cpdgrp.rec.swftyp">
               <c-select style="width: 100%" placeholder="" v-model="model.cpdgrp.rec.swftyp">
                 <el-option v-for="item in codes.swftyp" :label="item.label" :value="item.value" :key="item.value"></el-option>
               </c-select>
@@ -1329,84 +1329,6 @@ export default {
   props: ["model", "codes"],
   data() {
     return {
-      model1:'',
-      model2:'',
-      model3:'',
-      options1:[
-        {value:'AUD',label:'AUD 澳大利亚元'},
-        {value:'CAD',label:'CAD 加拿大元'},
-        {value:'CHF',label:'CHF 瑞士法郎'},                 
-        {value:'CNY',label:'CNY 人民币'},                              
-        {value:'DKK',label:'DKK 丹麦克郎'},                              
-        {value:'EUR',label:'EUR 欧元'},                              
-        {value:'FIM',label:'FIM 芬兰马克'},                              
-        {value:'FRF',label:'FRF 法国法郎'},                              
-        {value:'GBP',label:'GBP 英镑'},                              
-        {value:'HKD',label:'HKD 港币'},                              
-        {value:'JPY',label:'JPY 日元'},                              
-        {value:'KRW',label:'KRW 韩元'},                              
-        {value:'MOP',label:'MOP 澳门元'},                              
-        {value:'NOK',label:'NOK 挪威克郎'},
-        {value:'NZD',label:'NZD 新西兰元'},
-        {value:'SEK',label:'SEK 瑞典克郎'},
-        {value:'SGD',label:'SGD 新加坡元'},
-        {value:'THB',label:'THB 泰国铢'},
-        {value:'TWD',label:'TWD 新台湾元'},
-        {value:'USD',label:'USD 美元'},
-        ],
-      options2:[
-        {value:'1',label:'Chinese'},
-        {value:'2',label:'English'},
-      ],
-      options3:[
-        {value:'1',label:'是'},
-        {value:'2',label:'否'},
-      ],
-      options4:[
-        {value:'1',label:'Beneficiary Customer'},
-        {value:'2',label:'Ordering Customer'},
-      ],
-      options5:[
-        {value:'1',label:'金（含金饰品）'},
-        {value:'2',label:'银（含银饰品）'},
-        {value:'3',label:'铜（含电解铜、铜制品及铜精矿）'},
-        {value:'4',label:'铝（含电解铝、铝矾土及铝制品）'},
-        {value:'5',label:'锌（含电解锌、锌精矿）'},
-        {value:'6',label:'铁矿砂（含精矿）'},
-        {value:'7',label:'其他金属'},
-        {value:'8',label:'大豆'},
-      ],
-      options6:[
-        {value:'0',label:'贸易'},
-        {value:'1',label:'非贸易'},
-        {value:'2',label:'资本'},
-        {value:'3',label:'其他'},
-      ],
-      options7:[
-        {value:'0',label:'电汇'},
-        {value:'1',label:'票汇'},
-        {value:'2',label:'信汇'},
-        {value:'3',label:'其他'},
-      ],
-      options8:[
-        {value:'0',label:'对公'},
-        {value:'1',label:'对私'},
-      ],
-      options9:[
-        {value:'1',label:'跨境收支'},
-        {value:'2',label:'境内交易'},
-        {value:'3',label:'账户结售汇'},
-      ],
-      options10:[
-        {value:'1',label:'工业企业'},
-        {value:'2',label:'私营企业'},
-        {value:'3',label:'三资企业'},
-        {value:'4',label:'外贸企业'},
-        {value:'5',label:'保险企业'},
-        {value:'6',label:'商业企业'},
-        {value:'7',label:'其他企业'},
-        {value:'8',label:'私人'},
-      ],
     };
   },
   methods: { ...Event },

src/views/Business/Cptopn/Outp.vue

@@ -40,7 +40,7 @@
       <el-form-item label="付款人属性">
         <c-select style="width: 50%" placeholder="请选择付款人属性">
           <el-option
-            v-for="item in options"
+            v-for="item in codes.cpayeeattr"
             :key="item.value"
             :label="item.label"
             :value="item.value"
@@ -74,7 +74,7 @@
         <el-form-item label="结算方式">
           <c-select style="width: 50%" placeholder="请选择结算方式">
             <el-option
-              v-for="item in options"
+              v-for="item in codes.sbalancemode"
               :key="item.value"
               :label="item.label"
               :value="item.value"
@@ -86,7 +86,7 @@
         <el-form-item label="清算（结算）账户类型">
           <c-select style="width: 70%" placeholder="请选择">
             <el-option
-              v-for="item in options"
+              v-for="item in codes.cpayeraccttyp"
               :key="item.value"
               :label="item.label"
               :value="item.value"

src/views/Business/Cptopn/Wg.vue

@@ -85,7 +85,8 @@ export default {
     return {
     };
   },
-  methods: { ...Event },
+  methods: { ...Event ,
+  },
   created: function () {},
 };
 </script>

src/views/Business/Cptopn/index.vue

@@ -49,30 +49,35 @@
             <!--PD000009 -->
             <m-wg :model="model" :codes="codes"/>
           </el-tab-pane>
-          
-          <el-tab-pane label="境内汇款申请书-基础信息" v-if="model.bopmod.basflg">
+
+          <el-tab-pane
+            label="境内汇款申请书-基础信息"
+            v-if="model.bopmod.szflg === '2' && model.bopmod.basflg"
+          >
             <m-dbe :model="model" :codes="codes"></m-dbe>
           </el-tab-pane>
-          <el-tab-pane label="境外汇款申请书-基础信息" v-if="model.bopmod.basflg">
+          <el-tab-pane
+            label="境外汇款申请书-基础信息"
+            v-if="model.bopmod.szflg === '1' && model.bopmod.basflg"
+          >
             <m-dbb :model="model" :codes="codes"></m-dbb>
           </el-tab-pane>
 
           <el-tab-pane label="跨境人民币申报">
             <!--PD000002 -->
-            <m-cnyp :model="model" :codes="codes"/>
+            <m-cnyp :model="model" :codes="codes" />
           </el-tab-pane>
-          <el-tab-pane label="2111跨境支出信息">
+          <el-tab-pane label="2111跨境支出信息" v-if="model.cnybop.outflg==='1'">
             <m-outp :model="model" :codes="codes"></m-outp>
-        </el-tab-pane>
+          </el-tab-pane>
         </el-tabs>
-        
       </el-form>
     </div>
   </c-page>
 </template>
 <script>
 import Api from "~/service/Api";
-import Utils from "~/utils/index"
+import Utils from "~/utils/index";
 import CodeTable from "~/config/CodeTable";
 import Cptopn from "~/model/Cptopn";
 import CommonProcess from "~/mixin/CommonProcess";
@@ -88,9 +93,9 @@ import Doctre from "./Doctre";
 import Finp from "./Finp";
 import Wg from "./Wg";
 import Cnyp from "./Cnyp";
-import Dbe from "./Dbe.vue"
-import Dbb from "./Dbb.vue"
-import Outp from "./Outp.vue"
+import Dbe from "./Dbe.vue";
+import Dbb from "./Dbb.vue";
+import Outp from "./Outp.vue";
 
 export default {
   components: {
@@ -105,23 +110,24 @@ export default {
     "m-cnyp": Cnyp,
     "m-dbe": Dbe,
     "m-dbb": Dbb,
-    "m-outp": Outp
+    "m-outp": Outp,
+  },
+  provide() {
+    return {
+      root: this,
+    };
   },
-    provide() {
-        return {
-            root: this
-        }
-    },
   mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      trnName:"cptopn",
+      flag: 0,
+      trnName: "cptopn",
       model: new Cptopn().data,
       checkRules: Check,
       defaultRules: Default,
       pattern: Pattern,
-      rules:null,
-      codes: {...CodeTable},
+      rules: null,
+      codes: { ...CodeTable },
       // init: {
       //   uri: "/cptopn/init",
       //   fileName: "cptopn.json",
@@ -1351,7 +1357,7 @@ export default {
     console.log("进入cptopn交易");
     let rtnmsg = await Api.post("cptopn/init", { params: {} });
     if (rtnmsg.respCode == SUCCESS) {
-      Utils.copyValueFromVO(this.model,rtnmsg.data)
+      Utils.copyValueFromVO(this.model, rtnmsg.data);
     } else {
       this.$notify.error({ title: "错误", message: "服务请求失败！" });
     }