brtcan排版

src/model/Brtcan/index.js

 import Api from "~/service/Api"
 import Pts from "../Common/Pts"
-
+import Setmod from "../Public/Setmod"
 export default class Brtcan{
     constructor () {
         this.data = {
@@ -112,20 +112,7 @@ export default class Brtcan{
 								ecifno:"",			//  ECIFNO		.liaall.limmod.ecifno
 							},
 						},
-						setmod:{
-							docamttyplab:"",			//  settled amount description as label		.setmod.docamttyplab
-							retmsg:"",			//  Label showing Retry overflow condition		.setmod.retmsg
-							ref:"",			//  our reference		.setmod.ref
-							doccur:"",			//  document currency		.setmod.doccur
-							docamt:"",			//  document amount		.setmod.docamt
-							dspflg:"",			//  Type of settlement		.setmod.dspflg
-							xreflg:"",			//  Recalculate Rates		.setmod.xreflg
-							setglg:{
-								labdspflg:"",			//  Label for Type of Settlement		.setmod.setglg.labdspflg
-							},
-							zmqacclab:"",			//  主�'�号LABEL		.setmod.zmqacclab
-							zmqacc:"",			//  自�'�区主�'�号		.setmod.zmqacc
-						},
+						setmod:new Setmod().data,
 						mtabut:{
 							coninf:{
 								oitinf:{

src/views/Business/Brtcan/Canp.vue

 <template>
   <div class="eibs-tab">
-
     <el-row>
       <c-col :span="8">
+        <c-fullbox>
           <el-form-item label="Import L/C" prop="lidgrp.rec.ownref">
-                <c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入参考号"
+            <c-input
+              v-model="model.lidgrp.rec.ownref"
+              maxlength="16"
+              placeholder="请输入参考号"
             ></c-input>
           </el-form-item>
+          <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>
+          </template>
+        </c-fullbox>
       </c-col>
-        <c-col :span="2">
-                <c-button >seainf</c-button>
-        </c-col>
-        <c-col :span="2">
-                <c-button >dadsnd</c-button>
-        </c-col>
-        <c-col :span="5">
-            <el-form-item label="Expiry" prop="lidgrp.rec.expdat">
-                <c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width:100%"
-                               placeholder="请选择Date of Expiry" disabled="disabled"></c-date-picker>
+
+      <c-col :span="4">
+        <el-form-item
+          label="Expiry"
+          prop="lidgrp.rec.expdat"
+          label-width="80px"
+        >
+          <c-date-picker
+            type="date"
+            v-model="model.lidgrp.rec.expdat"
+            style="width: 100%"
+            placeholder="请选择Date of Expiry"
+            disabled="disabled"
+          ></c-date-picker>
         </el-form-item>
       </c-col>
-        <c-col :span="3">
-            <el-form-item label="Open Amt. L/C" prop="lidgrp.cbs.opn1.cur" label-width="100px">
-                <c-select v-model="model.lidgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择币种">
+      <c-col :span="6">
+        <el-form-item label="Open Amt. L/C" prop="lidgrp.cbs.opn1.cur">
+          <c-select
+            v-model="model.lidgrp.cbs.opn1.cur"
+            style="width: 100%"
+            placeholder="请选择币种"
+          >
           </c-select>
         </el-form-item>
       </c-col>
-        <c-col :span="4">
-            <el-form-item prop="lidgrp.cbs.opn1.amt" label-width="1px">
-                <c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入Balance" ></c-input>
+      <c-col :span="6">
+        <el-form-item prop="lidgrp.cbs.opn1.amt" label-width="20px">
+          <c-input
+            v-model="model.lidgrp.cbs.opn1.amt"
+            placeholder="请输入Balance"
+          ></c-input>
         </el-form-item>
       </c-col>
     </el-row>
     <el-row>
-        <c-col :span="8">
+      <c-col :span="12">
+        <c-fullbox>
           <el-form-item label="Bill Set Reference" prop="brdgrp.rec.ownref">
-                <c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"
-                         disabled="disabled"></c-input>
+            <c-input
+              v-model="model.brdgrp.rec.ownref"
+              maxlength="16"
+              placeholder="请输入单据参考号"
+              disabled="disabled"
+            ></c-input>
           </el-form-item>
-        </c-col>
-        <c-col :span="2">
-                <c-button >seainf</c-button>
-        </c-col>
-        <c-col :span="2">
-                <c-button >dadsnd</c-button>
+          <template slot="footer">
+            <c-button
+              style="margin: 0 0 0 10px; padding: 0 12px"
+              size="small"
+              type="primary"
+              @click="onSeainf"
+            >
+              <span style="font-family: '宋体'; font-weight: bold">i</span>
+            </c-button>
+          </template>
+        </c-fullbox>
       </c-col>
       <c-col :span="12">
         <el-form-item prop="brdgrp.rec.nam">
-                <c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract"
+          <c-input
+            v-model="model.brdgrp.rec.nam"
+            maxlength="40"
+            placeholder="请输入Name of Bill Contract"
           ></c-input>
         </el-form-item>
       </c-col>
@@ -55,147 +93,211 @@
     <el-row>
       <c-col :span="5">
         <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
-                <c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择币种">
+          <c-select
+            v-model="model.brdgrp.cbs.max.cur"
+            style="width: 100%"
+            placeholder="请选择币种"
+          >
           </c-select>
         </el-form-item>
       </c-col>
 
       <c-col :span="7">
-            <el-form-item prop="brdgrp.cbs.max.amt" label-width="1px">
-                <c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入单据金额"></c-input>
+        <el-form-item prop="brdgrp.cbs.max.amt" label-width="20px">
+          <c-input
+            v-model="model.brdgrp.cbs.max.amt"
+            placeholder="请输入单据金额"
+          ></c-input>
         </el-form-item>
       </c-col>
       <c-col :span="12">
         <el-form-item label="Applicant .ref" prop="brdgrp.apl.pts.ref">
-                <c-input v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人ref"></c-input>
+          <c-input
+            v-model="model.brdgrp.apl.pts.ref"
+            maxlength="16"
+            placeholder="请输入申请人ref"
+          ></c-input>
         </el-form-item>
       </c-col>
     </el-row>
     <el-row>
       <c-col :span="5">
         <el-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
-                <c-select v-model="model.brdgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择币种">
+          <c-select
+            v-model="model.brdgrp.cbs.opn1.cur"
+            style="width: 100%"
+            placeholder="请选择币种"
+          >
           </c-select>
         </el-form-item>
       </c-col>
 
       <c-col :span="7">
-            <el-form-item prop="brdgrp.cbs.opn1.amt" label-width="1px">
-                <c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
+        <el-form-item prop="brdgrp.cbs.opn1.amt" label-width="20px">
+          <c-input
+            v-model="model.brdgrp.cbs.opn1.amt"
+            placeholder="请输入Balance"
+          ></c-input>
         </el-form-item>
       </c-col>
 
       <c-col :span="12">
         <el-form-item prop="brdgrp.apl.pts.nam" label="名称">
-                <c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="申请人"></c-input>
+          <c-input
+            v-model="model.brdgrp.apl.pts.nam"
+            maxlength="40"
+            placeholder="申请人"
+          ></c-input>
         </el-form-item>
       </c-col>
     </el-row>
     <el-row>
       <c-col :span="6">
         <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>
+          <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="6">
         <el-form-item label="Advice on" 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>
+          <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 :span="12">
         <el-form-item label="Beneficiary .ref" prop="brdgrp.ben.pts.ref">
-                <c-input v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人ref"></c-input>
+          <c-input
+            v-model="model.brdgrp.ben.pts.ref"
+            maxlength="16"
+            placeholder="请输入受益人ref"
+          ></c-input>
         </el-form-item>
       </c-col>
     </el-row>
     <el-row>
-
       <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>
+          <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 :span="12">
         <el-form-item prop="brdgrp.ben.pts.nam" label="名称">
-                <c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="受益人"></c-input>
+          <c-input
+            v-model="model.brdgrp.ben.pts.nam"
+            maxlength="40"
+            placeholder="受益人"
+          ></c-input>
         </el-form-item>
       </c-col>
     </el-row>
     <el-row>
       <c-col :span="12">
         <el-form-item label="Document Type" prop="brdgrp.rec.docflg">
-                <c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型">
+          <c-select
+            v-model="model.brdgrp.rec.docflg"
+            style="width: 100%"
+            placeholder="请选择单据类型"
+          >
           </c-select>
         </el-form-item>
       </c-col>
 
       <c-col :span="12">
         <el-form-item label="Presenting Bank  .ref" prop="brdgrp.prb.pts.ref">
-                <c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行ref"></c-input>
+          <c-input
+            v-model="model.brdgrp.prb.pts.ref"
+            maxlength="16"
+            placeholder="请输入交单行ref"
+          ></c-input>
         </el-form-item>
       </c-col>
     </el-row>
     <el-row>
       <c-col :span="12">
         <el-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
-                <c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据承付状态">
+          <c-select
+            v-model="model.brdgrp.rec.docsta"
+            style="width: 100%"
+            placeholder="请选择单据承付状态"
+          >
           </c-select>
         </el-form-item>
       </c-col>
 
       <c-col :span="12">
         <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>
+          <c-input
+            v-model="model.brdgrp.prb.pts.nam"
+            maxlength="40"
+            placeholder="请输入Name of Party"
+          ></c-input>
         </el-form-item>
       </c-col>
     </el-row>
     <el-row>
       <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 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 :span="12">
+				<el-form-item label="" prop="sndmsg">
 					<c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
+				</el-form-item>
       </c-col>
     </el-row>
 
     <c-col :span="12">
       <el-form-item label="Booking Procedure" prop="rebkpflg">
-                <c-select v-model="model.rebkpflg" style="width:100%" placeholder="请选择Booking Procedure">
+        <c-select
+          v-model="model.rebkpflg"
+          style="width: 100%"
+          placeholder="请选择Booking Procedure"
+        >
         </c-select>
       </el-form-item>
     </c-col>
-
   </div>
 </template>
 <script>
-    import Api from "~/service/Api"
-    import commonProcess from "~/mixin/commonProcess";
-    import CodeTable from "~/config/CodeTable"
-    import Event from "~/model/Brtcan/Event"
-    import Brtcan from "~/model/Brtcan"
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Brtcan/Event";
+import Brtcan from "~/model/Brtcan";
 
-    export default {
-        inject: ['root'],
+export default {
+  inject: ["root"],
   props: ["model", "codes"],
   mixins: [commonProcess],
   data() {
-            return {}
+    return {};
   },
-        methods: {...Event},
-        created: function () {
-
-        }
-    }
+  methods: { ...Event },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>

src/views/Business/Brtcan/index.vue

@@ -51,15 +51,16 @@ import Default from "~/model/Brtcan/Default"
 import Pattern from "~/model/Brtcan/Pattern"
 import Canp from "./Canp"
 import Engp from "./Engp"
-import Setpan from "./Setpan"
+// import Setpan from "./Setpan"
 import Coninfp from "./Coninfp"
 import Docpan from "./Docpan"
 import Doctre from "./Doctre"
 import Limitbody from "./Limitbody"
 
-
+import Setpan from "../../Public/Setpan"
 
 export default {
+    name: 'Brtcan',
     components:{
         "m-canp" : Canp,
         "m-engp" : Engp,
@@ -78,7 +79,7 @@ export default {
     mixins: [commonProcess],    // 里面包含了Default、Check等的公共处理
     data(){
         return {
-            tabVal: "",
+            tabVal: "canp",
             trnName: "brtcan",
             model: new Brtcan().data,
             checkRules: Check,

src/views/Business/BusRouter.js

@@ -142,6 +142,8 @@ import AssetPub from "./AssetPub"
 import Fund from "./Fund"
 
 import Brtdck from "./Brtdck"
+// import Brtcsg from "./Brtcsg"
+import Brtcan from "./Brtcan"
 
 import Litsel from "./Litsel"
 /**
@@ -242,6 +244,8 @@ const BusRouter = [
     { path: 'trtame', component: Trtame, name: 'Trtame', meta: { title: '进口融资修改' } },
     { path: 'trtsel', component: Trtsel, name: 'Trtsel', meta: { title: '进口融资入口交易' } },
     { path: 'brtdck', component: Brtdck, name: 'Brtdck', meta: { title: '进口信用证单据改单/二次到单' } },
+    // { path: 'brtcsg', component: Brtcsg, name: 'Brtcsg', meta: { title: '进口信用证单据提货担保注销' } },
+    { path: 'brtcan', component: Brtcan, name: 'Brtcan', meta: { title: '进口信用证单据注销' } },
 
     { path: 'inftxm', component: Inftxm, name: 'Inftxm', meta: { title: '条式语句查询' } },
     // { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } },