Skip to content

V
vue-gjjs
Commit 59909f72 by wangren
Options

Merge branch 'master' of http://192.168.0.110:11080/fukai/vue-gjjs

parents d63ac4e5 18a7c885
Showing with 619 additions and 364 deletions
src/model/Detsel/Pattern.js
...@@ -129,7 +129,7 @@ export default { ...@@ -129,7 +129,7 @@ export default {
{max: 3,message:"长度不能超过3"} {max: 3,message:"长度不能超过3"}
], ],
"bfdgrp.cbs.max.amt":[ "bfdgrp.cbs.max.amt":[
{type: "number", required: false, message: "必输项"}, {type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"}, {max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" } {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
], ],
...@@ -228,7 +228,7 @@ export default { ...@@ -228,7 +228,7 @@ export default {
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" } {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
], ],
"bfdgrp.cbs.opn1.amt":[ "bfdgrp.cbs.opn1.amt":[
{type: "number", required: false, message: "必输项"}, {type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"}, {max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" } {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
], ],
......
src/views/Business/Detdrv/Drv.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-row> <c-row>
<!-- -------------------Left------------------- -->
<c-col :span="12">
<c-col :span="24"> <c-col :span="24">
<c-col :span="8">
<el-form-item label="参考号" prop="dedgrp.rec.ownref"> <el-form-item label="参考号" prop="dedgrp.rec.ownref">
<c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入参考号"></c-input> <c-input
</el-form-item> v-model="model.dedgrp.rec.ownref"
</c-col> maxlength="16"
placeholder="请输入参考号"
<c-col :span="8" :offset="1"> ></c-input>
<el-form-item label="概要" prop="dedgrp.rec.nam">
<c-input v-model="model.dedgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="11"> <c-col :span="13">
<c-col :span="11">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur"> <el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-select <c-select
disabled
v-model="model.dedgrp.cbs.nom1.cur" v-model="model.dedgrp.cbs.nom1.cur"
style="width: 100%" style="width: 100%"
placeholder="请选择币种" placeholder="请选择Currency"
:code="codes.cur"> @keyup.enter.native="nom1CurEvent"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="11">
<el-form-item label="" label-width="10px" prop="dedgrp.cbs.nom1.amt"> <el-form-item
style="text-align: left"
label-width="5px"
prop="dedgrp.cbs.nom1.amt"
>
<c-input-currency <c-input-currency
v-model="model.dedgrp.cbs.nom1.amt" v-model="model.dedgrp.cbs.nom1.amt"
style="width: 90%" style="text-align: left; width: 100%"
placeholder="请输入金额" placeholder="请输入信用证金额"
@keyup.enter.native="
defaultFunction('dedgrp.cbs.nom1.amt', model.dedgrp.cbs.nom1.amt)
"
></c-input-currency> ></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="11"> <c-col :span="24">
<el-form-item label="信用证余额" prop="dedgrp.cbs.opn1.cur"> <c-col :span="13">
<el-form-item
label="信用证余额"
prop="dedgrp.cbs.opn1.cur"
>
<c-select <c-select
v-model="model.dedgrp.cbs.opn1.cur" v-model="model.dedgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择币种" placeholder="请选择币种"
:code="codes.cur"> :code="codes.cur"
style="width:100%"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="11">
<el-form-item label="" label-width="10px" prop="dedgrp.cbs.opn1.amt"> <el-form-item
label=""
label-width="5px"
prop="dedgrp.cbs.opn1.amt"
>
<c-input-currency <c-input-currency
v-model="model.dedgrp.cbs.opn1.amt" v-model="model.dedgrp.cbs.opn1.amt"
style="width: 90%"
placeholder="请输入金额" placeholder="请输入金额"
></c-input-currency> ></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<el-form-item label="指定银行" prop="dedgrp.avbnam">
<c-input v-model="model.dedgrp.avbnam" maxlength="40" placeholder="请输入指定银行"></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
<c-select v-model="model.dedgrp.rec.avbby" style="width:100%" placeholder="请选择兑付方式">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat"> <el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker type="date" v-model="model.dedgrp.rec.opndat" style="width:90%" placeholder="请选择开证日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
placeholder="请选择开证日期"
style="width:100%"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col>
<c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label="" prop="dedgrp.rec.shpdat"> <el-form-item label="" prop="dedgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.shpdat" style="width:90%" placeholder="请选择Shipment Date"></c-date-picker> <c-date-picker
</el-form-item> type="date"
</c-col> v-model="model.dedgrp.rec.shpdat"
placeholder="请选择Shipment Date"
<c-col :span="8"> ></c-date-picker>
<el-form-item label="最迟交单日期/交单地" prop="dedgrp.rec.expdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.expdat" style="width:100%" placeholder="请选择最迟交单日期/交单地"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="dedgrp.rec.expplc">
<c-input type="textarea" v-model="model.dedgrp.rec.expplc" maxlength="35" show-word-limit placeholder="请输入最迟交单日期/交单地" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="信用证类型" prop="dedgrp.rec.lcrtyp">
<c-select v-model="model.dedgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型">
</c-select>
</el-form-item> </el-form-item>
</c-col> -->
</c-col> </c-col>
</c-col>
<c-col :span="8">
<c-col :span="24">
<el-form-item label="申请人" prop="bfdgrp.apl.pts.ref">
<c-input v-model="model.bfdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"></c-input>
</el-form-item>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="bfdgrp.apl.pts.nam"> <el-form-item label="指定银行" prop="dedgrp.avbnam">
<c-input v-model="model.bfdgrp.apl.pts.nam" maxlength="40" placeholder="请输入申请人"></c-input> <c-input
v-model="model.dedgrp.avbnam"
maxlength="40"
placeholder="请输入指定银行"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="开证行" prop="bfdgrp.iss.pts.ref"> <el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
<c-input v-model="model.bfdgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行"></c-input> <c-select
</el-form-item> v-model="model.dedgrp.rec.avbby"
</c-col> style="width: 100%"
<c-col :span="24"> placeholder="请选择兑付方式"
<el-form-item label="" prop="bfdgrp.iss.pts.nam"> >
<c-input v-model="model.bfdgrp.iss.pts.nam" maxlength="40" placeholder="请输入开证行"></c-input> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="交单人" prop="bfdgrp.prb.pts.ref"> <el-form-item
<c-input v-model="model.bfdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单人"></c-input> label="最迟交单日期/交单地"
prop="dedgrp.rec.expdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
style="width: 100%"
placeholder="请选择最迟交单日期/交单地"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="bfdgrp.prb.pts.nam"> <el-form-item label="" prop="dedgrp.rec.expplc">
<c-input v-model="model.bfdgrp.prb.pts.nam" maxlength="40" placeholder="请输入交单人"></c-input> <c-input
type="textarea"
v-model="model.dedgrp.rec.expplc"
maxlength="35"
show-word-limit
placeholder="请输入最迟交单日期/交单地"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="11">
<c-col :span="16">
<el-form-item label="单据编号" prop="bfdgrp.rec.ownref"> <el-form-item label="单据编号" prop="bfdgrp.rec.ownref">
<c-input v-model="model.bfdgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号"></c-input> <c-fullbox>
</el-form-item> <c-input
</c-col> v-model="model.bfdgrp.rec.ownref"
<c-col :span="6"> maxlength="16"
<c-button size="small" type="primary" @click="onBftmodButgetref"> placeholder="请输入单据编号"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
@click="onBftmodButgetref"
>
获取 获取
</c-button> </c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod"> <el-form-item
<c-select v-model="model.bfdgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型"> label="单据类型"
prop="bfdgrp.rec.doctypcod"
>
<c-select
v-model="model.bfdgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择单据类型"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="24">
<el-form-item label="单据金额" prop="bfdgrp.cbs.max.cur"> <c-col :span="13">
<el-form-item
label="单据金额"
prop="bfdgrp.cbs.max.cur"
>
<c-select <c-select
v-model="model.bfdgrp.cbs.max.cur" v-model="model.bfdgrp.cbs.max.cur"
style="width: 100%" style="width: 100%"
placeholder="请选择币种" placeholder="请选择币种"
:code="codes.cur"> :code="codes.cur"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="11">
<el-form-item label="" label-width="10px" prop="bfdgrp.cbs.max.amt"> <el-form-item
label=""
label-width="5px"
prop="bfdgrp.cbs.max.amt"
>
<c-input-currency <c-input-currency
v-model="model.bfdgrp.cbs.max.amt" v-model="model.bfdgrp.cbs.max.amt"
style="width: 90%"
placeholder="请输入金额" placeholder="请输入金额"
></c-input-currency> ></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="13">
<el-form-item label="收单日期" prop="bfdgrp.rec.rcvdat"> <el-form-item label="收单日期" prop="bfdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.rcvdat" style="width:100%" placeholder="请选择收单日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.bfdgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收单日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="11">
<el-form-item label="寄单日期" prop="bfdgrp.rec.orddat"> <el-form-item label="寄单日期" prop="bfdgrp.rec.orddat" label-width="100px">
<c-date-picker type="date" v-model="model.bfdgrp.rec.orddat" style="width:100%" placeholder="请选择寄单日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.bfdgrp.rec.orddat"
style="width: 100%"
placeholder="请选择寄单日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="13">
<el-form-item label="到期日" prop="bfdgrp.rec.matdat"> <el-form-item label="到期日" prop="bfdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.matdat" style="width:100%" placeholder="请选择到期日"></c-date-picker> <c-date-picker
type="date"
v-model="model.bfdgrp.rec.matdat"
style="width: 100%"
placeholder="请选择到期日"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="11">
<el-form-item label="装运日期" prop="bfdgrp.rec.shpdat"> <el-form-item label="装运日期" prop="bfdgrp.rec.shpdat" label-width="100px">
<c-date-picker type="date" v-model="model.bfdgrp.rec.shpdat" style="width:100%" placeholder="请选择装运日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.bfdgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装运日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="Maturity Period" prop="bfdgrp.blk.matper"> <el-form-item
<c-input type="textarea" v-model="model.bfdgrp.blk.matper" maxlength="65" show-word-limit placeholder="请输入Maturity Period" ></c-input> label="Maturity Period"
prop="bfdgrp.blk.matper"
>
<c-input
type="textarea"
v-model="model.bfdgrp.blk.matper"
maxlength="65"
show-word-limit
placeholder="请输入Maturity Period"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<el-form-item
label="Presented by"
prop="bfdgrp.rec.docprbrol"
>
<c-select
v-model="model.bfdgrp.rec.docprbrol"
style="width: 100%"
placeholder="请选择交单人"
>
</c-select>
</el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="8" :offset="1"> <el-form-item label="发票类型" prop="bfdgrp.rec.invtyp">
<c-fullbox>
<c-select
v-model="model.bfdgrp.rec.invtyp"
style="width: 100%"
placeholder="请选择发票类型"
>
</c-select>
<template slot="footer">
<c-checkbox v-model="model.bfdgrp.rec.dscinsflg"
>输入单据不符点指示</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="概要" prop="bfdgrp.rec.nam"> <el-form-item
<c-input v-model="model.bfdgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input> label="已交单次数"
prop="dedgrp.rec.utlnbr"
>
<c-input
v-model="model.dedgrp.rec.utlnbr"
placeholder="请输入已交单次数"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<!-- -------------------Right------------------- -->
<c-col :span="12">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="Presented by" prop="bfdgrp.rec.docprbrol"> <el-form-item label="概要" prop="dedgrp.rec.nam">
<c-select v-model="model.bfdgrp.rec.docprbrol" style="width:100%" placeholder="请选择交单人"> <c-input
</c-select> v-model="model.dedgrp.rec.nam"
maxlength="40"
placeholder="请输入概要"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -239,63 +343,128 @@ ...@@ -239,63 +343,128 @@
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: '交单人', title: '申请人',
grp: 'bfdgrp', grp: 'bfdgrp',
rol: 'prb', rol: 'apl',
}" }"
:disabled="true" :disabled="true"
:isAdrblk="false"
@onSeainf="onSeainf" @onSeainf="onSeainf"
@onAplpDet="onPrbpDet" @onAplpDet="onBenpDet"
> >
</c-ptap> </c-ptap>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="发票类型" prop="bfdgrp.rec.invtyp"> <el-form-item
<c-select v-model="model.bfdgrp.rec.invtyp" style="width:100%" placeholder="请选择发票类型"> label="信用证类型"
prop="dedgrp.rec.lcrtyp"
>
<c-select
v-model="model.dedgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择信用证类型"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24" class="centerLable marginLable"> <c-col :span="24">
<c-checkbox v-model="model.bfdgrp.rec.dscinsflg">输入单据不符点指示</c-checkbox> <el-form-item label="开证行" prop="bfdgrp.iss.pts.ref">
<c-input
v-model="model.bfdgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入开证行"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="已交单次数" prop="dedgrp.rec.utlnbr"> <el-form-item label="" prop="bfdgrp.iss.pts.nam">
<c-input v-model="model.dedgrp.rec.utlnbr" placeholder="请输入已交单次数"></c-input> <c-input
v-model="model.bfdgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入开证行"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '交单人',
grp: 'bfdgrp',
rol: 'prb',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onPrbpDet"
>
</c-ptap>
</c-col>
</c-col> </c-col>
<!-- <c-col :span="24">
<el-form-item label="申请人" prop="bfdgrp.apl.pts.ref">
<c-input
v-model="model.bfdgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="24">
<el-form-item label="" prop="bfdgrp.apl.pts.nam">
<c-input
v-model="model.bfdgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入申请人"
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="24">
<el-form-item label="交单人" prop="bfdgrp.prb.pts.ref">
<c-input
v-model="model.bfdgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入交单人"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bfdgrp.prb.pts.nam">
<c-input
v-model="model.bfdgrp.prb.pts.nam"
maxlength="40"
placeholder="请输入交单人"
></c-input>
</el-form-item>
</c-col> -->
</c-row> </c-row>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Detdrv/Event" import Event from "~/model/Detdrv/Event";
import Ptap from "~/views/Public/Ptap";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ components: { "c-ptap": Ptap },
return { data() {
return {};
}
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Detdrv/index.vue
...@@ -129,14 +129,14 @@ export default { ...@@ -129,14 +129,14 @@ export default {
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "", tabVal: "drv",
trnName: "detdrv", trnName: "detdrv",
model: new Detdrv().data, model: new Detdrv().data,
checkRules: Check, checkRules: Check,
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes: {...CodeTable
}, },
} }
}, },
......
src/views/Business/Detsel/Sel.vue
<template> <template>
<c-row> <c-row>
<c-col :span="24"> <c-col :span="24">
<c-col :span="7"> <c-col :span="12">
<el-form-item label="信用证编号" prop="dedgrp.rec.ownref"> <el-form-item label="信用证编号" prop="dedgrp.rec.ownref">
<c-fullbox>
<c-input <c-input
v-model="model.dedgrp.rec.ownref" v-model="model.dedgrp.rec.ownref"
maxlength="16" maxlength="16"
style="width: 96%"
placeholder="请输入信用证编号" placeholder="请输入信用证编号"
@keyup.enter.native="showGridPromptDialog('dedgrp.rec.ownref')" @keyup.enter.native="
showGridPromptDialog('dedgrp.rec.ownref')
"
></c-input> ></c-input>
</el-form-item> <template slot="footer">
</c-col>
<c-col :span="2">
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
@click="onSeainf" @click="onSeainf"
icon="el-icon-search" icon="el-icon-search"
style="margin-right:10px"
></c-button> ></c-button>
</c-col>
<c-col :span="2" class="centerLable">
<c-checkbox v-model="model.clsflg">Show closed</c-checkbox> <c-checkbox v-model="model.clsflg">Show closed</c-checkbox>
</template>
</c-fullbox>
</el-form-item>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="12">
<el-form-item label="摘要" prop="dedgrp.rec.nam"> <el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-input <c-input
v-model="model.dedgrp.rec.nam" v-model="model.dedgrp.rec.nam"
...@@ -35,8 +37,10 @@ ...@@ -35,8 +37,10 @@
</c-col> </c-col>
</c-col> </c-col>
<!-- 信用证 -->
<div v-if="hotreg == 1 || hotreg == 2">
<c-col :span="24"> <c-col :span="24">
<c-col :span="11"> <c-col :span="12">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur"> <el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-input <c-input
...@@ -107,7 +111,10 @@ ...@@ -107,7 +111,10 @@
</c-col> </c-col>
<c-col :span="13"> <c-col :span="13">
<el-form-item label="最迟交单日期/交单地" prop="dedgrp.rec.expdat"> <el-form-item
label="最迟交单日期/交单地"
prop="dedgrp.rec.expdat"
>
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.dedgrp.rec.expdat" v-model="model.dedgrp.rec.expdat"
...@@ -118,7 +125,11 @@ ...@@ -118,7 +125,11 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<el-form-item label="" label-width="0px" prop="dedgrp.rec.expplc"> <el-form-item
label=""
label-width="0px"
prop="dedgrp.rec.expplc"
>
<c-input <c-input
v-model="model.dedgrp.rec.expplc" v-model="model.dedgrp.rec.expplc"
maxlength="29" maxlength="29"
...@@ -141,9 +152,12 @@ ...@@ -141,9 +152,12 @@
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="12">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="受益人参考号" prop="dedgrp.ben.pts.ref"> <el-form-item
label="受益人参考号"
prop="dedgrp.ben.pts.ref"
>
<c-input <c-input
v-model="model.dedgrp.ben.pts.ref" v-model="model.dedgrp.ben.pts.ref"
maxlength="16" maxlength="16"
...@@ -165,7 +179,10 @@ ...@@ -165,7 +179,10 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="开证行参考号" prop="dedgrp.iss.pts.ref"> <el-form-item
label="开证行参考号"
prop="dedgrp.iss.pts.ref"
>
<c-input <c-input
v-model="model.dedgrp.iss.pts.ref" v-model="model.dedgrp.iss.pts.ref"
maxlength="16" maxlength="16"
...@@ -186,7 +203,10 @@ ...@@ -186,7 +203,10 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="申请人参考号" prop="dedgrp.apl.pts.ref"> <el-form-item
label="申请人参考号"
prop="dedgrp.apl.pts.ref"
>
<c-input <c-input
v-model="model.dedgrp.apl.pts.ref" v-model="model.dedgrp.apl.pts.ref"
maxlength="16" maxlength="16"
...@@ -217,17 +237,129 @@ ...@@ -217,17 +237,129 @@
</c-col> </c-col>
</c-col> </c-col>
</c-col> </c-col>
</div>
<!-- 单据 -->
<div v-if="hotreg == 3 || hotreg == 4">
<c-col :span="24">
<!-- Left -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="单据业务编号" prop="bfdgrp.rec.ownref">
<c-input v-model="model.bfdgrp.rec.ownref" maxlength="16" @keyup.enter.native="showGridPromptDialog('bfdgrp.rec.ownref')" placeholder="请输入单据业务编号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据金额" prop="bfdgrp.cbs.max.cur">
<c-input v-model="model.bfdgrp.cbs.max.cur" maxlength="3" placeholder="请输入单据金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="bfdgrp.cbs.max.amt">
<c-input
v-model="model.bfdgrp.cbs.max.amt"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据金额" prop="bfdgrp.cbs.opn1.cur">
<c-input v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="bfdgrp.cbs.opn1.amt">
<c-input
v-model="model.bfdgrp.cbs.opn1.amt"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod">
<c-input v-model="model.bfdgrp.rec.doctypcod" maxlength="1" placeholder="请输入单据类型"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="远期单据到期日" prop="bfdgrp.rec.orddat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.orddat" style="width:100%" placeholder="请选择远期单据到期日"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="寄单日期" prop="dfdgrp.rec.opndat">
<c-date-picker type="date" v-model="model.dfdgrp.rec.opndat" style="width:100%" placeholder="请选择代付日期"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="到单日期" prop="bfdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.rcvdat" style="width:100%" placeholder="请选择到单日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="提示日期" prop="bfdgrp.rec.predat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.predat" style="width:100%" placeholder="请选择Presentation Date"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="单据状态" prop="bfdgrp.rec.docsta">
<c-input v-model="model.bfdgrp.rec.docsta" maxlength="40" placeholder="请输入单据状态"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- Right -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="摘要" prop="bfdgrp.rec.nam">
<c-input v-model="model.bfdgrp.rec.nam" maxlength="40" placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{ title: '交单行', grp: 'bfdgrp', rol: 'prb' }"
></c-ptsmsg>
</c-col>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{ title: '开证行', grp: 'bfdgrp', rol: 'iss' }"
></c-ptsmsg>
</c-col>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{ title: '申请人', grp: 'bfdgrp', rol: 'apl' }"
></c-ptsmsg>
</c-col>
</c-col>
</c-col>
</div>
<!-- ========================操作菜单================== --> <!-- ========================操作菜单================== -->
<c-col :span="23"> <c-col :span="24">
<el-form-item> <el-form-item>
<el-divider /> <el-divider />
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :offset="12" :span="10"> <c-col :offset="12" :span="10">
<el-tabs tab-position="right" @tab-click="onTabClick"> <el-tabs tab-position="right" @tab-click="onTabClick">
<el-tab-pane v-for="it in meum" :key="it.label" :label="it.label"> <el-tab-pane
<sel-mune :data="it.item" :model="model" /> v-for="it in meum"
:key="it.key"
:label="it.label"
>
<sel-mune :data="meumItem" :model="model" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</c-col> </c-col>
...@@ -239,9 +371,14 @@ import commonProcess from "~/mixin/commonProcess"; ...@@ -239,9 +371,14 @@ import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"; import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letsel/Event"; import Event from "~/model/Letsel/Event";
import SelMune from "./SelMune.vue"; import SelMune from "./SelMune.vue";
import Ptsmsg from "~/views/Public/Ptsmsg";
export default { export default {
components: { SelMune }, components: {
SelMune,
"c-ptsmsg": Ptsmsg,
},
inject: ["root"], inject: ["root"],
props: ["model", "codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
...@@ -250,169 +387,70 @@ export default { ...@@ -250,169 +387,70 @@ export default {
hotreg: "1", hotreg: "1",
meum: [ meum: [
{ {
label: "信用证", label:'信用证',
item: [ key:1
{
title: "Pre-Advising/Notifying",
url: "/business/letrsv",
disabled: false,
}, },
{ {
title: "Advising/Confirming", label:'信用证其他',
url: "/business/letopn", key:2
hotsubx: "6",
disabled: false,
}, },
{ title: "Reservation", url: "#", disabled: false },
{ title: "Resevation & Receving Docs", url: "#", disabled: false },
{ title: "Confirmation an Export L/C", url: "#", disabled: true },
{ {
title: "Amending Issuing Bank", label:'单据',
url: "/business/letame", key:3
hotsubx: "6",
disabled: false,
}, },
{ {
title: "Changing Issuing Bank", label:'单据其他',
url: "#", key:4
disabled: true,
},
{ title: "Receiving Docs", url: "#", disabled: true },
],
}, },
{ {
label: "Others", label:'融资',
item: [ key:5
{ title: "Charge Settlement", url: "#", disabled: true },
{ title: "Attachment", url: "#", disabled: true },
{ title: "Editing References", url: "#", disabled: true },
{ title: "Common Message", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true },
{ title: "Re_Opening", url: "#", disabled: true },
],
}, },
{ {
label: "Docs", label:'融资其他',
item: [ key:6
{ title: "Correct Drawing", url: "#", disabled: true },
{ title: "Processing Discrepant Docs", url: "#", disabled: true },
{ title: "Sending Documents", url: "#", disabled: true },
{ title: "Changing Maturity", url: "#", disabled: true },
{ title: "Funds Settlement", url: "#", disabled: true },
{ title: "Reimbursement", url: "#", disabled: true },
],
}, },
{ {
label: "Oth.Docs", label:'同业代付',
item: [ key:7
{ title: "Charge Settlement", url: "#", disabled: true },
{ title: "Attachment", url: "#", disabled: true },
{ title: "Confirmation Limit Canclling", url: "#", disabled: true },
{ title: "Editing Reference", url: "#", disabled: true },
{ title: "Common Message", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true },
{ title: "Re_Opening", url: "#", disabled: true },
],
}, },
{ {
label: "Advance", label:'其他',
item: [ key:8
{ title: "Creating an Advance", url: "#", disabled: true }, }
{ title: "Amending an Advance", url: "#", disabled: true },
{ title: "Setting an Advance", url: "#", disabled: true },
{ title: "递延收益冲销", url: "#", disabled: true },
{ title: "资产转卖收入或损失确认", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true },
],
},
{
label: "Oth.Advance",
item: [
{ title: "Charge Settlement", url: "#", disabled: true },
{ title: "Attachment", url: "#", disabled: true },
{ title: "Editing References", url: "#", disabled: true },
{ title: "Engagement Adjustment", url: "#", disabled: true },
{ title: "Common Messages", url: "#", disabled: true },
],
},
{
label: "Transfer",
item: [
{
title: "Opening a Transfer L/C",
url: "/business/lttopn",
hotsubx: "1",
disabled: false,
},
{ title: "Amenting a Transfer L/C", url: "#", disabled: true },
{
title: "Receiving Docs from 2nd Benfic",
url: "#",
disabled: true,
},
],
},
{
label: "Oth.Transfer",
item: [
{ title: "Charge Settlement", url: "#", disabled: true },
{ title: "Attachment", url: "#", disabled: true },
{ title: "Editing References", url: "#", disabled: true },
{ title: "Common Messages", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true },
{ title: "Re_Opening", url: "#", disabled: true },
],
},
{
label: "L/T Docs",
item: [
{
title: "Receiving Docs from 1st Benfic",
url: "#",
disabled: true,
},
{ title: "Correct Drawing", url: "#", disabled: true },
{ title: "Processing discrepant Docs", url: "#", disabled: true },
{ title: "Sending Documents", url: "#", disabled: true },
{ title: "Changing Maturity", url: "#", disabled: true },
{ title: "funds Settlement", url: "#", disabled: true },
{ title: "Reimbursement Clain", url: "#", disabled: true },
],
},
{
label: "Oth.L/T Docs",
item: [
{ title: "Charge Settlement", url: "#", disabled: true },
{ title: "Attachment", url: "#", disabled: true },
{ title: "Editing References", url: "#", disabled: true },
{ title: "Common Messages", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true },
{ title: "Re_Opening", url: "#", disabled: true },
],
},
], ],
}; };
}, },
methods: { methods: {
...Event, ...Event,
//各入口按钮请求 //各入口按钮请求
async onTabClick(tab, event) { async onTabClick(tab) {
switch (tab.label) { var label = tab.label;
case "Transfer": var key = 1;
this.hotreg = "9"; var meum = this.meum;
for(let i = 0; i < meum.length; i++){
if(meum[i].label == label){
key = meum[i].key;
break; break;
default:
this.hotreg = "1";
} }
let rtnmsg = await this.executeRule(`cfgfil.hotreg${this.hotreg}`); }
if ((rtnmsg.respCode == SUCCESS)) { this.hotreg = key;
this.updateModel(rtnmsg.data); let rtnmsg = await this.executeRule(`cfgfil.hotreg${key}`);
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data)
} else { } else {
this.$notify.error({ title: "错误", message: "服务请求失败！" }); this.$notify.error({
title: "错误",
message: "服务请求失败！",
});
} }
}, },
}, },
created: function () {}, computed: {
meumItem() {
return this.model.cfgfil.btnstm.rows || []
}
}
}; };
</script> </script>
<style> <style>
......
src/views/Business/Detsel/SelMune.vue
<template> <template>
<el-table <el-table
:data="data" :data="tableData"
border border
stripe stripe
:show-header="false" :show-header="false"
:cell-style="cellSttyle" :cell-style="cellSttyle"
> >
<el-table-column prop="title" align="center"> <el-table-column prop="label" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<c-button <c-button
@click.native="onNarBtnClick(scope.row.url, scope.row.hotsubx)" @click="onNarBtnClick(scope.row.url, scope.row.label)"
:title="scope.row.title" :label="scope.row.label"
:disabled="scope.row.disabled" :disabled="scope.row.disabled"
>{{ scope.row.title }}</c-button >{{ scope.row.label }}</c-button
> >
<!-- <el-link <!-- <el-link
:disabled="scope.row.disabled" :disabled="scope.row.disabled"
...@@ -34,18 +34,58 @@ export default { ...@@ -34,18 +34,58 @@ export default {
data() { data() {
return { return {
cellSttyle: { height: "25px" }, cellSttyle: { height: "25px" },
meumItem: [],
}; };
}, },
methods: { methods: {
//各入口按钮请求 //各入口按钮请求
async onNarBtnClick(href, hotsubx) { async onNarBtnClick(url, label) {
let rtnmsg = await this.executeRule(`cfgfil.hotsub${hotsubx}`); let key = 0;
console.log("cfgfil.code:" + this.model.cfgfil[`subtrn${hotsubx}`]);
if ((rtnmsg.respCode == SUCCESS)) { for(let i = 1; i <= 11 ; i++){
this.$router.history.push(href); let temp_label = this.model.cfgfil['subtxt'+i];
if(temp_label == label){
key = i;
break;
}
}
let rtnmsg = await this.executeRule("cfgfil.hotsub"+key);
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
this.$router.history.push("/business/" + url);
} else { } else {
this.$notify.error({ title: "错误", message: "服务请求失败！" }); this.$notify.error({
title: "错误",
message: "服务请求失败！",
});
}
// let rtnmsg = await this.executeRule(`cfgfil.hotsub${hotsubx}`);
// console.log("cfgfil.code:" + this.model.cfgfil[`subtrn${hotsubx}`]);
// if (rtnmsg.respCode == SUCCESS) {
// this.$router.history.push(href);
// } else {
// this.$notify.error({
// title: "错误",
// message: "服务请求失败！",
// });
// }
},
},
computed: {
tableData() {
const arr = [];
var data = this.data;
for (let i = 0; i < data.length; i++) {
const items = data[i].split("\t");
arr.push({
url: items[0],
label: items[1],
disabled: items[2] == "N" ? true : false,
other: items[3],
});
} }
console.log(arr);
return arr;
}, },
}, },
}; };
......
src/views/Business/Detsel/index.vue
<template> <template>
<c-page title="出口信用证查询"> <c-page title="出口信用证查询">
<!-- <div class="eContainer"> --> <!-- <div class="eContainer"> -->
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs
v-model="tabVal"
ref="elment"
type="card"
@tab-click="myTabClick"
>
<!--PD000035 --> <!--PD000035 -->
<el-tab-pane label="查询" name="sel"> <el-tab-pane label="查询" name="sel">
<m-sel :model="model" :codes="codes"/> <m-sel :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
</c-tabs> </c-tabs>
</el-form> </el-form>
...@@ -20,28 +32,27 @@ ...@@ -20,28 +32,27 @@
</c-page> </c-page>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Detsel from "~/model/Detsel" import Detsel from "~/model/Detsel";
import commonProcess from "~/mixin/commonProcess" import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Detsel/Check" import Check from "~/model/Detsel/Check";
import Default from "~/model/Detsel/Default" import Default from "~/model/Detsel/Default";
import Pattern from "~/model/Detsel/Pattern" import Pattern from "~/model/Detsel/Pattern";
import Sel from "./Sel" import Sel from "./Sel";
export default { export default {
name: "Detsel", name: "Detsel",
components:{ components: {
"m-sel" : Sel, "m-sel": Sel,
}, },
provide() { provide() {
return { return {
root: this root: this,
} };
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){ data() {
return { return {
tabVal: "sel", tabVal: "sel",
trnName: "detsel", trnName: "detsel",
...@@ -50,32 +61,28 @@ export default { ...@@ -50,32 +61,28 @@ export default {
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes: {},
}, };
}
}, },
methods:{ methods: {
myTabClick(tab){ myTabClick(tab) {
this.tabClick(tab) this.tabClick(tab);
/** /**
* do it yourself * do it yourself
**/ **/
}
}, },
created:async function(){ },
created: async function () {
console.log("进入detsel交易"); console.log("进入detsel交易");
let rtnmsg = await this.init({}) let rtnmsg = await this.init({});
if(rtnmsg.respCode == SUCCESS) if (rtnmsg.respCode == SUCCESS) {
{ //TODO 处理数据逻辑
this.updateModel(rtnmsg.data) this.updateModel(rtnmsg.data);
} } else {
else this.$notify.error({ title: "错误", message: "服务请求失败！" });
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
} }
} },
} };
</script> </script>
<style> <style>
</style> </style>
src/views/Public/Ptsmsg.vue
<template> <template>
<div class="eibs-tab"> <!-- <div class="eibs-tab"> -->
<div>
<c-col :span="24"> <c-col :span="24">
<el-form-item :label="argadr.title + '编号'" :prop="argadr.url + 'ref'"> <el-form-item :label="argadr.title + '编号'" :prop="'${argadr.grp}.${argadr.rol}.pts.ref'">
<c-input <c-input
v-model="model[argadr.url + 'ref']" v-model="model[argadr.grp][argadr.rol].pts.ref"
maxlength="16" maxlength="16"
:placeholder="'请输入' + argadr.title + '编号'" :placeholder="'请输入' + argadr.title + '编号'"
:disabled="disabled" :disabled="disabled"
...@@ -12,9 +13,9 @@ ...@@ -12,9 +13,9 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item :label="argadr.title + '名称'" :prop="argadr.url + 'nam'"> <el-form-item :label="argadr.title + '名称'" :prop="'${argadr.grp}.${argadr.rol}.pts.nam'">
<c-input <c-input
v-model="model[argadr.url + 'nam']" v-model="model[argadr.grp][argadr.rol].pts.nam"
maxlength="40" maxlength="40"
:placeholder="'请输入' + argadr.title + '名称'" :placeholder="'请输入' + argadr.title + '名称'"
:disabled="disabled" :disabled="disabled"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment