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',
         }"
@@ -797,7 +809,7 @@ import Ptap from "~/views/Public/Ptap";
 import Utils from "~/utils";
 
 export default {
-    components: { "c-ptap": Ptap },
+  components: { "c-ptap": Ptap },
   inject: ["root"],
   props: ["model", "codes"],
   mixins: [commonProcess],

src/views/Business/Lttopn/Ptyp.vue

 <template>
   <div class="eibs-tab">
-                             <!-- SF000237 : 2nd Advising Bank -->
-                 <!-- S0000320 : Ref. -->
-                  
-       <!-- <c-col :span="12">
+    <!-- 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. -->
+
+    <!-- <c-col :span="12">
         <c-form-item :label="$t('lttp.SF000237')" prop="ltdgrp.a2t.pts.ref">
             <c-input  v-model="model.ltdgrp.a2t.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('lttp.SF000237')"></c-input>
         </c-form-item>
        </c-col> -->
-                 <!-- SF000316 : Reimbursement Bank (MT 740) -->
-                 <!-- SF000236 : Ref. -->
-                  
-       <!-- <c-col :span="12">
+    <!-- SF000316 : Reimbursement Bank (MT 740) -->
+    <!-- SF000236 : Ref. -->
+
+    <!-- <c-col :span="12">
         <c-form-item :label="$t('lttp.SF000316')" prop="ltdgrp.rmt.pts.ref">
             <c-input  v-model="model.ltdgrp.rmt.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('lttp.SF000316')"></c-input>
         </c-form-item>
@@ -112,18 +189,18 @@
             <c-input type="textarea" v-model="model.ltdgrp.rmt.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
         </c-form-item>
         </c-col> -->
-                 <!-- SF000385 : Confirming Bank -->
-                 <!-- SF000386 : Ref. -->
-                  
-       <!-- <c-col :span="12">
+    <!-- SF000385 : Confirming Bank -->
+    <!-- SF000386 : Ref. -->
+
+    <!-- <c-col :span="12">
         <c-form-item :label="$t('lttp.SF000385')" prop="ltdgrp.con.pts.ref">
             <c-input  v-model="model.ltdgrp.con.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('lttp.SF000385')"></c-input>
         </c-form-item>
        </c-col> -->
-                 <!-- SF000319 : Available with Bank -->
-                 <!-- SF000235 : Ref. -->
-                  
-       <!-- <c-col :span="12">
+    <!-- SF000319 : Available with Bank -->
+    <!-- SF000235 : Ref. -->
+
+    <!-- <c-col :span="12">
         <c-form-item :label="$t('lttp.SF000319')" prop="ltdgrp.avt.pts.ref">
             <c-input  v-model="model.ltdgrp.avt.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('lttp.SF000319')"></c-input>
         </c-form-item>
@@ -224,9 +301,9 @@
             <c-input type="textarea" v-model="model.ltdgrp.avt.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
         </c-form-item>
         </c-col> -->
-                 <!-- S0000060 : 其他关联方 -->
-                  
-       <!-- <c-col :span="24">
+    <!-- S0000060 : 其他关联方 -->
+
+    <!-- <c-col :span="24">
         <div class="e-table-wrapper">
             <el-table
                 :data="model.lttp.ptsaddp.ptsaddg"
@@ -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"],
-    mixins: [commonProcess],
-    data(){
-        return {
-
-        }
-    },
-    methods:{...Event},
-    created:function(){
-
-    }
-}
+  components: { "c-ptap": Ptap },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+        ptsaddg: {
+        columns: [
+          {
+            title: "Role",
+            width: "120px",
+            dataIndex: "rol",
+            show: "select",
+          },
+          {
+            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>