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 1045 additions and 789 deletions
src/model/Detsel/Pattern.js
......@@ -129,7 +129,7 @@ export default {
{max: 3,message:"长度不能超过3"}
],
"bfdgrp.cbs.max.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -228,7 +228,7 @@ export default {
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
"bfdgrp.cbs.opn1.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......
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>
<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 :span="12">
<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="12">
<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>
<!-- 信用证 -->
<div v-if="hotreg == 1 || hotreg == 2">
<c-col :span="24">
<c-col :span="12">
<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="12">
<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>
<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>
</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="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>
<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.key"
:label="it.label"
>
<sel-mune :data="meumItem" :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";
......@@ -239,185 +371,91 @@ import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letsel/Event";
import SelMune from "./SelMune.vue";
import Ptsmsg from "~/views/Public/Ptsmsg";
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,
"c-ptsmsg": Ptsmsg,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
hotreg: "1",
meum: [
{
label:'信用证',
key:1
},
{
label:'信用证其他',
key:2
},
{
label:'单据',
key:3
},
{
label:'单据其他',
key:4
},
{
label:'融资',
key:5
},
{
label:'融资其他',
key:6
},
{
label:'同业代付',
key:7
},
{
label:'其他',
key:8
}
],
};
},
methods: {
...Event,
//各入口按钮请求
async onTabClick(tab) {
var label = tab.label;
var key = 1;
var meum = this.meum;
for(let i = 0; i < meum.length; i++){
if(meum[i].label == label){
key = meum[i].key;
break;
}
}
this.hotreg = key;
let rtnmsg = await this.executeRule(`cfgfil.hotreg${key}`);
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 () {},
computed: {
meumItem() {
return this.model.cfgfil.btnstm.rows || []
}
}
};
</script>
<style>
.centerLable {
height: 28px;
line-height: 28px;
height: 28px;
line-height: 28px;
}
</style>
src/views/Business/Detsel/SelMune.vue
<template>
<el-table
:data="data"
border
stripe
:show-header="false"
:cell-style="cellSttyle"
>
<el-table-column prop="title" align="center">
<template slot-scope="scope">
<c-button
@click.native="onNarBtnClick(scope.row.url, scope.row.hotsubx)"
:title="scope.row.title"
:disabled="scope.row.disabled"
>{{ scope.row.title }}</c-button
>
<!-- <el-link
<el-table
:data="tableData"
border
stripe
:show-header="false"
:cell-style="cellSttyle"
>
<el-table-column prop="label" align="center">
<template slot-scope="scope">
<c-button
@click="onNarBtnClick(scope.row.url, scope.row.label)"
:label="scope.row.label"
:disabled="scope.row.disabled"
>{{ scope.row.label }}</c-button
>
<!-- <el-link
:disabled="scope.row.disabled"
:href="scope.row.url"
v-if="scope.row.title"
>{{ scope.row.title }}</el-link
> -->
</template>
</el-table-column>
</el-table>
</template>
</el-table-column>
</el-table>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
export default {
inject: ["root"],
props: ["data", "model"],
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
cellSttyle: { height: "25px" },
};
},
methods: {
//各入口按钮请求
async onNarBtnClick(href, hotsubx) {
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: "服务请求失败！" });
}
inject: ["root"],
props: ["data", "model"],
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
cellSttyle: { height: "25px" },
meumItem: [],
};
},
methods: {
//各入口按钮请求
async onNarBtnClick(url, label) {
let key = 0;
for(let i = 1; i <= 11 ; i++){
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 {
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;
},
},
},
};
</script>
<style>
a {
text-decoration-line: none;
color: #606266;
text-decoration-line: none;
color: #606266;
}
a:hover {
color: blue;
color: blue;
}
</style>
\ No newline at end of file
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: "sel",
trnName: "detsel",
......@@ -50,32 +61,28 @@ export default {
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)
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
},
};
</script>
<style>
</style>
src/views/Public/Ptsmsg.vue
<template>
<div class="eibs-tab">
<!-- <div class="eibs-tab"> -->
<div>
<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
v-model="model[argadr.url + 'ref']"
v-model="model[argadr.grp][argadr.rol].pts.ref"
maxlength="16"
:placeholder="'请输入' + argadr.title + '编号'"
:disabled="disabled"
......@@ -12,9 +13,9 @@
</c-col>
<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
v-model="model[argadr.url + 'nam']"
v-model="model[argadr.grp][argadr.rol].pts.nam"
maxlength="40"
:placeholder="'请输入' + argadr.title + '名称'"
: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