litcan页面改造

src/business/litcan/event/buildCommons.js

+export default {
+  buildPtspta(ptsptaObj) {
+    let pts = ptsptaObj.pts;
+    let ptspta = {
+      rol: pts.rol,
+      name: pts.nam,
+      ptyinr: pts.ptyinr,
+      ptainr: pts.ptainr,
+      extkey: pts.extkey,
+      dftdsp: pts.dftdsp,
+      dftcur: pts.dftcur,
+      dftact: pts.dftact,
+      dftfeecur: pts.dftfeecur,
+      dftactptainr: pts.dftactptainr,
+      glggrpflg: pts.glggrpflg,
+      adrblk: pts.adrblk,
+    };
+    return ptspta;
+  },
+  buildCommonData(model, trnName) {
+    let ptsptaList = [];
+    if (model.gidgrp.apl.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.gidgrp.apl));
+    }
+    if (model.gidgrp.ben.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.gidgrp.ben));
+    }
+    let dataObj = {
+      rec: {
+        objtyp: 'LID',
+        objinr: model.gidgrp.rec.objinr,
+        ownref: model.gidgrp.rec.ownref,
+        segtyp: model.gidgrp.rec.segtyp,
+        fromflg: model.gidgrp.rec.fromflg,
+        othersno: model.gidgrp.rec.othersno,
+        sndto: model.gidgrp.rec.sndto,
+        giduil: model.gidgrp.rec.giduil,
+        purpos: model.gidgrp.rec.purpos,
+        revflg: model.gidgrp.rec.revflg,
+        cnfsta: model.gidgrp.rec.cnfsta,
+      },
+      cbsMap: {
+        MAX: model.gidgrp.cbs.max,
+        OPN1: model.gidgrp.cbs.opn1,
+        MAC: model.gidgrp.cbs.mac,
+        MAC2: model.gidgrp.cbs.mac2,
+        OPC2: model.gidgrp.cbs.opc2,
+        CNF: model.gidgrp.cbs.cnf,
+      },
+      ptsList: ptsptaList,
+      transName: trnName,
+      userId: window.sessionStorage.userId
+        ? window.sessionStorage.userId
+        : 'ZL',
+    };
+    return dataObj;
+  },
+  buildSetfeg(model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaall: model.liaall,
+      liaccv: model.liaccv,
+      doceot: model.trnmod.trndoc.doceot,
+    };
+    return params;
+  },
+  buildSetglg(model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      setfeg: model.setmod.setfeg,
+    };
+    return params;
+  },
+  buildGlentry(model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      rec: {
+        objtyp: 'LID',
+        segtyp: model.gidgrp.rec.segtyp,
+        fromflg: model.gidgrp.rec.fromflg,
+        othersno: model.gidgrp.rec.othersno,
+        sndto: model.gidgrp.rec.sndto,
+        giduil: model.gidgrp.rec.giduil,
+        purpos: model.gidgrp.rec.purpos,
+        revflg: model.gidgrp.rec.revflg,
+        cnfsta: model.gidgrp.rec.cnfsta,
+      },
+      liaccv: model.liaccv,
+      doceot: model.trnmod.trndoc.doceot,
+      transName: trnName,
+    };
+    return params;
+  },
+  buildEngp(model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      cbsMap: {
+        CNF: model.gidgrp.cbs.cnf,
+      },
+      liaccv: model.liaccv,
+      doceot: model.trnmod.trndoc.doceot,
+      transName: trnName,
+    };
+    params.rec = {
+      ...params.rec,
+      opndat: model.gidgrp.rec.opndat,
+      branchInr: model.gidgrp.rec.branchInr,
+      hndtyp: model.gidgrp.rec.hndtyp,
+      gartyp: model.gidgrp.rec.gartyp,
+      fingua: model.gidgrp.rec.fingua,
+    };
+    return params;
+  },
+  buildDocpan(model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      rec: {
+        objtyp: 'LID',
+        fromflg: model.gidgrp.rec.fromflg,
+        othersno: model.gidgrp.rec.othersno,
+        sndto: model.gidgrp.rec.sndto,
+        giduil: model.gidgrp.rec.giduil,
+        purpos: model.gidgrp.rec.purpos,
+        cnfsta: model.gidgrp.rec.cnfsta,
+        revflg: model.gidgrp.rec.revflg,
+      },
+      liaccv: model.liaccv,
+      doceot: model.trnmod.trndoc.doceot,
+      transName: trnName,
+    };
+    return params;
+  },
+  buildCcvpan(model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+    };
+    params.rec = {
+      ...params.rec,
+      opndat: model.gidgrp.rec.opndat,
+      expdat: model.gidgrp.rec.expdat,
+      branchInr: model.gidgrp.rec.branchInr,
+      hndtyp: model.gidgrp.rec.hndtyp,
+      gartyp: model.gidgrp.rec.gartyp,
+      fingua: model.gidgrp.rec.fingua,
+      liaccvg: model.liaccv.liaccvg,
+      oldamt: model.liaccv.oldamt,
+      chgamt: model.liaccv.chgamt,
+      concur: model.liaccv.concur,
+    };
+    return params;
+  },
+};

