litdck 代码清理

src/business/litdck/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.lidgrp.apl.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.lidgrp.apl));
+    }
+    if (model.lidgrp.adv.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.lidgrp.adv));
+    }
+    if (model.lidgrp.ben.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.lidgrp.ben));
+    }
+    let dataObj = {
+      rec: {
+        objtyp: 'LID',
+        ownref: model.lidgrp.rec.ownref,
+        opndat: model.lidgrp.rec.opndat,
+        expdat: model.lidgrp.rec.expdat,
+        branchInr: model.lidgrp.rec.branchInr,
+        hndtyp: model.lidgrp.rec.hndtyp,
+        gartyp: model.lidgrp.rec.gartyp,
+        fingua: model.lidgrp.rec.fingua,
+        // segtyp: model.lidgrp.ghd.segtyp,
+        fromflg: model.lidgrp.rec.fromflg,
+        othersno: model.lidgrp.rec.othersno,
+        sndto: model.lidgrp.rec.sndto,
+        // swiftflg: model.gitp.swiftflg,
+        giduil: model.lidgrp.rec.giduil,
+        purpos: model.lidgrp.rec.purpos,
+        revflg: model.lidgrp.rec.revflg,
+        cnfsta: model.lidgrp.rec.cnfsta,
+      },
+      cbsMap: {
+        MAX: model.lidgrp.cbs.max,
+        OLDMAX: model.lidgrp.cbs.oldmax,
+        MAX2: model.lidgrp.cbs.max2,
+        NOM1: model.lidgrp.cbs.nom1,
+        OPN1: model.lidgrp.cbs.opn1,
+        MAC: model.lidgrp.cbs.mac,
+        MAC2: model.lidgrp.cbs.mac2,
+        OPC2: model.lidgrp.cbs.opc2,
+        CNF: model.lidgrp.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,
+      liaall: model.liaall,
+      liaccv: model.liaccv,
+    };
+    return params
+  },
+  buildGlentry (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaallg: model.liaall.liaallg,
+      setfog: model.setmod.setfog,
+      setfeg: model.setmod.setfeg,
+      setglg: model.setmod.setglg,
+    };
+    return params
+  },
+  buildEngp (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaallg: model.liaall.liaallg,
+    };
+    return params
+  },
+  buildDocpan (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+    };
+    return params
+  },
+  buildCcvpan (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaccvg: model.liaccv.liaccvg,
+      oldamt: model.liaccv.oldamt,
+      chgamt: model.liaccv.chgamt,
+      concur: model.liaccv.concur,
+    };
+    return params
+  },
+  buildLimitbody (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      rec: {
+        objtyp: 'LID',
+        objinr: model.lidgrp.rec.objinr,
+        ownref: model.lidgrp.rec.ownref,
+      },
+    };
+    return params
+  },
+  buildDoctre (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      rec: {
+        objtyp: 'LID',
+        objinr: model.lidgrp.rec.objinr,
+        ownref: model.lidgrp.rec.ownref,
+        // swiftflg: model.gitp.swiftflg,
+      },
+    };
+    return params
+  },
+  // 公共组件setmod中dsp字段改变，触发联动时候的入参
+  buildSetgllAccts (model, trnName, setglg) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      setglg
+    };
+    return params
+  }
+}      
\ No newline at end of file

