lttopn交易页面布局

src/model/Lttopn/Pattern.js

@@ -166,7 +166,7 @@ export default {
     ],
 
     "ltdgrp.rec.apprultxt":[
-        {type: "string", required: true, message: "必输项"},
+        {required: false, message: "必输项"},
         {max: 35,message:"长度不能超过35"}
     ],
 
@@ -551,21 +551,21 @@ export default {
 
 
     "ltdgrp.blk.mixdet":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 35,message:"长度不能超过35"}
     ],
     "ltdgrp.blk.avbwthtxt":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 35,message:"长度不能超过35"}
     ],
 
     "ltdgrp.blk.preper":[
-        {type: "string", required: true, message: "必输项"},
-        {max: 35,message:"长度不能超过35"}
+        {type: "string",type: "string", required: true, message: "必输项"},
+        {type: "string",max: 35,message:"长度不能超过35"}
     ],
     "ltdgrp.rec.prepers18":[
-        {type: "string", required: false, message: "必输项"},
-        {max: 3,message:"长度不能超过3"}
+        { required: false, message: "必输项"},
+        {max: 999,message:"长度不能超过3"}
     ],
 
     "ltdgrp.rec.prepertxts18":[
@@ -575,16 +575,16 @@ export default {
 
 
     "ltdgrp.blk.defdet":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 35,message:"长度不能超过35"}
     ],
 
     "ltdgrp.blk.feetxt":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 35,message:"长度不能超过35"}
     ],
     "ltdgrp.blk.dftat":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 35,message:"长度不能超过35"}
     ],
     "lttp.drwp.ptsget.sdamod.dadsnd":[
@@ -639,7 +639,7 @@ export default {
         {max: 65,message:"长度不能超过65"}
     ],
     "ltdgrp.blk.shpper":[
-        {type: "string", required: true, message: "必输项"},
+        {type: "string", required: false, message: "必输项"},
         {max: 65,message:"长度不能超过65"}
     ],
 }
\ No newline at end of file

src/views/Business/Lttopn/Ovwp.vue

@@ -144,7 +144,7 @@
             ></c-input>
             <template slot="footer">
               <c-button
-                style="margin: 0 10px 0 0; padding: 0 12px"
+                style="margin-left:10px; padding: 0 12px"
                 size="small"
                 type="primary"
                 @click="onSeainf"
@@ -304,11 +304,11 @@
 
       <c-col :span="24">
         <el-form-item label="in" prop="ltdgrp.rec.expplc">
-          <c-input
+          <c-select
             v-model="model.ltdgrp.rec.expplc"
-            maxlength="29"
+            style="width: 100%"
             placeholder="Please input in"
-          ></c-input>
+          ></c-select>
         </el-form-item>
       </c-col>
 
@@ -385,20 +385,32 @@
       <c-ptap
         :model="model"
         :argadr="{
-          title: '1st Beneficiary Ref.',
+          title: '1st Beneficiary',
           grp: 'ltdgrp',
           rol: 'be1',
         }"
         :disabled="true"
         @onSeainf="onSeainf"
         @onAplpDet="onBenpDet"
+        :onlySearch="true"
       >
       </c-ptap>
+      <c-col :span="24">
+
+          <el-form-item label="" prop="ltdgrp.be1.pts.nam">
+          <c-input
+            v-model="model.ltdgrp.be1.pts.nam"
+            maxlength="40"
+            placeholder="Please input nam"
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
 
       <c-ptap
         :model="model"
         :argadr="{
-          title: 'Advising Bank Ref.',
+          title: 'Advising Bank',
           grp: 'ltdgrp',
           rol: 'adt',
         }"
@@ -411,7 +423,7 @@
       <c-ptap
         :model="model"
         :argadr="{
-          title: 'Applicant',
+          title: '2nd Beneficiary',
           grp: 'ltdgrp',
           rol: 'be2',
         }"

src/views/Business/Lttopn/Ptyp.vue

 <template>
   <div class="eibs-tab">
+    <!-- left -->
+    <c-col :span="11">
+      <c-col :span="24">
+        <c-ptap
+          :model="model"
+          :argadr="{
+            title: '2nd Advising Bank',
+            grp: 'ltdgrp',
+            rol: 'a2t',
+          }"
+          @onSeainf="onSeainf"
+          @onAplpDet="onAdvpDet"
+        >
+        </c-ptap>
+      </c-col>
+
+      <c-col :span="24">
+        <c-ptap
+          :model="model"
+          :argadr="{
+            title: 'Confirming Bank',
+            grp: 'ltdgrp',
+            rol: 'con',
+          }"
+          @onSeainf="onSeainf"
+          @onAplpDet="onA2bpDet"
+        >
+        </c-ptap>
+      </c-col>
+
+    </c-col>
+
+    <!-- right -->
+    <c-col :span="11" :offset="1">
+      <c-col :span="24">
+        <c-ptap
+          :model="model"
+          :argadr="{
+            title: 'Reimbursement Bank(MT 740)',
+            grp: 'ltdgrp',
+            rol: 'rmt',
+          }"
+          @onSeainf="onSeainf"
+          @onAplpDet="onApbpDet"
+          
+        >
+        </c-ptap>
+      </c-col>
+
+      <c-col :span="24">
+        <c-ptap
+          :model="model"
+          :argadr="{
+            title: 'Available with Bank',
+            grp: 'ltdgrp',
+            rol: 'avt',
+          }"
+          @onSeainf="onSeainf"
+          @onAplpDet="onRmbpDet"
+        >
+        </c-ptap>
+      </c-col>
+
+    </c-col>
+    <!-- =============================底部表格========================= -->
+    <c-edit-table :model="model" v-bind="ptsaddg">
+      <el-table-column label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            @click="handleEdit(scope.$index, scope.row)"
+            type="primary"
+            >详情</el-button
+          >
+        </template>
+      </el-table-column>
+    </c-edit-table>
     <!-- SF000237 : 2nd Advising Bank -->
     <!-- S0000320 : Ref. -->
 
@@ -266,26 +343,54 @@
   </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/Lttopn/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Lttopn/Event";
+import Ptap from "~/views/Public/Ptap";
 
 export default {
-    inject: ['root'],
-    props:["model","codes"],
+  components: { "c-ptap": Ptap },
+  inject: ["root"],
+  props: ["model", "codes"],
   mixins: [commonProcess],
-    data(){
+  data() {
     return {
-
-        }
+        ptsaddg: {
+        columns: [
+          {
+            title: "Role",
+            width: "120px",
+            dataIndex: "rol",
+            show: "select",
           },
-    methods:{...Event},
-    created:function(){
-
-    }
-}
+          {
+            title: "Party",
+            width: "180px",
+            dataIndex: "ptyextkey",
+            show: "input",
+          },
+          {
+            title: "Name of Party",
+            width: "300px",
+            dataIndex: "nam",
+          },
+          {
+            title: "Reference for Address",
+            width: "300px",
+            dataIndex: "ref",
+          },
+        ],
+        urls: "lttp.ptsaddp.ptsaddg",
+      },
+    };
+  },
+  methods: { ...Event,
+  handleEdit() {
+      console.log("1111测试");
+    }, },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>

src/views/Business/Lttopn/index.vue

@@ -16,138 +16,170 @@
       <!-- <el-button size="small">拆分报文</el-button> -->
       <el-button size="small">智能提示</el-button>
     </c-function-btn>
-    <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
+    <el-form
+      :model="model"
+      :rules="rules"
+      ref="modelForm"
+      label-width="150px"
+      label-position="right"
+      size="small"
+      :validate-on-rule-change="false"
+    >
       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
         <!--lttp PD000001 Overview -->
         <el-tab-pane label="Overview" name="ovwp">
-                <m-ovwp :model="model" :codes="codes"/>
+          <m-ovwp :model="model" :codes="codes" />
         </el-tab-pane>
         <!--lttp PD000077 Details -->
         <el-tab-pane label="Details" name="detp">
-                <m-detp :model="model" :codes="codes"/>
+          <c-content>
+            <m-detp :model="model" :codes="codes" />
+          </c-content>
         </el-tab-pane>
         <!--lttp PD000042 Parties -->
         <el-tab-pane label="Patries" name="ptyp">
-                <m-ptyp :model="model" :codes="codes"/>
+          <m-ptyp :model="model" :codes="codes" />
         </el-tab-pane>
         <!--lttp PD000057 Goods --> 
         <el-tab-pane label="Goods" name="dogp"> 
-                <m-dogp :model="model" :codes="codes"/>
+          <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
         </el-tab-pane>
         <!--lttp PD000060 Documents -->
         <el-tab-pane label="Documents" name="dorp">
