brteus页面调整

src/views/Business/Brteus/Brteus.vue

 <template>
   <div class="eibs-tab">
 
+    <!-- ===========================左边 ======================== -->
     <c-col :span="12">
+      <!-- 信用证编号 -->
+      <c-col :span="24">
+        <c-form-item label="Import L/C Ref" prop="lidgrp.rec.ownref">
+          <c-fullbox>
+            <c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="" style="width: 100%"></c-input>
+            <template slot="footer">
+              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
+                <span style="font-family: '宋体'; font-weight: bold">i</span>
+              </c-button>
+              <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDitpButgetref">
+                获取
+              </c-button>
+            </template>
+          </c-fullbox>
+        </c-form-item>
+      </c-col>
+      <!-- 到期日 -->
+      <c-col :span="24">
+        <el-form-item label="Expiry" prop="lidgrp.rec.expdat">
+          <c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width: 100%" placeholder="请输入Expiry">
+          </c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <!--  单据参考号 -->
+      <c-col :span="24">
+        <c-form-item label="Bill Set Reference" prop="brdgrp.rec.ownref">
+          <c-fullbox>
+            <c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder=""></c-input>
+            <template slot="footer">
+              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
+                <span style="font-family: '宋体'; font-weight: bold">i</span>
+              </c-button>
+              <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDitpButgetref">
+                获取
+              </c-button>
+            </template>
+          </c-fullbox>
+        </c-form-item>
+      </c-col>
+
+      <!--  单据金额 -->
+      <c-col :span="24">
+        <c-col :span="13">
+          <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
+            <c-select v-model="model.brdgrp.cbs.max.cur" style="width: 100%" placeholder="请输入Document Amount"
+              :code="codes.curtxt1">
+            </c-select>
+          </el-form-item>
+        </c-col>
+        <c-col :span="11">
+          <c-form-item label="" label-width="5px" prop="brdgrp.cbs.max.amt">
+            <c-input v-model="model.brdgrp.cbs.max.amt" placeholder=""></c-input>
+          </c-form-item>
+        </c-col>
+      </c-col>
+
+      <!--  单据余额 -->
+      <c-col :span="24">
+        <c-col :span="13">
+          <c-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
+            <c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount"></c-input>
+          </c-form-item>
+        </c-col>
+        <c-col :span="11">
+          <c-form-item label="" label-width="5px" prop="brdgrp.cbs.opn1.amt">
+            <c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder=""></c-input>
+          </c-form-item>
+        </c-col>
+      </c-col>
+
+      <!--  到单日期 -->
+      <c-col :span="12">
+        <el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
+          <c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width: 100%" placeholder="请选择">
+          </c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <!--  通知到单日期 -->
+      <c-col :span="12">
+        <el-form-item label="Advised on" prop="brdgrp.rec.advdat">
+          <c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width: 100%" placeholder="请选择">
+          </c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <!-- Maturity Date -->
+      <c-col :span="12">
+        <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
+          <c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择">
+          </c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <!--  Start Date    远期单据到期日-->
+      <c-col :span="12">
+        <el-form-item label="Start Date" prop="brdgrp.rec.stadat">
+          <c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width:100%" placeholder="请选择">
+          </c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <!-- 单据类型 Document Type-->
+      <c-col :span="16">
+        <el-form-item label="Document Type" prop="brdgrp.rec.docflg">
+          <c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型" :code="codes.docflg">
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <!-- Tenor -->
+      <c-col :span="8">
+        <el-form-item label="Tenor" label-width="100px" prop="brdgrp.rec.tenmaxday">
+          <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入Tenor day"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <!-- 单据状态 Document Set Status-->
+      <c-col :span="24">
+        <el-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
+          <c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态" :code="codes.docsta">
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <!-- Narrative -->
+      <c-col :span="24">
+        <el-form-item label="Narrative" prop="strinf">
+          <c-input type="textarea" v-model="model.strinf" maxlength="50" show-word-limit placeholder="请输入Narrative">
+          </c-input>
+        </el-form-item>
+      </c-col>
+
+    </c-col>
+
+
+    <!-- ========================== 右边 ======================== -->
+    <c-col :span="11" :offset="1">
+
+      <!--  信用证余额 -->
+      <c-col :span="12">
+        <c-form-item label="Open Amt L/C" prop="lidgrp.cbs.opn1.cur">
+          <c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3"
+            :placeholder="$t('other.please_enter') + 'Currency'"></c-input>
+        </c-form-item>
+      </c-col>
+      <c-col :span="12">
+        <c-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
+          <c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder=""></c-input>
+        </c-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <!--label="Name of Bill Contract"  -->
+        <el-form-item label="" prop="brdgrp.rec.nam">
+          <c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-ptsmsg :model="model" :argadr="{ title: 'Applicant Ref', grp: 'brdgrp', rol: 'apl' }">
+        </c-ptsmsg>
+      </c-col>
+
+      <!-- Name of Party  prop="brdgrp.apl.pts.nam"-->
+      <c-col :span="24">
+        <el-form-item label="" prop="brdgrp.apl.pts.nam">
+          <c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <!-- eneficiary Ref -->
+      <c-col :span="24">
+        <c-ptsmsg :model="model" :argadr="{ title: 'Beneficiary Ref', grp: 'brdgrp', rol: 'ben' }">
+        </c-ptsmsg>
+      </c-col>
+
+      <!-- Name of Party   prop="brdgrp.ben.pts.nam-->
+      <c-col :span="24">
+        <el-form-item label="" prop="brdgrp.ben.pts.nam">
+          <c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <!-- Presenting Bank Ref -->
+      <c-col :span="24">
+        <c-ptsmsg :model="model" :argadr="{
+          title: 'Presenting Bank Ref',
+          grp: 'brdgrp',
+          rol: 'prb',
+        }">
+        </c-ptsmsg>
+      </c-col>
+
+      <!--Name of Party     prop="brdgrp.prb.pts.nam" -->
+      <c-col :span="24">
+        <el-form-item label="" prop="brdgrp.prb.pts.nam">
+          <c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
+        </el-form-item>
+      </c-col>
+
+    </c-col>
+
+
+
+
+
+
+    <!-- <c-col :span="12">
       <el-form-item label="Drag  Drop Sender" prop="brtp.lidget.sdamod.dadsnd">
         <c-input v-model="model.brtp.lidget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
         <c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="" prop="brtp.lidget.sdamod.seainf">
         <c-input v-model="model.brtp.lidget.sdamod.seainf" placeholder="请输入"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Date of Expiry" prop="lidgrp.rec.expdat">
         <c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width:100%" placeholder="请选择Date of Expiry">
         </c-date-picker>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Currency" prop="lidgrp.cbs.opn1.cur">
         <c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Balance" prop="lidgrp.cbs.opn1.amt">
         <c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Drag  Drop Sender" prop="brtp.recget.sdamod.dadsnd">
         <c-input v-model="model.brtp.recget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="单据参考号" prop="brdgrp.rec.ownref">
         <c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="" prop="brtp.recget.sdamod.seainf">
         <c-input v-model="model.brtp.recget.sdamod.seainf" placeholder="请输入"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam">
         <c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
         <c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额">
         </c-select>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="单据金额" prop="brdgrp.cbs.max.amt">
         <c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入单据金额"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="申请人" prop="brdgrp.apl.pts.ref">
         <c-input v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur">
         <c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额"></c-input>
       </el-form-item>