src/business/litdck/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 limitbody from '~/components/business/limitbody/event';
+import doctre from '~/components/business/doctre/event';
+import Utils from "~/utils"
+
+export default {
+  mixins: [commonFunctions],
+  methods: {
+    ...setmod,
+    ...glentry,
+    ...engp,
+    ...docpan,
+    ...ccvpan,
+    ...limitbody,
+    ...doctre,
+    async init () {
+      const params = {
+        spt: JSON.parse(localStorage.getItem('row_' + this.trnName))
+      }
+      const res = await Api.post('/service/litame/init', {
+        ...params,
+        transName: this.trnName,
+        userId: window.sessionStorage.userId || 'ZL',
+      });
+      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) {
+      if (this.isInDisplay) {
+        return;
+      }
+      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 'setpan':
+          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;
+        case 'limitbody':
+          let limitbodyRequest = buildFn.buildLimitbody(this.model, this.trnName);
+          this.processLimitbody(limitbodyRequest);
+          break;
+        case 'doctre':
+          let doctreRequest = buildFn.buildDoctre(this.model, this.trnName);
+          this.processDoctre(doctreRequest);
+          break;
+        default:
+          return;
+      }
+    },
+    // 点击获取按钮拉取当前key字段下的表单数据
+    queryFormData(key) {
+      console.log(key);
+    },
+    // 业务信息=》基本信息=》保函编号-----获取保函编号
+    async queryOwnref() {
+      let params = {
+        ptainr: this.model.gidgrp.apl.pts.ptainr,
+        businessType: 'LC',
+        tbl: 'LC',
+      };
+      const loading = this.loading();
+      let res = await Api.post('/service/litame/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);
+    },
+    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
+      }
+    }
+  },
+};

src/business/litdck/model/index.js

+import Pts from '~/components/business/commonModel/Pts';
+import Pub from '~/components/business/commonModel/index.js';
+export default class Litdck {
+  constructor() {
+    this.data = {
+      brdgrp: {
+        blk: {
+          matper: '',
+          docdisflg: '',
+          setinsbr: '',
+          docdis: '',
+          comcon: ''
+        },
+        prb: {
+          pts: new Pts().data,
+        },
+        rec: {
+          tenmaxday: '',
+          rcvdat: '',
+          predat: '',
+          advtyp: '',
+          docflg: '',
+          approvcod: '',
+          ownref: '',
+          docsta: '',
+          orddat: '',
+          disdat: '',
+          invref: '',
+          rptref: '',
+          shpdat: '',
+          igndisflg: '',
+          matdat: '',
+          totdat: '',
+          stadat: '',
+          dscinsflg: '',
+          nam: '',
+          docprbrol: ''
+        },
+        cbs: {
+          opn2: {
+              cur: ''
+          },
+          max: {
+              cur: '',
+              amt: ''
+          },
+          max2: {
+              amt: ''
+          }
+        },
+        ben: {
+          pts: new Pts().data,
+        },
+        apl: {
+          pts: new Pts().data,
+        },
+        srm: {
+          djuusr: '',
+          djuref: '',
+          djudat: '',
+          djutyp: ''
+        }
+    },
+    zcsdrq: '',
+    brtp: {
+      cre732flg: '',
+      prbp: {
+        ptsget: {
+          sdamod: {
+            seainf: ''
+          }
+        }
+      },
+      aammod: {
+        addamtflg: ''
+      }
+    },
+    outlen: {
+      acttyp: '',
+      szflg: ''
+    },
+    invtyp: '',
+    lidgrp: {
+      rec: {
+        revflg: '',
+        expdat: '',
+        expplc: '',
+        lcrtyp: '',
+        ownref: '',
+        shpdat: '',
+        avbby: '',
+        nam: '',
+        utlnbr: '',
+        opndat: '',
+        redclsflg: ''
+      },
+      cbs: {
+        opn1: {
+          cur: '',
+          amt: ''
+        },
+        nom1: {
+          cur: '',
+          amt: ''
+        }
+      },
+      avbnam: ''
+    },
+    liaall: {
+      limmod: {
+        ownref: '',
+        dggrd: '',
+        limpts: {
+          wrk: {
+            pts: new Pts().data,
+          },
+          oth: {
+            pts: new Pts().data,
+          },
+          pfcod1: '',
+          pfcod2: '',
+          nonrevflg1: '',
+          nonrevflg2: ''
+        },
+        comamt: '',
+        ccvamt: '',
+        limgrd: '',
+        lmegrd: '',
+        tygrd: '',
+      }
+    },
+    setmod: new Pub().data.Setmod,
+    mtabut: new Pub().data.Mtabut,
+    trnmod: new Pub().data.Trnmod,
+    liaall: new Pub().data.Liaall,
+    liaccv: new Pub().data.Liaccv,
+    docpan: new Pub().data.Docpan,
+    };
+  }
+}
\ No newline at end of file

