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 { ...@@ -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>
<c-col :span="24">
<c-col :span="8"> <!-- -------------------Left------------------- -->
<el-form-item label="参考号" prop="dedgrp.rec.ownref"> <c-col :span="12">
<c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入参考号"></c-input>
</el-form-item> <c-col :span="24">
</c-col> <el-form-item label="参考号" prop="dedgrp.rec.ownref">
<c-input
<c-col :span="8" :offset="1"> v-model="model.dedgrp.rec.ownref"
<el-form-item label="概要" prop="dedgrp.rec.nam"> maxlength="16"
<c-input v-model="model.dedgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input> placeholder="请输入参考号"
</el-form-item> ></c-input>
</c-col> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="11"> <c-col :span="13">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-col :span="11"> <c-select
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur"> disabled
<c-select v-model="model.dedgrp.cbs.nom1.cur"
v-model="model.dedgrp.cbs.nom1.cur" style="width: 100%"
style="width: 100%" placeholder="请选择Currency"
placeholder="请选择币种" @keyup.enter.native="nom1CurEvent"
:code="codes.cur"> >
</c-select> <el-option
</el-form-item> v-for="item in codes.cur"
</c-col> :key="item.value"
:label="item.label"
<c-col :span="8"> :value="item.value"
<el-form-item label="" label-width="10px" prop="dedgrp.cbs.nom1.amt"> >
<c-input-currency </el-option>
v-model="model.dedgrp.cbs.nom1.amt" </c-select>
style="width: 90%" </el-form-item>
placeholder="请输入金额" </c-col>
></c-input-currency>
</el-form-item> <c-col :span="11">
</c-col> <el-form-item
style="text-align: left"
<c-col :span="11"> label-width="5px"
<el-form-item label="信用证余额" prop="dedgrp.cbs.opn1.cur"> prop="dedgrp.cbs.nom1.amt"
<c-select >
v-model="model.dedgrp.cbs.opn1.cur" <c-input-currency
style="width: 100%" v-model="model.dedgrp.cbs.nom1.amt"
placeholder="请选择币种" style="text-align: left; width: 100%"
:code="codes.cur"> placeholder="请输入信用证金额"
</c-select> @keyup.enter.native="
</el-form-item> defaultFunction('dedgrp.cbs.nom1.amt', model.dedgrp.cbs.nom1.amt)
</c-col> "
></c-input-currency>
<c-col :span="8"> </el-form-item>
<el-form-item label="" label-width="10px" prop="dedgrp.cbs.opn1.amt"> </c-col>
<c-input-currency </c-col>
v-model="model.dedgrp.cbs.opn1.amt"
style="width: 90%" <c-col :span="24">
placeholder="请输入金额" <c-col :span="13">
></c-input-currency> <el-form-item
</el-form-item> label="信用证余额"
</c-col> prop="dedgrp.cbs.opn1.cur"
>
<c-select
<c-col :span="24"> v-model="model.dedgrp.cbs.opn1.cur"
<el-form-item label="指定银行" prop="dedgrp.avbnam"> placeholder="请选择币种"
<c-input v-model="model.dedgrp.avbnam" maxlength="40" placeholder="请输入指定银行"></c-input> :code="codes.cur"
</el-form-item> style="width:100%"
</c-col> >
</c-select>
<c-col :span="24"> </el-form-item>
<el-form-item label="兑付方式" prop="dedgrp.rec.avbby"> </c-col>
<c-select v-model="model.dedgrp.rec.avbby" style="width:100%" placeholder="请选择兑付方式">
</c-select> <c-col :span="11">
</el-form-item> <el-form-item
</c-col> label=""
label-width="5px"
<c-col :span="8"> prop="dedgrp.cbs.opn1.amt"
<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-input-currency
</el-form-item> v-model="model.dedgrp.cbs.opn1.amt"
</c-col> placeholder="请输入金额"
></c-input-currency>
<c-col :span="12"> </el-form-item>
<el-form-item label="" prop="dedgrp.rec.shpdat"> </c-col>
<c-date-picker type="date" v-model="model.dedgrp.rec.shpdat" style="width:90%" placeholder="请选择Shipment Date"></c-date-picker> </c-col>
</el-form-item>
</c-col> <c-col :span="24">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-col :span="8"> <c-date-picker
<el-form-item label="最迟交单日期/交单地" prop="dedgrp.rec.expdat"> type="date"
<c-date-picker type="date" v-model="model.dedgrp.rec.expdat" style="width:100%" placeholder="请选择最迟交单日期/交单地"></c-date-picker> v-model="model.dedgrp.rec.opndat"
</el-form-item> placeholder="请选择开证日期"
</c-col> style="width:100%"
<c-col :span="12"> ></c-date-picker>
<el-form-item label="" prop="dedgrp.rec.expplc"> </el-form-item>
<c-input type="textarea" v-model="model.dedgrp.rec.expplc" maxlength="35" show-word-limit placeholder="请输入最迟交单日期/交单地" ></c-input>
</el-form-item> <!-- <c-col :span="12">
</c-col> <el-form-item label="" prop="dedgrp.rec.shpdat">
<c-date-picker
<c-col :span="24"> type="date"
<el-form-item label="信用证类型" prop="dedgrp.rec.lcrtyp"> v-model="model.dedgrp.rec.shpdat"
<c-select v-model="model.dedgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型"> placeholder="请选择Shipment Date"
</c-select> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col> -->
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="8"> <el-form-item label="指定银行" prop="dedgrp.avbnam">
<c-input
<c-col :span="24"> v-model="model.dedgrp.avbnam"
<el-form-item label="申请人" prop="bfdgrp.apl.pts.ref"> maxlength="40"
<c-input v-model="model.bfdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"></c-input> placeholder="请输入指定银行"
</el-form-item> ></c-input>
</c-col> </el-form-item>
<c-col :span="24"> </c-col>
<el-form-item label="" prop="bfdgrp.apl.pts.nam">
<c-input v-model="model.bfdgrp.apl.pts.nam" maxlength="40" placeholder="请输入申请人"></c-input> <c-col :span="24">
</el-form-item> <el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
</c-col> <c-select
v-model="model.dedgrp.rec.avbby"
<c-col :span="24"> style="width: 100%"
<el-form-item label="开证行" prop="bfdgrp.iss.pts.ref"> placeholder="请选择兑付方式"
<c-input v-model="model.bfdgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行"></c-input> >
</el-form-item> </c-select>
</c-col> </el-form-item>
<c-col :span="24"> </c-col>
<el-form-item label="" prop="bfdgrp.iss.pts.nam">
<c-input v-model="model.bfdgrp.iss.pts.nam" maxlength="40" placeholder="请输入开证行"></c-input> <c-col :span="24">
</el-form-item> <el-form-item
</c-col> label="最迟交单日期/交单地"
prop="dedgrp.rec.expdat"
<c-col :span="24"> >
<el-form-item label="交单人" prop="bfdgrp.prb.pts.ref"> <c-date-picker
<c-input v-model="model.bfdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单人"></c-input> type="date"
</el-form-item> v-model="model.dedgrp.rec.expdat"
</c-col> style="width: 100%"
<c-col :span="24"> placeholder="请选择最迟交单日期/交单地"
<el-form-item label="" prop="bfdgrp.prb.pts.nam"> ></c-date-picker>
<c-input v-model="model.bfdgrp.prb.pts.nam" maxlength="40" placeholder="请输入交单人"></c-input> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col :span="24">
</c-col> <el-form-item label="" prop="dedgrp.rec.expplc">
</c-col> <c-input
type="textarea"
v-model="model.dedgrp.rec.expplc"
maxlength="35"
<c-col :span="24"> show-word-limit
<c-col :span="11"> placeholder="请输入最迟交单日期/交单地"
></c-input>
<c-col :span="16"> </el-form-item>
<el-form-item label="单据编号" prop="bfdgrp.rec.ownref"> </c-col>
<c-input v-model="model.bfdgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号"></c-input>
</el-form-item> <c-col :span="24">
</c-col> <el-form-item label="单据编号" prop="bfdgrp.rec.ownref">
<c-col :span="6"> <c-fullbox>
<c-button size="small" type="primary" @click="onBftmodButgetref"> <c-input
获取 v-model="model.bfdgrp.rec.ownref"
</c-button> maxlength="16"
</c-col> placeholder="请输入单据编号"
></c-input>
<c-col :span="24"> <template slot="footer">
<el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod"> <c-button
<c-select v-model="model.bfdgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型"> size="small"
</c-select> type="primary"
</el-form-item> @click="onBftmodButgetref"
</c-col> >
获取
<c-col :span="11"> </c-button>
<el-form-item label="单据金额" prop="bfdgrp.cbs.max.cur"> </template>
<c-select </c-fullbox>
v-model="model.bfdgrp.cbs.max.cur" </el-form-item>
style="width: 100%" </c-col>
placeholder="请选择币种"
:code="codes.cur"> <c-col :span="24">
</c-select> <el-form-item
</el-form-item> label="单据类型"
</c-col> prop="bfdgrp.rec.doctypcod"
>
<c-col :span="8"> <c-select
<el-form-item label="" label-width="10px" prop="bfdgrp.cbs.max.amt"> v-model="model.bfdgrp.rec.doctypcod"
<c-input-currency style="width: 100%"
v-model="model.bfdgrp.cbs.max.amt" placeholder="请选择单据类型"
style="width: 90%" >
placeholder="请输入金额" </c-select>
></c-input-currency> </el-form-item>
</el-form-item> </c-col>
</c-col>
<c-col :span="24">
<c-col :span="12"> <c-col :span="13">
<el-form-item label="收单日期" prop="bfdgrp.rec.rcvdat"> <el-form-item
<c-date-picker type="date" v-model="model.bfdgrp.rec.rcvdat" style="width:100%" placeholder="请选择收单日期"></c-date-picker> label="单据金额"
</el-form-item> prop="bfdgrp.cbs.max.cur"
</c-col> >
<c-select
<c-col :span="12"> v-model="model.bfdgrp.cbs.max.cur"
<el-form-item label="寄单日期" prop="bfdgrp.rec.orddat"> style="width: 100%"
<c-date-picker type="date" v-model="model.bfdgrp.rec.orddat" style="width:100%" placeholder="请选择寄单日期"></c-date-picker> placeholder="请选择币种"
</el-form-item> :code="codes.cur"
</c-col> >
</c-select>
<c-col :span="12"> </el-form-item>
<el-form-item label="到期日" prop="bfdgrp.rec.matdat"> </c-col>
<c-date-picker type="date" v-model="model.bfdgrp.rec.matdat" style="width:100%" placeholder="请选择到期日"></c-date-picker>
</el-form-item> <c-col :span="11">
</c-col> <el-form-item
label=""
<c-col :span="12"> label-width="5px"
<el-form-item label="装运日期" prop="bfdgrp.rec.shpdat"> prop="bfdgrp.cbs.max.amt"
<c-date-picker type="date" v-model="model.bfdgrp.rec.shpdat" style="width:100%" placeholder="请选择装运日期"></c-date-picker> >
</el-form-item> <c-input-currency
</c-col> v-model="model.bfdgrp.cbs.max.amt"
placeholder="请输入金额"
<c-col :span="24"> ></c-input-currency>
<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> </c-col>
</el-form-item> </c-col>
</c-col>
<c-col :span="24">
</c-col> <c-col :span="13">
<el-form-item label="收单日期" prop="bfdgrp.rec.rcvdat">
<c-date-picker
<c-col :span="8" :offset="1"> type="date"
v-model="model.bfdgrp.rec.rcvdat"
<c-col :span="24"> style="width: 100%"
<el-form-item label="概要" prop="bfdgrp.rec.nam"> placeholder="请选择收单日期"
<c-input v-model="model.bfdgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="11">
<el-form-item label="Presented by" prop="bfdgrp.rec.docprbrol"> <el-form-item label="寄单日期" prop="bfdgrp.rec.orddat" label-width="100px">
<c-select v-model="model.bfdgrp.rec.docprbrol" style="width:100%" placeholder="请选择交单人"> <c-date-picker
</c-select> type="date"
</el-form-item> v-model="model.bfdgrp.rec.orddat"
</c-col> style="width: 100%"
placeholder="请选择寄单日期"
<c-col :span="24"> ></c-date-picker>
<c-ptap </el-form-item>
:model="model" </c-col>
:argadr="{ </c-col>
title: '交单人',
grp: 'bfdgrp', <c-col :span="24">
rol: 'prb', <c-col :span="13">
}" <el-form-item label="到期日" prop="bfdgrp.rec.matdat">
:disabled="true" <c-date-picker
@onSeainf="onSeainf" type="date"
@onAplpDet="onPrbpDet" v-model="model.bfdgrp.rec.matdat"
> style="width: 100%"
</c-ptap> placeholder="请选择到期日"
</c-col> ></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="发票类型" prop="bfdgrp.rec.invtyp"> <c-col :span="11">
<c-select v-model="model.bfdgrp.rec.invtyp" style="width:100%" placeholder="请选择发票类型"> <el-form-item label="装运日期" prop="bfdgrp.rec.shpdat" label-width="100px">
</c-select> <c-date-picker
</el-form-item> type="date"
</c-col> v-model="model.bfdgrp.rec.shpdat"
style="width: 100%"
<c-col :span="24" class="centerLable marginLable"> placeholder="请选择装运日期"
<c-checkbox v-model="model.bfdgrp.rec.dscinsflg">输入单据不符点指示</c-checkbox> ></c-date-picker>
</c-col> </el-form-item>
</c-col>
<c-col :span="24"> </c-col>
<el-form-item label="已交单次数" prop="dedgrp.rec.utlnbr">
<c-input v-model="model.dedgrp.rec.utlnbr" placeholder="请输入已交单次数"></c-input> <c-col :span="24">
</el-form-item> <el-form-item
</c-col> label="Maturity Period"
prop="bfdgrp.blk.matper"
</c-col> >
<c-input
</c-col> type="textarea"
v-model="model.bfdgrp.blk.matper"
</c-row> maxlength="65"
</div> 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> </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="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-col :span="24"> <c-col :span="24">
<el-form-item label="指定银行" prop="dedgrp.avbnam"> <c-col :span="12">
<c-input <el-form-item label="信用证编号" prop="dedgrp.rec.ownref">
v-model="model.dedgrp.avbnam" <c-fullbox>
maxlength="40" <c-input
placeholder="请输入Available with" v-model="model.dedgrp.rec.ownref"
disabled maxlength="16"
></c-input> placeholder="请输入信用证编号"
</el-form-item> @keyup.enter.native="
</c-col> showGridPromptDialog('dedgrp.rec.ownref')
<c-col :span="24"> "
<el-form-item label="兑付方式" prop="dedgrp.rec.avbby"> ></c-input>
<c-select <template slot="footer">
v-model="model.dedgrp.rec.avbby" <c-button
style="width: 100%" size="small"
placeholder="请选择Available by " type="primary"
disabled @click="onSeainf"
> icon="el-icon-search"
</c-select> style="margin-right:10px"
</el-form-item> ></c-button>
</c-col> <c-checkbox v-model="model.clsflg">Show closed</c-checkbox>
<c-col :span="13"> </template>
<el-form-item label="开证日期" prop="dedgrp.rec.opndat"> </c-fullbox>
<c-date-picker </el-form-item>
type="date" </c-col>
v-model="model.dedgrp.rec.opndat" <c-col :span="12">
style="width: 95%" <el-form-item label="摘要" prop="dedgrp.rec.nam">
placeholder="请选择Date Issued" <c-input
disabled v-model="model.dedgrp.rec.nam"
></c-date-picker> maxlength="40"
</el-form-item> placeholder="请输入Externally Displayed Name to Identify the Contract"
disabled
></c-input>
</el-form-item>
</c-col>
</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"> <c-col :span="11">
<el-form-item <el-form-item
label="最迟装运日期" label="最迟装运日期"
label-width="110px" label-width="110px"
prop="dedgrp.rec.shpdat" prop="dedgrp.rec.shpdat"
> >
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.dedgrp.rec.shpdat" v-model="model.dedgrp.rec.shpdat"
style="width: 100%" style="width: 100%"
placeholder="请选择Shipment Date" placeholder="请选择Shipment Date"
disabled disabled
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="13"> <c-col :span="13">
<el-form-item label="最迟交单日期/交单地" prop="dedgrp.rec.expdat"> <el-form-item
<c-date-picker label="最迟交单日期/交单地"
type="date" prop="dedgrp.rec.expdat"
v-model="model.dedgrp.rec.expdat" >
style="width: 95%" <c-date-picker
placeholder="请选择Date/Place of Expiry" type="date"
disabled v-model="model.dedgrp.rec.expdat"
></c-date-picker> style="width: 95%"
</el-form-item> placeholder="请选择Date/Place of Expiry"
</c-col> disabled
<c-col :span="11"> ></c-date-picker>
<el-form-item label="" label-width="0px" prop="dedgrp.rec.expplc"> </el-form-item>
<c-input </c-col>
v-model="model.dedgrp.rec.expplc" <c-col :span="11">
maxlength="29" <el-form-item
placeholder="请输入Date/Place of Expiry" label=""
disabled label-width="0px"
></c-input> prop="dedgrp.rec.expplc"
</el-form-item> >
</c-col> <c-input
<c-col :span="24"> v-model="model.dedgrp.rec.expplc"
<el-form-item label="信用证类型" prop="dedgrp.rec.lcrtyp"> maxlength="29"
<c-select placeholder="请输入Date/Place of Expiry"
v-model="model.dedgrp.rec.lcrtyp" disabled
style="width: 100%" ></c-input>
placeholder="请选择转让标志" </el-form-item>
disabled </c-col>
:code="codes.lcrtyp" <c-col :span="24">
> <el-form-item label="信用证类型" prop="dedgrp.rec.lcrtyp">
</c-select> <c-select
</el-form-item> v-model="model.dedgrp.rec.lcrtyp"
</c-col> style="width: 100%"
</c-col> placeholder="请选择转让标志"
disabled
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</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
<c-input label="受益人参考号"
v-model="model.dedgrp.ben.pts.ref" prop="dedgrp.ben.pts.ref"
maxlength="16" >
placeholder="请输入Beneficiary" <c-input
disabled v-model="model.dedgrp.ben.pts.ref"
></c-input> maxlength="16"
</el-form-item> placeholder="请输入Beneficiary"
</c-col> disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="受益人名称" prop="dedgrp.ben.pts.nam"> <el-form-item label="受益人名称" prop="dedgrp.ben.pts.nam">
<c-input <c-input
v-model="model.dedgrp.ben.pts.nam" v-model="model.dedgrp.ben.pts.nam"
maxlength="40" maxlength="40"
placeholder="请输入Name of Party" placeholder="请输入Name of Party"
disabled disabled
></c-input> ></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="dedgrp.iss.pts.ref"> <el-form-item
<c-input label="开证行参考号"
v-model="model.dedgrp.iss.pts.ref" prop="dedgrp.iss.pts.ref"
maxlength="16" >
placeholder="请输入Issuing Bank" <c-input
disabled v-model="model.dedgrp.iss.pts.ref"
></c-input> maxlength="16"
</el-form-item> placeholder="请输入Issuing Bank"
</c-col> disabled
<c-col :span="24"> ></c-input>
<el-form-item label="开证行名称" prop="dedgrp.iss.pts.nam"> </el-form-item>
<c-input </c-col>
v-model="model.dedgrp.iss.pts.nam" <c-col :span="24">
maxlength="40" <el-form-item label="开证行名称" prop="dedgrp.iss.pts.nam">
placeholder="请输入Name of Party" <c-input
disabled v-model="model.dedgrp.iss.pts.nam"
></c-input> maxlength="40"
</el-form-item> placeholder="请输入Name of Party"
</c-col> 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"> <c-col :span="24">
<el-form-item label="申请人参考号" prop="dedgrp.apl.pts.ref"> <el-form-item>
<c-input <el-divider />
v-model="model.dedgrp.apl.pts.ref" </el-form-item>
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>
<c-col :span="24"> <c-col :offset="12" :span="10">
<el-form-item label="Confirmation text" prop="cnftxt"> <el-tabs tab-position="right" @tab-click="onTabClick">
<c-input <el-tab-pane
v-model="model.cnftxt" v-for="it in meum"
maxlength="40" :key="it.key"
placeholder="请输入Confirmation text" :label="it.label"
disabled >
></c-input> <sel-mune :data="meumItem" :model="model" />
</el-form-item> </el-tab-pane>
</el-tabs>
</c-col> </c-col>
</c-col> </c-row>
</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>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from "~/service/Api";
...@@ -239,185 +371,91 @@ import commonProcess from "~/mixin/commonProcess"; ...@@ -239,185 +371,91 @@ 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: {
inject: ["root"], SelMune,
props: ["model", "codes"], "c-ptsmsg": Ptsmsg,
mixins: [commonProcess], },
data() { inject: ["root"],
return { props: ["model", "codes"],
hotreg: "1", mixins: [commonProcess],
meum: [ data() {
{ return {
label: "信用证", hotreg: "1",
item: [ meum: [
{ {
title: "Pre-Advising/Notifying", label:'信用证',
url: "/business/letrsv", key:1
disabled: false, },
}, {
{ label:'信用证其他',
title: "Advising/Confirming", key:2
url: "/business/letopn", },
hotsubx: "6", {
disabled: false, label:'单据',
}, key:3
{ title: "Reservation", url: "#", disabled: false }, },
{ title: "Resevation & Receving Docs", url: "#", disabled: false }, {
{ title: "Confirmation an Export L/C", url: "#", disabled: true }, label:'单据其他',
{ key:4
title: "Amending Issuing Bank", },
url: "/business/letame", {
hotsubx: "6", label:'融资',
disabled: false, key:5
}, },
{ {
title: "Changing Issuing Bank", label:'融资其他',
url: "#", key:6
disabled: true, },
}, {
{ title: "Receiving Docs", url: "#", disabled: true }, label:'同业代付',
], key:7
}, },
{ {
label: "Others", label:'其他',
item: [ key:8
{ 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 }, methods: {
{ title: "Re_Opening", url: "#", disabled: true }, ...Event,
], //各入口按钮请求
}, async onTabClick(tab) {
{ var label = tab.label;
label: "Docs", var key = 1;
item: [ var meum = this.meum;
{ title: "Correct Drawing", url: "#", disabled: true }, for(let i = 0; i < meum.length; i++){
{ title: "Processing Discrepant Docs", url: "#", disabled: true }, if(meum[i].label == label){
{ title: "Sending Documents", url: "#", disabled: true }, key = meum[i].key;
{ title: "Changing Maturity", url: "#", disabled: true }, break;
{ title: "Funds Settlement", url: "#", disabled: true }, }
{ title: "Reimbursement", url: "#", disabled: true }, }
], this.hotreg = key;
}, let rtnmsg = await this.executeRule(`cfgfil.hotreg${key}`);
{ if (rtnmsg.respCode == SUCCESS) {
label: "Oth.Docs", this.updateModel(rtnmsg.data)
item: [ } else {
{ title: "Charge Settlement", url: "#", disabled: true }, this.$notify.error({
{ title: "Attachment", url: "#", disabled: true }, title: "错误",
{ title: "Confirmation Limit Canclling", url: "#", disabled: true }, message: "服务请求失败！",
{ 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: "服务请求失败！" });
}
}, },
}, computed: {
created: function () {}, meumItem() {
return this.model.cfgfil.btnstm.rows || []
}
}
}; };
</script> </script>
<style> <style>
.centerLable { .centerLable {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
} }
</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"
:href="scope.row.url" :href="scope.row.url"
v-if="scope.row.title" v-if="scope.row.title"
>{{ scope.row.title }}</el-link >{{ scope.row.title }}</el-link
> --> > -->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</template> </template>
<script> <script>
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
export default { export default {
inject: ["root"], inject: ["root"],
props: ["data", "model"], props: ["data", "model"],
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() { data() {
return { return {
cellSttyle: { height: "25px" }, cellSttyle: { height: "25px" },
}; meumItem: [],
}, };
methods: { },
//各入口按钮请求 methods: {
async onNarBtnClick(href, hotsubx) { //各入口按钮请求
let rtnmsg = await this.executeRule(`cfgfil.hotsub${hotsubx}`); async onNarBtnClick(url, label) {
console.log("cfgfil.code:" + this.model.cfgfil[`subtrn${hotsubx}`]); let key = 0;
if ((rtnmsg.respCode == SUCCESS)) {
this.$router.history.push(href); for(let i = 1; i <= 11 ; i++){
} else { let temp_label = this.model.cfgfil['subtxt'+i];
this.$notify.error({ title: "错误", message: "服务请求失败！" }); 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> </script>
<style> <style>
a { a {
text-decoration-line: none; text-decoration-line: none;
color: #606266; color: #606266;
} }
a:hover { a:hover {
color: blue; color: blue;
} }
</style> </style>
\ No newline at end of file
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"
<!--PD000035 --> ref="modelForm"
<el-tab-pane label="查询" name="sel"> label-width="150px"
<m-sel :model="model" :codes="codes"/> label-position="right"
</el-tab-pane> size="small"
</c-tabs> :validate-on-rule-change="false"
</el-form> >
<c-grid-ety-prompt-dialog <c-tabs
ref="etyDialog" v-model="tabVal"
:promptData="promptData" ref="elment"
v-on:select-ety="selectEty" type="card"
> @tab-click="myTabClick"
</c-grid-ety-prompt-dialog> >
<!-- </div> --> <!--PD000035 -->
</c-page> <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> </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 {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
} }
else },
{ };
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