src/business/litcan/event/index.js

+import Api from '~/service/Api';
+import commonFunctions from '~/mixin/commonFunctions.js';
+import buildFn from './buildCommons.js';
+import setmod from '~/components/business/setmod/event';
+import glentry from '~/components/business/glentry/event';
+import engp from '~/components/business/engp/event';
+import docpan from '~/components/business/docpan/event';
+import ccvpan from '~/components/business/ccvpan/event';
+import Utils from "~/utils"
+export default {
+  mixins: [commonFunctions],
+  methods: {
+    ...setmod,
+    ...glentry,
+    ...engp,
+    ...docpan,
+    ...ccvpan,
+    async init () {
+      const res = await Api.post('/service/litcan/init', {
+        transName: this.trnName,
+        userId: window.sessionStorage.userId || 'ZL',
+        gidInr: this.$route.query.inr
+      });
+      if (!res.data) {
+        return
+      }
+      this.copyValueFromVoData(this.model, res.data)
+      this.copyValueFromVoData(this.model.setmod.setfeg, res.data.setfeg)
+      this.copyValueFromVoData(this.model.setmod.setfog, res.data.setfog)
+      this.copyValueFromVoData(this.model.setmod.setglg, res.data.setglg)
+    },
+    // 兼容处理在前端model中定义了字段，后端返回的数据中不存在字段的问题
+    copyValueFromVoData (model, data) {
+      let keysList = Object.keys(model)
+      keysList.map((key) => {
+        if (data[key]) {
+          if (Utils.typeOf(model[key]) === 'Object') {
+            this.copyValueFromVoData(model[key], data[key])
+          } else {
+            this.$set(model, key, data[key])
+          }
+        }
+      })
+    },
+    async tabClick(tab) {
+      console.log(tab)
+      let name = tab.name;
+      switch (name) {
+        case 'ccvpan':
+          let ccvpanRequest = buildFn.buildCcvpan(this.model, this.trnName);
+          this.processLiaccv(ccvpanRequest);
+          break;
+        case 'engp':
+          let engpRequest = buildFn.buildEngp(this.model, this.trnName);
+          this.processLiaall(engpRequest);
+          break;
+        case 'setmod':
+          let setfegRequest = buildFn.buildSetfeg(this.model, this.trnName);
+          // 此处利用回调是为了等setfeg的接口调用完成后才去获取setglg参数，由于setglg参数依赖于setfeg函数的返回值
+          this.processSetpan(setfegRequest, () => {
+            return buildFn.buildSetglg(this.model, this.trnName);
+          });
+          break;
+        case 'docpan':
+          let docpanRequest = buildFn.buildDocpan(this.model, this.trnName);
+          this.processTrndoc(docpanRequest);
+          break;
+        case 'glepan':
+          let glentryRequest = buildFn.buildGlentry(this.model, this.trnName);
+          this.processGlentry(glentryRequest);
+          break;
+        default:
+          return;
+      }
+    },
+     // 点击获取按钮拉取当前key字段下的表单数据
+     queryFormData(key) {
+      console.log(key);
+    },
+    // 业务信息=》基本信息=》保函编号-----获取保函编号
+    async queryOwnref() {
+      let params = {
+        ptainr: this.model.gidgrp.apl.pts.ptainr,
+        businessType: 'LG',
+        tbl: 'LG',
+      };
+      const loading = this.loading();
+      let res = await Api.post('/service/litcan/getOwnRef', params);
+      if (res.respCode == SUCCESS) {
+        loading.close();
+        this.model.gidgrp.rec.ownref = res.data;
+      }
+    },
+    // 获取gitopn弹框表格数据
+    async queryGridEtyPromptDialogData(type, ptytyp) {
+      let params = {
+        userId: window.sessionStorage.userId || 'ZL',
+        ptytyp: ptytyp,
+        extkey: this.model.gidgrp[type.toLowerCase()].pts.extkey,
+      };
+      let res = await Api.post('/service/ptspta/list', params);
+      if (res.respCode == SUCCESS) {
+        this.root.$refs['etyDialog'].show = true;
+        this.root.promptData.data = res.data.ptaInfos;
+        this.root.promptData.type = type;
+      }
+    },
+    // 选中gitopn弹框表格的行数据
+    async selectGridEtyPromptData(row) {
+      let params = {
+        ...row,
+      };
+      let res = await Api.post('/service/ptspta/fetch', params);
+      if (res.respCode == SUCCESS) {
+        this.$set(this.model.gidgrp, row.role.toLowerCase(), res.data);
+      }
+    },
+    // 业务信息=》基本信息=》支出目的
+    purposChange(key, value) {
+      this.handleChangeForm(key, value);
+    },
+    // 初始化保函开立类型码表下拉列表
+    async queryHndtypCodeTableList(trnName) {
+      let params = {
+        gitp: {
+          swiftflg: this.model.gitp.swiftflg,
+        },
+        gidgrp: {
+          rec: {
+            purpos: this.model.gidgrp.rec.purpos,
+          },
+        },
+        transName: trnName.toUpperCase(),
+      };
+      let res = await Api.post('/service/litcan/initHndtyp', params);
+      if (res.respCode == SUCCESS) {
+        this.$set(this.codes, 'voHndtyp', res.data);
+      }
+    },
+    // 是否SWIFT格式修改--联动保函开立类型
+    handleChangeSwiftflg() {
+      this.queryHndtypCodeTableList(this.root.trnName);
+    },
+    // 支出目的修改--联动保函开立类型
+    handleChangePurpos() {
+      this.queryHndtypCodeTableList(this.root.trnName);
+    },
+    buildLiaccv () {
+      let params = {
+        ...buildFn.buildCommonData(this.model, this.trnName),
+        liaccvg: this.model.liaccv.liaccvg,
+        oldamt: this.model.liaccv.oldamt,
+        chgamt: this.model.liaccv.chgamt,
+        concur: this.model.liaccv.concur,
+      };
+      
+      return params
+    },
+    // 公共组件setmod处理方式改变触发联动
+    changeSetmodModel (emitParams) {
+      let reqParams = {}
+      switch (emitParams.code) {
+        case 'processMethods':
+          reqParams = buildFn.buildSetglg(this.model, this.trnName);
+          this.calcPayDetail(reqParams)
+          break
+        case 'changeDsp':
+          let index = emitParams.index;
+          let setglgRequest = buildFn.buildSetglg(this.model, this.trnName);
+          setglgRequest.setglg = {setgll:  emitParams.list};
+          this.setgllAccts(setglgRequest, index);
+          break
+        default:
+          return
+      }
+    }
+  }
+}
\ No newline at end of file