src/business/litdck/views/Docpre.vue

+<template>
+  <div class="eibs">
+    <c-col :span="12" style="padding-right: 20px;">
+      <c-col :span="24">
+        <el-form-item label="不符点" prop="brdgrp.blk.docdis">
+          <c-fullbox>
+            <c-input
+              :disabled="this.typ1"
+              type="textarea"
+              :rows="5"
+              v-model="model.brdgrp.blk.docdis"
+              maxlength="500"
+              show-word-limit
+              placeholder="请输入不符点内容"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-more"
+                @click="showGridPromptDialog('brtp.docdis.buttxmsel', null, null,{TXT: 'brdgrp.blk.docdis'}, {TXT: false},'doxpDialog')"
+                :disabled="this.typ1"
+              >
+                
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="评论和结论" prop="brdgrp.blk.comcon">
+          <c-input
+            type="textarea"
+            v-model="model.brdgrp.blk.comcon"
+            maxlength="65"
+            show-word-limit
+            placeholder="请输入评论和结论内容"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item
+          label="结算指示"
+          prop="brdgrp.blk.setinsbr"
+        >
+          <c-fullbox>
+            <c-input
+            :rows="6"
+              type="textarea"
+              v-model="model.brdgrp.blk.setinsbr"
+              maxlength="500"
+              show-word-limit
+              placeholder="请输入结算指示内容"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-more"
+                @click="showGridPromptDialog('brtp.setinstxm.buttxmsel', null, null,{TXT: 'brdgrp.blk.setinsbr'}, {TXT: false},'doxpDialog')"
+              >
+                
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+    </c-col>
+
+    <!-- 右边 -->
+    <c-col :span="12" style="padding-left: 20px;">
+      <c-col :span="12">
+        <el-form-item
+          label=""
+          prop="brdgrp.rec.igndisflg"
+          label-width="0px"
+        >
+        <c-checkbox
+          style="margin: 0px 0 10px 120px;float: left;"
+          v-model="model.brdgrp.rec.igndisflg"
+          >忽略不符点</c-checkbox
+        >
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <c-checkbox
+          style="margin: 0px 0 10px 150px;"
+          v-model="model.brdgrp.blk.docdisflg"
+          >录入不符点</c-checkbox
+        >
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="收到通知类型" prop="brdgrp.rec.advtyp">
+          <c-input
+            disabled
+            v-model="model.brdgrp.rec.advtyp"
+            style="width: 100%"
+            placeholder="请选择通知类型"
+          >
+          </c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="付款日期" prop="brdgrp.rec.totdat">
+          <c-date-picker
+            disabled
+            type="date"
+            v-model="model.brdgrp.rec.totdat"
+            style="width: 100%"
+            placeholder="请选择付款日期"
+          ></c-date-picker>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item
+          label="不符点通知日期"
+          label-width="120px"
+          prop="brdgrp.rec.disdat"
+        >
+          <c-date-picker
+            disabled
+            type="date"
+            v-model="model.brdgrp.rec.disdat"
+            style="width: 100%"
+            placeholder="请选择日期"
+          ></c-date-picker>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <c-checkbox
+          style="margin: 0px 0 10px 120px;float: left;"
+          v-model="model.brdgrp.rec.approvcod"
+          label-width="0px"
+          >审批文件</c-checkbox
+        >
+      </c-col>
+      <c-col :span="12">
+        <c-checkbox
+          style="margin: 0px 0 10px 150px"
+          disabled
+          v-model="model.brtp.cre732flg"
+          >创建MT 732</c-checkbox
+        >
+      </c-col>
+    </c-col>
+
+    <!-- 底部表格 -->
+    <c-col :span="24" label-width="0px">
+        <c-docpre
+          :model="model"
+          :argadr="{
+            path: 'brdgrp.blk.prsdoc',
+            grp: 'brtp',
+            code: 'docpre',
+          }"
+        ></c-docpre>
+      </c-col>
+  </div>
+</template>
+<script>
+import event from "../event";
+import Docpre from "~/views/Public/Docpre";
+export default {
+  components: {
+    "c-docpre": Docpre,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {
+      typ1: true,
+    };
+  },
+  watch: {
+        "model.brdgrp.blk.docdisflg": {
+          immediate: true,
+          handler(val, oldval) {
+            if (this.model.brdgrp.blk.docdisflg != "X") {
+              this.typ1 = true;
+              this.model.brdgrp.blk.docdis = "";
+              this.changeFormItemRequired("brdgrp.blk.docdis", false);
+            } else {
+              this.typ1 = false;
+              this.changeFormItemRequired("brdgrp.blk.docdis", true);
+            }
+          },
+        },
+      },
+  methods: {
+  },
+  created: function () {},
+};
+</script>
+<style></style>