@@ -91,96 +300,96 @@
       <el-form-item label="Balance" prop="brdgrp.cbs.opn1.amt">
         <c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Name of Party" prop="brdgrp.apl.pts.nam">
         <c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
       </el-form-item>
-    </c-col>
-
+    </c-col> -->
+    <!-- 
     <c-col :span="12">
       <el-form-item label="到单日期" prop="brdgrp.rec.rcvdat">
         <c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width:100%" placeholder="请选择到单日期">
         </c-date-picker>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Date of Advice of Payment" prop="brdgrp.rec.advdat">
         <c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width:100%"
           placeholder="请选择Date of Advice of Payment"></c-date-picker>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="受益人" prop="brdgrp.ben.pts.ref">
         <c-input v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <span v-text="model.brtp.matp.mattxtlab" data-path=".brtp.matp.mattxtlab"> </span>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
         <c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date">
         </c-date-picker>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="远期单据到期日" prop="brdgrp.rec.stadat">
         <c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width:100%" placeholder="请选择远期单据到期日">
         </c-date-picker>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Name of Party" prop="brdgrp.ben.pts.nam">
         <c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="单据类型" prop="brdgrp.rec.docflg">
         <c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型">
         </c-select>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Tenor day" prop="brdgrp.rec.tenmaxday">
         <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入Tenor day"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="交单行" prop="brdgrp.prb.pts.ref">
         <c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Name of Party" prop="brdgrp.prb.pts.nam">
         <c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="单据状态" prop="brdgrp.rec.docsta">
         <c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态">
         </c-select>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