src/business/litcan/model/check.js

+export default {
+    "litp0.recget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "lidgrp.rec.ownref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "litp0.recget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    "lidgrp.rec.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+    // "lidgrp.cbs.nom1.amt":[
+    //     {type: "number", required: false, message: "必输项"},
+    //     {max: 18,message:"整数位不能超过14位"},
+    //     {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    // ],
+    "lidgrp.apl.pts.ref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+
+    "lidgrp.cbs.opn1.cur":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    // "lidgrp.cbs.opn1.amt":[
+    //     {type: "number", required: false, message: "必输项"},
+    //     {max: 18,message:"整数位不能超过14位"},
+    //     {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    // ],
+
+    "lidgrp.apl.pts.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "lidgrp.avbnam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "lidgrp.ben.pts.ref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+
+    "lidgrp.ben.pts.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "lidgrp.rec.opndat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "lidgrp.rec.shpdat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "lidgrp.adv.pts.ref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+    "lidgrp.rec.expdat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "lidgrp.rec.expplc":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 29,message:"长度不能超过29"}
+    ],
+    "lidgrp.adv.pts.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+
+
+
+    "litcanf.strinf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 50,message:"长度不能超过50"}
+    ],
+    "sndmsg"                      :null,
+    "litcanf.strinf"                      :null,
+}
\ No newline at end of file