src/business/litdck/views/Ovwp.vue

+<template>
+  <div class="eibs-tab">
+    <el-collapse v-model="activeNames">
+      <el-collapse-item title="单据信息" name="litdckp">
+        <m-litdckp :model="model" :codes="codes" />
+      </el-collapse-item>
+      <el-collapse-item title="不符点/说明" name="docpre" v-if="this.model.brdgrp.rec.dscinsflg">
+        <m-docpre :model="model" :codes="codes" />
+      </el-collapse-item>
+      <el-collapse-item title="货权单据" name="srmp">
+        <m-srmp :model="model" :codes="codes" />
+      </el-collapse-item>
+    </el-collapse>
+  </div>
+</template>
+<script>
+import event from "../event";
+import Litdckp from "./Litdckp";
+import Docpre from "./Docpre";
+import Srmp from "./Srmp";
+
+export default {
+  components:{
+    "m-litdckp": Litdckp,
+    "m-docpre": Docpre,
+    "m-srmp": Srmp,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {
+        activeNames: ["litdckp"],
+    };
+  },
+  methods: {},
+  created: function () {},
+};
+</script>
+<style>
+</style>

src/business/litdck/views/Srmp.vue

+<template>
+  <div class="eibs">
+    <el-col :span="12" style="padding-right: 20px;">
+    <c-col :span="24">
+        <el-form-item label="单据类型" prop="brdgrp.srm.djutyp">
+            <c-select v-model="model.brdgrp.srm.djutyp" style="width:100%" placeholder="请选择单据类型"
+            :code="codes.djutyp"
+            >
+              </c-select>
+        </el-form-item>
+       </c-col>
+    
+     <c-col :span="24">
+        <el-form-item label="单据出具人" prop="brdgrp.srm.djuusr">
+            <c-input :disabled="this.typ1" v-model="model.brdgrp.srm.djuusr" maxlength="80"  placeholder="请输入单据出具人"></c-input>
+        </el-form-item>
+       </c-col>
+       </el-col>
+    <el-col :span="12" style="padding-left: 20px;">
+         <c-col :span="24">
+        <el-form-item label="单据出具日期" prop="brdgrp.srm.djudat">
+            <c-date-picker :disabled="this.typ1" type="date"  v-model="model.brdgrp.srm.djudat" style="width:100%"  placeholder="请选择单据出具日期"></c-date-picker>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="24">
+        <el-form-item label="货权单据编号" prop="brdgrp.srm.djuref">
+            <c-input  :disabled="this.typ1" v-model="model.brdgrp.srm.djuref" maxlength="40"  placeholder="请输入货权单据编号"></c-input>
+        </el-form-item>
+       </c-col>
+    </el-col>
+                                               
+       
+                                   
+      
+                                   
+      
+  </div>
+</template>
+<script>
+import event from "../event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [event],
+    data(){
+        return {
+          typ1:true
+        }
+    },
+    watch:{
+      "model.brdgrp.srm.djutyp":{
+        immediate:true,
+        handler(val,oldval){
+          if(this.model.brdgrp.srm.djutyp == 'D'){
+            this.typ1 = true
+            // ommonProcess里的 changeFormItemRequired （property，Boolean）
+            this.changeFormItemRequired('brdgrp.srm.djuusr', false)
+            this.changeFormItemRequired('brdgrp.srm.djudat', false)
+            this.changeFormItemRequired('brdgrp.srm.djuref', false)
+            this.model.brdgrp.srm.djuusr =''
+            this.model.brdgrp.srm.djudat =''
+            this.model.brdgrp.srm.djuref =''
+
+          }else if(this.model.brdgrp.srm.djutyp == ''){
+            this.typ1 = true 
+            this.changeFormItemRequired('brdgrp.srm.djuusr', false)
+            this.changeFormItemRequired('brdgrp.srm.djudat', false)
+            this.changeFormItemRequired('brdgrp.srm.djuref', false)
+          }
+          else{
+            this.typ1 = false
+            this.changeFormItemRequired('brdgrp.srm.djuusr', true)
+            this.changeFormItemRequired('brdgrp.srm.djudat', true)
+            this.changeFormItemRequired('brdgrp.srm.djuref', true)
+          }
+        }
+      }
+
+    },
+    methods:{},
+    created:function(){
+    }
+}
+</script>
+<style>
+
+</style>