-                <m-dorp :model="model" :codes="codes"/>
+          <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
         </el-tab-pane>
         <!--lttp PD000073 Add. Cond. -->
-           <el-tab-pane label="Add. Cond." name="adcp">
-                <m-adcp :model="model" :codes="codes"/>
+        <el-tab-pane label="Additional Conditions" name="adcp">
+          <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
         </el-tab-pane>
         <!--lttp PD000169 Orig. L/C Details -->
         <el-tab-pane label="Orig. L/C Details" name="lttinf">
-                <m-lttinf :model="model" :codes="codes"/>
+          <m-lttinf :model="model" :codes="codes" />
         </el-tab-pane>
         <!--liaall PD000027 Liability -->
         <el-tab-pane label="Liability" name="engp">
-                <m-engp :model="model" :codes="codes"/>
+          <m-engp :model="model" :codes="codes" />
         </el-tab-pane>
         <!--setmod PD000000 Settlement -->
         <el-tab-pane label="Settlement" name="setpan">
-                <m-setpan :model="model" :codes="codes"/>
+          <m-setpan :model="model" :codes="codes" />
         </el-tab-pane>
         <!--glemod PD000001  -->
         <el-tab-pane label="Bookings" name="glepan">
-                <m-glepan :model="model" :codes="codes"/>
+          <m-glepan :model="model" :codes="codes" />
         </el-tab-pane>
         <!--coninf PD000000 Completion -->
         <el-tab-pane label="Completion" name="coninfp">
-                <m-coninfp :model="model" :codes="codes"/>
+          <m-coninfp :model="model" :codes="codes" />
         </el-tab-pane>
         <!--trndoc PD000529 &Messages -->
         <el-tab-pane label="Messages" name="docpan">
-                <m-docpan :model="model" :codes="codes"/>
+          <m-docpan :model="model" :codes="codes" />
         </el-tab-pane>
         <!--trndoc PD000546 Attachments -->
         <el-tab-pane label="Attachments" name="doctre">
-                <m-doctre :model="model" :codes="codes"/>
+          <m-doctre :model="model" :codes="codes" />
         </el-tab-pane>
         <!--cnybop PD000002 跨境人民币申报 -->
         <el-tab-pane label="跨境人民币申报" name="cnyp">
-                <m-cnyp :model="model" :codes="codes"/>
+          <m-cnyp :model="model" :codes="codes" />
         </el-tab-pane>
         <!--lttp PD000371 Special Payment Beneficiary -->
-           <el-tab-pane label="Special Payment Beneficiary" name="spcbenp">
-                <m-spcbenp :model="model" :codes="codes"/>
+        <el-tab-pane
+          label="Special Paymt Cond. Beneficiary"
+          name="spcbenp"
+          v-if="model.ledgrp.rec.spcbenflg"
+        >
+          <m-doxp
+            :model="model"
+            :codes="codes"
+            :dtyp="'spcbenp'"
+            :rec="'led'"
+          />
         </el-tab-pane>
         <!--lttp PD000372 Special Payment Rcv Bank only -->
-           <el-tab-pane label="Special Payment Rcv Bank only" name="spcrcvp">
-                <m-spcrcvp :model="model" :codes="codes"/>
+        <el-tab-pane
+          label="Special Paymt Cond. Bank only"
+          name="spcrcvp"
+          v-if="model.ledgrp.rec.spcrcbflg"
+        >
+          <m-doxp
+            :model="model"
+            :codes="codes"
+            :dtyp="'spcrcvp'"
+            :rec="'led'"
+          />
         </el-tab-pane>
-           
-           
-           
       </c-tabs>
     </el-form>
+    <c-grid-ety-prompt-dialog
+      ref="etyDialog"
+      :promptData="promptData"
+      v-on:select-ety="selectEty"
+    >
+    </c-grid-ety-prompt-dialog>
+    <c-grid-ety-prompt-dialog
+      ref="doxpDialog"
+      :isPty="false"
+      :promptData="promptData"
+      @select-ety="selectMsg"
+    >
+    </c-grid-ety-prompt-dialog>
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
-import CodeTable from "~/config/CodeTable"
-import Lttopn from "~/model/Lttopn"
-import commonProcess from "~/mixin/commonProcess"
+import Api from "~/service/Api";
+import CodeTable from "~/config/CodeTable";
+import Lttopn from "~/model/Lttopn";
+import commonProcess from "~/mixin/commonProcess";
 import commonFuncs from "~/mixin/commonFuncs";