src/business/litcan/model/index.js

+import Pts from '~/components/business/commonModel/Pts';
+import Pub from '~/components/business/commonModel/index.js';
+export default class Litcan{
+    constructor () {
+        this.data = {
+						litapll1blk:"",
+						litrmbl3blk:"",
+						litcanl1blk:"",
+						trnmod:new Pub().data.Trnmod,
+						liaccv: new Pub().data.Liaccv,
+						setmod:new Pub().data.Setmod,
+						mtabut:new Pub().data.Mtabut,
+						docpan: new Pub().data.Docpan,
+						liaall:new Pub().data.Liaall,
+						lidgrp:{
+							rec:{
+								ownref:"",			//  参考号		.lidgrp.rec.ownref
+								nam:"",			//  名称		.lidgrp.rec.nam
+								avbby:"",			//  兑付方式		.lidgrp.rec.avbby
+								redclsflg:"",			//  Red/Green Clause		.lidgrp.rec.redclsflg
+								opndat:"",			//  开立日期		.lidgrp.rec.opndat
+								shpdat:"",			//  Shipment Date		.lidgrp.rec.shpdat
+								expdat:"",			//  到期日		.lidgrp.rec.expdat
+								expplc:"",			//  到期日		.lidgrp.rec.expplc
+								lcrtyp:"",			//  信用证类型		.lidgrp.rec.lcrtyp
+								revflg:"",			//  Revolving Flag		.lidgrp.rec.revflg
+							},
+							cbs:{
+								nom1:{
+									cur:"",			//  开证金额		.lidgrp.cbs.nom1.cur
+									amt:"",			//  开证金额		.lidgrp.cbs.nom1.amt
+								},
+								opn1:{
+									cur:"",			//  信用证余额		.lidgrp.cbs.opn1.cur
+									amt:"",			//  Balance		.lidgrp.cbs.opn1.amt
+								},
+							},
+							apl:{
+								pts:new Pts().data,
+							},
+							ben:{
+								pts:new Pts().data,
+							},
+							adv:{
+								pts:new Pts().data,
+							},
+							avbnam:"",			//  指定银行		.lidgrp.avbnam
+						},
+						litp0:{
+							aammod:{
+								addamtflg:"",			//  Add. Amount		.litp0.aammod.addamtflg
+							},
+						},
+						litcanf:{
+							strinf:"",			//  Narrative		.litcanf.strinf
+						},
+						byinst:"",			//  On Applicant instruction		.byinst
+						pageId: ""			// ctx的key
+				}
+    }
+}
\ No newline at end of file

src/business/litcan/views/Addbcb.vue

+<template>
+<div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+        
+        <!--el-collapse-item title="备查表" name="addbcb">
+            <m-addbcb :model="model" :codes="codes" />
+        </el-collapse-item-->
+
+        <el-collapse-item title="附言" name="coninfp">
+            <m-coninfp :model="model" :codes="codes" />
+        </el-collapse-item>
+
+       
+    </el-collapse>
+
+</div>
+</template>
+
+<script>
+
+import event from "../event";
+import Coninfp from "~/views/Public/Coninfp";
+
+export default {
+    components: {
+    "m-coninfp": Coninfp,
+  },
+    inject: ["root"],
+    props: ["model", "codes"],
+    mixins: [event],
+    data() {
+        return {
+            activeNames: ["coninfp"],
+        };
+
+    },
+      created: function () {},
+};
+</script>
+
+<style>
+</style>

src/business/litcan/views/Canp.vue