src/business/litdck/views/index.vue

+<template>
+  <div class="eContainer">
+    <c-page title="进口信用证到单">
+
+     <!--
+        <div  class="fast-button">
+           <el-button size="small">备忘录</el-button>
+           <el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button>
+           <el-button size="small">制裁信息</el-button>
+           <el-button size="small">智能提示</el-button>
+        /div>
+     -->
+
+
+      <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>
+
+          <!--PD000001 -->
+          <el-tab-pane label="统一授信" name="limitbody">
+            <c-content>
+              <m-limitbody :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
+          <!--PD000027 -->
+          <el-tab-pane label="表外记账" name="engp">
+              <c-content>
+                  <!-- 表外记账 -->
+                  <m-engp :model="model" :codes="codes" />
+              </c-content>
+            </el-tab-pane>
+
+            <!--PD000027 -->
+            <el-tab-pane label="费用/账务" name="setmod">
+              <c-content>
+                <m-setmod
+                  :model="model"
+                  :codes="codes"
+                  @changeSetmodModel="changeSetmodModel"
+                />
+              </c-content>
+            </el-tab-pane>
+
+            <!--PD000027 -->
+            <el-tab-pane label="会计分录" name="glepan">
+              <c-content>
+                  <m-glentry :model="model" :codes="codes" />
+              </c-content>
+            </el-tab-pane>
+
+          <!--PD000000 -->
+          <el-tab-pane label="附言" name="coninfp">
+            <c-content>
+              <div class="eibs-tab">
+              <m-coninfp :model="model" :codes="codes" />
+              </div>
+            </c-content>
+          </el-tab-pane>
+
+          <!--PD000529 -->
+          <el-tab-pane label="报文/面函" name="docpan">
+            <c-content>
+              <m-docpan :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
+          <!--PD000546 -->
+          <el-tab-pane label="附件信息" name="doctre">
+            <c-content>
+              <m-doctre :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-grid-ety-prompt-dialog
+        ref="etyDialog"
+        :promptData="promptData"
+        @select-ety="selectGridEtyPromptData"
+      >
+      </c-grid-ety-prompt-dialog>
+      <c-grid-ety-prompt-dialog
+        ref="doxpDialog"
+        :isPty="false"
+        :promptData="promptData"
+        @select-ety="selectGridEtyPromptData"
+      >
+      </c-grid-ety-prompt-dialog>
+    </c-page>
+  </div>
+</template>
+<script>
+import CodeTable from "~/config/CodeTable";
+import formRules from '../model/check';
+import operationFunc from "~/mixin/operationFunc";
+import Ovwp from "./Ovwp";
+import Litdck from "../model";
+
+import Litdckp from "./Litdckp";
+import Docpre from "./Docpre";
+// import Engp from "./Engp"
+// import Setpan from "./Setpan"
+// import Coninfp from "./Coninfp"
+// import Docpan from "./Docpan"
+// import Doctre from "./Doctre"
+// import Limitbody from "./Limitbody";
+import Srmp from "./Srmp";
+
+import Engp from "~/components/business/engp/views";
+import Ccvpan from "~/components/business/ccvpan/views";
+import Coninfp from "~/components/business/coninfp/views";
+import Docpan from "~/components/business/docpan/views";
+import Doctre from "~/components/business/doctre/views";
+import Setmod from "~/components/business/setmod/views";
+import Glentry from "~/components/business/glentry/views";
+// import Limitbody from "./Limitbody";
+import Limitbody from "~/components/business/limitbody/views";
+
+export default {
+  name: "Litdck",
+  components: {
+    "m-ovwp": Ovwp,
+    "m-litdckp": Litdckp,
+    "m-docpre": Docpre,
+    "m-engp": Engp,
+    "m-ccvpan": Ccvpan,
+    "m-coninfp": Coninfp,
+    "m-docpan": Docpan,
+    "m-doctre": Doctre,
+    "m-limitbody": Limitbody,
+    "m-setmod": Setmod,
+    "m-glentry": Glentry,
+    "m-srmp": Srmp,
+  },
+  provide() {
+    return {
+      root: this,
+    };
+  },
+  mixins: [operationFunc, event], // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      tabVal: "ovwp",
+      trnName: "litdck",
+      model: new Litdck().data,
+      rules: formRules,
+      codes: { ...CodeTable },
+      activeNames: ["engp"],
+      promptData: {
+        title: 'Select a Party',
+        columns: [
+          {
+            prop: 'ptyInr',
+            label: 'Party Number'
+          },
+          {
+            prop: 'inr',
+            label: 'Address Number'
+          },
+          {
+            prop: 'branch',
+            label: 'Branch Code'
+          },
+          {
+            prop: 'bchName',
+            label: 'Branch Name'
+          },
+          {
+            prop: 'adrName',
+            label: 'Address Name'
+          },
+          {
+            prop: 'adr1',
+            label: 'Address1'
+          },
+          {
+            prop: 'locCty',
+            label: 'City'
+          },
+          {
+            prop: 'locZip',
+            label: 'Zip'
+          },
+          {
+            prop: 'bicCode',
+            label: 'BIC'
+          }
+        ],
+        data: []
+      },
+    };
+  },
+  mounted () {
+    this.init()
+  },
+};
+</script>
+<style>
+</style>

src/routers/modules/business.js

@@ -8,6 +8,7 @@ const Business = [
   { path: 'inftrnpsDetail', component: () => import('~/business/trnrel/views/InftrnpsDetail.vue'), name: 'InftrnpsDetail', meta: { title: '待复核详情' } },
   { path: 'litopn', component: () => import('~/business/litopn/views'), name: 'litopn', meta: { title: '进口信用证开立' } },
   { path: 'litame', component: () => import('~/business/litame/views'), name: 'litame', meta: { title: '进口信用证修改' } },
+  { path: 'litdck', component: () => import('~/business/litdck/views'), name: 'litdck', meta: { title: '进口信用证到单' } },
   { path: 'gitcrq', component: () => import('~/business/gitcrq/views'), name: 'gitcrq', meta: { title: '保函索赔登记' } },
   { path: 'gitcrj', component: () => import('~/business/gitcrj/views'), name: 'gitcrj', meta: { title: '进口保函拒付' } },
   { path: 'gitfee', component: () => import('~/business/gitfee/views'), name: 'gitfee', meta: { title: '进口保函收费' } },