Skip to content

V
vue-gjjs
Commit a5424d67 by liuxin
Options

detsel,detdrv样式调整

parent d4f207bd
Showing with 1046 additions and 744 deletions
src/views/Business/Detdrv/Drv.vue
<template>
<div class="eibs-tab">
<c-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item label="参考号" prop="dedgrp.rec.ownref">
<c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入参考号"></c-input>
</el-form-item>
</c-col>
<c-col :span="8" :offset="1">
<el-form-item label="概要" prop="dedgrp.rec.nam">
<c-input v-model="model.dedgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="11">
<c-col :span="11">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-select
v-model="model.dedgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="dedgrp.cbs.nom1.amt">
<c-input-currency
v-model="model.dedgrp.cbs.nom1.amt"
style="width: 90%"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="信用证余额" prop="dedgrp.cbs.opn1.cur">
<c-select
v-model="model.dedgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="dedgrp.cbs.opn1.amt">
<c-input-currency
v-model="model.dedgrp.cbs.opn1.amt"
style="width: 90%"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</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 :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">
<c-date-picker type="date" v-model="model.dedgrp.rec.opndat" style="width:90%" placeholder="请选择开证日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<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>
</el-form-item>
</c-col>
<c-col :span="8">
<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>
</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">
<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.iss.pts.ref">
<c-input v-model="model.bfdgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bfdgrp.iss.pts.nam">
<c-input v-model="model.bfdgrp.iss.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-col>
</c-col>
<c-col :span="24">
<c-col :span="11">
<c-col :span="16">
<el-form-item label="单据编号" prop="bfdgrp.rec.ownref">
<c-input v-model="model.bfdgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号"></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<c-button size="small" type="primary" @click="onBftmodButgetref">
获取
</c-button>
</c-col>
<c-col :span="24">
<el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod">
<c-select v-model="model.bfdgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型">
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="单据金额" prop="bfdgrp.cbs.max.cur">
<c-select
v-model="model.bfdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="bfdgrp.cbs.max.amt">
<c-input-currency
v-model="model.bfdgrp.cbs.max.amt"
style="width: 90%"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</c-col>
<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.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="bfdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.matdat" style="width:100%" placeholder="请选择到期日"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="装运日期" prop="bfdgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.shpdat" style="width:100%" placeholder="请选择装运日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item 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>
</c-col>
</c-col>
<c-col :span="8" :offset="1">
<c-col :span="24">
<el-form-item label="概要" prop="bfdgrp.rec.nam">
<c-input v-model="model.bfdgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input>
</el-form-item>
</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 :span="24">
<c-ptap
:model="model"
:argadr="{
title: '交单人',
grp: 'bfdgrp',
rol: 'prb',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onPrbpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<el-form-item label="发票类型" prop="bfdgrp.rec.invtyp">
<c-select v-model="model.bfdgrp.rec.invtyp" style="width:100%" placeholder="请选择发票类型">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.bfdgrp.rec.dscinsflg">输入单据不符点指示</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="已交单次数" prop="dedgrp.rec.utlnbr">
<c-input v-model="model.dedgrp.rec.utlnbr" placeholder="请输入已交单次数"></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
</div>
<div class="eibs-tab">
<c-row>
<!-- -------------------Left------------------- -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="参考号" prop="dedgrp.rec.ownref">
<c-input
v-model="model.dedgrp.rec.ownref"
maxlength="16"
placeholder="请输入参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-select
disabled
v-model="model.dedgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择Currency"
@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>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
style="text-align: left"
label-width="5px"
prop="dedgrp.cbs.nom1.amt"
>
<c-input-currency
v-model="model.dedgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
@keyup.enter.native="
defaultFunction('dedgrp.cbs.nom1.amt', model.dedgrp.cbs.nom1.amt)
"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item
label="信用证余额"
prop="dedgrp.cbs.opn1.cur"
>
<c-select
v-model="model.dedgrp.cbs.opn1.cur"
placeholder="请选择币种"
:code="codes.cur"
style="width:100%"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="dedgrp.cbs.opn1.amt"
>
<c-input-currency
v-model="model.dedgrp.cbs.opn1.amt"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
placeholder="请选择开证日期"
style="width:100%"
></c-date-picker>
</el-form-item>
<!-- <c-col :span="12">
<el-form-item label="" prop="dedgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
placeholder="请选择Shipment Date"
></c-date-picker>
</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 :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="24">
<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="24">
<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="bfdgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.bfdgrp.rec.ownref"
maxlength="16"
placeholder="请输入单据编号"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
@click="onBftmodButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="单据类型"
prop="bfdgrp.rec.doctypcod"
>
<c-select
v-model="model.bfdgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择单据类型"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item
label="单据金额"
prop="bfdgrp.cbs.max.cur"
>
<c-select
v-model="model.bfdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.cur"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="bfdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.bfdgrp.cbs.max.amt"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<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="11">
<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>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<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>
</el-form-item>
</c-col>
<c-col :span="11">
<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>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item
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>
</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 :span="24">
<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">
<el-form-item
label="已交单次数"
prop="dedgrp.rec.utlnbr"
>
<c-input
v-model="model.dedgrp.rec.utlnbr"
placeholder="请输入已交单次数"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- -------------------Right------------------- -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="概要" prop="dedgrp.rec.nam">
<c-input
v-model="model.dedgrp.rec.nam"
maxlength="40"
placeholder="请输入概要"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'bfdgrp',
rol: 'apl',
}"
:disabled="true"
:isAdrblk="false"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</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>
</c-col>
<c-col :span="24">
<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 :span="24">
<el-form-item label="" prop="bfdgrp.iss.pts.nam">
<c-input
v-model="model.bfdgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入开证行"
></c-input>
</el-form-item>
</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 :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">
<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>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Detdrv/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Detdrv/Event";
import Ptap from "~/views/Public/Ptap";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
return {
}
components: { "c-ptap": Ptap },
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Detdrv/index.vue
......@@ -129,14 +129,14 @@ export default {
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "",
tabVal: "drv",
trnName: "detdrv",
model: new Detdrv().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
codes: {...CodeTable
},
}
},
......
src/views/Business/Detsel/Sel.vue
<template>
<c-row>
<c-col :span="24">
<c-col :span="7">
<el-form-item label="信用证编号" prop="dedgrp.rec.ownref">
<c-input
v-model="model.dedgrp.rec.ownref"
maxlength="16"
style="width: 96%"
placeholder="请输入信用证编号"
@keyup.enter.native="showGridPromptDialog('dedgrp.rec.ownref')"
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button>
</c-col>
<c-col :span="2" class="centerLable">
<c-checkbox v-model="model.clsflg">Show closed</c-checkbox>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-input
v-model="model.dedgrp.rec.nam"
maxlength="40"
placeholder="请输入Externally Displayed Name to Identify the Contract"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="11">
<c-col :span="24">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-input
v-model="model.dedgrp.cbs.nom1.cur"
maxlength="3"
placeholder="请输入信用证金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="信用证余额" prop="dedgrp.cbs.opn1.cur">
<c-input
v-model="model.dedgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入Open Amount"
disabled
></c-input>
</el-form-item>
</c-col>
<c-row>
<c-col :span="24">
<el-form-item label="指定银行" prop="dedgrp.avbnam">
<c-input
v-model="model.dedgrp.avbnam"
maxlength="40"
placeholder="请输入Available with"
disabled
></c-input>
</el-form-item>
<c-col :span="11">
<el-form-item label="信用证编号" prop="dedgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.dedgrp.rec.ownref"
maxlength="16"
placeholder="请输入信用证编号"
@keyup.enter.native="
showGridPromptDialog('dedgrp.rec.ownref')
"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
style="margin-right:10px"
></c-button>
<c-checkbox v-model="model.clsflg">Show closed</c-checkbox>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-input
v-model="model.dedgrp.rec.nam"
maxlength="40"
placeholder="请输入Externally Displayed Name to Identify the Contract"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
<c-select
v-model="model.dedgrp.rec.avbby"
style="width: 100%"
placeholder="请选择Available by "
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
style="width: 95%"
placeholder="请选择Date Issued"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<c-col :span="24">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-input
v-model="model.dedgrp.cbs.nom1.cur"
maxlength="3"
placeholder="请输入信用证金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="信用证余额" prop="dedgrp.cbs.opn1.cur">
<c-input
v-model="model.dedgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入Open Amount"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="指定银行" prop="dedgrp.avbnam">
<c-input
v-model="model.dedgrp.avbnam"
maxlength="40"
placeholder="请输入Available with"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
<c-select
v-model="model.dedgrp.rec.avbby"
style="width: 100%"
placeholder="请选择Available by "
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
style="width: 95%"
placeholder="请选择Date Issued"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="最迟装运日期"
label-width="110px"
prop="dedgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="最迟装运日期"
label-width="110px"
prop="dedgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="最迟交单日期/交单地" prop="dedgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
style="width: 95%"
placeholder="请选择Date/Place of Expiry"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0px" prop="dedgrp.rec.expplc">
<c-input
v-model="model.dedgrp.rec.expplc"
maxlength="29"
placeholder="请输入Date/Place of Expiry"
disabled
></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="请选择转让标志"
disabled
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="13">
<el-form-item
label="最迟交单日期/交单地"
prop="dedgrp.rec.expdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
style="width: 95%"
placeholder="请选择Date/Place of Expiry"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="0px"
prop="dedgrp.rec.expplc"
>
<c-input
v-model="model.dedgrp.rec.expplc"
maxlength="29"
placeholder="请输入Date/Place of Expiry"
disabled
></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="请选择转让标志"
disabled
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="受益人参考号" prop="dedgrp.ben.pts.ref">
<c-input
v-model="model.dedgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入Beneficiary"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item
label="受益人参考号"
prop="dedgrp.ben.pts.ref"
>
<c-input
v-model="model.dedgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入Beneficiary"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人名称" prop="dedgrp.ben.pts.nam">
<c-input
v-model="model.dedgrp.ben.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人名称" prop="dedgrp.ben.pts.nam">
<c-input
v-model="model.dedgrp.ben.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开证行参考号" prop="dedgrp.iss.pts.ref">
<c-input
v-model="model.dedgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入Issuing Bank"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开证行名称" prop="dedgrp.iss.pts.nam">
<c-input
v-model="model.dedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="开证行参考号"
prop="dedgrp.iss.pts.ref"
>
<c-input
v-model="model.dedgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入Issuing Bank"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开证行名称" prop="dedgrp.iss.pts.nam">
<c-input
v-model="model.dedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人参考号" prop="dedgrp.apl.pts.ref">
<c-input
v-model="model.dedgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入Applicant"
disabled
></c-input>
</el-form-item>
<c-col :span="24">
<el-form-item
label="申请人参考号"
prop="dedgrp.apl.pts.ref"
>
<c-input
v-model="model.dedgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入Applicant"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人名称" prop="dedgrp.apl.pts.nam">
<c-input
v-model="model.dedgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirmation text" prop="cnftxt">
<c-input
v-model="model.cnftxt"
maxlength="40"
placeholder="请输入Confirmation text"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="申请人名称" prop="dedgrp.apl.pts.nam">
<c-input
v-model="model.dedgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
<!-- ========================操作菜单================== -->
<c-col :span="23">
<el-form-item>
<el-divider />
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirmation text" prop="cnftxt">
<c-input
v-model="model.cnftxt"
maxlength="40"
placeholder="请输入Confirmation text"
disabled
></c-input>
</el-form-item>
<c-col :offset="12" :span="10">
<el-tabs tab-position="right" @tab-click="onTabClick">
<el-tab-pane
v-for="it in meum"
:key="it.label"
:label="it.label"
>
<sel-mune :data="it.item" :model="model" />
</el-tab-pane>
</el-tabs>
</c-col>
</c-col>
</c-col>
<!-- ========================操作菜单================== -->
<c-col :span="23">
<el-form-item>
<el-divider />
</el-form-item>
</c-col>
<c-col :offset="12" :span="10">
<el-tabs tab-position="right" @tab-click="onTabClick">
<el-tab-pane v-for="it in meum" :key="it.label" :label="it.label">
<sel-mune :data="it.item" :model="model" />
</el-tab-pane>
</el-tabs>
</c-col>
</c-row>
</c-row>
</template>
<script>
import Api from "~/service/Api";
......@@ -241,183 +263,290 @@ import Event from "~/model/Letsel/Event";
import SelMune from "./SelMune.vue";
export default {
components: { SelMune },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
hotreg: "1",
meum: [
{
label: "信用证",
item: [
{
title: "Pre-Advising/Notifying",
url: "/business/letrsv",
disabled: false,
},
{
title: "Advising/Confirming",
url: "/business/letopn",
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",
url: "/business/letame",
hotsubx: "6",
disabled: false,
},
{
title: "Changing Issuing Bank",
url: "#",
disabled: true,
},
{ title: "Receiving Docs", url: "#", disabled: true },
],
},
{
label: "Others",
item: [
{ 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",
item: [
{ 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",
item: [
{ 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",
item: [
{ 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 },
],
components: { SelMune },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
hotreg: "1",
meum: [
{
label: "信用证",
item: [
{
title: "Pre-Advising/Notifying",
url: "/business/letrsv",
disabled: false,
},
{
title: "Advising/Confirming",
url: "/business/letopn",
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",
url: "/business/letame",
hotsubx: "6",
disabled: false,
},
{
title: "Changing Issuing Bank",
url: "#",
disabled: true,
},
{ title: "Receiving Docs", url: "#", disabled: true },
],
},
{
label: "Others",
item: [
{
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",
item: [
{ 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",
item: [
{
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",
item: [
{
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: {
...Event,
//各入口按钮请求
async onTabClick(tab, event) {
switch (tab.label) {
case "Transfer":
this.hotreg = "9";
break;
default:
this.hotreg = "1";
}
let rtnmsg = await this.executeRule(`cfgfil.hotreg${this.hotreg}`);
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
} else {
this.$notify.error({
title: "错误",
message: "服务请求失败！",
});
}
},
],
};
},
methods: {
...Event,
//各入口按钮请求
async onTabClick(tab, event) {
switch (tab.label) {
case "Transfer":
this.hotreg = "9";
break;
default:
this.hotreg = "1";
}
let rtnmsg = await this.executeRule(`cfgfil.hotreg${this.hotreg}`);
if ((rtnmsg.respCode == SUCCESS)) {
this.updateModel(rtnmsg.data);
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
},
created: function () {},
created: function () {},
};
</script>
<style>
.centerLable {
height: 28px;
line-height: 28px;
height: 28px;
line-height: 28px;
}
</style>
src/views/Business/Detsel/index.vue
<template>
<c-page title="出口信用证查询">
<!-- <div class="eContainer"> -->
<el-form :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 -->
<el-tab-pane label="查询" name="sel">
<m-sel :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<!-- </div> -->
</c-page>
<c-page title="出口信用证查询">
<!-- <div class="eContainer"> -->
<el-form
: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 -->
<el-tab-pane label="查询" name="sel">
<m-sel :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<!-- </div> -->
</c-page>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Detsel from "~/model/Detsel"
import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Detsel/Check"
import Default from "~/model/Detsel/Default"
import Pattern from "~/model/Detsel/Pattern"
import Sel from "./Sel"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Detsel from "~/model/Detsel";
import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Detsel/Check";
import Default from "~/model/Detsel/Default";
import Pattern from "~/model/Detsel/Pattern";
import Sel from "./Sel";
export default {
name: "Detsel",
components:{
"m-sel" : Sel,
components: {
"m-sel": Sel,
},
provide() {
return {
root: this
}
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "",
tabVal: "sel",
trnName: "detsel",
model: new Detsel().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
},
}
codes: {},
};
},
methods:{
myTabClick(tab){
this.tabClick(tab)
methods: {
myTabClick(tab) {
this.tabClick(tab);
/**
* do it yourself
**/
}
* do it yourself
**/
},
},
created:async function(){
created: async function () {
console.log("进入detsel交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
Utils.copyValueFromVO(this.model, rtnmsg.data);
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
}
},
};
</script>
<style>
</style>
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