+<template>
+  <div class="eibs">
+    <el-col :span="12" style="padding-right:20px;">
+         <c-col :span="24">
+        <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
+            <c-input disabled v-model="model.lidgrp.rec.ownref" maxlength="16"  placeholder="请输入参考号"></c-input>
+        </el-form-item>
+       </c-col>
+
+       <c-col :span="10">
+        <el-form-item label="信用证金额" prop="lidgrp.cbs.nom1.cur">
+            <c-select disabled v-model="model.lidgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择开证金额">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="9">
+        <el-form-item label=""  label-width="10px" prop="lidgrp.cbs.nom1.amt">
+            <c-input disabled v-model="model.lidgrp.cbs.nom1.amt"  placeholder="请输入开证金额"></c-input>
+        </el-form-item>
+       </c-col>
+
+       <c-col :span="5">
+	    <c-checkbox disabled v-model="model.litp0.aammod.addamtflg">附加金额</c-checkbox>
+       </c-col>
+       <c-col :span="10">
+        <el-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur">
+            <c-input disabled v-model="model.lidgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入信用证余额"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="9">
+        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
+            <c-input disabled v-model="model.lidgrp.cbs.opn1.amt"  placeholder="请输入金额"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="5">
+        
+	    <c-checkbox disabled v-model="model.lidgrp.rec.revflg">循环信用证</c-checkbox>
+       
+       </c-col>
+       <c-col :span="24">
+        <el-form-item label="可用银行" prop="lidgrp.avbnam">
+            <c-input disabled v-model="model.lidgrp.avbnam" maxlength="40"  placeholder="请输入可用银行"></c-input>
+        </el-form-item>
+       </c-col>
+       <c-col :span="12">
+        <el-form-item label="兑付方式" prop="lidgrp.rec.avbby">
+            <c-select 
+            :code="codes.avbby"
+            disabled v-model="model.lidgrp.rec.avbby" style="width:100%" placeholder="请选择兑付方式">
+              </c-select>
+        </el-form-item>
+       </c-col>
+       <c-col :span="12">
+        <el-form-item>
+	    <c-checkbox disabled v-model="model.lidgrp.rec.redclsflg">红/绿条款</c-checkbox>
+        </el-form-item>
+       </c-col>
+        <c-col :span="24">
+        <el-form-item label="开证日期"  prop="lidgrp.rec.opndat">
+            <c-date-picker disabled type="date"  v-model="model.lidgrp.rec.opndat" style="width:100%"  placeholder="请选择开立日期"></c-date-picker>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="24">
+        <el-form-item label="提货日期" prop="lidgrp.rec.shpdat">
+            <c-date-picker disabled type="date"  v-model="model.lidgrp.rec.shpdat" style="width:100%"  placeholder="请选择日期"></c-date-picker>
+        </el-form-item>
+       </c-col>
+        <c-col :span="12">
+        <el-form-item label="有效期限" prop="lidgrp.rec.expdat">
+            <c-date-picker disabled type="date"  v-model="model.lidgrp.rec.expdat" style="width:100%"  placeholder="请选择到期日"></c-date-picker>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="到期地点" prop="lidgrp.rec.expplc">
+            <c-input disabled v-model="model.lidgrp.rec.expplc" maxlength="29"  placeholder="请输入到期日"></c-input>
+        </el-form-item>
+       </c-col>
+       <c-col :span="24">
+        <el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp">
+            <c-select 
+            disabled 
+            :code="codes.lcrtyp"
+            v-model="model.lidgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型">
+              </c-select>
+        </el-form-item>
+       </c-col>
+    </el-col>
+
+    <el-col :span="12" style="padding-left:20px;">
+        <c-col :span="24">
+        <el-form-item label="简略信息" prop="lidgrp.rec.nam">
+            <c-input disabled v-model="model.lidgrp.rec.nam" maxlength="40"  placeholder="请输入名称"></c-input>
+        </el-form-item>
+       </c-col>
+       <c-col :span="24">
+        <el-form-item label="申请人参考号" prop="lidgrp.apl.pts.ref">
+            <c-input disabled v-model="model.lidgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人                     参考号"></c-input>
+        </el-form-item>
+       </c-col>
+       <c-col :span="24">
+        <el-form-item label="申请人名称" prop="lidgrp.apl.pts.nam">
+            <c-input disabled v-model="model.lidgrp.apl.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
+        </el-form-item>
+       </c-col>
+       <c-col :span="24">
+        <el-form-item label="受益人参考号" prop="lidgrp.ben.pts.ref">
+            <c-input disabled v-model="model.lidgrp.ben.pts.ref" maxlength="16"  placeholder="请输入受益人"></c-input>
+        </el-form-item>
+       </c-col>
+
+       <c-col :span="24">
+        <el-form-item label="受益人名称" prop="lidgrp.ben.pts.nam">
+            <c-input disabled v-model="model.lidgrp.ben.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
+        </el-form-item>
+       </c-col>
+       <c-col :span="24">
+        <el-form-item label="通知行参考号" prop="lidgrp.adv.pts.ref">
+            <c-input disabled v-model="model.lidgrp.adv.pts.ref" maxlength="16"  placeholder="请输入通知行"></c-input>
+        </el-form-item>
+       </c-col>
+       <c-col :span="24">
+        <el-form-item label="通知行名称" prop="lidgrp.adv.pts.nam">
+            <c-input disabled v-model="model.lidgrp.adv.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
+        </el-form-item>
+       </c-col>
+       
+   <c-col :span="24">
+        <el-form-item label="叙述内容" prop="litcanf.strinf">
+          <c-fullbox>
+            <c-input
+              type="textarea"
+              v-model="model.litcanf.strinf"
+              row="3"
+              maxlength="50"
+              show-word-limit
+              placeholder="请输入叙述内容"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-search"
+                @click="onIlccanletButtxmsel"
+              ></c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+                  
+       <c-col :span="24" class="">
+
+        <el-form-item label=" " prop="byinst" label-width="120px" style=" float:left;">
+          <c-checkbox v-model="model.byinst" 
+            >关于申请人的指示</c-checkbox>
+        </el-form-item>
+
+        <!--c-checkbox style="text-align: left; margin-left: -160px;float:left;" v-model="model.byinst">关于申请人的指示</c-checkbox-->
+       </c-col>           
+    </el-col>
+    
+                              
+       
+  </div>
+</template>
+<script>
+import event from "../event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [event],
+    data(){
+        return {
+
+        }
+    },
+}
+</script>
+<style>
+
+</style>