-import Check from "~/model/Lttopn/Check"
-import Default from "~/model/Lttopn/Default"
-import Pattern from "~/model/Lttopn/Pattern"
-import Ovwp from "./Ovwp"
-import Lttinf from "./Lttinf"
-import Ptyp from "./Ptyp"
-import Dogp from "./Dogp"
-import Dorp from "./Dorp"
-import Cnyp from "./Cnyp"
-import Spcbenp from "./Spcbenp"
-import Spcrcvp from "./Spcrcvp"
-import Adcp from "./Adcp"
-import Detp from "./Detp"
+import Check from "~/model/Lttopn/Check";
+import Default from "~/model/Lttopn/Default";
+import Pattern from "~/model/Lttopn/Pattern";
+import Ovwp from "./Ovwp";
+import Lttinf from "./Lttinf";
+import Ptyp from "./Ptyp";
+// import Dogp from "./Dogp";
+// import Dorp from "./Dorp";
+import Cnyp from "./Cnyp";
+// import Spcbenp from "./Spcbenp";
+// import Spcrcvp from "./Spcrcvp";
+// import Adcp from "./Adcp";
+import Detp from "./Detp";
 import Engp from "~/views/Public/Engp";
 import Setpan from "~/views/Public/Setpan";
 import Coninfp from "~/views/Public/Coninfp";
 import Docpan from "~/views/Public/Docpan";
 import Doctre from "~/views/Public/Doctre";
 import Glepan from "~/views/Public/Glepan";
-
-
+import Doxp from '~/views/Public/Doxp'
 
 export default {
   name: "Lttopn",
-    components:{
-        "m-ovwp" : Ovwp,
-        "m-lttinf" : Lttinf,
-        "m-ptyp" : Ptyp,
-        "m-dogp" : Dogp,
-        "m-dorp" : Dorp,
-        "m-setpan" : Setpan,
-        "m-glepan" : Glepan,
-        "m-coninfp" : Coninfp,
-        "m-docpan" : Docpan,
-        "m-doctre" : Doctre,
-        "m-cnyp" : Cnyp,
-        "m-spcbenp" : Spcbenp,
-        "m-spcrcvp" : Spcrcvp,     
-        "m-engp" : Engp,
-        "m-adcp" : Adcp,
-        "m-detp" : Detp,
+  components: {
+    "m-ovwp": Ovwp,
+    "m-lttinf": Lttinf,
+    "m-ptyp": Ptyp,
+    "m-setpan": Setpan,
+    "m-glepan": Glepan,
+    "m-coninfp": Coninfp,
+    "m-docpan": Docpan,
+    "m-doctre": Doctre,
+    "m-cnyp": Cnyp,
+    "m-engp": Engp,
+    "m-detp": Detp,
+    'm-doxp': Doxp,
   },
   provide() {
     return {
-            root: this
-        }
+      root: this,
+    };
   },
-    mixins: [commonProcess,commonFuncs],    // 里面包含了Default、Check等的公共处理
-    data(){
+  mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
+  data() {
     return {
-            tabVal: "",
+      tabVal: "ovwp",
       trnName: "lttopn",
-            trnType: "",
       model: new Lttopn().data,
       checkRules: Check,
       defaultRules: Default,
@@ -156,32 +188,27 @@ export default {
       codes: {
         ...CodeTable,
       },
-        }
+    };
   },
-    methods:{
-        myTabClick(tab){
-            this.tabClick(tab)
+  methods: {
+    myTabClick(tab) {
+      this.tabClick(tab);
       /**
        *  do it yourself
        **/
-        }
     },
-    created:async function(){
+  },
+  created: async function () {
     console.log("进入lttopn交易");
-        let rtnmsg = await this.init({})
-        if(rtnmsg.respCode == SUCCESS)
-        {
-           this.updateModel(rtnmsg.data)
+    let rtnmsg = await this.init({});
+    if (rtnmsg.respCode == SUCCESS) {
+      this.updateModel(rtnmsg.data);
       //TODO 处理数据逻辑
-
+    } else {
+      this.$notify.error({ title: "错误", message: "服务请求失败！" });
     }
-        else
-        {
-            this.$notify.error({title: '错误',message: '服务请求失败！'});
-        }
-    }
-}
+  },
+};
 </script>
 <style>
-
 </style>