+    <!-- <c-col :span="12">
       <el-form-item label="Narrative" prop="strinf">
         <c-input type="textarea" v-model="model.strinf" maxlength="50" show-word-limit placeholder="请输入Narrative">
         </c-input>
       </el-form-item>
-    </c-col>
+    </c-col> -->
   </div>
 </template>
 <script>
@@ -188,8 +397,14 @@ import Api from "~/service/Api"
 import commonProcess from "~/mixin/commonProcess";
 import CodeTable from "~/config/CodeTable"
 import Event from "~/model/Brteus/Event"
+import Ptsmsg from "~/views/Public/Ptsmsg";
 
 export default {
+  components: {
+    // "c-ptap1": Ptap1,
+    // "c-ptap": Ptap,
+    "c-ptsmsg": Ptsmsg,
+  },
   inject: ['root'],
   props: ["model", "codes"],
   mixins: [commonProcess],
@@ -198,10 +413,13 @@ export default {
 
     }
   },
-  methods: { ...Event },
-  created: function () {
-
-  }
+  methods: { ...Event, onSeainf() { }, onDitpButgetref() { } },
+  created: function () {},
+  computed: {
+    flag() {
+      return this.model.brdgrp.prb.pts.extkey == "";
+    },
+  },
 }
 </script>
 <style>

src/views/Business/Brteus/index.vue

 <template>
+<c-page title="进口信用证单据展期">
+
   <div class="eContainer">
 <!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
     <c-function-btn
@@ -61,17 +63,18 @@
       </c-tabs>
     </el-form>
   </div>
+</c-page>
 </template>
 <script>
-import Api from "~/service/Api"
-import CodeTable from "~/config/CodeTable"
-import Brteus from "~/model/Brteus"
-import commonProcess from "~/mixin/commonProcess"
+import Api from "~/service/Api";
+import CodeTable from "~/config/CodeTable";
+import Brteus from "~/model/Brteus";
+import commonProcess from "~/mixin/commonProcess";
 import commonFuncs from "~/mixin/commonFuncs";
-import Check from "~/model/Brteus/Check"
-import Default from "~/model/Brteus/Default"
-import Pattern from "~/model/Brteus/Pattern"
-import Brteuss from "./Brteus"
+import Check from "~/model/Brteus/Check";
+import Default from "~/model/Brteus/Default";
+import Pattern from "~/model/Brteus/Pattern";
+import Brteuss from "./Brteus";
 // import Engp from "./Engp"
 // import Setpan from "./Setpan"
 // import Coninfp from "./Coninfp"
@@ -113,6 +116,7 @@ export default {
       pattern: Pattern,
       rules: null,
       codes: {
+        ...CodeTable//...即返回到views同级，关联码表
       },
     }
   },