src/business/litcan/views/Ovwp.vue

+<template>
+<div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+        <el-collapse-item title="基本信息" name="canp">
+             <m-canp :model="model" :codes="codes" />
+        </el-collapse-item>
+    </el-collapse>
+
+</div>
+</template>
+
+<script>
+import event from "../event";
+import Canp from "./Canp";
+
+export default {
+    components: {
+    "m-canp": Canp,
+   
+   
+  },
+    inject: ["root"],
+    props: ["model", "codes"],
+    mixins: [event],
+    data() {
+        return {
+
+            activeNames: ["canp"],
+        };
+
+    },
+    methods: {
+  },
+    created: function () {},
+};
+</script>
+
+<style>
+</style>

src/business/litcan/views/Shisuan.vue

+<template>
+  <div class="eibs">
+    <c-col :span="24" style="height: 24px; ">
+      <el-form-item
+        label="本笔交易额度发生额"
+        class="messageLabel"
+      ></el-form-item>
+    </c-col>               
+       <c-col :span="24">
+        <div class="e-table-wrapper">
+            <c-table
+                :list="this.model.liaall.limmod.limpfp.clmcbe || []"
+                style="width: 100%"
+                >
+                <el-table-column
+                  prop="limtyp"
+                  label="Limit Type"
+                  sortable
+                  width="120">
+                </el-table-column>
+                <el-table-column
+                  prop="cur"
+                  label="业务币种"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="cbeamt"
+                  label="业务发生额"
+                  sortable
+                  width="120">
+                </el-table-column>
+                <el-table-column
+                  prop="reqtyp1"
+                  label="Req.Typel"
+                  sortable
+                  width="120">
+                </el-table-column>
+                <el-table-column
+                  prop="limcbeamt"
+                  label="额度发生额"
+                  sortable
+                  width="120">
+                </el-table-column>
+                <el-table-column
+                  prop="reqtyp2"
+                  label="Req.Type2"
+                  sortable
+                  width="120">
+                </el-table-column>
+                <el-table-column
+                  prop="ckcbeamt"
+                  label="敞口发生额"
+                  sortable
+                  width="120">
+                </el-table-column>
+                <el-table-column
+                  prop="credat"
+                  label="额度日期"
+                  sortable
+                  width="180">
+                </el-table-column>
+                <el-table-column
+                  prop="ptyextkey"
+                  label="客户编号"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="ptynam"
+                  label="客户名称"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="ownref"
+                  label="业务编号"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="ccvbl"
+                  label="合同保证金比例"
+                  sortable
+                  width="150">
+                </el-table-column>
+                <el-table-column
+                  prop="limvar"
+                  label="额度类型"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgzylimref"
+                  label="额度编号"
+                  sortable
+                  width="100">
+                </el-table-column>
+              </c-table>
+       </div>
+       </c-col>
+       <c-col :span="24" style="height: 24px; ">
+      <el-form-item
+        label="本笔业务额度占用余额"
+        class="messageLabel"
+      ></el-form-item>
+    </c-col>           
+       <c-col :span="24">
+        <div class="e-table-wrapper">
+            <c-table
+                :list="this.model.liaall.limmod.limpfp.clmcbb || []"
+                style="width: 100%"
+                >
+                <el-table-column
+                  prop="dgzylimvar"
+                  label="额度品种"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="tzhamt"
+                  label="调整后业务余额"
+                  sortable
+                  width="150">
+                </el-table-column>
+                <el-table-column
+                  prop="tzhccv"
+                  label="调整后保证金比例"
+                  sortable
+                  width="150">
+                </el-table-column>
+                <el-table-column
+                  prop="tzhlimamt"
+                  label="调整后拟占用额度"
+                  sortable
+                  width="150">
+                </el-table-column>
+                <el-table-column
+                  prop="tzhlimck"
+                  label="调整后拟占用敞口"
+                  sortable
+                  width="150">
+                </el-table-column>
+                <el-table-column
+                  prop="tzqamt"
+                  label="调整前业务余额"
+                  sortable
+                  width="150">
+                </el-table-column>
+                <el-table-column
+                  prop="tzqccv"
+                  label="调整后保证金比例"
+                  sortable
+                  width="150">
+                </el-table-column>
+                <el-table-column
+                  prop="tzqlimamt"
+                  label="调整前已占用额度"
+                  sortable
+                  width="150">
+                </el-table-column>
+                <el-table-column
+                  prop="tzqlimck"
+                  label="调整前已占用敞口"
+                  sortable
+                  width="150">
+                </el-table-column>
+              </c-table>
+       </div>
+       </c-col>
+       <c-col :span="24" style="height: 24px; ">
+      <el-form-item
+        label="客户额度余额"
+        class="messageLabel"
+      ></el-form-item>
+    </c-col>          
+       <c-col :span="24">
+        <div class="e-table-wrapper">
+            <c-table
+                :list="this.model.liaall.limmod.limpfp.clmpty || []"
+                style="width: 100%"
+                >
+                <el-table-column
+                  prop="limvar"
+                  label="额度类型"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgzylimvar"
+                  label="额度品种"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dglimcur"
+                  label="额度币种"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgsxlimamt"
+                  label="授信额度"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgyylimamt"
+                  label="已用额度"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgkylimamt"
+                  label="可用额度"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgcklimamt"
+                  label="授信敞口"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgyylimck"
+                  label="已用敞口"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgkylimck"
+                  label="可用敞口"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dghfxh"
+                  label="恢复序号"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgzylimref"
+                  label="额度编号"
+                  sortable
+                  width="100">
+                </el-table-column>
+                <el-table-column
+                  prop="dgzyliminfref"
+                  label="额度明细编号"
+                  sortable
+                  width="120">
+                </el-table-column>
+                <el-table-column
+                  prop="dgccvbl"
+                  label="保证金比例"
+                  sortable
+                  width="120">
+                </el-table-column>
+              </c-table>
+       </div>
+       </c-col>
+  </div>
+</template>
+<script>
+import event from "../event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [event],
+    data(){
+        return {
+  
+        }
+    },
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/business/litcan/views/index.vue

+<template>
+<div class="eContainer">
+    <c-page title="进口信用证注销">
+        <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small" :validate-on-rule-change="false">
+            <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
+                <el-tab-pane label="业务信息" name="ovwp">
+                    <c-content>
+                        <m-ovwp :model="model" :codes="codes" />
+                    </c-content>
+                </el-tab-pane>
+                <el-tab-pane label="保证金" name="ccvpan">
+                    <c-content>
+                        <m-ccvpan :model="model" :codes="codes" />
+                    </c-content>
+                </el-tab-pane>
+                 <!--PD000027 -->
+                 <el-tab-pane label="费用/账务" name="setmod">
+                    <c-content>
+                        <m-setmod :model="model" :codes="codes" />
+                    </c-content>
+                </el-tab-pane>
+                <el-tab-pane label="备查/附言" name="addbcb">
+                    <c-content>
+                        <m-addbcb :model="model" :codes="codes" />
+                    </c-content>
+                </el-tab-pane>
+                <el-tab-pane label="报文/面函" name="docpan">
+                    <c-content>
+                        <m-docpan :model="model" :codes="codes" />
+                    </c-content>
+                </el-tab-pane>
+                <el-tab-pane label="附件信息" name="doctre">
+                    <c-content>
+                        <m-doctre :model="model" :codes="codes" />
+                    </c-content>
+                </el-tab-pane>
+                <el-tab-pane label="试算结果" name="shisuan">
+                    <c-content>
+                        <m-shisuan :model="model" :codes="codes" />
+                    </c-content>
+                </el-tab-pane>
+                <el-tab-pane label="统一授信" name="limitbody">
+                    <c-content>
+                    <m-limitbody :model="model" :codes="codes" />
+                    </c-content>
+                </el-tab-pane>              
+            </c-tabs>
+        </el-form>
+
+        <c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
+        </c-function-btn>
+    </c-page>
+</div>
+</template>
+
+<script>
+import CodeTable from "~/config/CodeTable"
+import Litcan from "../model"
+import commonFuncs from "~/mixin/commonFuncs"
+import Check from "../model/check"
+import event from "../event"
+import Canp from "./Canp"
+import Shisuan from "./Shisuan"
+import Ovwp from "./Ovwp"
+import Addbcb from "./Addbcb"
+import Ccvpan from "~/components/business/ccvpan/views";
+import Coninfp from "~/components/business/coninfp/views";
+import Setmod from "~/components/business/setmod/views";
+import Docpan from "~/components/business/docpan/views";
+import Doctre from "~/components/business/doctre/views";
+import Limitbody from "~/components/business/limitbody/views";
+export default {
+    name: "Litcan",
+    components: {
+        "m-canp": Canp,
+        "m-shisuan": Shisuan,
+        "m-ccvpan": Ccvpan,
+        "m-setmod": Setmod,
+        "m-coninfp": Coninfp,
+        "m-docpan": Docpan,
+        "m-doctre": Doctre,
+        "m-limitbody": Limitbody,
+        "m-ovwp": Ovwp,
+        "m-addbcb": Addbcb,
+    },
+    provide() {
+        return {
+            root: this
+        }
+    },
+    mixins: [event, commonFuncs], // 里面包含了Default、Check等的公共处理
+    computed: {},
+    data() {
+        return {
+            tabVal: "ovwp",
+            trnName: "litcan",
+            model: new Litcan().data,
+            rules: Check,
+            codes: {
+                ...CodeTable
+            },
+            activeNames: [""],
+
+        }
+    },
+    
+    mounted () {
+    this.init()
+  },
+};
+</script>
+
+<style>
+</style>

src/routers/modules/business.js

@@ -28,5 +28,6 @@ const Business = [
   { path: 'brtlat', component: () => import('~/business/brtlat/views'), name: 'brtlat', meta: { title: '进口信用证单据偿还垫款' } },
   { path: 'brtacp', component: () => import('~/business/brtacp/views'), name: 'brtacp', meta: { title: '进口信用证单据接受不符点' } },
   { path: 'litsel', component: () => import('~/business/litsel/views'), name: 'litsel', meta: { title: '进口信用证入口交易' } },
+  { path: 'litcan', component: () => import('~/business/litcan/views'), name: 'litcan', meta: { title: '进口信用证注销' } },
 ]
 export default Business
\ No newline at end of file